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

implemented accounting pages

Browse Source
This commit is contained in:
selina.mail
2024-03-11 19:44:31 +01:00
parent 3a1e468789
commit e56af94a88
71 changed files with 4230 additions and 226 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
components/ClientSearch.vue
View File

@ -1,8 +1,8 @@
<template>
<section :class="['client-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']">{{ clientFilter }}</pre>
<input v-if="filtered" v-model="clientFilter" @change="filterConfigItemList()"
<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 = () => {
clientFilter.value = filteredTerm.value
}
const checkFiltered = () => {
if (!filtered.value) {
clientFilter.value = ''
filterList();
}
}
// update the filtered term in the store
const filterConfigItemList = () => {
const filterList = () => {
store.commit('updateFilterbyClient', clientFilter.value);
}
watch(filteredTerm, updateFilterTerm)
watch(filtered, checkFiltered)
</script>
<script>
@ -103,6 +111,10 @@ export default {
margin-left: 1rem;
}
.pre-customer {
margin-left: 1rem;
}
.data-darkmode {
background-color: #212121;
color: #fff;