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

implemented poi and mvi

Browse Source
This commit is contained in:
selina.mail
2024-04-01 18:37:15 +02:00
parent 3c063fddca
commit 423ff7e48b
35 changed files with 2111 additions and 497 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
layouts/Actionbar.vue
View File

@ -120,6 +120,17 @@
</Transition>
</button>
</router-link>
<button v-if="notAllInstancesIcon && !addIcon" :class="[loggedInUserDarkModeBoolean ? 'button-darkmode' : 'button-lightmode']"
id="allInstances" @click="changeToAllInstances">
<div class="icon" id="instances-icon">
<img :class="[loggedInUserDarkModeBoolean ? 'img-darkmode' : 'img-lightmode']" loading="lazy"
src="/icons/actionbar-icons/Instances-Icon.svg" />
</div>
<Transition name="fade">
<pre v-if="isExpanded"
:class="['label', loggedInUserDarkModeBoolean ? 'label-darkmode' : 'label-lightmode']">See all</pre>
</Transition>
</button>
<button v-if="editIcon && !loggedInUserReaderBool"
:class="[loggedInUserDarkModeBoolean ? 'button-darkmode' : 'button-lightmode']" id="edit"
@click="toggleEditable">
@ -177,6 +188,7 @@ 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 notAllInstancesIcon = computed(() => store.state.notAllInstancesIcon);
const loggedInUserDarkModeBoolean = ref('');
const isExpanded = ref(true);
@ -224,6 +236,10 @@ const changeToInstancelist = () => {
store.commit('changeToInstancelist');
}
const changeToAllInstances = () => {
store.commit('changeToInstancelist');
store.commit('seeAllIcon');
}
// const changeToSettingsPage = () => {
// store.commit('changeToSettings');

4
layouts/Navigationbar.vue
View File

@ -2,11 +2,11 @@
<aside
:class="['navbar', loggedInUserDarkModeBoolean ? 'navbar-darkmode' : 'navbar-lightmode', isExpanded ? 'is-expanded' : 'is-not-expanded']">
<div class="toggleNavbar">
<div v-if="isExpanded" :class="['icon', loggedInUserDarkModeBoolean ? 'back-darkmode' : 'back-lightmode']"
<!-- <div v-if="isExpanded" :class="['icon', loggedInUserDarkModeBoolean ? 'back-darkmode' : 'back-lightmode']"
id="back-icon">
<img :class="[loggedInUserDarkModeBoolean ? 'img-darkmode' : 'img-lightmode']" loading="lazy"
src="/icons/Back-Icon.svg" />
</div>
</div> -->
<div :class="['icon', loggedInUserDarkModeBoolean ? 'indicator-darkmode' : 'indicator-lightmode']"
id="indicator-icon" @click="ToggleSidebar">
<img :class="[loggedInUserDarkModeBoolean ? 'img-darkmode' : 'img-lightmode']" loading="lazy"