defuj/apkt-eis
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update for recent page list

Browse Source
This commit is contained in:
Dede Fuji Abdul
2023-10-26 16:25:16 +07:00
parent f8aa372487
commit bcfa85cd32
2 changed files with 38 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/components/CommandPalettes.vue
View File

@ -34,26 +34,33 @@
:key="menu.path" v-slot="{ active }">
<li @click="openMenu(menu)"
:class="['flex flex-row cursor-pointer select-none items-center rounded-md px-3 py-2', active && 'bg-gray-900 bg-opacity-5 text-gray-900']">
<img v-if="menu.path.includes('/gangguan/')" :src="navigationIcon[0]"
<component v-if="menu.path.includes('/gangguan/')" :is="navigationIcon[0]"
alt="icon"
:class="['h-6 w-6 flex-none', active ? 'opacity-100' : 'opacity-40']" />
<img v-else-if="menu.path.includes('/keluhan/')" :src="navigationIcon[1]"
alt="icon"
<component v-else-if="menu.path.includes('/keluhan/')"
:is="navigationIcon[1]" alt="icon"
:class="['h-6 w-6 flex-none', active ? 'opacity-100' : 'opacity-40']" />
<img v-else-if="menu.path.includes('/monalisa/')" :src="navigationIcon[2]"
alt="icon"
<component v-else-if="menu.path.includes('/monalisa/')"
:is="navigationIcon[2]" alt="icon"
:class="['h-6 w-6 flex-none', active ? 'opacity-100' : 'opacity-40']" />
<img v-else-if="menu.path.includes('/check-in-out/')"
:src="navigationIcon[3]" alt="icon"
<component v-else-if="menu.path.includes('/check-in-out/')"
:is="navigationIcon[3]" alt="icon"
:class="['h-6 w-6 flex-none', active ? 'opacity-100' : 'opacity-40']" />
<img v-else-if="menu.path.includes('/anomali-pengaduan/')"
:src="navigationIcon[4]" alt="icon"
<component v-else-if="menu.path.includes('/anomali-pengaduan/')"
:is="navigationIcon[4]" alt="icon"
:class="['h-6 w-6 flex-none', active ? 'opacity-100' : 'opacity-40']" />
<img v-else :src="navigationIcon[5]" alt="icon"
<component v-else-if="menu.path.includes('/ctt-kwh-periksa/')"
:is="navigationIcon[5]" alt="icon"
:class="['h-6 w-6 flex-none', active ? 'opacity-100' : 'opacity-40']" />
<!-- <DocumentTextIcon
:class="['h-6 w-6 flex-none text-gray-900 text-opacity-40', active && 'text-opacity-100']"
aria-hidden="true" /> -->
<component v-else-if="menu.path.includes('/material/')"
:is="navigationIcon[6]" alt="icon"
:class="['h-6 w-6 flex-none', active ? 'opacity-100' : 'opacity-40']" />
<component v-else-if="menu.path.includes('/transaksi/')"
:is="navigationIcon[7]" alt="icon"
:class="['h-6 w-6 flex-none', active ? 'opacity-100' : 'opacity-40']" />
<component v-else :is="navigationIcon[8]" alt="icon"
:class="['h-6 w-6 flex-none', active ? 'opacity-100' : 'opacity-40']" />
<div class="flex flex-col flex-auto ml-3 space-y-1">
<span class="text-sm font-medium text-gray-800 truncate">
{{ menu.name }}