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

implemented mvt and solutions

Browse Source
This commit is contained in:
selina.mail
2024-03-04 10:24:55 +01:00
parent 1e001bb4a1
commit 488eba45e1
57 changed files with 3389 additions and 1125 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
pages/solutions.vue
View File

@ -1,19 +1,20 @@
<template>
<section id="content">
<div id="content-header">
<h1 :class="[darkMode ? 'h1-darkmode' : 'h1-lightmode']" id="page-name">Solutions</h1>
<router-link to="/solutions" class="button" id="solutions-button" @click="defaultSolutionPage()">
<h1 :class="[darkMode ? 'h1-darkmode' : 'h1-lightmode']" id="page-name">Solutions</h1>
</router-link>
</div>
<div id="content-body">
<ClientSearch v-if="onSolutionlist || onCustomerSolutionlist"/>
<SolutionTable v-if="onSolutionlist"/>
<SolutionTableNoClient v-if="onCustomerSolutionlist"/>
<Solution v-if="onSolution"/>
<SolutionChecklist v-if="onSolution"/>
<ClientSearch v-if="onSolutionlist || onCustomerSolutionlist" />
<SolutionTable v-if="onSolutionlist" />
<SolutionTableNoClient v-if="onCustomerSolutionlist" />
<Solution v-if="onSolution" />
<SolutionChecklist v-if="onSolution" />
</div>
</section>
</template>
<script setup>
import { ref } from 'vue';
@ -22,17 +23,24 @@ import SolutionTable from "../components/server/SolutionTable.vue";
import SolutionTableNoClient from "../components/server/SolutionTableNoClient.vue";
import Solution from "../components/server/Solution.vue";
import SolutionChecklist from "../components/server/SolutionChecklist.vue";
import { useStore } from 'vuex';
import { computed } from 'vue';
const store = useStore();
const onSolutionlist = computed(() => store.state.onSolutionlist);
const onCustomerSolutionlist = computed(() => store.state.onCustomerSolutionlist);
const onSolution = computed(() => store.state.onSolution);
definePageMeta({
layout: 'default'
})
const darkMode = ref(true)
const defaultSolutionPage = () => {
store.commit('resetStore');
store.commit('changeToSolutionlist')
}
// to render the right components
const onSolutionlist = ref(true)
const onCustomerSolutionlist = ref(false)
const onSolution = ref(false)
const darkMode = ref(true)
</script>
<script>
@ -40,9 +48,9 @@ export default {
name: "AssetPage",
}
</script>
<style scoped>
* {
box-sizing: border-box;
@ -93,4 +101,8 @@ export default {
margin-bottom: 0.625rem;
border-radius: 0.625rem;
}
.button {
text-decoration: none;
}
</style>