aboutsummaryrefslogtreecommitdiffhomepage
path: root/main/app/sprinkles/core/templates/tables
diff options
context:
space:
mode:
authormarvin-borner@live.com2018-04-16 21:09:05 +0200
committermarvin-borner@live.com2018-04-16 21:09:05 +0200
commitcf14306c2b3f82a81f8d56669a71633b4d4b5fce (patch)
tree86700651aa180026e89a66064b0364b1e4346f3f /main/app/sprinkles/core/templates/tables
parent619b01b3615458c4ed78bfaeabb6b1a47cc8ad8b (diff)
Main merge to user management system - files are now at /main/public/
Diffstat (limited to 'main/app/sprinkles/core/templates/tables')
-rwxr-xr-xmain/app/sprinkles/core/templates/tables/table-paginated.html.twig59
-rwxr-xr-xmain/app/sprinkles/core/templates/tables/table-tool-menu.html.twig25
2 files changed, 84 insertions, 0 deletions
diff --git a/main/app/sprinkles/core/templates/tables/table-paginated.html.twig b/main/app/sprinkles/core/templates/tables/table-paginated.html.twig
new file mode 100755
index 0000000..5b94120
--- /dev/null
+++ b/main/app/sprinkles/core/templates/tables/table-paginated.html.twig
@@ -0,0 +1,59 @@
+{# Base layout for paginated tablesorter tables.
+ # Requires tablesorter-custom.css for proper styling of pager elements.
+#}
+
+{# Set some default values for the child template. #}
+{% set table = {
+ 'id': "uf-table",
+ 'sortlist': "[[0, 0]]"
+ } | merge(table)
+%}
+
+{#
+ Global search field for the table. By default, only shown in mobile sizes.
+ To customize this behavior, see core/assets/userfrosting/css/userfrosting.css
+#}
+{% block table_search %}
+ <div class="form-group has-feedback uf-table-search js-uf-table-search">
+ <input type="search" class="form-control" data-column="all">
+ <i class="fa fa-search form-control-icon" aria-hidden="true"></i>
+ </div>
+{% endblock %}
+<div class="table overlay-wrapper">
+ {% block table %}
+ {# Define your table skeleton in this block in your child template #}
+ {% endblock %}
+
+ {% block table_cell_templates %}
+ {# Define your Handlebars cell templates in this block in your child template #}
+ {% endblock %}
+
+ {% block table_info %}
+ <div class="uf-table-info js-uf-table-info" data-message-empty-rows="{{translate('NO_RESULTS')}}">
+ </div>
+ {% endblock %}
+
+ {% block table_pager_controls %}
+ <div class="pager pager-lg tablesorter-pager js-uf-table-pager" data-output-template="{{translate('PAGINATION.OUTPUT')}}">
+ <span class="pager-control first" title="{{translate("PAGINATION.FIRST")}}"><i class="fa fa-angle-double-left"></i></span>
+ <span class="pager-control prev" title="{{translate("PAGINATION.PREVIOUS")}}"><i class="fa fa-angle-left"></i></span>
+ <span class="pagedisplay"></span> {# this can be any element, including an input #}
+ <span class="pager-control next" title="{{translate("PAGINATION.NEXT")}}"><i class="fa fa-angle-right"></i></span>
+ <span class="pager-control last" title= "{{translate("PAGINATION.LAST")}}"><i class="fa fa-angle-double-right"></i></span>
+ <br><br>
+ {{translate("PAGINATION.GOTO")}}: <select class="gotoPage"></select> &bull; {{translate("PAGINATION.SHOW")}}:
+ <select class="pagesize">
+ {% for count in pager.take|default([5, 10, 50, 100]) %}
+ <option value="{{count}}">{{count}}</option>
+ {% endfor %}
+ </select>
+ </div>
+ {% endblock %}
+ {% block table_overlay %}
+ {% if site.uf_table.use_loading_transition %}
+ <div class="overlay js-uf-table-overlay hidden">
+ <i class="fa fa-refresh fa-spin"></i>
+ </div>
+ {% endif %}
+ {% endblock %}
+</div>
diff --git a/main/app/sprinkles/core/templates/tables/table-tool-menu.html.twig b/main/app/sprinkles/core/templates/tables/table-tool-menu.html.twig
new file mode 100755
index 0000000..0c4dfed
--- /dev/null
+++ b/main/app/sprinkles/core/templates/tables/table-tool-menu.html.twig
@@ -0,0 +1,25 @@
+{# Tool menu for table panels #}
+
+<div class="box-tools pull-right">
+ <div class="btn-group">
+ <button type="button" class="btn btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+ <i class="fa fa-bars"></i> <span class="caret"></span>
+ </button>
+ <ul class="dropdown-menu box-tool-menu">
+ <li>
+ <a href="#" class="js-uf-table-download">
+ <i class="fa fa-table fa-fw"></i> {{ translate("DOWNLOAD.CSV") }}
+ </a>
+ </li>
+ <li role="separator" class="divider"></li>
+ <li>
+ <div class="uf-table-cs-title">
+ {{translate('TOGGLE_COLUMNS')}}:
+ </div>
+ <div class="uf-table-cs-options js-uf-table-cs-options">
+
+ </div>
+ </li>
+ </ul>
+ </div>
+</div>