Commit d7dde8e8 authored by Robert's avatar Robert 👽
Browse files

ADD: EVlog Filter

+ small filter css adjustment
parent e2f28cb5
Pipeline #132794 passed with stages
in 6 minutes and 43 seconds
...@@ -198,7 +198,7 @@ table.collapse.in { ...@@ -198,7 +198,7 @@ table.collapse.in {
position: sticky; position: sticky;
top: 110px; top: 110px;
background: rgba(255, 255, 255, 0.9); background: rgba(255, 255, 255, 0.9);
padding: 20px 0; margin: 20px 0;
z-index: 10; z-index: 10;
} }
...@@ -206,7 +206,7 @@ table.collapse.in { ...@@ -206,7 +206,7 @@ table.collapse.in {
top: 40px; top: 40px;
position: sticky; position: sticky;
background: rgba(255, 255, 255, 0.9); background: rgba(255, 255, 255, 0.9);
padding: 20px 0; margin: 20px 0;
z-index: 10; z-index: 10;
} }
......
...@@ -2,15 +2,16 @@ ...@@ -2,15 +2,16 @@
<b-modal size="xl" ok-title="Schließen" :title="'Eventlog: ' + title" :ok-only="true" :id="modal_id" <b-modal size="xl" ok-title="Schließen" :title="'Eventlog: ' + title" :ok-only="true" :id="modal_id"
@show="fetchData()"> @show="fetchData()">
<b-form @submit="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-form-input type="number" v-model="top_n"/>
<b-input-group-append> <b-input-group-append>
<b-button type="submit" variant="success" @click="fetchData">Aktualisieren</b-button> <b-button type="submit" variant="success" @click="fetchData">Aktualisieren</b-button>
</b-input-group-append> </b-input-group-append>
</b-input-group> </b-input-group>
<FilterInput v-model="filter"/>
</b-form> </b-form>
<Loading :data="[records]"> <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"> <template v-slot:cell(data)="data">
<span style="white-space: pre-wrap">{{ data.item.data }}</span> <span style="white-space: pre-wrap">{{ data.item.data }}</span>
</template> </template>
...@@ -26,11 +27,12 @@ ...@@ -26,11 +27,12 @@
import EVLogService from '@/api-services/evlog.service' import EVLogService from '@/api-services/evlog.service'
import Loading from '@/components/Loading' import Loading from '@/components/Loading'
import apiutil from '@/util/apiutil' import apiutil from '@/util/apiutil'
import FilterInput from '@/components/FilterInput'
import '@/util/colorutil' import '@/util/colorutil'
export default { export default {
name: 'EVLogViewer', name: 'EVLogViewer',
components: {Loading}, components: {Loading, FilterInput},
data() { data() {
return { return {
records: null, records: null,
...@@ -61,7 +63,8 @@ export default { ...@@ -61,7 +63,8 @@ export default {
label: 'Account', label: 'Account',
sortable: true sortable: true
} }
] ],
filter: ''
} }
}, },
props: { props: {
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment