MAINHACK

Viewing / Editing File: MenuComponent.vue

<template>
 <button
 class="settings-btn w-full md:hidden flex items-center justify-center gap-2 p-2 rounded bg-primary text-white">
 {{ $t('menu.settings_menu') }}
 
 </button>
 <div class="h-0 overflow-hidden md:h-auto md:overflow-auto transition-all duration-300">
 <nav class="db-card p-3">
 <router-link :to="{ name: 'admin.settings.company' }" class="db-tab-btn">
 
 {{ $t("menu.company") }}
 </router-link>
 <router-link :to="{ name: 'admin.settings.site' }" class="db-tab-btn">
 
 {{ $t("menu.site") }}
 </router-link>
 <router-link :to="{ name: 'admin.settings.branch' }" class="db-tab-btn">
 
 {{ $t("menu.branches") }}
 </router-link>
 <router-link :to="{ name: 'admin.settings.kioskMachines' }" class="db-tab-btn">
 
 {{ $t("menu.kiosk_machines") }}
 </router-link>
 <router-link :to="{ name: 'admin.settings.mail' }" class="db-tab-btn">
 
 {{ $t("menu.mail") }}
 </router-link>
 <router-link :to="{ name: 'admin.settings.orderSetup' }" class="db-tab-btn">
 
 {{ $t("menu.order_setup") }}
 </router-link>
 <router-link :to="{ name: 'admin.settings.otp' }" class="db-tab-btn">
 
 {{ $t("menu.otp") }}
 </router-link>
 <router-link :to="{ name: 'admin.settings.notification' }" class="db-tab-btn">
 
 {{ $t("menu.notification") }}
 </router-link>
 <router-link :to="{ name: 'admin.settings.notificationAlert' }" class="db-tab-btn">
 
 {{ $t("menu.notification_alert") }}
 </router-link>
 <router-link :to="{ name: 'admin.settings.socialMedia' }" class="db-tab-btn">
 
 {{ $t("menu.social_media") }}
 </router-link>
 <router-link :to="{ name: 'admin.settings.cookies' }" class="db-tab-btn">
 
 {{ $t("menu.cookies") }}
 </router-link>
 <router-link :to="{ name: 'admin.settings.analytic' }" class="db-tab-btn">
 
 {{ $t("menu.analytics") }}
 </router-link>
 <router-link :to="{ name: 'admin.settings.theme' }" class="db-tab-btn">
 
 {{ $t("menu.theme") }}
 </router-link>
 <router-link :to="{ name: 'admin.settings.timeSlot' }" class="db-tab-btn">
 
 {{ $t("menu.time_slots") }}
 </router-link>
 <router-link :to="{ name: 'admin.settings.slider' }" class="db-tab-btn">
 
 {{ $t("menu.sliders") }}
 </router-link>
 <router-link :to="{ name: 'admin.settings.currency' }" class="db-tab-btn">
 
 {{ $t("menu.currencies") }}
 </router-link>
 <router-link :to="{ name: 'admin.settings.itemCategory' }" class="db-tab-btn">
 
 {{ $t("menu.item_categories") }}
 </router-link>
 <router-link :to="{ name: 'admin.settings.itemAttribute' }" class="db-tab-btn">
 
 {{ $t("menu.item_attributes") }}
 </router-link>
 <router-link :to="{ name: 'admin.settings.tax' }" class="db-tab-btn">
 
 {{ $t("menu.taxes") }}
 </router-link>
 <router-link :to="{ name: 'admin.settings.page' }" class="db-tab-btn">
 
 {{ $t("menu.pages") }}
 </router-link>
 <router-link :to="{ name: 'admin.settings.role' }" class="db-tab-btn">
 
 {{ $t("menu.role_permissions") }}
 </router-link>
 <router-link :to="{ name: 'admin.settings.language' }" class="db-tab-btn">
 
 {{ $t("menu.languages") }}
 </router-link>
 <router-link :to="{ name: 'admin.settings.smsGateway' }" class="db-tab-btn">
 
 {{ $t("menu.sms_gateway") }}
 </router-link>
 <router-link :to="{ name: 'admin.settings.paymentGateway' }" class="db-tab-btn">
 
 {{ $t("menu.payment_gateway") }}
 </router-link>
 <router-link :to="{ name: 'admin.settings.license' }" class="db-tab-btn">
 
 {{ $t("menu.license") }}
 </router-link>
 </nav>
 </div>
</template>

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: MenuComponent.vue

Server Info

System Features

User Info