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

implemented instance lists and pot, todos still missing

Browse Source
This commit is contained in:
selina.mail
2024-03-28 23:10:29 +01:00
parent 979768e52e
commit 3c063fddca
34 changed files with 2668 additions and 105 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
layouts/Actionbar.vue
View File

@ -30,7 +30,7 @@
</Transition>
</button>
<button v-if="instancesIcon" :class="[loggedInUserDarkModeBoolean ? 'button-darkmode' : 'button-lightmode']"
id="instances">
id="instances" @click="changeToInstancelist">
<div class="icon" id="instances-icon">
<img :class="[loggedInUserDarkModeBoolean ? 'img-darkmode' : 'img-lightmode']" loading="lazy"
src="/icons/actionbar-icons/Instances-Icon.svg" />
@ -95,7 +95,8 @@
</Transition>
</button>
<button v-if="addInstanceIcon && !loggedInUserReaderBool"
:class="[loggedInUserDarkModeBoolean ? 'button-darkmode' : 'button-lightmode']" id="new-instance">
:class="[loggedInUserDarkModeBoolean ? 'button-darkmode' : 'button-lightmode']" id="new-instance"
@click="addInstance">
<div class="icon" id="new-icon">
<img :class="[loggedInUserDarkModeBoolean ? 'img-darkmode' : 'img-lightmode']" loading="lazy"
src="/icons/actionbar-icons/Add-New-Icon.svg" />
@ -131,6 +132,17 @@
:class="['label', loggedInUserDarkModeBoolean ? 'label-darkmode' : 'label-lightmode']">Edit</pre>
</Transition>
</button>
<button v-if="editUserIcon" :class="[loggedInUserDarkModeBoolean ? 'button-darkmode' : 'button-lightmode']"
id="editUser" @click="toggleEditableUser">
<div class="icon" id="edit-icon">
<img :class="[loggedInUserDarkModeBoolean ? 'img-darkmode' : 'img-lightmode']" loading="lazy"
src="/icons/actionbar-icons/Edit-Icon.svg" />
</div>
<Transition name="fade">
<pre v-if="isExpanded"
:class="['label', loggedInUserDarkModeBoolean ? 'label-darkmode' : 'label-lightmode']">Edit</pre>
</Transition>
</button>
<button v-if="deleteIcon && !loggedInUserReaderBool"
:class="[loggedInUserDarkModeBoolean ? 'button-darkmode' : 'button-lightmode']" id="delete" @click="deleteFunc">
<div class="icon" id="delete-icon">
@ -163,6 +175,7 @@ const attachmentsIcon = computed(() => store.state.attachmentsIcon);
const sellIcon = computed(() => store.state.sellIcon);
const archiveIcon = computed(() => store.state.archiveIcon);
const editIcon = computed(() => store.state.editIcon);
const editUserIcon = computed(() => store.state.editUserIcon);
const deleteIcon = computed(() => store.state.deleteIcon);
const loggedInUserDarkModeBoolean = ref('');
@ -175,6 +188,9 @@ const store = useStore()
const toggleEditable = () => {
store.commit('toggleEditable');
};
const toggleEditableUser = () => {
store.commit('toggleEditableUser');
};
const deleteFunc = () => {
store.commit('doDelete');
};
@ -196,10 +212,19 @@ const addSolution = () => {
store.commit('add');
};
const addInstance = () => {
store.commit('addInstance');
};
const changeToSolutions = () => {
store.commit('changeToSolutionlistAsset');
}
const changeToInstancelist = () => {
store.commit('changeToInstancelist');
}
// const changeToSettingsPage = () => {
// store.commit('changeToSettings');
// if (changeToSet.value) {