33 lines
960 B
Vue
33 lines
960 B
Vue
 
|
<script setup lang="ts">
|
||
|
|
import { toValue } from 'vue'
|
||
|
|
import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
|
||
|
|
import DesktopHomeSection from './DesktopHomeSection.vue'
|
||
|
|
import { useHomePageContext } from '../../composables/useHomePage'
|
||
|
|
import type { HomeActionItem } from '../../layouts/types'
|
||
|
|
|
||
|
|
const ctx = useHomePageContext()
|
||
|
|
|
||
|
|
function runAction(action: HomeActionItem) {
|
||
|
|
action.handler()
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<DesktopHomeSection title="عملیات">
|
||
|
|
<div class="dhome-default-actions">
|
||
|
|
<button
|
||
|
|
v-for="action in toValue(ctx.mainActions)"
|
||
|
|
:key="action.name"
|
||
|
|
type="button"
|
||
|
|
class="dhome-default-action"
|
||
|
|
@click="runAction(action)"
|
||
|
|
>
|
||
|
|
<span class="dhome-default-action__icon">
|
||
|
|
<BasicIcon :icon="action.icon" size="20" />
|
||
|
|
</span>
|
||
|
|
<span class="dhome-default-action__label">{{ action.label }}</span>
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</DesktopHomeSection>
|
||
|
|
</template>
|