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

Merge branch 'main' of https://git.tueit.de/jo.kuehner/TueIT_App into main

Browse Source
This commit is contained in:
Johanna Kuehner
2024-03-04 19:31:17 +01:00
parent 6a4a53ce4b 3a1e468789
commit 889eb3571f
82 changed files with 5647 additions and 343 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">
<CustomerSearch v-if="onSolutionlist || onCustomerSolutionlist"/>
<SolutionTable v-if="onSolutionlist"/>
<SolutionTableNoCustomer v-if="onCustomerSolutionlist"/>
<Solution v-if="onSolution"/>
<SolutionChecklist v-if="onSolution"/>
<CustomerSearch v-if="onSolutionlist || onCustomerSolutionlist" />
<SolutionTable v-if="onSolutionlist" />
<SolutionTableNoCustomer 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 SolutionTableNoCustomer from "../components/server/SolutionTableNoCustomer.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>