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

basic functionality pot implemented

Browse Source
This commit is contained in:
selina.mail
2024-02-27 10:31:03 +01:00
parent 3a79ed12fa
commit c327355c8a
30 changed files with 1113 additions and 189 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
layouts/Actionbar.vue
View File

@ -52,7 +52,7 @@
<pre v-if="isExpanded" :class="['label', darkMode ? 'label-darkmode' : 'label-lightmode']">Archive</pre>
</Transition>
</button>
<button :class="[darkMode ? 'button-darkmode' : 'button-lightmode']" id="new" @click="addAsset">
<button :class="[darkMode ? 'button-darkmode' : 'button-lightmode']" id="new" @click="add">
<div class="icon" id="new-icon">
<img :class="[darkMode ? 'img-darkmode' : 'img-lightmode']" loading="lazy" src="../icons/actionbar-icons/Add-New-Icon.svg" />
</div>
@ -68,7 +68,7 @@
<pre v-if="isExpanded" :class="['label', darkMode ? 'label-darkmode' : 'label-lightmode']">Edit</pre>
</Transition>
</button>
<button :class="[darkMode ? 'button-darkmode' : 'button-lightmode']" id="delete" @click="deleteAsset">
<button :class="[darkMode ? 'button-darkmode' : 'button-lightmode']" id="delete" @click="deleteFunc">
<div class="icon" id="delete-icon">
<img :class="[darkMode ? 'img-darkmode' : 'img-lightmode']" loading="lazy" src="../icons/actionbar-icons/Delete-Icon.svg" />
</div>
@ -90,23 +90,23 @@ const isExpanded = ref(true)
// get accesss to the store
const store = useStore()
const toggleEditable = () => {
store.commit('toggleEditableAsset');
store.commit('toggleEditable');
};
const deleteAsset = () => {
store.commit('doDeleteAsset');
const deleteFunc = () => {
store.commit('doDelete');
};
const toggleActionbar = () => {
isExpanded.value = !isExpanded.value;
};
const toggleFiltered = () => {
store.commit('toggleFilteredAsset');
store.commit('toggleFiltered');
};
const toggleSearched = () => {
store.commit('toggleAssetSearchable');
store.commit('toggleSearchable');
};
const addAsset = () => {
store.commit('addNewAsset');
const add = () => {
store.commit('add');
};
</script>