groups.html 4.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. {% set page_title = _("Groups") %}
  2. {% extends theme("management/management_layout.html") %}
  3. {% block breadcrumb %}
  4. <ol class="breadcrumb flaskbb-breadcrumb">
  5. <li><a href="{{ url_for('forum.index') }}">{% trans %}Forum{% endtrans %}</a></li>
  6. <li><a href="{{ url_for('management.overview') }}">{% trans %}Management{% endtrans %}</a></li>
  7. <li class="active">{% trans %}Manage Groups{% endtrans %}</li>
  8. </ol>
  9. {% endblock %}
  10. {% block management_content %}
  11. {% from theme('macros.html') import render_pagination, navlink with context %}
  12. <div class="col-md-3 settings-col">
  13. <div class="nav-sidebar">
  14. <ul class="nav">
  15. {{ navlink('management.groups', _("Manage Groups")) }}
  16. {{ navlink('management.add_group', _("Add Group")) }}
  17. </ul>
  18. </div>
  19. </div>
  20. <div class="col-md-9 settings-col with-left-border">
  21. <div class="panel settings-panel">
  22. <div class="panel-heading settings-head">
  23. <span class="fa fa-users"></span> {% trans %}Groups{% endtrans %}
  24. </div>
  25. <div class="panel-body settings-body">
  26. <div class="settings-content">
  27. <div class="settings-meta row">
  28. <div class="col-md-1 col-sm-1 col-xs-1 meta-item"><input type="checkbox" name="rowtoggle" class="action-checkall" title="Select All"/></div>
  29. <div class="col-md-4 col-sm-4 col-xs-5 meta-item">{% trans %}Group Name{% endtrans %}</div>
  30. <div class="col-md-5 col-sm-5 hidden-xs meta-item">{% trans %}Description{% endtrans %}</div>
  31. <div class="col-md-2 col-sm-2 col-xs-5">
  32. <div class="btn-group">
  33. <button type="button" class="btn btn-default btn-xs dropdown-toggle" data-toggle="dropdown">
  34. <span class="fa fa-cog"></span> {% trans %}Actions{% endtrans %}
  35. </button>
  36. <ul class="dropdown-menu slidedown">
  37. <li>
  38. <a href="javascript:void(0)" onclick="return bulk_actions.execute('{{ url_for('management.delete_group') }}', '{% trans %}Are you sure you want to delete these Groups?{% endtrans %}')">
  39. <span class="fa fa-trash text-danger"></span> {% trans %}Delete selected Groups{% endtrans %}
  40. </a>
  41. </li>
  42. </ul>
  43. </div>
  44. </div>
  45. </div>
  46. {% for group in groups.items %}
  47. <div class="row settings-row hover clearfix">
  48. <div class="col-md-1 col-sm-1 col-xs-1"><input type="checkbox" name="rowid" class="action-checkbox" value="{{ group.id }}" title="Select Group"/></div>
  49. <div class="col-md-4 col-sm-4 col-xs-5">{{ group.name }}</div>
  50. <div class="col-md-5 col-sm-5 hidden-xs">{{ group.description }}</div>
  51. <div class="col-md-2 col-sm-2 col-xs-5">
  52. <a href="{{ url_for('management.edit_group', group_id = group.id) }}" class="btn btn-icon">
  53. <span class="fa fa-pencil text-primary" data-toggle="tooltip" data-placement="top" title="{% trans %}Edit{% endtrans %}"></span>
  54. </a>
  55. <form class="inline-form" id="delete-{{group.id}}" method="post" action="{{ url_for('management.delete_group', group_id=group.id) }}">
  56. <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
  57. <button class="btn btn-icon">
  58. <span class="fa fa-trash text-danger" data-toggle="tooltip" data-placement="top" title="{% trans %}Delete{% endtrans %}"></span>
  59. </button>
  60. </form>
  61. </div>
  62. </div>
  63. {% else %}
  64. <div class="row settings-row clearfix">
  65. <div class="col-md-12 col-sm-12 col-xs-12">{% trans %}No groups found.{% endtrans %}</div>
  66. </div>
  67. {% endfor %}
  68. </div>
  69. </div>
  70. <div class="panel-footer settings-footer">
  71. {{ render_pagination(groups, url_for('management.groups')) }}
  72. </div>
  73. </div>
  74. </div>
  75. {% endblock %}
  76. {% block scripts %}
  77. <script>
  78. var bulk_actions = new BulkActions();
  79. $(function () {
  80. $('[data-toggle="tooltip"]').tooltip()
  81. })
  82. </script>
  83. {% endblock %}