added dynamic column filter #174 (#184)

templates/admin/activity.html.twig

@@ -5,7 +5,7 @@
 
 {% block page_title %}{{ 'admin_activity.title'|trans }}{% endblock %}
 {% block page_subtitle %}{{ 'admin_activity.subtitle'|trans }} {{ 'subtitle.amount'|trans({'%count%': entries.count}) }}{% endblock %}
-{% block page_actions %}{{ widgets.page_actions({'filter': '#collapseActivityAdmin', 'create': path('admin_activity_create')}) }}{% endblock %}
+{% block page_actions %}{{ widgets.page_actions({'filter': '#collapseActivityAdmin', 'visibility': '#modal_activity_admin', 'create': path('admin_activity_create')}) }}{% endblock %}
 
 {% block main_before %}
     {{ toolbar.toolbar(toolbarForm, 'collapseActivityAdmin') }}
@@ -16,26 +16,30 @@
         {{ widgets.callout('warning', 'error.no_entries_found') }}
     {% endif %}
 
-    {{ tables.data_table_header({
-        'label.name': '',
-        'label.customer': 'hidden-xs',
-        'label.project': '',
-        'label.comment': 'hidden-xs',
-        'label.visible': 'hidden-xs',
-        'label.actions': '',
-    }) }}
+    {% set columns = {
+        'name': 'alwaysVisible',
+        'customer': 'hidden-xs',
+        'project': '',
+        'comment': 'hidden-xs',
+        'visible': 'hidden-xs',
+        'actions': 'alwaysVisible',
+    } %}
+
+    {% set tableName = 'activity_admin' %}
+
+    {{ tables.data_table_header(tableName, columns) }}
 
     {% for entry in entries %}
         <tr>
             <td>{{ entry.name }}</td>
-            <td class="hidden-xs">
+            <td class="{{ tables.data_table_column_class(tableName, columns, 'customer') }}">
                 <a href="{{ path('admin_customer_edit', {'id' : entry.project.customer.id}) }}">{{ widgets.label_customer(entry.project.customer) }}</a>
             </td>
-            <td>
+            <td class="{{ tables.data_table_column_class(tableName, columns, 'project') }}">
                 <a href="{{ path('admin_project_edit', {'id' : entry.project.id}) }}">{{ widgets.label_project(entry.project) }}</a>
             </td>
-            <td class="hidden-xs">{{ entry.comment }}</td>
-            <td class="hidden-xs">{{ widgets.label_visible(entry.visible) }}</td>
+            <td class="{{ tables.data_table_column_class(tableName, columns, 'comment') }}">{{ entry.comment }}</td>
+            <td class="{{ tables.data_table_column_class(tableName, columns, 'visible') }}">{{ widgets.label_visible(entry.visible) }}</td>
             <td>
                 {% set actionButtons = {} %}
                 {% if is_granted('edit', entry) %}

templates/admin/customer.html.twig

@@ -5,7 +5,7 @@
 
 {% block page_title %}{{ 'admin_customer.title'|trans }}{% endblock %}
 {% block page_subtitle %}{{ 'admin_customer.subtitle'|trans }} {{ 'subtitle.amount'|trans({'%count%': entries.count}) }}{% endblock %}
-{% block page_actions %}{{ widgets.page_actions({'filter': '#collapseCustomerAdmin', 'create': path('admin_customer_create')}) }}{% endblock %}
+{% block page_actions %}{{ widgets.page_actions({'filter': '#collapseCustomerAdmin', 'visibility': '#modal_customer_admin', 'create': path('admin_customer_create')}) }}{% endblock %}
 
 {% block main_before %}
     {{ toolbar.toolbar(toolbarForm, 'collapseCustomerAdmin') }}
@@ -16,31 +16,35 @@
         {{ widgets.callout('warning', 'error.no_entries_found') }}
     {% endif %}
 
-    {{ tables.data_table_header({
-        'label.name': '',
-        'label.project': '',
-        'label.comment': 'hidden-xs',
-        'label.country': 'hidden-xs',
-        'label.customer_number': 'hidden-xs',
-        'label.currency': 'hidden-xs',
-        'label.visible': 'hidden-xs',
-        'label.actions': '',
-    }) }}
+    {% set columns = {
+        'name': 'alwaysVisible',
+        'project': '',
+        'comment': 'hidden-xs',
+        'country': 'hidden-xs',
+        'customer_number': 'hidden-xs',
+        'currency': 'hidden-xs',
+        'visible': 'hidden-xs',
+        'actions': 'alwaysVisible',
+    } %}
+
+    {% set tableName = 'customer_admin' %}
+
+    {{ tables.data_table_header(tableName, columns) }}
 
     {% for entry in entries %}
         <tr>
             <td>{{ entry.name }} {% if entry.company is not empty %}({{ entry.company }}){% endif %}</td>
-            <td>
+            <td class="{{ tables.data_table_column_class(tableName, columns, 'project') }}">
                 {% for project in entry.projects %}
                     <a href="{{ path('admin_project_edit', {'id' : project.id}) }}">{{ widgets.label_project(project) }}</a>
                     <br class="visible-xs-block">
                 {% endfor %}
             </td>
-            <td class="hidden-xs">{{ entry.comment }}</td>
-            <td class="hidden-xs">{{ entry.country|country }}</td>
-            <td class="hidden-xs">{{ entry.number }}</td>
-            <td class="hidden-xs">{{ entry.currency }} {{ entry.currency|currency }}</td>
-            <td class="hidden-xs">{{ widgets.label_visible(entry.visible) }}</td>
+            <td class="{{ tables.data_table_column_class(tableName, columns, 'comment') }}">{{ entry.comment }}</td>
+            <td class="{{ tables.data_table_column_class(tableName, columns, 'country') }}">{{ entry.country|country }}</td>
+            <td class="{{ tables.data_table_column_class(tableName, columns, 'customer_number') }}">{{ entry.number }}</td>
+            <td class="{{ tables.data_table_column_class(tableName, columns, 'currency') }}">{{ entry.currency }} {{ entry.currency|currency }}</td>
+            <td class="{{ tables.data_table_column_class(tableName, columns, 'visible') }}">{{ widgets.label_visible(entry.visible) }}</td>
             <td>
                 {% set actionButtons = {} %}
                 {% if is_granted('edit', entry) %}

templates/admin/project.html.twig

@@ -5,7 +5,7 @@
 
 {% block page_title %}{{ 'admin_project.title'|trans }}{% endblock %}
 {% block page_subtitle %}{{ 'admin_project.subtitle'|trans }} {{ 'subtitle.amount'|trans({'%count%': entries.count}) }}{% endblock %}
-{% block page_actions %}{{ widgets.page_actions({'filter': '#collapseProjectAdmin', 'create': path('admin_project_create')}) }}{% endblock %}
+{% block page_actions %}{{ widgets.page_actions({'filter': '#collapseProjectAdmin', 'visibility': '#modal_project_admin', 'create': path('admin_project_create')}) }}{% endblock %}
 
 {% block main_before %}
     {{ toolbar.toolbar(toolbarForm, 'collapseProjectAdmin') }}
@@ -16,24 +16,28 @@
         {{ widgets.callout('warning', 'error.no_entries_found') }}
     {% endif %}
 
-    {{ tables.data_table_header({
-        'label.name': '',
-        'label.customer': '',
-        'label.comment': 'hidden-xs hidden-sm',
-        'label.budget': 'hidden-xs',
-        'label.visible': 'hidden-xs',
-        'label.actions': '',
-    }) }}
+    {% set columns = {
+        'name': 'alwaysVisible',
+        'customer': '',
+        'comment': 'hidden-xs hidden-sm',
+        'budget': 'hidden-xs',
+        'visible': 'hidden-xs',
+        'actions': 'alwaysVisible',
+    } %}
+
+    {% set tableName = 'project_admin' %}
+
+    {{ tables.data_table_header(tableName, columns) }}
 
     {% for entry in entries %}
         <tr>
             <td>{{ entry.name }}</td>
-            <td>
+            <td class="{{ tables.data_table_column_class(tableName, columns, 'customer') }}">
                 <a href="{{ path('admin_customer_edit', {'id' : entry.customer.id}) }}">{{ widgets.label_customer(entry.customer) }}</a>
             </td>
-            <td class="hidden-xs hidden-sm">{{ entry.comment }}</td>
-            <td class="hidden-xs">{{ entry.budget|money(entry.customer.currency) }}</td>
-            <td class="hidden-xs">{{ widgets.label_visible(entry.visible) }}</td>
+            <td class="{{ tables.data_table_column_class(tableName, columns, 'comment') }}">{{ entry.comment }}</td>
+            <td class="{{ tables.data_table_column_class(tableName, columns, 'budget') }}">{{ entry.budget|money(entry.customer.currency) }}</td>
+            <td class="{{ tables.data_table_column_class(tableName, columns, 'visible') }}">{{ widgets.label_visible(entry.visible) }}</td>
             <td>
                 {% set actionButtons = {} %}
                 {% if is_granted('edit', entry) %}

templates/admin/timesheet.html.twig

@@ -5,7 +5,7 @@
 
 {% block page_title %}{{ 'admin_timesheet.title'|trans }}{% endblock %}
 {% block page_subtitle %}{{ 'admin_timesheet.subtitle'|trans }}{% endblock %}
-{% block page_actions %}{{ widgets.page_actions({'filter': '#collapseTimesheetAdmin', 'create': path('admin_timesheet_create')}) }}{% endblock %}
+{% block page_actions %}{{ widgets.page_actions({'filter': '#collapseTimesheetAdmin', 'visibility': '#modal_timesheet_admin', 'create': path('admin_timesheet_create')}) }}{% endblock %}
 
 {% block main_before %}
     {{ toolbar.toolbar(toolbarForm, 'collapseTimesheetAdmin') }}
@@ -16,48 +16,52 @@
         {{ widgets.callout('warning', 'error.no_entries_found') }}
     {% endif %}
 
-    {% set columns = {'label.date': ''} %}
+    {% set columns = {'date': 'alwaysVisible'} %}
 
     {% if not duration_only %}
-        {% set columns = columns|merge({'label.starttime': 'hidden-xs', 'label.endtime': 'hidden-xs'}) %}
+        {% set columns = columns|merge({'starttime': 'hidden-xs', 'endtime': 'hidden-xs'}) %}
     {% endif %}
 
-    {{ tables.data_table_header(columns|merge({
-        'label.duration': '',
-        'label.rate': '',
-        'label.activity': 'hidden-xs hidden-sm',
-        'label.username': 'hidden-xs',
-        'label.description': 'hidden-xs hidden-sm',
-        'label.actions': '',
-    })) }}
+    {% set columns = columns|merge({
+        'duration': '',
+        'rate': '',
+        'activity': 'hidden-xs hidden-sm',
+        'username': 'hidden-xs',
+        'description': 'hidden-xs hidden-sm',
+        'actions': 'alwaysVisible',
+    }) %}
+
+    {% set tableName = 'timesheet_admin' %}
+
+    {{ tables.data_table_header(tableName, columns) }}
 
     {% for entry in entries %}
         <tr>
             <td>{{ entry.begin|date_short }}</td>
 
             {% if not duration_only %}
-                <td class="hidden-xs">{{ entry.begin|date("H:i") }}</td>
+                <td class="{{ tables.data_table_column_class(tableName, columns, 'starttime') }}">{{ entry.begin|date("H:i") }}</td>
             {% endif %}
 
             {% if entry.end %}
                 {% if not duration_only %}
-                    <td class="hidden-xs">{{ entry.end|date("H:i") }}</td>
+                    <td class="{{ tables.data_table_column_class(tableName, columns, 'endtime') }}">{{ entry.end|date("H:i") }}</td>
                 {% endif %}
-                <td>{{ entry.duration|duration }}</td>
-                <td>{{ entry.rate|money(entry.activity.project.customer.currency) }}</td>
+                <td class="{{ tables.data_table_column_class(tableName, columns, 'duration') }}">{{ entry.duration|duration }}</td>
+                <td class="{{ tables.data_table_column_class(tableName, columns, 'rate') }}">{{ entry.rate|money(entry.activity.project.customer.currency) }}</td>
             {% else %}
                 {% if not duration_only %}
-                    <td class="hidden-xs">&dash;</td>
+                    <td class="{{ tables.data_table_column_class(tableName, columns, 'endtime') }}">&dash;</td>
                 {% endif %}
-                <td><i>{{ entry|duration }}</i></td>
-                <td>&dash;</td>
+                <td class="{{ tables.data_table_column_class(tableName, columns, 'duration') }}"><i>{{ entry|duration }}</i></td>
+                <td class="{{ tables.data_table_column_class(tableName, columns, 'rate') }}">&dash;</td>
             {% endif %}
 
-            <td class="hidden-xs hidden-sm">
+            <td class="{{ tables.data_table_column_class(tableName, columns, 'activity') }}">
                 <a href="{{ path('admin_activity_edit', {'id': entry.activity.id}) }}">{{ widgets.label_activity(entry.activity) }}</a>
             </td>
-            <td class="hidden-xs"><a href="{{ path('profile'|route_alias, {'username' : entry.user.username}) }}">{{ widgets.label_user(entry.user) }}</a></td>
-            <td class="hidden-xs hidden-sm">{{ entry.description }}</td>
+            <td class="{{ tables.data_table_column_class(tableName, columns, 'username') }}"><a href="{{ path('profile'|route_alias, {'username' : entry.user.username}) }}">{{ widgets.label_user(entry.user) }}</a></td>
+            <td class="{{ tables.data_table_column_class(tableName, columns, 'description') }}">{{ entry.description }}</td>
             <td>
                 {% set actionButtons = {} %}
                 {% if is_granted('edit', entry) %}

templates/admin/user.html.twig

@@ -5,7 +5,7 @@
 
 {% block page_title %}{{ 'admin_user.title'|trans }}{% endblock %}
 {% block page_subtitle %}{{ 'admin_user.subtitle'|trans }} {{ 'subtitle.amount'|trans({'%count%': entries.count}) }}{% endblock %}
-{% block page_actions %}{{ widgets.page_actions({'filter': '#collapseUserAdmin', 'create': path('admin_user_create')}) }}{% endblock %}
+{% block page_actions %}{{ widgets.page_actions({'filter': '#collapseUserAdmin', 'visibility': '#modal_user_admin', 'create': path('admin_user_create')}) }}{% endblock %}
 
 {% block main_before %}
     {{ toolbar.toolbar(toolbarForm, 'collapseUserAdmin') }}
@@ -16,26 +16,30 @@
         {{ widgets.callout('warning', 'error.no_entries_found') }}
     {% endif %}
 
-    {{ tables.data_table_header({
-        'label.id': 'hidden-xs',
-        'label.alias': '',
-        'label.username': 'hidden-xs',
-        'label.email': 'hidden-xs hidden-sm',
-        'label.title': 'hidden-xs',
-        'label.active': '',
-        'label.roles': '',
-        'label.actions': '',
-    }) }}
+    {% set columns = {
+        'id': 'hidden-xs',
+        'alias': 'alwaysVisible',
+        'username': 'hidden-xs',
+        'email': 'hidden-xs hidden-sm',
+        'title': 'hidden-xs',
+        'active': '',
+        'roles': '',
+        'actions': 'alwaysVisible',
+    } %}
+
+    {% set tableName = 'user_admin' %}
+
+    {{ tables.data_table_header(tableName, columns) }}
 
     {% for entry in entries %}
         <tr>
-            <td class="hidden-xs">{{ entry.id }}</td>
+            <td class="{{ tables.data_table_column_class(tableName, columns, 'id') }}">{{ entry.id }}</td>
             <td>{{ widgets.username(entry) }}</td>
-            <td class="hidden-xs">{{ entry.username }}</td>
-            <td class="hidden-xs hidden-sm">{{ entry.email }}</td>
-            <td class="hidden-xs">{{ entry.title }}</td>
-            <td>{{ widgets.label_visible(entry.active) }}</td>
-            <td>
+            <td class="{{ tables.data_table_column_class(tableName, columns, 'username') }}">{{ entry.username }}</td>
+            <td class="{{ tables.data_table_column_class(tableName, columns, 'email') }}">{{ entry.email }}</td>
+            <td class="{{ tables.data_table_column_class(tableName, columns, 'title') }}">{{ entry.title }}</td>
+            <td class="{{ tables.data_table_column_class(tableName, columns, 'active') }}">{{ widgets.label_visible(entry.active) }}</td>
+            <td class="{{ tables.data_table_column_class(tableName, columns, 'roles') }}">
                 {% for role in entry.roles %}
                     {{ widgets.label_role(role) }}
                 {% endfor %}