From 4456c3e8fb9c6476fa34b8c43b1dc03979d45ea0 Mon Sep 17 00:00:00 2001
From: Luca Haid <luca@haid.in>
Date: Tue, 23 Jul 2024 16:50:25 +0200
Subject: [PATCH] added disable-filtering option

---
 public/plugins/vue/tt-components/tt-table.js | 23 ++++++++++----------
 1 file changed, 12 insertions(+), 11 deletions(-)

diff --git a/public/plugins/vue/tt-components/tt-table.js b/public/plugins/vue/tt-components/tt-table.js
index 2aebd6873..25c82c5ed 100644
--- a/public/plugins/vue/tt-components/tt-table.js
+++ b/public/plugins/vue/tt-components/tt-table.js
@@ -149,21 +149,21 @@ Vue.component('tt-table', {
                   (column.filter === 'dateRange' ? 'min-width: 260px;' : '') + 
                   (originalColumnWidths[column.key] ? 'width: ' + originalColumnWidths[column.key] + 'px;' : '')"
                       >
-                        <div style="text-align:center; white-space: nowrap;word-break: keep-all;user-select: none;"
+                        <div 
+                             style="text-align:center; white-space: nowrap;word-break: keep-all;user-select: none;"
                              :style="{ 'cursor': column.sortable ? 'pointer' : 'default' }"
-                             @click="column.sortable ? setOrder(column.key) : undefined">
+                             @click="column.sortable && !disableFiltering ? setOrder(column.key) : undefined">
                           {{ column.text }}
-                          <i
-                              v-if="column.sortable"
+                          <i v-if="column.sortable && !disableFiltering"
                               :class="getSortIconClass(column.key)"></i>
                         </div>
                         <!-- @formatter:off -->
-                        <tt-input v-if="column.filter === 'search'" v-model="filters[column.key]" sm/>
-                        <tt-icon-select v-else-if="column.filter === 'iconSelect'" :options="column.filterOptions" v-model="filters[column.key]" sm/>
-                        <tt-number-range v-else-if="column.filter === 'numberRange'" :returnText="!ssr" v-model="filters[column.key]" sm/>
-                        <tt-select v-else-if="column.filter === 'select'" :options="[{text: 'Alle', value: undefined}, ...column.filterOptions]" v-model="filters[column.key]" sm/>
-                        <tt-autocomplete v-else-if="column.filter === 'autocomplete'" :items="[{text: 'Alle', value: undefined}, ...column.filterOptions]" v-model="filters[column.key]" sm/>
-                        <tt-date-picker v-else-if="column.filter === 'date'" v-model="filters[column.key]"/>
+                        <tt-input v-if="column.filter === 'search' && !disableFiltering" v-model="filters[column.key]" sm/>
+                        <tt-icon-select v-else-if="column.filter === 'iconSelect' && !disableFiltering" :options="column.filterOptions" v-model="filters[column.key]" sm/>
+                        <tt-number-range v-else-if="column.filter === 'numberRange' && !disableFiltering" :returnText="!ssr" v-model="filters[column.key]" sm/>
+                        <tt-select v-else-if="column.filter === 'select' && !disableFiltering" :options="[{text: 'Alle', value: undefined}, ...column.filterOptions]" v-model="filters[column.key]" sm/>
+                        <tt-autocomplete v-else-if="column.filter === 'autocomplete' && !disableFiltering" :items="[{text: 'Alle', value: undefined}, ...column.filterOptions]" v-model="filters[column.key]" sm/>
+                        <tt-date-picker v-else-if="column.filter === 'date' && !disableFiltering" v-model="filters[column.key]"/>
                         <!-- @formatter:on -->
                       </th>
                     </tr>
@@ -264,7 +264,8 @@ Vue.component('tt-table', {
         excelExport:         {type: Boolean, default: false},
         config:              {type: Object, default: () => ({}), required: true},
         ssr:                 {type: Boolean, default: false},
-        disableInitialFetch: {type: Boolean, default: false}
+        disableInitialFetch: {type: Boolean, default: false},
+        disableFiltering:    {type: Boolean, default: false}
     }, data() {
         return {
             window:               window,