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

changed all files to composition API

Browse Source
This commit is contained in:
selina.mail
2023-12-05 11:24:35 +01:00
parent 90a86fb3af
commit de6b7e6eaa
53 changed files with 1244 additions and 1283 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
pages/assets.vue
View File

@ -17,12 +17,8 @@
<script setup>
definePageMeta({
layout: 'default'
})
</script>
import { ref } from 'vue';
<script>
import ClientSearch from "../components/ClientSearch.vue";
import AssetTable from "../components/server/AssetTable.vue";
import AssetTableNoClient from "../components/server/AssetTableNoClient.vue";
@ -31,26 +27,18 @@ import HardwareSpecifications from "../components/server/HardwareSpecifications.
import SoftwareSpecifications from "../components/server/SoftwareSpecifications.vue";
import NetworkSpecifications from "../components/server/NetworkSpecifications.vue";
definePageMeta({
layout: 'default'
})
const darkMode = ref(true)
</script>
<script>
export default {
name: "AssetPage",
components: {
ClientSearch,
AssetTable,
AssetTableNoClient,
Asset,
HardwareSpecifications,
SoftwareSpecifications,
NetworkSpecifications,
},
data() {
return {
darkMode: true,
};
},
}
</script>
</script>
<style scoped>

26
pages/clients.vue
View File

@ -12,36 +12,28 @@
<script setup>
definePageMeta({
layout: 'default'
})
</script>
import { ref } from 'vue';
<script>
import ClientTable from "../components/server/ClientTable.vue";
import Client from "../components/server/Client.vue";
import ClientQuickAccess from "../components/server/ClientQuickAccess.vue";
//import ClientEmployees from "../components/server/ClientEmployees.vue";
//import ClientEmployee from "../components/server/ClientEmployee.vue";
definePageMeta({
layout: 'default'
})
const darkMode = ref(true)
</script>
<script>
export default {
name: "ClientsPage",
components: {
ClientTable,
Client,
ClientQuickAccess,
},
data() {
return {
darkMode: true,
};
},
}
</script>
<style scoped>
* {
box-sizing: border-box;

28
pages/home.vue
View File

@ -13,32 +13,24 @@
<script setup>
definePageMeta({
layout: 'empty'
})
</script>
import { ref } from 'vue';
<script>
import Navigationbar from "../layouts/Navigationbar.vue";
import Dashboard from "../components/Dashboard.vue";
import QuickAccess from "../components/QuickAccess.vue";
definePageMeta({
layout: 'empty'
})
const darkMode = ref(true)
</script>
<script>
export default {
name: "HomePage",
components: {
Navigationbar,
Dashboard,
QuickAccess,
},
data() {
return {
darkMode: true,
};
},
}
</script>
</script>
<style>

12
pages/index.vue
View File

@ -11,23 +11,19 @@
<script setup>
import { ref } from 'vue';
definePageMeta({
layout: 'default'
})
const darkMode = ref(true)
</script>
<script>
export default {
name: "Testpage",
components: {
},
data() {
return {
darkMode: true,
};
},
}
</script>

30
pages/issueSlips.vue
View File

@ -37,12 +37,8 @@
<script setup>
definePageMeta({
layout: 'default'
})
</script>
<script>
import { ref } from 'vue';
import ClientSearch from "../components/ClientSearch.vue";
import IssueSlipTable from "../components/server/IssueSlipTable.vue";
import IssueSlipTableNoClient from "../components/server/IssueSlipTableNoClient.vue";
@ -50,23 +46,17 @@ import IssueSlip from "../components/server/IssueSlip.vue";
import OrderingInformation from "../components/server/OrderingInformation.vue";
import Accounting from "../components/server/Accounting.vue";
definePageMeta({
layout: 'default'
})
const darkMode = ref(true)
</script>
<script>
export default {
name: "IssueSlipPage",
components: {
ClientSearch,
IssueSlipTable,
IssueSlipTableNoClient,
IssueSlip,
OrderingInformation,
Accounting,
},
data() {
return {
darkMode: true,
};
},
}
</script>

28
pages/issues.vue
View File

@ -35,32 +35,24 @@
<script setup>
definePageMeta({
layout: 'default'
})
</script>
<script>
import { ref } from 'vue';
import IssueTable from "../components/server/IssueTable.vue";
import Issue from "../components/server/Issue.vue";
import IssueVariants from "../components/server/IssueVariants.vue";
import IssueVariant from "../components/server/IssueVariant.vue";
definePageMeta({
layout: 'default'
})
const darkMode = ref(true)
</script>
<script>
export default {
name: "IssuePage",
components: {
IssueTable,
Issue,
IssueVariants,
IssueVariant,
},
data() {
return {
darkMode: true,
};
},
}
</script>

17
pages/login.vue
View File

@ -11,26 +11,21 @@
<script setup>
import { ref } from 'vue';
import LoginForm from "../components/LoginForm.vue";
definePageMeta({
layout: 'empty'
})
const darkMode = ref(true)
</script>
<script>
import LoginForm from "../components/LoginForm.vue";
export default {
name: "LoginPage",
components: {
LoginForm,
},
data() {
return {
darkMode: true,
};
},
}
</script>

259
pages/maintenanceVisits.vue
View File

@ -1,143 +1,130 @@
<template>
<section id="content">
<div id="content-header">
<router-link to="/maintenanceVisits" class="button" id="maintenanceVisits-button">
<h1 :class="[darkMode ? 'h1-darkmode' : 'h1-lightmode']" id="active-page-name">Maintenance visits</h1>
</router-link>
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
<router-link to="/productionOrders" class="button" id="productionOrders-button">
<h1 :class="[darkMode ? 'h1-darkmode' : 'h1-lightmode']" id="page-name">Production orders</h1>
</router-link>
</div>
<div id="content-body">
<ClientSearch />
<MaintenanceVisitsTemplateTable />
<MaintenanceVisitsTemplateTableNoClient />
<MaintenanceVisitsTemplate />
<TemplateChecklist />
<TemplateSearch />
<MaintenanceVisitsInstanceTable />
<MaintenanceVisitsInstance />
<InstanceChecklist />
</div>
</section>
</template>
<section id="content">
<div id="content-header">
<router-link to="/maintenanceVisits" class="button" id="maintenanceVisits-button">
<h1 :class="[darkMode ? 'h1-darkmode' : 'h1-lightmode']" id="active-page-name">Maintenance visits</h1>
</router-link>
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
<router-link to="/productionOrders" class="button" id="productionOrders-button">
<h1 :class="[darkMode ? 'h1-darkmode' : 'h1-lightmode']" id="page-name">Production orders</h1>
</router-link>
</div>
<div id="content-body">
<ClientSearch />
<MaintenanceVisitsTemplateTable />
<MaintenanceVisitsTemplateTableNoClient />
<MaintenanceVisitsTemplate />
<TemplateChecklist />
<TemplateSearch />
<MaintenanceVisitsInstanceTable />
<MaintenanceVisitsInstance />
<InstanceChecklist />
</div>
</section>
</template>
<script setup>
definePageMeta({
layout: 'default'
})
</script>
<script setup>
import { ref } from 'vue';
import ClientSearch from "../components/ClientSearch.vue";
import MaintenanceVisitsTemplateTable from "../components/server/MaintenanceVisitsTemplateTable.vue";
import MaintenanceVisitsTemplateTableNoClient from "../components/server/MaintenanceVisitsTemplateTableNoClient.vue";
import MaintenanceVisitsTemplate from "../components/server/MaintenanceVisitsTemplate.vue";
import TemplateChecklist from "../components/server/TemplateChecklist.vue";
import TemplateSearch from "../components/TemplateSearch.vue";
import MaintenanceVisitsInstanceTable from "../components/server/MaintenanceVisitsInstanceTable.vue";
import MaintenanceVisitsInstance from "../components/server/MaintenanceVisitsInstance.vue";
import InstanceChecklist from "../components/server/InstanceChecklist.vue";
definePageMeta({
layout: 'default'
})
const darkMode = ref(true)
</script>
<script>
import ClientSearch from "../components/ClientSearch.vue";
import MaintenanceVisitsTemplateTable from "../components/server/MaintenanceVisitsTemplateTable.vue";
import MaintenanceVisitsTemplateTableNoClient from "../components/server/MaintenanceVisitsTemplateTableNoClient.vue";
import MaintenanceVisitsTemplate from "../components/server/MaintenanceVisitsTemplate.vue";
import TemplateChecklist from "../components/server/TemplateChecklist.vue";
import TemplateSearch from "../components/TemplateSearch.vue";
import MaintenanceVisitsInstanceTable from "../components/server/MaintenanceVisitsInstanceTable.vue";
import MaintenanceVisitsInstance from "../components/server/MaintenanceVisitsInstance.vue";
import InstanceChecklist from "../components/server/InstanceChecklist.vue";
export default {
name: "MaintenanceVisitsPage",
components: {
ClientSearch,
MaintenanceVisitsTemplateTable,
MaintenanceVisitsTemplateTableNoClient,
MaintenanceVisitsTemplate,
TemplateChecklist,
TemplateSearch,
MaintenanceVisitsInstanceTable,
MaintenanceVisitsInstance,
InstanceChecklist,
},
data() {
return {
darkMode: true,
};
},
}
</script>
<script>
export default {
name: "MaintenanceVisitsPage",
}
</script>
<style scoped>
* {
box-sizing: border-box;
}
#content {
display: flex;
flex-direction: column;
float: left;
justify-content: stretch;
align-items: stretch;
width: 100%;
flex-grow: 1;
gap: 0.625rem;
padding: 0 1.25rem;
}
#content-header {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
height: 3.125rem;
}
#page-name {
letter-spacing: 5%;
font: 400 1.5rem/125% Overpass, -apple-system, Roboto, Helvetica,
sans-serif;
}
#active-page-name {
letter-spacing: 5%;
font: 400 1.5rem/125% Overpass, -apple-system, Roboto, Helvetica,
sans-serif;
text-decoration: underline;
}
.button {
text-decoration: none;
}
.h1-darkmode {
color: #fff;
}
.h1-lightmode {
color: #000;
}
#content-body {
display: flex;
flex-direction: column;
width: 100%;
gap: 1.25rem;
margin-bottom: 0.625rem;
border-radius: 0.625rem;
}
</style>
<style scoped>
* {
box-sizing: border-box;
}
#content {
display: flex;
flex-direction: column;
float: left;
justify-content: stretch;
align-items: stretch;
width: 100%;
flex-grow: 1;
gap: 0.625rem;
padding: 0 1.25rem;
}
#content-header {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
height: 3.125rem;
}
#page-name {
letter-spacing: 5%;
font: 400 1.5rem/125% Overpass, -apple-system, Roboto, Helvetica,
sans-serif;
}
#active-page-name {
letter-spacing: 5%;
font: 400 1.5rem/125% Overpass, -apple-system, Roboto, Helvetica,
sans-serif;
text-decoration: underline;
}
.button {
text-decoration: none;
}
.h1-darkmode {
color: #fff;
}
.h1-lightmode {
color: #000;
}
#content-body {
display: flex;
flex-direction: column;
width: 100%;
gap: 1.25rem;
margin-bottom: 0.625rem;
border-radius: 0.625rem;
}
</style>

38
pages/productionOrders.vue
View File

@ -40,12 +40,8 @@
<script setup>
definePageMeta({
layout: 'default'
})
</script>
<script>
import { ref } from 'vue';
import ClientSearch from "../components/ClientSearch.vue";
import ProductionOrdersTemplateTable from "../components/server/ProductionOrdersTemplateTable.vue";
import ProductionOrdersTemplateTableNoClient from "../components/server/ProductionOrdersTemplateTableNoClient.vue";
@ -56,28 +52,18 @@ import ProductionOrdersInstanceTable from "../components/server/ProductionOrders
import ProductionOrdersInstance from "../components/server/ProductionOrdersInstance.vue";
import InstanceChecklist from "../components/server/InstanceChecklist.vue";
definePageMeta({
layout: 'default'
})
const darkMode = ref(true)
</script>
<script>
export default {
name: "ProductionOrdersPage",
components: {
ClientSearch,
ProductionOrdersTemplateTable,
ProductionOrdersTemplateTableNoClient,
ProductionOrdersTemplate,
TemplateChecklist,
TemplateSearch,
ProductionOrdersInstanceTable,
ProductionOrdersInstance,
InstanceChecklist,
},
data() {
return {
darkMode: true,
};
},
}
</script>
</script>
<style scoped>
@ -121,7 +107,7 @@ export default {
}
.button {
text-decoration: none;
text-decoration: none;
}
.h1-darkmode {

27
pages/solutions.vue
View File

@ -15,34 +15,25 @@
<script setup>
definePageMeta({
layout: 'default'
})
</script>
import { ref } from 'vue';
<script>
import ClientSearch from "../components/ClientSearch.vue";
import SolutionTable from "../components/server/SolutionTable.vue";
import SolutionTableNoClient from "../components/server/SolutionTableNoClient.vue";
import Solution from "../components/server/Solution.vue";
import SolutionChecklist from "../components/server/SolutionChecklist.vue";
definePageMeta({
layout: 'default'
})
const darkMode = ref(true)
</script>
<script>
export default {
name: "AssetPage",
components: {
ClientSearch,
SolutionTable,
SolutionTableNoClient,
Solution,
SolutionChecklist,
},
data() {
return {
darkMode: true,
};
},
}
</script>