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

replaced client/s with customer/s

Browse Source
This commit is contained in:
Johanna Kuehner
2024-03-04 18:43:19 +01:00
parent 3a79ed12fa
commit 6a4a53ce4b
43 changed files with 182 additions and 181 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
components/ClientSearch.vue → components/CustomerSearch.vue
View File

@ -1,8 +1,8 @@
<template> <template>
<section :class="['client-search', darkMode ? 'section-darkmode' : 'section-lightmode']"> <section :class="['customer-search', darkMode ? 'section-darkmode' : 'section-lightmode']">
<div :class="['label', darkMode ? 'label-darkmode' : 'label-lightmode']">Client</div> <div :class="['label', darkMode ? 'label-darkmode' : 'label-lightmode']">Customer</div>
<pre v-if="!filtered" :class="['data', darkMode ? 'pre-darkmode' : 'pre-lightmode']">{{ clientFilter }}</pre> <pre v-if="!filtered" :class="['data', darkMode ? 'pre-darkmode' : 'pre-lightmode']">{{ customerFilter }}</pre>
<input v-if="filtered" v-model="clientFilter" @change="filterConfigItemList()" <input v-if="filtered" v-model="customerFilter" @change="filterConfigItemList()"
:class="['data', 'input', darkMode ? 'data-darkmode' : 'data-lightmode']"> :class="['data', 'input', darkMode ? 'data-darkmode' : 'data-lightmode']">
</section> </section>
</template> </template>
@ -14,19 +14,19 @@ import { computed } from 'vue';
const store = useStore(); const store = useStore();
const filtered = computed(() => store.state.assetFiltered); const filtered = computed(() => store.state.assetFiltered);
const filteredTerm = computed(() => store.state.filteredAssetbyClient); const filteredTerm = computed(() => store.state.filteredAssetbyCustomer);
const clientFilter = ref(store.state.filteredAssetbyClient); const customerFilter = ref(store.state.filteredAssetbyCustomer);
const darkMode = ref(true) const darkMode = ref(true)
// update filtered term // update filtered term
const updateFilterTerm = () => { const updateFilterTerm = () => {
clientFilter.value = filteredTerm.value customerFilter.value = filteredTerm.value
} }
// update the filtered term in the store // update the filtered term in the store
const filterConfigItemList = () => { const filterConfigItemList = () => {
store.commit('updateAssetFilterbyClient', clientFilter.value); store.commit('updateAssetFilterbyCustomer', customerFilter.value);
} }
watch(filteredTerm, updateFilterTerm) watch(filteredTerm, updateFilterTerm)
@ -34,12 +34,12 @@ watch(filteredTerm, updateFilterTerm)
<script> <script>
export default { export default {
name: "ClientSearch", name: "CustomerSearch",
}; };
</script> </script>
<style scoped> <style scoped>
.client-search { .customer-search {
display: flex; display: flex;
align-items: center; align-items: center;
padding: 0.625em 1.875em; padding: 0.625em 1.875em;

6
components/server/Accounting.vue
View File

@ -2,7 +2,7 @@
<section :class="['accounting-information', darkMode ? 'section-darkmode' : 'section-lightmode']"> <section :class="['accounting-information', darkMode ? 'section-darkmode' : 'section-lightmode']">
<div :class="['label', darkMode ? 'label-darkmode' : 'label-lightmode']" id="accounting">Accounting: <div :class="['label', darkMode ? 'label-darkmode' : 'label-lightmode']" id="accounting">Accounting:
<div class="asset-data"> <div class="asset-data">
<table class="data-table" id="asset-table-no-client"> <table class="data-table" id="asset-table-no-customer">
<tbody> <tbody>
<tr :class="['table-row', darkMode ? 'tr-head-darkmode' : 'tr-head-lightmode']" id="table-head"> <tr :class="['table-row', darkMode ? 'tr-head-darkmode' : 'tr-head-lightmode']" id="table-head">
<th <th
@ -34,7 +34,7 @@
<tr :class="['table-row', darkMode ? 'tr-darkmode' : 'tr-lightmode']" id="row-1"> <tr :class="['table-row', darkMode ? 'tr-darkmode' : 'tr-lightmode']" id="row-1">
<td <td
:class="['Action', darkMode ? 'td-darkmode' : 'td-lightmode', darkMode ? 'Action-darkmode' : 'Action-lightmode']"> :class="['Action', darkMode ? 'td-darkmode' : 'td-lightmode', darkMode ? 'Action-darkmode' : 'Action-lightmode']">
Client offer</td> Customer offer</td>
<td <td
:class="['Date', darkMode ? 'td-darkmode' : 'td-lightmode', darkMode ? 'Date-darkmode' : 'Date-lightmode']"> :class="['Date', darkMode ? 'td-darkmode' : 'td-lightmode', darkMode ? 'Date-darkmode' : 'Date-lightmode']">
...</td> ...</td>
@ -43,7 +43,7 @@
<tr :class="['table-row', darkMode ? 'tr-darkmode' : 'tr-lightmode']" id="row-1"> <tr :class="['table-row', darkMode ? 'tr-darkmode' : 'tr-lightmode']" id="row-1">
<td <td
:class="['Action', darkMode ? 'td-darkmode' : 'td-lightmode', darkMode ? 'Action-darkmode' : 'Action-lightmode']"> :class="['Action', darkMode ? 'td-darkmode' : 'td-lightmode', darkMode ? 'Action-darkmode' : 'Action-lightmode']">
Client order</td> Customer order</td>
<td <td
:class="['Date', darkMode ? 'td-darkmode' : 'td-lightmode', darkMode ? 'Date-darkmode' : 'Date-lightmode']"> :class="['Date', darkMode ? 'td-darkmode' : 'td-lightmode', darkMode ? 'Date-darkmode' : 'Date-lightmode']">
...</td> ...</td>

14
components/server/Asset.vue
View File

@ -5,9 +5,9 @@
<input v-if="editable" v-model="item.assetName" @change="updateConfigItem()" <input v-if="editable" v-model="item.assetName" @change="updateConfigItem()"
:class="['data', 'asset-name-input', darkMode ? 'h2-darkmode' : 'h2-lightmode', darkMode ? 'h2-input-darkmode' : 'h2-input-lightmode', 'input']"> :class="['data', 'asset-name-input', darkMode ? 'h2-darkmode' : 'h2-lightmode', darkMode ? 'h2-input-darkmode' : 'h2-input-lightmode', 'input']">
<div class="asset-data"> <div class="asset-data">
<div class="client-location"> <div class="customer-location">
<div class="data-field" id="client"> <div class="data-field" id="customer">
<pre :class="['label', darkMode ? 'pre-darkmode' : 'pre-lightmode']">Client:</pre> <pre :class="['label', darkMode ? 'pre-darkmode' : 'pre-lightmode']">Customer:</pre>
<pre v-if="!editable" <pre v-if="!editable"
:class="['data', darkMode ? 'data-darkmode' : 'data-lightmode']"> {{ item.customer }}</pre> :class="['data', darkMode ? 'data-darkmode' : 'data-lightmode']"> {{ item.customer }}</pre>
<select v-if="editable" id="customersDropDownChosenCI" v-model="item.customer" <select v-if="editable" id="customersDropDownChosenCI" v-model="item.customer"
@ -81,9 +81,9 @@
<input v-model="newAssetName" @change="updateAsset()" <input v-model="newAssetName" @change="updateAsset()"
:class="['data', 'asset-name-input', darkMode ? 'h2-darkmode' : 'h2-lightmode', darkMode ? 'h2-input-darkmode' : 'h2-input-lightmode', 'input']"> :class="['data', 'asset-name-input', darkMode ? 'h2-darkmode' : 'h2-lightmode', darkMode ? 'h2-input-darkmode' : 'h2-input-lightmode', 'input']">
<div class="asset-data"> <div class="asset-data">
<div class="client-location"> <div class="customer-location">
<div class="data-field" id="client"> <div class="data-field" id="customer">
<pre :class="['label', darkMode ? 'pre-darkmode' : 'pre-lightmode']">Client:</pre> <pre :class="['label', darkMode ? 'pre-darkmode' : 'pre-lightmode']">Customer:</pre>
<select id="customersDropDownChosenCI" v-model="newCustomer" @change="updateNewCustomerID()" <select id="customersDropDownChosenCI" v-model="newCustomer" @change="updateNewCustomerID()"
:class="[darkMode ? 'select-darkmode' : 'select-lightmode']"> :class="[darkMode ? 'select-darkmode' : 'select-lightmode']">
<option v-for="cust in customers" :key="cust.primaryID"> <option v-for="cust in customers" :key="cust.primaryID">
@ -475,7 +475,7 @@ export default {
align-self: stretch; align-self: stretch;
} }
.client-location, .customer-location,
.info { .info {
display: flex; display: flex;
flex-direction: column; flex-direction: column;

30
components/server/AssetTable.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<section v-if="assetSearchable" :class="['asset-search', darkMode ? 'section-darkmode' : 'section-lightmode']"> <section v-if="assetSearchable" :class="['asset-search', darkMode ? 'section-darkmode' : 'section-lightmode']">
<div :class="['clientLabel', darkMode ? 'label-darkmode' : 'label-lightmode']">Config item</div> <div :class="['customerLabel', darkMode ? 'label-darkmode' : 'label-lightmode']">Config item</div>
<input v-model="assetSearchFilter" @change="searchConfigItem()" <input v-model="assetSearchFilter" @change="searchConfigItem()"
:class="['dataInput', 'input', darkMode ? 'data-darkmode' : 'data-lightmode']"> :class="['dataInput', 'input', darkMode ? 'data-darkmode' : 'data-lightmode']">
</section> </section>
@ -10,8 +10,8 @@
<tbody> <tbody>
<tr :class="['table-row', darkMode ? 'tr-head-darkmode' : 'tr-head-lightmode']" id="table-head"> <tr :class="['table-row', darkMode ? 'tr-head-darkmode' : 'tr-head-lightmode']" id="table-head">
<th <th
:class="['Client', darkMode ? 'th-darkmode' : 'th-lightmode', darkMode ? 'Client-darkmode' : 'Client-lightmode']"> :class="['Customer', darkMode ? 'th-darkmode' : 'th-lightmode', darkMode ? 'Customer-darkmode' : 'Customer-lightmode']">
Client</th> Customer</th>
<th <th
:class="['Name', darkMode ? 'th-darkmode' : 'th-lightmode', darkMode ? 'Name-darkmode' : 'Name-lightmode']"> :class="['Name', darkMode ? 'th-darkmode' : 'th-lightmode', darkMode ? 'Name-darkmode' : 'Name-lightmode']">
Name</th> Name</th>
@ -26,7 +26,7 @@
<tr v-for="item in configItemList" :key="item.primaryID" <tr v-for="item in configItemList" :key="item.primaryID"
:class="['table-row', darkMode ? 'tr-darkmode' : 'tr-lightmode']"> :class="['table-row', darkMode ? 'tr-darkmode' : 'tr-lightmode']">
<td <td
:class="['Client', darkMode ? 'td-darkmode' : 'td-lightmode', darkMode ? 'Client-darkmode' : 'Client-lightmode']"> :class="['Customer', darkMode ? 'td-darkmode' : 'td-lightmode', darkMode ? 'Customer-darkmode' : 'Customer-lightmode']">
{{ item.customer }} {{ item.customer }}
</td> </td>
<td <td
@ -66,7 +66,7 @@ const goToChosenAsset = (id) => {
store.commit('setChosenAsset', id); store.commit('setChosenAsset', id);
store.commit('changeToAsset'); store.commit('changeToAsset');
}; };
const clientFilter = computed(() => store.state.filteredAssetbyClient); const customerFilter = computed(() => store.state.filteredAssetbyCustomer);
const assetSearchable = computed(() => store.state.assetSearchable); const assetSearchable = computed(() => store.state.assetSearchable);
const assetSearchFilter = ref(''); const assetSearchFilter = ref('');
@ -81,8 +81,8 @@ const updateSearchTerm = async () => {
//get all config items //get all config items
const getConfigItems = async () => { const getConfigItems = async () => {
if (!(clientFilter.value === '')) { if (!(customerFilter.value === '')) {
await getFilteredConfigItemsByClient(); await getFilteredConfigItemsByCustomer();
} else { } else {
try { try {
const response = await Axios.get(`https://${clientsideConfig.url}:${clientsideConfig.port}/api/getAllConfigItems`); const response = await Axios.get(`https://${clientsideConfig.url}:${clientsideConfig.port}/api/getAllConfigItems`);
@ -93,10 +93,10 @@ const getConfigItems = async () => {
} }
} }
//get all config items based on the searched client //get all config items based on the searched customer
const getFilteredConfigItemsByClient = async () => { const getFilteredConfigItemsByCustomer = async () => {
try { try {
const response = await Axios.get(`https://${clientsideConfig.url}:${clientsideConfig.port}/api/getSelectedConfigItemsByClient/${clientFilter.value}`); const response = await Axios.get(`https://${clientsideConfig.url}:${clientsideConfig.port}/api/getSelectedConfigItemsByCustomer/${customerFilter.value}`);
configItemList.value = response.data; configItemList.value = response.data;
} catch (err) { } catch (err) {
console.log(err.response.statusText); console.log(err.response.statusText);
@ -117,7 +117,7 @@ const searchConfigItem = async () => {
} }
} }
watch(clientFilter, getConfigItems); watch(customerFilter, getConfigItems);
watch(assetSearchable, updateSearchTerm); watch(assetSearchable, updateSearchTerm);
onMounted(async () => { onMounted(async () => {
@ -256,15 +256,15 @@ th {
font: 700 0.875rem/1.875rem Overpass, sans-serif; font: 700 0.875rem/1.875rem Overpass, sans-serif;
} }
.Client { .Customer {
width: 33.3%; width: 33.3%;
} }
.Client-darkmode { .Customer-darkmode {
border-right: 0.0625rem solid #000000; border-right: 0.0625rem solid #000000;
} }
.Client-lightmode { .Customer-lightmode {
border-right: 0.0625rem solid #8e8e8e; border-right: 0.0625rem solid #8e8e8e;
} }
@ -319,7 +319,7 @@ th {
letter-spacing: 0.05em; letter-spacing: 0.05em;
} }
.clientLabel { .customerLabel {
width: 5.5625em; width: 5.5625em;
height: 1.875em; height: 1.875em;
font-family: "Overpass"; font-family: "Overpass";

4
components/server/AssetTableNoClient.vue → components/server/AssetTableNoCustomer.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div :class="['data', darkMode ? 'div-darkmode' : 'div-lightmode']"> <div :class="['data', darkMode ? 'div-darkmode' : 'div-lightmode']">
<div :class="['label', darkMode ? 'label-darkmode' : 'label-lightmode']">Assets:</div> <div :class="['label', darkMode ? 'label-darkmode' : 'label-lightmode']">Assets:</div>
<table class="data-table" id="asset-table-no-client"> <table class="data-table" id="asset-table-no-customer">
<tbody> <tbody>
<tr :class="['table-row', darkMode ? 'tr-head-darkmode' : 'tr-head-lightmode']" id="table-head"> <tr :class="['table-row', darkMode ? 'tr-head-darkmode' : 'tr-head-lightmode']" id="table-head">
<th <th
@ -40,7 +40,7 @@ const darkMode = ref(true)
<script> <script>
export default { export default {
name: "AssetTableNoClient", name: "AssetTableNoCustomer",
}; };
</script> </script>

12
components/server/Client.vue → components/server/Customer.vue
View File

@ -1,11 +1,11 @@
<template> <template>
<section :class="[darkMode ? 'section-darkmode' : 'section-lightmode']"> <section :class="[darkMode ? 'section-darkmode' : 'section-lightmode']">
<pre :class="['title', darkMode ? 'title-darkmode' : 'title-lightmode']">Client name</pre> <pre :class="['title', darkMode ? 'title-darkmode' : 'title-lightmode']">Customer name</pre>
<div class="data-field" id="client-id"> <div class="data-field" id="customer-id">
<pre :class="['label', darkMode ? 'pre-darkmode' : 'pre-lightmode']">ID:</pre> <pre :class="['label', darkMode ? 'pre-darkmode' : 'pre-lightmode']">ID:</pre>
<pre :class="['data', darkMode ? 'data-darkmode' : 'data-lightmode']">...</pre> <pre :class="['data', darkMode ? 'data-darkmode' : 'data-lightmode']">...</pre>
</div> </div>
<div class="client-data"> <div class="customer-data">
<div class="contact"> <div class="contact">
<pre :class="['area-title', darkMode ? 'h3-darkmode' : 'h3-lightmode']">Contact:</pre> <pre :class="['area-title', darkMode ? 'h3-darkmode' : 'h3-lightmode']">Contact:</pre>
<div class="data-field" id="contact-person"> <div class="data-field" id="contact-person">
@ -59,7 +59,7 @@ const darkMode = ref(true)
<script> <script>
export default { export default {
name: "Client", name: "Customer",
}; };
</script> </script>
@ -99,7 +99,7 @@ section {
justify-content: flex-start; justify-content: flex-start;
gap: 1.25rem; gap: 1.25rem;
} }
.data-field#client-id { padding: 0.625rem 1.875rem; } .data-field#customer-id { padding: 0.625rem 1.875rem; }
.data-field#street-name { flex: 3; } .data-field#street-name { flex: 3; }
.label { .label {
@ -135,7 +135,7 @@ pre {
} }
.client-data { .customer-data {
display: flex; display: flex;
flex: auto; flex: auto;
flex-direction: row; flex-direction: row;

6
components/server/ClientDepartment.vue → components/server/CustomerDepartment.vue
View File

@ -6,8 +6,8 @@
<pre :class="['label', darkMode ? 'pre-darkmode' : 'pre-lightmode']">ID:</pre> <pre :class="['label', darkMode ? 'pre-darkmode' : 'pre-lightmode']">ID:</pre>
<pre :class="['data', darkMode ? 'data-darkmode' : 'data-lightmode']">...</pre> <pre :class="['data', darkMode ? 'data-darkmode' : 'data-lightmode']">...</pre>
</div> </div>
<div class="data-field" id="client-id"> <div class="data-field" id="customer-id">
<pre :class="['label', darkMode ? 'pre-darkmode' : 'pre-lightmode']">Client ID:</pre> <pre :class="['label', darkMode ? 'pre-darkmode' : 'pre-lightmode']">Customer ID:</pre>
<pre :class="['data', darkMode ? 'data-darkmode' : 'data-lightmode']">...</pre> <pre :class="['data', darkMode ? 'data-darkmode' : 'data-lightmode']">...</pre>
</div> </div>
<div class="data-field" id="head"> <div class="data-field" id="head">
@ -32,7 +32,7 @@ const darkMode = ref(true)
<script> <script>
export default { export default {
name: "ClientDepartment", name: "CustomerDepartment",
}; };
</script> </script>

4
components/server/ClientDepartmentEmployeeList.vue → components/server/CustomerDepartmentEmployeeList.vue
View File

@ -2,7 +2,7 @@
<template> <template>
<section :class="['data', darkMode ? 'section-darkmode' : 'section-lightmode']"> <section :class="['data', darkMode ? 'section-darkmode' : 'section-lightmode']">
<div :class="['label', darkMode ? 'label-darkmode' : 'label-lightmode']">Employees:</div> <div :class="['label', darkMode ? 'label-darkmode' : 'label-lightmode']">Employees:</div>
<table class="data-table" id="client-employee-table"> <table class="data-table" id="customer-employee-table">
<tr :class="['table-row', darkMode ? 'tr-head-darkmode' : 'tr-head-lightmode']" id="table-head"> <tr :class="['table-row', darkMode ? 'tr-head-darkmode' : 'tr-head-lightmode']" id="table-head">
<th :class="['ID', darkMode ? 'th-darkmode' : 'th-lightmode', darkMode ? 'ID-darkmode' : 'ID-lightmode']">ID</th> <th :class="['ID', darkMode ? 'th-darkmode' : 'th-lightmode', darkMode ? 'ID-darkmode' : 'ID-lightmode']">ID</th>
<th :class="['Name', darkMode ? 'th-darkmode' : 'th-lightmode', darkMode ? 'Name-darkmode' : 'Name-lightmode']">Name</th> <th :class="['Name', darkMode ? 'th-darkmode' : 'th-lightmode', darkMode ? 'Name-darkmode' : 'Name-lightmode']">Name</th>
@ -28,7 +28,7 @@ const darkMode = ref(true)
<script> <script>
export default { export default {
name: "ClientDepartmentEmployeeList", name: "CustomerDepartmentEmployeeList",
}; };
</script> </script>

4
components/server/ClientDepartmentList.vue → components/server/CustomerDepartmentList.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<section :class="['data', darkMode ? 'section-darkmode' : 'section-lightmode']"> <section :class="['data', darkMode ? 'section-darkmode' : 'section-lightmode']">
<div :class="['label', darkMode ? 'label-darkmode' : 'label-lightmode']">Departments:</div> <div :class="['label', darkMode ? 'label-darkmode' : 'label-lightmode']">Departments:</div>
<table class="data-table" id="client-employee-table"> <table class="data-table" id="customer-employee-table">
<tr :class="['table-row', darkMode ? 'tr-head-darkmode' : 'tr-head-lightmode']" id="table-head"> <tr :class="['table-row', darkMode ? 'tr-head-darkmode' : 'tr-head-lightmode']" id="table-head">
<th :class="['ID', darkMode ? 'th-darkmode' : 'th-lightmode', darkMode ? 'ID-darkmode' : 'ID-lightmode']">ID</th> <th :class="['ID', darkMode ? 'th-darkmode' : 'th-lightmode', darkMode ? 'ID-darkmode' : 'ID-lightmode']">ID</th>
<th :class="['Name', darkMode ? 'th-darkmode' : 'th-lightmode', darkMode ? 'Name-darkmode' : 'Name-lightmode']">Name</th> <th :class="['Name', darkMode ? 'th-darkmode' : 'th-lightmode', darkMode ? 'Name-darkmode' : 'Name-lightmode']">Name</th>
@ -25,7 +25,7 @@ const darkMode = ref(true)
<script> <script>
export default { export default {
name: "ClientDepartmentList", name: "CustomerDepartmentList",
}; };
</script> </script>

6
components/server/ClientEmployee.vue → components/server/CustomerEmployee.vue
View File

@ -32,8 +32,8 @@
</div> </div>
</div> </div>
<div class="data-group" id="employment-data"> <div class="data-group" id="employment-data">
<div class="data-field" id="client-id"> <div class="data-field" id="customer-id">
<pre :class="['label', darkMode ? 'pre-darkmode' : 'pre-lightmode']">Client ID:</pre> <pre :class="['label', darkMode ? 'pre-darkmode' : 'pre-lightmode']">Customer ID:</pre>
<pre :class="['data', darkMode ? 'data-darkmode' : 'data-lightmode']">...</pre> <pre :class="['data', darkMode ? 'data-darkmode' : 'data-lightmode']">...</pre>
</div> </div>
<div class="data-field" id="department"> <div class="data-field" id="department">
@ -72,7 +72,7 @@ const darkMode = ref(true)
<script> <script>
export default { export default {
name: "ClientEmployee", name: "CustomerEmployee",
}; };
</script> </script>

4
components/server/ClientEmployeeList.vue → components/server/CustomerEmployeeList.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<section :class="['data', darkMode ? 'section-darkmode' : 'section-lightmode']"> <section :class="['data', darkMode ? 'section-darkmode' : 'section-lightmode']">
<div :class="['label', darkMode ? 'label-darkmode' : 'label-lightmode']">Employees:</div> <div :class="['label', darkMode ? 'label-darkmode' : 'label-lightmode']">Employees:</div>
<table class="data-table" id="client-employee-table"> <table class="data-table" id="customer-employee-table">
<tr :class="['table-row', darkMode ? 'tr-head-darkmode' : 'tr-head-lightmode']" id="table-head"> <tr :class="['table-row', darkMode ? 'tr-head-darkmode' : 'tr-head-lightmode']" id="table-head">
<th :class="['ID', darkMode ? 'th-darkmode' : 'th-lightmode', darkMode ? 'ID-darkmode' : 'ID-lightmode']">ID</th> <th :class="['ID', darkMode ? 'th-darkmode' : 'th-lightmode', darkMode ? 'ID-darkmode' : 'ID-lightmode']">ID</th>
<th :class="['Name', darkMode ? 'th-darkmode' : 'th-lightmode', darkMode ? 'Name-darkmode' : 'Name-lightmode']">Name</th> <th :class="['Name', darkMode ? 'th-darkmode' : 'th-lightmode', darkMode ? 'Name-darkmode' : 'Name-lightmode']">Name</th>
@ -27,7 +27,7 @@ const darkMode = ref(true)
<script> <script>
export default { export default {
name: "ClientEmployeeList", name: "CustomerEmployeeList",
}; };
</script> </script>

0
components/server/ClientQuickAccess.vue → components/server/CustomerQuickAccess.vue
View File

4
components/server/ClientTable.vue → components/server/CustomerTable.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<section :class="['data', darkMode ? 'section-darkmode' : 'section-lightmode']"> <section :class="['data', darkMode ? 'section-darkmode' : 'section-lightmode']">
<table class="data-table" id="client-table"> <table class="data-table" id="customer-table">
<tbody> <tbody>
<tr :class="['table-row', darkMode ? 'tr-head-darkmode' : 'tr-head-lightmode']" id="table-head"> <tr :class="['table-row', darkMode ? 'tr-head-darkmode' : 'tr-head-lightmode']" id="table-head">
<th <th
@ -33,7 +33,7 @@ const darkMode = ref(true)
<script> <script>
export default { export default {
name: "ClientTable", name: "CustomerTable",
}; };
</script> </script>

8
components/server/IssueSlip.vue
View File

@ -2,9 +2,9 @@
<section :class="['information', darkMode ? 'section-darkmode' : 'section-lightmode']"> <section :class="['information', darkMode ? 'section-darkmode' : 'section-lightmode']">
<h2 :class="['issueSlip-name', darkMode ? 'h2-darkmode' : 'h2-lightmode']">ID issue slips</h2> <h2 :class="['issueSlip-name', darkMode ? 'h2-darkmode' : 'h2-lightmode']">ID issue slips</h2>
<div class="issueSlip-data"> <div class="issueSlip-data">
<div class="client"> <div class="customer">
<div class="data-field" id="client"> <div class="data-field" id="customer">
<pre :class="['label', darkMode ? 'pre-darkmode' : 'pre-lightmode']">Client:</pre> <pre :class="['label', darkMode ? 'pre-darkmode' : 'pre-lightmode']">Customer:</pre>
<pre :class="['data', darkMode ? 'data-darkmode' : 'data-lightmode']">...</pre> <pre :class="['data', darkMode ? 'data-darkmode' : 'data-lightmode']">...</pre>
</div> </div>
</div> </div>
@ -147,7 +147,7 @@ export default {
align-self: stretch; align-self: stretch;
} }
.client, .customer,
.info { .info {
display: flex; display: flex;
flex-direction: column; flex-direction: column;

12
components/server/IssueSlipTable.vue
View File

@ -5,8 +5,8 @@
<tbody> <tbody>
<tr :class="['table-row', darkMode ? 'tr-head-darkmode' : 'tr-head-lightmode']" id="table-head"> <tr :class="['table-row', darkMode ? 'tr-head-darkmode' : 'tr-head-lightmode']" id="table-head">
<th <th
:class="['Client', darkMode ? 'th-darkmode' : 'th-lightmode', darkMode ? 'Client-darkmode' : 'Client-lightmode']"> :class="['Customer', darkMode ? 'th-darkmode' : 'th-lightmode', darkMode ? 'Customer-darkmode' : 'Customer-lightmode']">
Client</th> Customer</th>
<th <th
:class="['ID', darkMode ? 'th-darkmode' : 'th-lightmode', darkMode ? 'ID-darkmode' : 'ID-lightmode']"> :class="['ID', darkMode ? 'th-darkmode' : 'th-lightmode', darkMode ? 'ID-darkmode' : 'ID-lightmode']">
ID ID
@ -22,7 +22,7 @@
<tr v-for="issueSlip in issueSlips" :key="issueSlip.primaryID" <tr v-for="issueSlip in issueSlips" :key="issueSlip.primaryID"
:class="['table-row', darkMode ? 'tr-darkmode' : 'tr-lightmode']" id="row-1"> :class="['table-row', darkMode ? 'tr-darkmode' : 'tr-lightmode']" id="row-1">
<td <td
:class="['Client', darkMode ? 'td-darkmode' : 'td-lightmode', darkMode ? 'Client-darkmode' : 'Client-lightmode']"> :class="['Customer', darkMode ? 'td-darkmode' : 'td-lightmode', darkMode ? 'Customer-darkmode' : 'Customer-lightmode']">
{{ issueSlip.customer }}</td> {{ issueSlip.customer }}</td>
<td <td
:class="['ID', darkMode ? 'td-darkmode' : 'td-lightmode', darkMode ? 'ID-darkmode' : 'ID-lightmode']"> :class="['ID', darkMode ? 'td-darkmode' : 'td-lightmode', darkMode ? 'ID-darkmode' : 'ID-lightmode']">
@ -149,15 +149,15 @@ th {
font: 700 0.875rem/1.875rem Overpass, sans-serif; font: 700 0.875rem/1.875rem Overpass, sans-serif;
} }
.Client { .Customer {
width: 31.6%; width: 31.6%;
} }
.Client-darkmode { .Customer-darkmode {
border-right: 0.0625rem solid #000000; border-right: 0.0625rem solid #000000;
} }
.Client-lightmode { .Customer-lightmode {
border-right: 0.0625rem solid #8e8e8e; border-right: 0.0625rem solid #8e8e8e;
} }

2
components/server/IssueSlipTableNoClient.vue
View File

@ -42,7 +42,7 @@ const darkMode = ref(true)
<script> <script>
export default { export default {
name: "IssueSlipTableNoClient", name: "IssueSlipTableNoCustomer",
}; };
</script> </script>

10
components/server/MaintenanceVisitsInstance.vue
View File

@ -4,15 +4,15 @@
<div class="maintenance-visits-instance-data"> <div class="maintenance-visits-instance-data">
<div class="instanceInfo"> <div class="instanceInfo">
<div class="data-field" id="info"> <div class="data-field" id="info">
<div class="templateId-client-type" id="templateID"> <div class="templateId-customer-type" id="templateID">
<pre :class="['label', darkMode ? 'pre-darkmode' : 'pre-lightmode']">Template ID:</pre> <pre :class="['label', darkMode ? 'pre-darkmode' : 'pre-lightmode']">Template ID:</pre>
<pre :class="['data', darkMode ? 'data-darkmode' : 'data-lightmode']">...</pre> <pre :class="['data', darkMode ? 'data-darkmode' : 'data-lightmode']">...</pre>
</div> </div>
<div class="templateId-client-type" id="client"> <div class="templateId-customer-type" id="customer">
<pre :class="['label', darkMode ? 'pre-darkmode' : 'pre-lightmode']">Client:</pre> <pre :class="['label', darkMode ? 'pre-darkmode' : 'pre-lightmode']">Customer:</pre>
<pre :class="['data', darkMode ? 'data-darkmode' : 'data-lightmode']">...</pre> <pre :class="['data', darkMode ? 'data-darkmode' : 'data-lightmode']">...</pre>
</div> </div>
<div class="templateId-client-type" id="type"> <div class="templateId-customer-type" id="type">
<pre :class="['label', darkMode ? 'pre-darkmode' : 'pre-lightmode']">Type:</pre> <pre :class="['label', darkMode ? 'pre-darkmode' : 'pre-lightmode']">Type:</pre>
<pre :class="['data', darkMode ? 'data-darkmode' : 'data-lightmode']">...</pre> <pre :class="['data', darkMode ? 'data-darkmode' : 'data-lightmode']">...</pre>
</div> </div>
@ -136,7 +136,7 @@ export default {
.maintenanceType-state-user, .maintenanceType-state-user,
.creationDate-completionDate-timeSpent, .creationDate-completionDate-timeSpent,
.templateId-client-type { .templateId-customer-type {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;

8
components/server/MaintenanceVisitsTemplate.vue
View File

@ -2,9 +2,9 @@
<section :class="['information', darkMode ? 'section-darkmode' : 'section-lightmode']"> <section :class="['information', darkMode ? 'section-darkmode' : 'section-lightmode']">
<h2 :class="['maintenance-visits-template-name', darkMode ? 'h2-darkmode' : 'h2-lightmode']">Template name</h2> <h2 :class="['maintenance-visits-template-name', darkMode ? 'h2-darkmode' : 'h2-lightmode']">Template name</h2>
<div class="maintenance-visits-template-data"> <div class="maintenance-visits-template-data">
<div class="client-ID-type-user"> <div class="customer-ID-type-user">
<div class="data-field" id="client"> <div class="data-field" id="customer">
<pre :class="['label', darkMode ? 'pre-darkmode' : 'pre-lightmode']">Client:</pre> <pre :class="['label', darkMode ? 'pre-darkmode' : 'pre-lightmode']">Customer:</pre>
<pre :class="['data', darkMode ? 'data-darkmode' : 'data-lightmode']">...</pre> <pre :class="['data', darkMode ? 'data-darkmode' : 'data-lightmode']">...</pre>
</div> </div>
<div class="data-field" id="info"> <div class="data-field" id="info">
@ -152,7 +152,7 @@ export default {
align-self: stretch; align-self: stretch;
} }
.client-ID-type-user, .customer-ID-type-user,
.info { .info {
display: flex; display: flex;
flex-direction: column; flex-direction: column;

12
components/server/MaintenanceVisitsTemplateTable.vue
View File

@ -5,8 +5,8 @@
<tbody> <tbody>
<tr :class="['table-row', darkMode ? 'tr-head-darkmode' : 'tr-head-lightmode']" id="table-head"> <tr :class="['table-row', darkMode ? 'tr-head-darkmode' : 'tr-head-lightmode']" id="table-head">
<th <th
:class="['Client', darkMode ? 'th-darkmode' : 'th-lightmode', darkMode ? 'Client-darkmode' : 'Client-lightmode']"> :class="['Customer', darkMode ? 'th-darkmode' : 'th-lightmode', darkMode ? 'Customer-darkmode' : 'Customer-lightmode']">
Client</th> Customer</th>
<th <th
:class="['Name', darkMode ? 'th-darkmode' : 'th-lightmode', darkMode ? 'Name-darkmode' : 'Name-lightmode']"> :class="['Name', darkMode ? 'th-darkmode' : 'th-lightmode', darkMode ? 'Name-darkmode' : 'Name-lightmode']">
Name</th> Name</th>
@ -22,7 +22,7 @@
<tr v-for="template in maintenanceVisitTemplates" :key="template.checklistID" <tr v-for="template in maintenanceVisitTemplates" :key="template.checklistID"
:class="['table-row', darkMode ? 'tr-darkmode' : 'tr-lightmode']" id="row-1"> :class="['table-row', darkMode ? 'tr-darkmode' : 'tr-lightmode']" id="row-1">
<td <td
:class="['Client', darkMode ? 'td-darkmode' : 'td-lightmode', darkMode ? 'Client-darkmode' : 'Client-lightmode']"> :class="['Customer', darkMode ? 'td-darkmode' : 'td-lightmode', darkMode ? 'Customer-darkmode' : 'Customer-lightmode']">
{{ template.customer }}</td> {{ template.customer }}</td>
<td <td
:class="['Name', darkMode ? 'td-darkmode' : 'td-lightmode', darkMode ? 'Name-darkmode' : 'Name-lightmode']"> :class="['Name', darkMode ? 'td-darkmode' : 'td-lightmode', darkMode ? 'Name-darkmode' : 'Name-lightmode']">
@ -151,15 +151,15 @@ th {
font: 700 0.875rem/1.875rem Overpass, sans-serif; font: 700 0.875rem/1.875rem Overpass, sans-serif;
} }
.Client { .Customer {
width: 33.3%; width: 33.3%;
} }
.Client-darkmode { .Customer-darkmode {
border-right: 0.0625rem solid #000000; border-right: 0.0625rem solid #000000;
} }
.Client-lightmode { .Customer-lightmode {
border-right: 0.0625rem solid #8e8e8e; border-right: 0.0625rem solid #8e8e8e;
} }

4
components/server/MaintenanceVisitsTemplateTableNoClient.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div :class="['data', darkMode ? 'div-darkmode' : 'div-lightmode']"> <div :class="['data', darkMode ? 'div-darkmode' : 'div-lightmode']">
<div :class="['label', darkMode ? 'label-darkmode' : 'label-lightmode']">Templates:</div> <div :class="['label', darkMode ? 'label-darkmode' : 'label-lightmode']">Templates:</div>
<table class="data-table" id="maintenance-visits-templat-table-no-client"> <table class="data-table" id="maintenance-visits-templat-table-no-customer">
<tbody> <tbody>
<tr :class="['table-row', darkMode ? 'tr-head-darkmode' : 'tr-head-lightmode']" id="table-head"> <tr :class="['table-row', darkMode ? 'tr-head-darkmode' : 'tr-head-lightmode']" id="table-head">
<th <th
@ -42,7 +42,7 @@ const darkMode = ref(true)
<script> <script>
export default { export default {
name: "MaintenanceVisitsTemplateTableNoClient", name: "MaintenanceVisitsTemplateTableNoCustomer",
}; };
</script> </script>

2
components/server/OrderingInformation.vue
View File

@ -2,7 +2,7 @@
<section :class="['ordering-information', darkMode ? 'section-darkmode' : 'section-lightmode']"> <section :class="['ordering-information', darkMode ? 'section-darkmode' : 'section-lightmode']">
<div :class="['label', darkMode ? 'label-darkmode' : 'label-lightmode']" id="ordering">Ordering information: <div :class="['label', darkMode ? 'label-darkmode' : 'label-lightmode']" id="ordering">Ordering information:
<div class="asset-data"> <div class="asset-data">
<table class="data-table" id="asset-table-no-client"> <table class="data-table" id="asset-table-no-customer">
<tbody> <tbody>
<tr :class="['table-row', darkMode ? 'tr-head-darkmode' : 'tr-head-lightmode']" id="table-head"> <tr :class="['table-row', darkMode ? 'tr-head-darkmode' : 'tr-head-lightmode']" id="table-head">
<th <th

10
components/server/ProductionOrdersInstance.vue
View File

@ -4,12 +4,12 @@
<div class="production-orders-instance-data"> <div class="production-orders-instance-data">
<div class="instanceInfo"> <div class="instanceInfo">
<div class="data-field" id="info"> <div class="data-field" id="info">
<div class="templateId-client" id="templateID"> <div class="templateId-customer" id="templateID">
<pre :class="['label', darkMode ? 'pre-darkmode' : 'pre-lightmode']">Template ID:</pre> <pre :class="['label', darkMode ? 'pre-darkmode' : 'pre-lightmode']">Template ID:</pre>
<pre :class="['data', darkMode ? 'data-darkmode' : 'data-lightmode']">...</pre> <pre :class="['data', darkMode ? 'data-darkmode' : 'data-lightmode']">...</pre>
</div> </div>
<div class="templateId-client" id="client"> <div class="templateId-customer" id="customer">
<pre :class="['label', darkMode ? 'pre-darkmode' : 'pre-lightmode']">Client:</pre> <pre :class="['label', darkMode ? 'pre-darkmode' : 'pre-lightmode']">Customer:</pre>
<pre :class="['data', darkMode ? 'data-darkmode' : 'data-lightmode']">...</pre> <pre :class="['data', darkMode ? 'data-darkmode' : 'data-lightmode']">...</pre>
</div> </div>
</div> </div>
@ -163,7 +163,7 @@ export default {
} }
.creationDate-completionDate-timeSpent, .creationDate-completionDate-timeSpent,
.templateId-client { .templateId-customer {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
@ -250,7 +250,7 @@ export default {
border-radius: 0.3125rem; border-radius: 0.3125rem;
} }
div#client { div#customer {
padding-left: 2.9em; padding-left: 2.9em;
} }

8
components/server/ProductionOrdersTemplate.vue
View File

@ -2,9 +2,9 @@
<section :class="['information', darkMode ? 'section-darkmode' : 'section-lightmode']"> <section :class="['information', darkMode ? 'section-darkmode' : 'section-lightmode']">
<h2 :class="['production-orders-template-name', darkMode ? 'h2-darkmode' : 'h2-lightmode']">Template name</h2> <h2 :class="['production-orders-template-name', darkMode ? 'h2-darkmode' : 'h2-lightmode']">Template name</h2>
<div class="production-orders-template-data"> <div class="production-orders-template-data">
<div class="client-ID"> <div class="customer-ID">
<div class="data-field" id="client"> <div class="data-field" id="customer">
<pre :class="['label', darkMode ? 'div-darkmode' : 'div-lightmode']">Client:</pre> <pre :class="['label', darkMode ? 'div-darkmode' : 'div-lightmode']">Customer:</pre>
<pre :class="['data', darkMode ? 'data-darkmode' : 'data-lightmode']">...</pre> <pre :class="['data', darkMode ? 'data-darkmode' : 'data-lightmode']">...</pre>
</div> </div>
<div class="data-field" id="ID"> <div class="data-field" id="ID">
@ -145,7 +145,7 @@ export default {
align-self: stretch; align-self: stretch;
} }
.client-ID, .customer-ID,
.user { .user {
display: flex; display: flex;
flex-direction: column; flex-direction: column;

12
components/server/ProductionOrdersTemplateTable.vue
View File

@ -5,8 +5,8 @@
<tbody> <tbody>
<tr :class="['table-row', darkMode ? 'tr-head-darkmode' : 'tr-head-lightmode']" id="table-head"> <tr :class="['table-row', darkMode ? 'tr-head-darkmode' : 'tr-head-lightmode']" id="table-head">
<th <th
:class="['Client', darkMode ? 'th-darkmode' : 'th-lightmode', darkMode ? 'Client-darkmode' : 'Client-lightmode']"> :class="['Customer', darkMode ? 'th-darkmode' : 'th-lightmode', darkMode ? 'Customer-darkmode' : 'Customer-lightmode']">
Client</th> Customer</th>
<th <th
:class="['Name', darkMode ? 'th-darkmode' : 'th-lightmode', darkMode ? 'Name-darkmode' : 'Name-lightmode']"> :class="['Name', darkMode ? 'th-darkmode' : 'th-lightmode', darkMode ? 'Name-darkmode' : 'Name-lightmode']">
Name</th> Name</th>
@ -19,7 +19,7 @@
<tr v-for="template in productionOrderTemplates" :key="template.templateID" <tr v-for="template in productionOrderTemplates" :key="template.templateID"
:class="['table-row', darkMode ? 'tr-darkmode' : 'tr-lightmode']" id="row-1"> :class="['table-row', darkMode ? 'tr-darkmode' : 'tr-lightmode']" id="row-1">
<td <td
:class="['Client', darkMode ? 'td-darkmode' : 'td-lightmode', darkMode ? 'Client-darkmode' : 'Client-lightmode']"> :class="['Customer', darkMode ? 'td-darkmode' : 'td-lightmode', darkMode ? 'Customer-darkmode' : 'Customer-lightmode']">
{{ template.customer }}</td> {{ template.customer }}</td>
<td <td
:class="['Name', darkMode ? 'td-darkmode' : 'td-lightmode', darkMode ? 'Name-darkmode' : 'Name-lightmode']"> :class="['Name', darkMode ? 'td-darkmode' : 'td-lightmode', darkMode ? 'Name-darkmode' : 'Name-lightmode']">
@ -144,15 +144,15 @@ th {
font: 700 0.875rem/1.875rem Overpass, sans-serif; font: 700 0.875rem/1.875rem Overpass, sans-serif;
} }
.Client { .Customer {
width: 33.3%; width: 33.3%;
} }
.Client-darkmode { .Customer-darkmode {
border-right: 0.0625rem solid #000000; border-right: 0.0625rem solid #000000;
} }
.Client-lightmode { .Customer-lightmode {
border-right: 0.0625rem solid #8e8e8e; border-right: 0.0625rem solid #8e8e8e;
} }

4
components/server/ProductionOrdersTemplateTableNoClient.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div :class="['data', darkMode ? 'div-darkmode' : 'div-lightmode']"> <div :class="['data', darkMode ? 'div-darkmode' : 'div-lightmode']">
<div :class="['label', darkMode ? 'label-darkmode' : 'label-lightmode']">Templates:</div> <div :class="['label', darkMode ? 'label-darkmode' : 'label-lightmode']">Templates:</div>
<table class="data-table" id="production-orders-template-table-no-client"> <table class="data-table" id="production-orders-template-table-no-customer">
<tbody> <tbody>
<tr :class="['table-row', darkMode ? 'tr-head-darkmode' : 'tr-head-lightmode']" id="table-head"> <tr :class="['table-row', darkMode ? 'tr-head-darkmode' : 'tr-head-lightmode']" id="table-head">
<th <th
@ -36,7 +36,7 @@ const darkMode = ref(true)
<script> <script>
export default { export default {
name: "ProductionOrdersTemplateTableNoClient", name: "ProductionOrdersTemplateTableNoCustomer",
}; };
</script> </script>

4
components/server/SoftwareSpecifications.vue
View File

@ -3,7 +3,7 @@
:class="['software-information', darkMode ? 'section-darkmode' : 'section-lightmode']"> :class="['software-information', darkMode ? 'section-darkmode' : 'section-lightmode']">
<div :class="['label', darkMode ? 'label-darkmode' : 'label-lightmode']" id="software">Software specifications: <div :class="['label', darkMode ? 'label-darkmode' : 'label-lightmode']" id="software">Software specifications:
<div class="asset-data"> <div class="asset-data">
<table class="data-table" id="asset-table-no-client"> <table class="data-table" id="asset-table-no-customer">
<tbody> <tbody>
<tr :class="['table-row', darkMode ? 'tr-head-darkmode' : 'tr-head-lightmode']" id="table-head"> <tr :class="['table-row', darkMode ? 'tr-head-darkmode' : 'tr-head-lightmode']" id="table-head">
<th <th
@ -47,7 +47,7 @@
<section v-if="addAssetBool" :class="['software-information', darkMode ? 'section-darkmode' : 'section-lightmode']"> <section v-if="addAssetBool" :class="['software-information', darkMode ? 'section-darkmode' : 'section-lightmode']">
<div :class="['label', darkMode ? 'label-darkmode' : 'label-lightmode']" id="software">Software specifications: <div :class="['label', darkMode ? 'label-darkmode' : 'label-lightmode']" id="software">Software specifications:
<div class="asset-data"> <div class="asset-data">
<table class="data-table" id="asset-table-no-client"> <table class="data-table" id="asset-table-no-customer">
<tbody> <tbody>
<tr :class="['table-row', darkMode ? 'tr-head-darkmode' : 'tr-head-lightmode']" id="table-head"> <tr :class="['table-row', darkMode ? 'tr-head-darkmode' : 'tr-head-lightmode']" id="table-head">
<th <th

8
components/server/Solution.vue
View File

@ -2,9 +2,9 @@
<section :class="['information', darkMode ? 'section-darkmode' : 'section-lightmode']"> <section :class="['information', darkMode ? 'section-darkmode' : 'section-lightmode']">
<h2 :class="['solution-name', darkMode ? 'h2-darkmode' : 'h2-lightmode']">Solution name</h2> <h2 :class="['solution-name', darkMode ? 'h2-darkmode' : 'h2-lightmode']">Solution name</h2>
<div class="solution-data"> <div class="solution-data">
<div class="client-asset"> <div class="customer-asset">
<div class="data-field" id="client"> <div class="data-field" id="customer">
<pre :class="['label', darkMode ? 'pre-darkmode' : 'pre-lightmode']">Client:</pre> <pre :class="['label', darkMode ? 'pre-darkmode' : 'pre-lightmode']">Customer:</pre>
<pre :class="['data', darkMode ? 'data-darkmode' : 'data-lightmode']">...</pre> <pre :class="['data', darkMode ? 'data-darkmode' : 'data-lightmode']">...</pre>
</div> </div>
<div class="data-field" id="asset"> <div class="data-field" id="asset">
@ -163,7 +163,7 @@ export default {
align-self: stretch; align-self: stretch;
} }
.client-asset, .customer-asset,
.info { .info {
display: flex; display: flex;
flex-direction: column; flex-direction: column;

12
components/server/SolutionTable.vue
View File

@ -5,8 +5,8 @@
<tbody> <tbody>
<tr :class="['table-row', darkMode ? 'tr-head-darkmode' : 'tr-head-lightmode']" id="table-head"> <tr :class="['table-row', darkMode ? 'tr-head-darkmode' : 'tr-head-lightmode']" id="table-head">
<th <th
:class="['Client', darkMode ? 'th-darkmode' : 'th-lightmode', darkMode ? 'Client-darkmode' : 'Client-lightmode']"> :class="['Customer', darkMode ? 'th-darkmode' : 'th-lightmode', darkMode ? 'Customer-darkmode' : 'Customer-lightmode']">
Client</th> Customer</th>
<th <th
:class="['Name', darkMode ? 'th-darkmode' : 'th-lightmode', darkMode ? 'Name-darkmode' : 'Name-lightmode']"> :class="['Name', darkMode ? 'th-darkmode' : 'th-lightmode', darkMode ? 'Name-darkmode' : 'Name-lightmode']">
Name</th> Name</th>
@ -21,7 +21,7 @@
<tr v-for="sol in solutions" :key="sol.primaryID" <tr v-for="sol in solutions" :key="sol.primaryID"
:class="['table-row', darkMode ? 'tr-darkmode' : 'tr-lightmode']" id="row-1"> :class="['table-row', darkMode ? 'tr-darkmode' : 'tr-lightmode']" id="row-1">
<td <td
:class="['Client', darkMode ? 'td-darkmode' : 'td-lightmode', darkMode ? 'Client-darkmode' : 'Client-lightmode']"> :class="['Customer', darkMode ? 'td-darkmode' : 'td-lightmode', darkMode ? 'Customer-darkmode' : 'Customer-lightmode']">
{{ sol.customer }}</td> {{ sol.customer }}</td>
<td <td
:class="['Name', darkMode ? 'td-darkmode' : 'td-lightmode', darkMode ? 'Name-darkmode' : 'Name-lightmode']"> :class="['Name', darkMode ? 'td-darkmode' : 'td-lightmode', darkMode ? 'Name-darkmode' : 'Name-lightmode']">
@ -149,15 +149,15 @@ th {
font: 700 0.875rem/1.875rem Overpass, sans-serif; font: 700 0.875rem/1.875rem Overpass, sans-serif;
} }
.Client { .Customer {
width: 33.3%; width: 33.3%;
} }
.Client-darkmode { .Customer-darkmode {
border-right: 0.0625rem solid #000000; border-right: 0.0625rem solid #000000;
} }
.Client-lightmode { .Customer-lightmode {
border-right: 0.0625rem solid #8e8e8e; border-right: 0.0625rem solid #8e8e8e;
} }

2
components/server/SolutionTableNoClient.vue
View File

@ -41,7 +41,7 @@ const darkMode = ref(true)
<script> <script>
export default { export default {
name: "SolutionTableNoClient", name: "SolutionTableNoCustomer",
}; };
</script> </script>

4
documentation/.$Datenbankmodell.drawio.bkp
View File

@ -424,10 +424,10 @@
<mxCell id="WukdXvazNq34soQIU5Al-32" value="supplierOffer" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" parent="WukdXvazNq34soQIU5Al-15" vertex="1"> <mxCell id="WukdXvazNq34soQIU5Al-32" value="supplierOffer" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" parent="WukdXvazNq34soQIU5Al-15" vertex="1">
<mxGeometry y="300" width="140" height="30" as="geometry" /> <mxGeometry y="300" width="140" height="30" as="geometry" />
</mxCell> </mxCell>
<mxCell id="WukdXvazNq34soQIU5Al-33" value="clientOffer" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" parent="WukdXvazNq34soQIU5Al-15" vertex="1"> <mxCell id="WukdXvazNq34soQIU5Al-33" value="customerOffer" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" parent="WukdXvazNq34soQIU5Al-15" vertex="1">
<mxGeometry y="330" width="140" height="30" as="geometry" /> <mxGeometry y="330" width="140" height="30" as="geometry" />
</mxCell> </mxCell>
<mxCell id="WukdXvazNq34soQIU5Al-34" value="clientOrder" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" parent="WukdXvazNq34soQIU5Al-15" vertex="1"> <mxCell id="WukdXvazNq34soQIU5Al-34" value="customerOrder" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" parent="WukdXvazNq34soQIU5Al-15" vertex="1">
<mxGeometry y="360" width="140" height="30" as="geometry" /> <mxGeometry y="360" width="140" height="30" as="geometry" />
</mxCell> </mxCell>
<mxCell id="WukdXvazNq34soQIU5Al-35" value="supplierOrder" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" parent="WukdXvazNq34soQIU5Al-15" vertex="1"> <mxCell id="WukdXvazNq34soQIU5Al-35" value="supplierOrder" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" parent="WukdXvazNq34soQIU5Al-15" vertex="1">

4
documentation/Datenbankmodell.drawio
View File

@ -427,10 +427,10 @@
<mxCell id="WukdXvazNq34soQIU5Al-32" value="supplierOffer" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" parent="WukdXvazNq34soQIU5Al-15" vertex="1"> <mxCell id="WukdXvazNq34soQIU5Al-32" value="supplierOffer" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" parent="WukdXvazNq34soQIU5Al-15" vertex="1">
<mxGeometry y="300" width="140" height="30" as="geometry" /> <mxGeometry y="300" width="140" height="30" as="geometry" />
</mxCell> </mxCell>
<mxCell id="WukdXvazNq34soQIU5Al-33" value="clientOffer" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" parent="WukdXvazNq34soQIU5Al-15" vertex="1"> <mxCell id="WukdXvazNq34soQIU5Al-33" value="customerOffer" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" parent="WukdXvazNq34soQIU5Al-15" vertex="1">
<mxGeometry y="330" width="140" height="30" as="geometry" /> <mxGeometry y="330" width="140" height="30" as="geometry" />
</mxCell> </mxCell>
<mxCell id="WukdXvazNq34soQIU5Al-34" value="clientOrder" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" parent="WukdXvazNq34soQIU5Al-15" vertex="1"> <mxCell id="WukdXvazNq34soQIU5Al-34" value="customerOrder" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" parent="WukdXvazNq34soQIU5Al-15" vertex="1">
<mxGeometry y="360" width="140" height="30" as="geometry" /> <mxGeometry y="360" width="140" height="30" as="geometry" />
</mxCell> </mxCell>
<mxCell id="WukdXvazNq34soQIU5Al-35" value="supplierOrder" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" parent="WukdXvazNq34soQIU5Al-15" vertex="1"> <mxCell id="WukdXvazNq34soQIU5Al-35" value="supplierOrder" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" parent="WukdXvazNq34soQIU5Al-15" vertex="1">

8
layouts/Navigationbar.vue
View File

@ -52,12 +52,12 @@
<pre v-if="isExpanded" :class="['label', darkMode ? 'label-darkmode' : 'label-lightmode']">Accounting</pre> <pre v-if="isExpanded" :class="['label', darkMode ? 'label-darkmode' : 'label-lightmode']">Accounting</pre>
</Transition> </Transition>
</router-link> </router-link>
<router-link to="/clients" class="button" :class="[darkMode ? 'button-darkmode' : 'button-lightmode']" id="clients-button"> <router-link to="/customers" class="button" :class="[darkMode ? 'button-darkmode' : 'button-lightmode']" id="customers-button">
<div class="icon" id="clients-icon"> <div class="icon" id="customers-icon">
<img :class="[darkMode ? 'img-darkmode' : 'img-lightmode']" loading="lazy" src="../icons/navbar-icons/Clients-Icon.svg" /> <img :class="[darkMode ? 'img-darkmode' : 'img-lightmode']" loading="lazy" src="/icons/navbar-icons/Customers-Icon.svg" />
</div> </div>
<Transition name="fade"> <Transition name="fade">
<pre v-if="isExpanded" :class="['label', darkMode ? 'label-darkmode' : 'label-lightmode']">Clients</pre> <pre v-if="isExpanded" :class="['label', darkMode ? 'label-darkmode' : 'label-lightmode']">Customers</pre>
</Transition> </Transition>
</router-link> </router-link>
</nav> </nav>

8
pages/assets.vue
View File

@ -4,9 +4,9 @@
<h1 :class="[darkMode ? 'h1-darkmode' : 'h1-lightmode']" id="page-name">Assets</h1> <h1 :class="[darkMode ? 'h1-darkmode' : 'h1-lightmode']" id="page-name">Assets</h1>
</div> </div>
<div id="content-body"> <div id="content-body">
<ClientSearch v-if="onAssetlist || onCustomerAssetlist" /> <CustomerSearch v-if="onAssetlist || onCustomerAssetlist" />
<AssetTable v-if="onAssetlist" /> <AssetTable v-if="onAssetlist" />
<AssetTableNoClient v-if="onCustomerAssetlist" /> <AssetTableNoCustomer v-if="onCustomerAssetlist" />
<Asset v-if="onAsset" /> <Asset v-if="onAsset" />
<HardwareSpecifications v-if="onAsset" /> <HardwareSpecifications v-if="onAsset" />
<SoftwareSpecifications v-if="onAsset" /> <SoftwareSpecifications v-if="onAsset" />
@ -21,9 +21,9 @@
<script setup> <script setup>
import { ref } from 'vue'; import { ref } from 'vue';
import ClientSearch from "../components/ClientSearch.vue"; import CustomerSearch from "../components/CustomerSearch.vue";
import AssetTable from "../components/server/AssetTable.vue"; import AssetTable from "../components/server/AssetTable.vue";
import AssetTableNoClient from "../components/server/AssetTableNoClient.vue"; import AssetTableNoCustomer from "../components/server/AssetTableNoCustomer.vue";
import Asset from "../components/server/Asset.vue"; import Asset from "../components/server/Asset.vue";
import HardwareSpecifications from "../components/server/HardwareSpecifications.vue"; import HardwareSpecifications from "../components/server/HardwareSpecifications.vue";
import SoftwareSpecifications from "../components/server/SoftwareSpecifications.vue"; import SoftwareSpecifications from "../components/server/SoftwareSpecifications.vue";

39
pages/clients.vue → pages/customers.vue
View File

@ -1,17 +1,17 @@
<template> <template>
<section id="content"> <section id="content">
<div id="content-header"> <div id="content-header">
<h1 :class="[darkMode ? 'h1-darkmode' : 'h1-lightmode']" id="page-name">Clients</h1> <h1 :class="[darkMode ? 'h1-darkmode' : 'h1-lightmode']" id="page-name">Customers</h1>
</div> </div>
<div id="content-body"> <div id="content-body">
<ClientTable v-if="onCustomerlist"/> <CustomerTable v-if="onCustomerlist"/>
<Client v-if="onCustomer"/> <Customer v-if="onCustomer"/>
<ClientQuickAccess v-if="onCustomer"/> <CustomerQuickAccess v-if="onCustomer"/>
<ClientEmployeeList v-if="onEmployeelist"/> <CustomerEmployeeList v-if="onEmployeelist"/>
<ClientEmployee v-if="onEmployee"/> <CustomerEmployee v-if="onEmployee"/>
<ClientDepartmentList v-if="onDepartmentlist"/> <CustomerDepartmentList v-if="onDepartmentlist"/>
<ClientDepartment v-if="onDepartment"/> <CustomerDepartment v-if="onDepartment"/>
<ClientDepartmentEmployeeList v-if="onDepartment"/> <CustomerDepartmentEmployeeList v-if="onDepartment"/>
</div> </div>
</section> </section>
</template> </template>
@ -20,17 +20,18 @@
<script setup> <script setup>
import { ref } from 'vue'; import { ref } from 'vue';
import ClientTable from "../components/server/ClientTable.vue"; import CustomerTable from "../components/server/CustomerTable.vue";
import Client from "../components/server/Client.vue"; import Customer from "../components/server/Customer.vue";
import ClientQuickAccess from "../components/server/ClientQuickAccess.vue"; import CustomerQuickAccess from "../components/server/CustomerQuickAccess.vue";
import ClientEmployeeList from "../components/server/ClientEmployeeList.vue"; import CustomerEmployeeList from "../components/server/CustomerEmployeeList.vue";
import ClientEmployee from "../components/server/ClientEmployee.vue"; import CustomerEmployee from "../components/server/CustomerEmployee.vue";
import ClientDepartmentList from '~/components/server/ClientDepartmentList.vue'; import CustomerDepartmentList from '~/components/server/CustomerDepartmentList.vue';
import ClientDepartment from '~/components/server/ClientDepartment.vue'; import CustomerDepartment from '~/components/server/CustomerDepartment.vue';
import ClientDepartmentEmployeeList from '~/components/server/ClientDepartmentEmployeeList.vue'; import CustomerDepartmentEmployeeList from '~/components/server/CustomerDepartmentEmployeeList.vue';
definePageMeta({ definePageMeta({
layout: 'default' layout: 'default',
title: 'Customers'
}) })
const darkMode = ref(true) const darkMode = ref(true)
@ -46,7 +47,7 @@ const onDepartment = ref(true)
<script> <script>
export default { export default {
name: "ClientsPage", name: "CustomersPage",
} }
</script> </script>

8
pages/issueSlips.vue
View File

@ -25,9 +25,9 @@
</router-link> </router-link>
</div> </div>
<div id="content-body"> <div id="content-body">
<ClientSearch v-if="onIssueSliplist || onCustomerIssueSliplist"/> <CustomerSearch v-if="onIssueSliplist || onCustomerIssueSliplist"/>
<IssueSlipTable v-if="onIssueSliplist"/> <IssueSlipTable v-if="onIssueSliplist"/>
<IssueSlipTableNoClient v-if="onCustomerIssueSliplist"/> <IssueSlipTableNoCustomer v-if="onCustomerIssueSliplist"/>
<IssueSlip v-if="onIssueSlip"/> <IssueSlip v-if="onIssueSlip"/>
<OrderingInformation v-if="onIssueSlip"/> <OrderingInformation v-if="onIssueSlip"/>
<Accounting v-if="onIssueSlip"/> <Accounting v-if="onIssueSlip"/>
@ -39,9 +39,9 @@
<script setup> <script setup>
import { ref } from 'vue'; import { ref } from 'vue';
import ClientSearch from "../components/ClientSearch.vue"; import CustomerSearch from "../components/CustomerSearch.vue";
import IssueSlipTable from "../components/server/IssueSlipTable.vue"; import IssueSlipTable from "../components/server/IssueSlipTable.vue";
import IssueSlipTableNoClient from "../components/server/IssueSlipTableNoClient.vue"; import IssueSlipTableNoCustomer from "../components/server/IssueSlipTableNoCustomer.vue";
import IssueSlip from "../components/server/IssueSlip.vue"; import IssueSlip from "../components/server/IssueSlip.vue";
import OrderingInformation from "../components/server/OrderingInformation.vue"; import OrderingInformation from "../components/server/OrderingInformation.vue";
import Accounting from "../components/server/Accounting.vue"; import Accounting from "../components/server/Accounting.vue";

8
pages/maintenanceVisits.vue
View File

@ -25,9 +25,9 @@
</router-link> </router-link>
</div> </div>
<div id="content-body"> <div id="content-body">
<ClientSearch v-if="onTemplatelist || onCustomerTemplatelist"/> <CustomerSearch v-if="onTemplatelist || onCustomerTemplatelist"/>
<MaintenanceVisitsTemplateTable v-if="onTemplatelist"/> <MaintenanceVisitsTemplateTable v-if="onTemplatelist"/>
<MaintenanceVisitsTemplateTableNoClient v-if="onCustomerTemplatelist"/> <MaintenanceVisitsTemplateTableNoCustomer v-if="onCustomerTemplatelist"/>
<MaintenanceVisitsTemplate v-if="onTemplate"/> <MaintenanceVisitsTemplate v-if="onTemplate"/>
<TemplateChecklist v-if="onTemplate"/> <TemplateChecklist v-if="onTemplate"/>
<TemplateSearch v-if="onInstancelist"/> <TemplateSearch v-if="onInstancelist"/>
@ -42,9 +42,9 @@
<script setup> <script setup>
import { ref } from 'vue'; import { ref } from 'vue';
import ClientSearch from "../components/ClientSearch.vue"; import CustomerSearch from "../components/CustomerSearch.vue";
import MaintenanceVisitsTemplateTable from "../components/server/MaintenanceVisitsTemplateTable.vue"; import MaintenanceVisitsTemplateTable from "../components/server/MaintenanceVisitsTemplateTable.vue";
import MaintenanceVisitsTemplateTableNoClient from "../components/server/MaintenanceVisitsTemplateTableNoClient.vue"; import MaintenanceVisitsTemplateTableNoCustomer from "../components/server/MaintenanceVisitsTemplateTableNoCustomer.vue";
import MaintenanceVisitsTemplate from "../components/server/MaintenanceVisitsTemplate.vue"; import MaintenanceVisitsTemplate from "../components/server/MaintenanceVisitsTemplate.vue";
import TemplateChecklist from "../components/server/TemplateChecklist.vue"; import TemplateChecklist from "../components/server/TemplateChecklist.vue";
import TemplateSearch from "../components/TemplateSearch.vue"; import TemplateSearch from "../components/TemplateSearch.vue";

8
pages/productionOrders.vue
View File

@ -25,9 +25,9 @@
</router-link> </router-link>
</div> </div>
<div id="content-body"> <div id="content-body">
<ClientSearch v-if="onTemplatelist || onCustomerTemplatelist"/> <CustomerSearch v-if="onTemplatelist || onCustomerTemplatelist"/>
<ProductionOrdersTemplateTable v-if="onTemplatelist"/> <ProductionOrdersTemplateTable v-if="onTemplatelist"/>
<ProductionOrdersTemplateTableNoClient v-if="onCustomerTemplatelist"/> <ProductionOrdersTemplateTableNoCustomer v-if="onCustomerTemplatelist"/>
<ProductionOrdersTemplate v-if="onTemplate"/> <ProductionOrdersTemplate v-if="onTemplate"/>
<TemplateChecklist v-if="onTemplate"/> <TemplateChecklist v-if="onTemplate"/>
<TemplateSearch v-if="onInstancelist"/> <TemplateSearch v-if="onInstancelist"/>
@ -42,9 +42,9 @@
<script setup> <script setup>
import { ref } from 'vue'; import { ref } from 'vue';
import ClientSearch from "../components/ClientSearch.vue"; import CustomerSearch from "../components/CustomerSearch.vue";
import ProductionOrdersTemplateTable from "../components/server/ProductionOrdersTemplateTable.vue"; import ProductionOrdersTemplateTable from "../components/server/ProductionOrdersTemplateTable.vue";
import ProductionOrdersTemplateTableNoClient from "../components/server/ProductionOrdersTemplateTableNoClient.vue"; import ProductionOrdersTemplateTableNoCustomer from "../components/server/ProductionOrdersTemplateTableNoCustomer.vue";
import ProductionOrdersTemplate from "../components/server/ProductionOrdersTemplate.vue"; import ProductionOrdersTemplate from "../components/server/ProductionOrdersTemplate.vue";
import TemplateChecklist from "../components/server/TemplateChecklist.vue"; import TemplateChecklist from "../components/server/TemplateChecklist.vue";
import TemplateSearch from "../components/TemplateSearch.vue"; import TemplateSearch from "../components/TemplateSearch.vue";

8
pages/solutions.vue
View File

@ -4,9 +4,9 @@
<h1 :class="[darkMode ? 'h1-darkmode' : 'h1-lightmode']" id="page-name">Solutions</h1> <h1 :class="[darkMode ? 'h1-darkmode' : 'h1-lightmode']" id="page-name">Solutions</h1>
</div> </div>
<div id="content-body"> <div id="content-body">
<ClientSearch v-if="onSolutionlist || onCustomerSolutionlist"/> <CustomerSearch v-if="onSolutionlist || onCustomerSolutionlist"/>
<SolutionTable v-if="onSolutionlist"/> <SolutionTable v-if="onSolutionlist"/>
<SolutionTableNoClient v-if="onCustomerSolutionlist"/> <SolutionTableNoCustomer v-if="onCustomerSolutionlist"/>
<Solution v-if="onSolution"/> <Solution v-if="onSolution"/>
<SolutionChecklist v-if="onSolution"/> <SolutionChecklist v-if="onSolution"/>
</div> </div>
@ -17,9 +17,9 @@
<script setup> <script setup>
import { ref } from 'vue'; import { ref } from 'vue';
import ClientSearch from "../components/ClientSearch.vue"; import CustomerSearch from "../components/CustomerSearch.vue";
import SolutionTable from "../components/server/SolutionTable.vue"; import SolutionTable from "../components/server/SolutionTable.vue";
import SolutionTableNoClient from "../components/server/SolutionTableNoClient.vue"; import SolutionTableNoCustomer from "../components/server/SolutionTableNoCustomer.vue";
import Solution from "../components/server/Solution.vue"; import Solution from "../components/server/Solution.vue";
import SolutionChecklist from "../components/server/SolutionChecklist.vue"; import SolutionChecklist from "../components/server/SolutionChecklist.vue";

10
plugins/vuex.js
View File

@ -12,7 +12,7 @@ const store = createStore({
onAsset: false, onAsset: false,
onSolutionlistAsset: false, onSolutionlistAsset: false,
chosenAssetId: -1, chosenAssetId: -1,
filteredAssetbyClient: '', filteredAssetbyCustomer: '',
newAsset: false, newAsset: false,
newAssetName: '', newAssetName: '',
newCustomerID: '', newCustomerID: '',
@ -83,7 +83,7 @@ const store = createStore({
state.assetSearchable = false state.assetSearchable = false
state.deleteAsset = false state.deleteAsset = false
state.chosenAssetId = -1 state.chosenAssetId = -1
state.filteredAssetbyClient = '' state.filteredAssetbyCustomer = ''
state.newAsset = false state.newAsset = false
state.newAssetName = '' state.newAssetName = ''
state.newCustomerID = '' state.newCustomerID = ''
@ -114,8 +114,8 @@ const store = createStore({
undoDeleteAsset(state) { undoDeleteAsset(state) {
state.deleteAsset = false state.deleteAsset = false
}, },
updateAssetFilterbyClient(state, client) { updateAssetFilterbyCustomer(state, customer) {
state.filteredAssetbyClient = client state.filteredAssetbyCustomer = customer
}, },
toggleAssetSearchable(state) { toggleAssetSearchable(state) {
if (state.assetSearchable == false) { if (state.assetSearchable == false) {
@ -124,7 +124,7 @@ const store = createStore({
} else { } else {
state.assetSearchable = false state.assetSearchable = false
} }
state.filteredAssetbyClient = '' state.filteredAssetbyCustomer = ''
}, },
addNewAsset(state) { addNewAsset(state) {
state.newAsset = true state.newAsset = true

0
public/icons/navbar-icons/Clients-Icon.svg → public/icons/navbar-icons/Customers-Icon.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 506 B

After

Width:  |  Height:  |  Size: 506 B

6
router/index.js
View File

@ -1,6 +1,6 @@
// import { createRouter, createWebHistory } from 'vue-router'; // import { createRouter, createWebHistory } from 'vue-router';
// import HomePage from '../pages/home.vue'; // import HomePage from '../pages/home.vue';
// import ClientsPage from '../pages/clients.vue'; // import CustomersPage from '../pages/customers.vue';
// import LoginPage from '../pages/login.vue'; // import LoginPage from '../pages/login.vue';
// import AssetPage from '../pages/assets.vue'; // import AssetPage from '../pages/assets.vue';
// import SolutionPage from '../pages/solutions.vue'; // import SolutionPage from '../pages/solutions.vue';
@ -52,8 +52,8 @@
// component: IssuesPages // component: IssuesPages
// }, // },
// { // {
// path: '/clients', // path: '/customers',
// component: ClientsPage // component: CustomersPage
// }, // },
// { // {
// path: '/settings', // path: '/settings',

4
server/api/getSelectedConfigItemsByClient/[id].ts → server/api/getSelectedConfigItemsByCustomer/[id].ts
View File

@ -1,4 +1,4 @@
import { selectedConfigItemsByClient, errorMsg } from "../../middleware/configItems"; import { selectedConfigItemsByCustomer, errorMsg } from "../../middleware/configItems";
import { OutgoingMessage } from 'http'; import { OutgoingMessage } from 'http';
export default defineEventHandler(async (event) => { export default defineEventHandler(async (event) => {
@ -18,5 +18,5 @@ export default defineEventHandler(async (event) => {
} }
setResponseStatus(event, 200) setResponseStatus(event, 200)
return selectedConfigItemsByClient return selectedConfigItemsByCustomer
}) })

16
server/middleware/configItems.ts
View File

@ -5,7 +5,7 @@ import https from 'https';
let configItems = []; let configItems = [];
let configItem = {}; let configItem = {};
let errorMsg = ''; let errorMsg = '';
let selectedConfigItemsByClient = []; let selectedConfigItemsByCustomer = [];
let selectedConfigItemsByAsset = []; let selectedConfigItemsByAsset = [];
export default defineEventHandler(async (event) => { export default defineEventHandler(async (event) => {
@ -170,16 +170,16 @@ export default defineEventHandler(async (event) => {
} }
} }
if (event.path.startsWith("/api/getSelectedConfigItemsByClient")) { if (event.path.startsWith("/api/getSelectedConfigItemsByCustomer")) {
// get selected config items object by client from backend // get selected config items object by customer from backend
let filteredClient = null; let filteredCustomer = null;
const path = event._path; const path = event._path;
const pathSegments = path.split('/'); const pathSegments = path.split('/');
filteredClient = pathSegments[pathSegments.length - 1]; filteredCustomer = pathSegments[pathSegments.length - 1];
try { try {
let res = await axiosInstance.get(`https://${serversideConfig.url}:${serversideConfig.port}/selectedConfigItemsByCustomer/${filteredClient}`); let res = await axiosInstance.get(`https://${serversideConfig.url}:${serversideConfig.port}/selectedConfigItemsByCustomer/${filteredCustomer}`);
selectedConfigItemsByClient = res.data; selectedConfigItemsByCustomer = res.data;
} catch (err) { } catch (err) {
if (axios.isAxiosError(err)) { if (axios.isAxiosError(err)) {
const axiosError = err as AxiosError; const axiosError = err as AxiosError;
@ -235,4 +235,4 @@ export default defineEventHandler(async (event) => {
} }
}) })
export { configItems, configItem, selectedConfigItemsByClient, selectedConfigItemsByAsset, errorMsg }; export { configItems, configItem, selectedConfigItemsByCustomer, selectedConfigItemsByAsset, errorMsg };