This commit is contained in:
Johanna Kuehner
2024-02-23 17:54:09 +01:00
85 changed files with 8063 additions and 3484 deletions

View File

@ -4,15 +4,15 @@
<h1 :class="[darkMode ? 'h1-darkmode' : 'h1-lightmode']" id="page-name">Assets</h1>
</div>
<div id="content-body">
<ClientSearch v-if="onAssetlist || onCustomerAssetlist"/>
<AssetTable v-if="onAssetlist"/>
<AssetTableNoClient v-if="onCustomerAssetlist"/>
<Asset v-if="onAsset"/>
<HardwareSpecifications v-if="onAsset"/>
<SoftwareSpecifications v-if="onAsset"/>
<NetworkSpecifications v-if="onAsset"/>
<AssetSearch v-if="onSolutionlistAsset"/>
<AssetSolutionList v-if="onSolutionlistAsset"/>
<ClientSearch v-if="onAssetlist || onCustomerAssetlist" />
<AssetTable v-if="onAssetlist" />
<AssetTableNoClient v-if="onCustomerAssetlist" />
<Asset v-if="onAsset" />
<HardwareSpecifications v-if="onAsset" />
<SoftwareSpecifications v-if="onAsset" />
<NetworkSpecifications v-if="onAsset" />
<AssetSearch v-if="onSolutionlistAsset" />
<AssetSolutionList v-if="onSolutionlistAsset" />
</div>
</section>
</template>
@ -30,26 +30,27 @@ import SoftwareSpecifications from "../components/server/SoftwareSpecifications.
import NetworkSpecifications from "../components/server/NetworkSpecifications.vue";
import AssetSearch from "../components/AssetSearch.vue";
import AssetSolutionList from "../components/server/AssetSolutionList.vue";
import { useStore } from 'vuex';
import { computed } from 'vue';
const store = useStore();
const onAssetlist = computed(() => store.state.onAssetlist);
const onCustomerAssetlist = computed(() => store.state.onCustomerAssetlist);
const onAsset = computed(() => store.state.onAsset);
const onSolutionlistAsset = computed(() => store.state.onSolutionlistAsset);
definePageMeta({
layout: 'default'
})
const darkMode = ref(true)
// to render the right components
const onAssetlist = ref(true)
const onCustomerAssetlist = ref(false)
const onAsset = ref(false)
const onSolutionlistAsset = ref(false)
</script>
<script>
export default {
name: "AssetPage",
}
</script>
</script>
<style scoped>
* {