replaced clients/s with customer/s (2)

This commit is contained in:
Johanna Kuehner
2024-03-04 20:07:31 +01:00
parent 889eb3571f
commit fa29921afe
13 changed files with 77 additions and 77 deletions

View File

@ -5,8 +5,8 @@
<input v-if="editable" v-model="mvt.name" @change="updateMVT()"
:class="['data', 'mvt-name-input', darkMode ? 'h2-darkmode' : 'h2-lightmode', darkMode ? 'h2-input-darkmode' : 'h2-input-lightmode', 'input']">
<div class="maintenance-visits-template-data">
<div class="client-ID-type-user">
<div class="data-field" id="client">
<div class="customer-ID-type-user">
<div class="data-field" id="customer">
<pre :class="['label', darkMode ? 'pre-darkmode' : 'pre-lightmode']">Customer:</pre>
<pre v-if="!editable"
:class="['data', darkMode ? 'data-darkmode' : 'data-lightmode']">{{ mvt.customer }}</pre>
@ -208,8 +208,8 @@ const updateCustomerID = async () => {
const response = await Axios.get(`https://${clientsideConfig.url}:${clientsideConfig.port}/api/getCustomerByName/${mvt.value.customer}`);
customer.value = response.data;
mvt.value.customerID = customer.value.customerID;
store.commit('toggleClientChanged');
store.commit('toggleClientId', mvt.value.customerID);
store.commit('toggleCustomerChanged');
store.commit('toggleCustomerId', mvt.value.customerID);
} catch (err) {
console.log(err.response.statusText);
}
@ -235,8 +235,8 @@ const updateNewCustomerID = async () => {
try {
const response = await Axios.get(`https://${clientsideConfig.url}:${clientsideConfig.port}/api/getCustomerByName/${newCustomer.value}`);
newCustomerID.value = response.data.customerID;
store.commit('toggleClientChanged');
store.commit('toggleClientId', newCustomerID.value)
store.commit('toggleCustomerChanged');
store.commit('toggleCustomerId', newCustomerID.value)
} catch (err) {
console.log(err.response.statusText);
}

View File

@ -1,6 +1,6 @@
<template>
<section v-if="searchable" :class="['mvt-search', darkMode ? 'section-darkmode' : 'section-lightmode']">
<div :class="['clientLabel', darkMode ? 'label-darkmode' : 'label-lightmode']">Template:</div>
<div :class="['customerLabel', darkMode ? 'label-darkmode' : 'label-lightmode']">Template:</div>
<input v-model="mvtSearchFilter" @change="searchMVT()"
:class="['dataInput', 'input', darkMode ? 'data-darkmode' : 'data-lightmode']">
</section>
@ -64,7 +64,7 @@ const goToChosenMVT = (id) => {
store.commit('changeToTemplate');
};
const clientFilter = computed(() => store.state.filteredByClient);
const customerFilter = computed(() => store.state.filteredByCustomer);
const searchable = computed(() => store.state.searchable);
const mvtSearchFilter = ref('');
@ -73,8 +73,8 @@ const maintenanceVisitTemplates = ref([]);
//get all maintenance visit templates
const getMaintenanceVisitTemplates = async () => {
if (!(clientFilter.value === '')) {
await getFilteredMVTByClient();
if (!(customerFilter.value === '')) {
await getFilteredMVTByCustomer();
} else {
try {
const response = await Axios.get(`https://${clientsideConfig.url}:${clientsideConfig.port}/api/getAllMaintenanceVisitTemplates`);
@ -105,10 +105,10 @@ const updateSearchTerm = async () => {
await getMaintenanceVisitTemplates();
}
//get all maintenance visit templates based on the searched client
const getFilteredMVTByClient = async () => {
//get all maintenance visit templates based on the searched customer
const getFilteredMVTByCustomer = async () => {
try {
const response = await Axios.get(`https://${clientsideConfig.url}:${clientsideConfig.port}/api/getSelectedMVTsByClient/${clientFilter.value}`);
const response = await Axios.get(`https://${clientsideConfig.url}:${clientsideConfig.port}/api/getSelectedMVTsByCustomer/${customerFilter.value}`);
maintenanceVisitTemplates.value = response.data;
} catch (err) {
console.log(err.response.statusText);
@ -116,7 +116,7 @@ const getFilteredMVTByClient = async () => {
}
watch(searchable, updateSearchTerm);
watch(clientFilter, getMaintenanceVisitTemplates);
watch(customerFilter, getMaintenanceVisitTemplates);
onMounted(async () => {
await getMaintenanceVisitTemplates();
@ -190,7 +190,7 @@ export default {
font: 400 0.75rem/250% Overpass, sans-serif;
}
.clientLabel {
.customerLabel {
width: 5.5625em;
height: 1.875em;
font-family: "Overpass";

View File

@ -5,8 +5,8 @@
<input v-if="editable" v-model="pot.name" @change="updatePOT()"
:class="['data', 'pot-name-input', darkMode ? 'h2-darkmode' : 'h2-lightmode', darkMode ? 'h2-input-darkmode' : 'h2-input-lightmode', 'input']">
<div class="production-orders-template-data">
<div class="client-ID">
<div class="data-field" id="client">
<div class="customer-ID">
<div class="data-field" id="customer">
<pre :class="['label', darkMode ? 'div-darkmode' : 'div-lightmode']">Customer:</pre>
<pre v-if="!editable"
:class="['data', darkMode ? 'data-darkmode' : 'data-lightmode']"> {{ pot.customer }}</pre>
@ -214,8 +214,8 @@ const updateCustomerID = async () => {
const response = await Axios.get(`https://${clientsideConfig.url}:${clientsideConfig.port}/api/getCustomerByName/${pot.value.customer}`);
customer.value = response.data;
pot.value.customerID = customer.value.customerID;
store.commit('toggleClientChanged');
store.commit('toggleClientId', pot.value.customerID);
store.commit('toggleCustomerChanged');
store.commit('toggleCustomerId', pot.value.customerID);
} catch (err) {
console.log(err.response.statusText);
}
@ -241,8 +241,8 @@ const updateNewCustomerID = async () => {
try {
const response = await Axios.get(`https://${clientsideConfig.url}:${clientsideConfig.port}/api/getCustomerByName/${newCustomer.value}`);
newCustomerID.value = response.data.customerID;
store.commit('toggleClientChanged');
store.commit('toggleClientId', newCustomerID.value)
store.commit('toggleCustomerChanged');
store.commit('toggleCustomerId', newCustomerID.value)
} catch (err) {
console.log(err.response.statusText);
}

View File

@ -1,6 +1,6 @@
<template>
<section v-if="searchable" :class="['pot-search', darkMode ? 'section-darkmode' : 'section-lightmode']">
<div :class="['clientLabel', darkMode ? 'label-darkmode' : 'label-lightmode']">Template:</div>
<div :class="['customerLabel', darkMode ? 'label-darkmode' : 'label-lightmode']">Template:</div>
<input v-model="potSearchFilter" @change="searchPOT()"
:class="['dataInput', 'input', darkMode ? 'data-darkmode' : 'data-lightmode']">
</section>
@ -59,7 +59,7 @@ const goToChosenPOT = (id) => {
store.commit('changeToTemplate');
};
const clientFilter = computed(() => store.state.filteredByClient);
const customerFilter = computed(() => store.state.filteredByCustomer);
const searchable = computed(() => store.state.searchable);
const potSearchFilter = ref('');
@ -68,8 +68,8 @@ const productionOrderTemplates = ref([]);
//get all productionOrder templates
const getProductionOrderTemplates = async () => {
if (!(clientFilter.value === '')) {
await getFilteredPOTByClient();
if (!(customerFilter.value === '')) {
await getFilteredPOTByCustomer();
} else {
try {
const response = await Axios.get(`https://${clientsideConfig.url}:${clientsideConfig.port}/api/getAllProductionOrderTemplates`);
@ -100,17 +100,17 @@ const updateSearchTerm = async () => {
await getProductionOrderTemplates();
}
//get all productionOrder templates based on the searched client
const getFilteredPOTByClient = async () => {
//get all productionOrder templates based on the searched customer
const getFilteredPOTByCustomer = async () => {
try {
const response = await Axios.get(`https://${clientsideConfig.url}:${clientsideConfig.port}/api/getSelectedPOTsByClient/${clientFilter.value}`);
const response = await Axios.get(`https://${clientsideConfig.url}:${clientsideConfig.port}/api/getSelectedPOTsByCustomer/${customerFilter.value}`);
productionOrderTemplates.value = response.data;
} catch (err) {
console.log(err.response.statusText);
}
}
watch(clientFilter, getProductionOrderTemplates);
watch(customerFilter, getProductionOrderTemplates);
watch(searchable, updateSearchTerm);
onMounted(async () => {
@ -314,7 +314,7 @@ th {
color: #000;
}
.clientLabel {
.customerLabel {
width: 5.5625em;
height: 1.875em;
font-family: "Overpass";

View File

@ -5,8 +5,8 @@
<input v-if="editable" v-model="sol.solutionName" @change="updateSolution()"
:class="['data', 'solution-name-input', darkMode ? 'h2-darkmode' : 'h2-lightmode', darkMode ? 'h2-input-darkmode' : 'h2-input-lightmode', 'input']">
<div class="solution-data">
<div class="client-asset">
<div class="data-field" id="client">
<div class="customer-asset">
<div class="data-field" id="customer">
<pre :class="['label', darkMode ? 'pre-darkmode' : 'pre-lightmode']">Customer:</pre>
<pre v-if="!editable"
:class="['data', darkMode ? 'data-darkmode' : 'data-lightmode']">{{ sol.customer }}</pre>
@ -163,8 +163,8 @@ const newDescription = ref('');
const newNotes = ref('');
const newLastView = ref('');
const newUser = ref('');
const changedClientId = computed(() => store.state.changedClientId);
const clientChanged = computed(() => store.state.clientChanged);
const changedCustomerId = computed(() => store.state.changedCustomerId);
const customerChanged = computed(() => store.state.customerChanged);
// get solution from id
const getSolutionById = async () => {
@ -178,28 +178,28 @@ const getSolutionById = async () => {
console.log(err.response.statusText);
}
}
await getConfigItemsFromClient();
await getConfigItemsFromCustomer();
}
//get all config items from the selected client
const getConfigItemsFromClient = async () => {
//get all config items from the selected customer
const getConfigItemsFromCustomer = async () => {
if (!addBool.value) {
try {
const response = await Axios.get(`https://${clientsideConfig.url}:${clientsideConfig.port}/api/getCIFromClient/${sol.value.customerID}`);
const response = await Axios.get(`https://${clientsideConfig.url}:${clientsideConfig.port}/api/getCIFromCustomer/${sol.value.customerID}`);
configItems.value = response.data;
} catch (err) {
console.log(err.response.statusText);
}
} else {
try {
const response = await Axios.get(`https://${clientsideConfig.url}:${clientsideConfig.port}/api/getCIFromClient/${changedClientId.value}`);
const response = await Axios.get(`https://${clientsideConfig.url}:${clientsideConfig.port}/api/getCIFromCustomer/${changedCustomerId.value}`);
configItems.value = response.data;
} catch (err) {
console.log(err.response.statusText);
}
}
if (clientChanged.value) {
store.commit('toggleClientChanged');
if (customerChanged.value) {
store.commit('toggleCustomerChanged');
}
}
@ -308,8 +308,8 @@ const updateCustomerID = async () => {
const response = await Axios.get(`https://${clientsideConfig.url}:${clientsideConfig.port}/api/getCustomerByName/${sol.value.customer}`);
customer.value = response.data;
sol.value.customerID = customer.value.customerID;
store.commit('toggleClientChanged');
store.commit('toggleClientId', sol.value.customerID);
store.commit('toggleCustomerChanged');
store.commit('toggleCustomerId', sol.value.customerID);
} catch (err) {
console.log(err.response.statusText);
}
@ -321,13 +321,13 @@ const updateNewCustomerID = async () => {
try {
const response = await Axios.get(`https://${clientsideConfig.url}:${clientsideConfig.port}/api/getCustomerByName/${newCustomer.value}`);
newCustomerID.value = response.data.customerID;
store.commit('toggleClientChanged');
store.commit('toggleClientId', newCustomerID.value);
store.commit('toggleCustomerChanged');
store.commit('toggleCustomerId', newCustomerID.value);
} catch (err) {
console.log(err.response.statusText);
}
updateSol();
await getConfigItemsFromClient();
await getConfigItemsFromCustomer();
}
// include delay to avoid 503 error
@ -338,7 +338,7 @@ const triggerBackendCallsWithDelay = async (fetchDataFunc) => {
}
watch(deleteBool, confirmDeleteSolution);
watch(clientChanged, getSolutionById);
watch(customerChanged, getSolutionById);
onMounted(() => {
getSolutionById();

View File

@ -165,7 +165,7 @@ const newDescriptionSol = computed(() => store.state.newDescriptionSol);
const newStepTodo = computed(() => solTodos.value.length);
const chosenSolId = computed(() => store.state.chosenSolutionId);
const clientChanged = computed(() => store.state.clientChanged);
const customerChanged = computed(() => store.state.customerChanged);
const changedCustomerId = computed(() => store.state.changedCustomerId);
const darkMode = ref(true)
@ -217,7 +217,7 @@ const addSol = async () => {
}
}
if (newCustomerSol.value.length === 0) {
alert("Please choose a client!");
alert("Please choose a customer!");
return;
}
let allFine = true;
@ -267,7 +267,7 @@ const addSol = async () => {
// add new row of todo for the new solution
const addRowForNewSol = async () => {
if (newCustomerSol.value.length === 0) {
alert("Please choose a client first!");
alert("Please choose a customer first!");
return;
}
await getConfigItemsFromCustomer();
@ -371,7 +371,7 @@ const getSolutionTodosById = async () => {
}
}
//get all config items from the selected client
//get all config items from the selected customer
const getConfigItemsFromCustomer = async () => {
if (!addBool.value) {
try {
@ -388,7 +388,7 @@ const getConfigItemsFromCustomer = async () => {
console.log(err.response.statusText);
}
}
if (clientChanged.value) {
if (customerChanged.value) {
store.commit('toggleCustomerChanged');
}
}
@ -419,7 +419,7 @@ const deleteSolTodo = async (id) => {
await getSolutionTodosById();
}
watch(clientChanged, getSolutionById);
watch(customerChanged, getSolutionById);
onMounted(() => {
getSolutionTodosById();

View File

@ -64,7 +64,7 @@ const goToChosenSolution = (id) => {
store.commit('changeToSolution');
};
const clientFilter = computed(() => store.state.filteredByClient);
const customerFilter = computed(() => store.state.filteredByCustomer);
const searchable = computed(() => store.state.searchable);
const solutionSearchFilter = ref('');
@ -79,8 +79,8 @@ const updateSearchTerm = async () => {
//get all solutions
const getSolutions = async () => {
if (!(clientFilter.value === '')) {
await getFilteredSolutionsByClient();
if (!(customerFilter.value === '')) {
await getFilteredSolutionsByCustomer();
} else {
try {
const response = await Axios.get(`https://${clientsideConfig.url}:${clientsideConfig.port}/api/getAllSolutions`);
@ -91,10 +91,10 @@ const getSolutions = async () => {
}
}
//get all solutions based on the searched client
const getFilteredSolutionsByClient = async () => {
//get all solutions based on the searched customer
const getFilteredSolutionsByCustomer = async () => {
try {
const response = await Axios.get(`https://${clientsideConfig.url}:${clientsideConfig.port}/api/getSelectedSolutionsByClient/${clientFilter.value}`);
const response = await Axios.get(`https://${clientsideConfig.url}:${clientsideConfig.port}/api/getSelectedSolutionsByCustomer/${customerFilter.value}`);
solutions.value = response.data;
} catch (err) {
console.log(err.response.statusText);
@ -115,7 +115,7 @@ const searchSolution = async () => {
}
}
watch(clientFilter, getSolutions);
watch(customerFilter, getSolutions);
watch(searchable, updateSearchTerm);

View File

@ -163,7 +163,7 @@ const newDescriptionPOT = computed(() => store.state.newDescriptionPOT);
const newNotesPOT = computed(() => store.state.newNotesPOT);
const newStepTodo = computed(() => potTodos.value.length);
const chosenPOTId = computed(() => store.state.chosenPOTId);
const clientChanged = computed(() => store.state.clientChanged);
const customerChanged = computed(() => store.state.customerChanged);
const changedCustomerId = computed(() => store.state.changedCustomerId);
const darkMode = ref(true)
@ -215,7 +215,7 @@ const addPOT = async () => {
}
}
if (newCustomerPOT.value.length === 0) {
alert("Please choose a client!");
alert("Please choose a customer!");
return;
}
let allFine = true;
@ -263,7 +263,7 @@ const addPOT = async () => {
// add new row of todo for the new pot
const addRowForNewPOT = async () => {
if (newCustomerPOT.value.length === 0) {
alert("Please choose a client first!");
alert("Please choose a customer first!");
return;
}
await getConfigItemsFromCustomer();
@ -367,7 +367,7 @@ const getPOTTodosById = async () => {
}
}
//get all config items from the selected client
//get all config items from the selected customer
const getConfigItemsFromCustomer = async () => {
if (!addBool.value) {
try {
@ -384,7 +384,7 @@ const getConfigItemsFromCustomer = async () => {
console.log(err.response.statusText);
}
}
if (clientChanged.value) {
if (customerChanged.value) {
store.commit('toggleCustomerChanged');
}
}
@ -415,7 +415,7 @@ const deletePOTTodo = async (id) => {
await getPOTTodosById();
}
watch(clientChanged, getPOTById);
watch(customerChanged, getPOTById);
onMounted(() => {
getPOTTodosById();

View File

@ -163,7 +163,7 @@ const newTypeMVT = computed(() => store.state.newTypeMVT);
const newNotesMVT = computed(() => store.state.newNotesMVT);
const newStepTodo = computed(() => mvtTodos.value.length);
const chosenMVTId = computed(() => store.state.chosenMVTId);
const clientChanged = computed(() => store.state.clientChanged);
const customerChanged = computed(() => store.state.customerChanged);
const changedCustomerId = computed(() => store.state.changedCustomerId);
const darkMode = ref(true)
@ -215,7 +215,7 @@ const addMVT = async () => {
}
}
if (newCustomerMVT.value.length === 0) {
alert("Please choose a client!");
alert("Please choose a customer!");
return;
}
let allFine = true;
@ -263,7 +263,7 @@ const addMVT = async () => {
// add new row of todo for the new MVT
const addRowForNewMVT = async () => {
if (newCustomerMVT.value.length === 0) {
alert("Please choose a client first!");
alert("Please choose a customer first!");
return;
}
await getConfigItemsFromCustomer();
@ -367,7 +367,7 @@ const getMvtTodosById = async () => {
}
}
//get all config items from the selected client
//get all config items from the selected customer
const getConfigItemsFromCustomer = async () => {
if (!addBool.value) {
try {
@ -384,7 +384,7 @@ const getConfigItemsFromCustomer = async () => {
console.log(err.response.statusText);
}
}
if (clientChanged.value) {
if (customerChanged.value) {
store.commit('toggleCustomerChanged');
}
}
@ -415,7 +415,7 @@ const deleteMVTTodo = async (id) => {
await getMvtTodosById();
}
watch(clientChanged, getMVTById);
watch(customerChanged, getMVTById);
onMounted(() => {
getMvtTodosById();

View File

@ -404,8 +404,8 @@ const store = createStore({
},
// function to update the asset filter
updateFilterbyCustomer(state, client) {
state.filteredByCustomer = client
updateFilterbyCustomer(state, customer) {
state.filteredByCustomer = customer
},
// function to get to the add page

View File

@ -142,7 +142,7 @@ export default defineEventHandler(async (event) => {
}
if (event.path.startsWith("/api/getSelectedMVTsByCustomer")) {
// get selected maintenance visit templates object by client from backend
// get selected maintenance visit templates object by customer from backend
let filteredCustomer = null;
const path = event._path;
const pathSegments = path.split('/');

View File

@ -141,7 +141,7 @@ export default defineEventHandler(async (event) => {
}
if (event.path.startsWith("/api/getSelectedPOTsByCustomer")) {
// get selected production order templates object by client from backend
// get selected production order templates object by customer from backend
let filteredCustomer = null;
const path = event._path;
const pathSegments = path.split('/');

View File

@ -53,7 +53,7 @@ export default defineEventHandler(async (event) => {
}
if (event.path.startsWith("/api/getSelectedSolutionsByCustomer")) {
// get selected solutions object by client from backend
// get selected solutions object by customer from backend
let filteredCustomer = null;
const path = event._path;
const pathSegments = path.split('/');