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

fixed small bugs and made comment fields bigger

Browse Source
This commit is contained in:
selina.mail
2024-04-02 14:53:14 +02:00
parent 423ff7e48b
commit aaa3bba79f
20 changed files with 502 additions and 412 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
components/Dashboard.vue
View File

@ -2,14 +2,22 @@
<section :class="['dashboard', darkMode ? 'section-darkmode' : 'section-lightmode']">
<h2 :class="['heading', darkMode ? 'heading-darkmode' : 'heading-lightmode']">My tasks</h2>
<div class="shortcuts">
<input :class="[darkMode ? 'input-darkmode' : 'input-lightmode']" type="button" id="maintenance-visits"
value="My Maintenance Visits">
<input :class="[darkMode ? 'input-darkmode' : 'input-lightmode']" type="button" id="production-orders"
value="My Production Orders">
<input :class="[darkMode ? 'input-darkmode' : 'input-lightmode']" type="button" id="solutions"
<nuxt-link to="/maintenanceVisits" id="nuxt-link" class="button"
:class="[darkMode ? 'button-darkmode' : 'button-lightmode', darkMode ? 'nuxt-link-darkmode' : 'nuxt-link-lightmode']"
@click="goToMVIList()">
<button :class="[darkMode ? 'input-darkmode' : 'input-lightmode']" type="button" id="maintenance-visits">My
Maintenance Visits</button>
</nuxt-link>
<nuxt-link to="/productionOrders" id="nuxt-link" class="button"
:class="[darkMode ? 'button-darkmode' : 'button-lightmode', darkMode ? 'nuxt-link-darkmode' : 'nuxt-link-lightmode']"
@click="goToPOIList()">
<button :class="[darkMode ? 'input-darkmode' : 'input-lightmode']" type="button" id="production-orders">My
Production Orders</button>
</nuxt-link>
<!-- <input :class="[darkMode ? 'input-darkmode' : 'input-lightmode']" type="button" id="solutions"
value="My Solutions">
<input :class="[darkMode ? 'input-darkmode' : 'input-lightmode']" type="button" id="issue-slips"
value="My Issue Slips">
value="My Issue Slips"> -->
</div>
</section>
</template>
@ -24,6 +32,7 @@ const store = useStore();
const modeChanged = computed(() => store.state.updateDarkMode);
const modeChangedLocalstorage = computed(() => store.state.modeDashboard);
const darkMode = ref('');
const loggedInUsername = ref('');
const getSession = async () => {
if (modeChangedLocalstorage.value) {
@ -37,6 +46,18 @@ const getSession = async () => {
}
}
const goToMVIList = () => {
store.commit('activateFilteredUserTerm');
store.commit('activateFiltered');
store.commit('changeToInstancelist');
};
const goToPOIList = () => {
store.commit('activateFilteredUserTerm');
store.commit('activateFiltered');
store.commit('changeToInstancelist');
};
function getItem(item) {
if (process.client) {
return localStorage.getItem(item)
@ -105,7 +126,8 @@ export default {
gap: 2.5rem;
}
input {
input,
button {
display: flex;
flex-direction: row;
align-items: center;
@ -120,6 +142,10 @@ input {
font: 400 0.875rem/2rem Overpass, sans-serif;
}
button:hover {
cursor: pointer;
}
.input-darkmode {
color: #fff;
background-color: #343434;