ADD: EVlog Filter

+ small filter css adjustment

frontend/src/assets/css/net-suite.css

@@ -198,7 +198,7 @@ table.collapse.in {
     position: sticky;
     top: 110px;
     background: rgba(255, 255, 255, 0.9);
-    padding: 20px 0;
+    margin: 20px 0;
     z-index: 10;
 }
 
@@ -206,7 +206,7 @@ table.collapse.in {
     top: 40px;
     position: sticky;
     background: rgba(255, 255, 255, 0.9);
-    padding: 20px 0;
+    margin: 20px 0;
     z-index: 10;
 }
 

frontend/src/components/EVLogViewer.vue

@@ -2,15 +2,16 @@
   <b-modal size="xl" ok-title="Schließen" :title="'Eventlog: ' + title" :ok-only="true" :id="modal_id"
            @show="fetchData()">
     <b-form @submit="fetchData">
-      <b-input-group prepend="# Transaktionen">
+      <b-input-group prepend="# Transaktionen" class="shadow">
         <b-form-input type="number" v-model="top_n"/>
         <b-input-group-append>
           <b-button type="submit" variant="success" @click="fetchData">Aktualisieren</b-button>
         </b-input-group-append>
       </b-input-group>
+      <FilterInput v-model="filter"/>
     </b-form>
     <Loading :data="[records]">
-      <b-table :responsive="true" striped :items="records" :fields="table_fields">
+      <b-table :responsive="true" striped :items="records" :fields="table_fields" :filter="filter">
         <template v-slot:cell(data)="data">
           <span style="white-space: pre-wrap">{{ data.item.data }}</span>
         </template>
@@ -26,11 +27,12 @@
 import EVLogService from '@/api-services/evlog.service'
 import Loading from '@/components/Loading'
 import apiutil from '@/util/apiutil'
+import FilterInput from '@/components/FilterInput'
 import '@/util/colorutil'
 
 export default {
   name: 'EVLogViewer',
-  components: {Loading},
+  components: {Loading, FilterInput},
   data() {
     return {
       records: null,
@@ -61,7 +63,8 @@ export default {
           label: 'Account',
           sortable: true
         }
-      ]
+      ],
+      filter: ''
     }
   },
   props: {