added settings Page and components

This commit is contained in:
2023-12-06 11:51:42 +01:00
parent 45c651e853
commit 6a4a799c85
21 changed files with 1301 additions and 99 deletions

View File

@ -4,13 +4,15 @@
<h1 :class="[darkMode ? 'h1-darkmode' : 'h1-lightmode']" id="page-name">Assets</h1>
</div>
<div id="content-body">
<ClientSearch />
<AssetTable />
<AssetTableNoClient />
<Asset />
<HardwareSpecifications />
<SoftwareSpecifications />
<NetworkSpecifications />
<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>
@ -26,12 +28,20 @@ import Asset from "../components/server/Asset.vue";
import HardwareSpecifications from "../components/server/HardwareSpecifications.vue";
import SoftwareSpecifications from "../components/server/SoftwareSpecifications.vue";
import NetworkSpecifications from "../components/server/NetworkSpecifications.vue";
import AssetSearch from "../components/AssetSearch.vue";
import AssetSolutionList from "../components/server/AssetSolutionList.vue";
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>