adm_tueit/TueIT_App
2
0
Fork 0
Code Issues 3 Pull Requests 3 Packages Projects Releases Wiki Activity

Merge branch 'AccountingPages'

Browse Source
This commit is contained in:
selina.mail
2024-03-11 19:57:54 +01:00
parent 9954158475 e56af94a88
commit cbc1e73bb0
71 changed files with 4234 additions and 230 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
components/CustomerSearch.vue
View File

@ -1,9 +1,9 @@
<template>
<section :class="['customer-search', darkMode ? 'section-darkmode' : 'section-lightmode']">
<div :class="['label', darkMode ? 'label-darkmode' : 'label-lightmode']">Customer</div>
<pre v-if="!filtered" :class="['data', darkMode ? 'pre-darkmode' : 'pre-lightmode']">{{ customerFilter }}</pre>
<input v-if="filtered" v-model="customerFilter" @change="filterConfigItemList()"
:class="['data', 'input', darkMode ? 'data-darkmode' : 'data-lightmode']">
<pre v-if="!filtered" :class="['data', 'pre-customer', darkMode ? 'pre-darkmode' : 'pre-lightmode']">{{ clientFilter }}</pre>
<input v-if="filtered" v-model="clientFilter" @change="filterList()"
:class="['data', 'input-customer', darkMode ? 'data-darkmode' : 'data-lightmode']">
</section>
</template>
@ -24,12 +24,20 @@ const updateFilterTerm = () => {
customerFilter.value = filteredTerm.value
}
const checkFiltered = () => {
if (!filtered.value) {
clientFilter.value = ''
filterList();
}
}
// update the filtered term in the store
const filterConfigItemList = () => {
store.commit('updateAssetFilterbyCustomer', customerFilter.value);
const filterList = () => {
store.commit('updateFilterbyClient', clientFilter.value);
}
watch(filteredTerm, updateFilterTerm)
watch(filtered, checkFiltered)
</script>
<script>
@ -102,6 +110,10 @@ export default {
border: none;
}
.pre-customer {
margin-left: 1rem;
}
.data-darkmode {
background-color: #212121;
color: #fff;