MAINHACK

Viewing / Editing File: Sidebar.vue

<div class="sidebar custom-sidebar">
 
 <nav class="py-3 pb-5">
 <ul
 class="nav nav-pills nav-sidebar flex-column"
 data-widget="treeview"
 role="menu"
 >
 <li class="nav-header text-uppercase text-bold">
 {{ $t("sidebar.dashboard") }}
 </li>
 <li class="nav-item">
 <router-link :to="{ name: 'home' }" class="nav-link">
 
 {{ $t("sidebar.dashboard") }}
 </router-link>
 </li>
 <li class="nav-header text-bold">{{ $t("sidebar.activities") }}</li>
 <li
 v-if="
 $can('expense-category-list') ||
 $can('expense-category-create') ||
 $can('expense-category-edit') ||
 $can('expense-category-delete') ||
 $can('expense-sub-category-list') ||
 $can('expense-sub-category-create') ||
 $can('expense-sub-category-edit') ||
 $can('expense-sub-category-delete') ||
 $can('expense-list') ||
 $can('expense-create') ||
 $can('expense-edit') ||
 $can('expense-view') ||
 $can('expense-delete')
 "
 class="nav-item has-treeview"
 :class="
 menuOpen('expenseCats') ||
 menuOpen('expenseSubCats') ||
 menuOpen('expenses')
 ? 'menu-is-opening menu-open'
 : ''
 "
 >
 <a href="#" class="nav-link">
 
 
 {{ $t("sidebar.expenses") }}
 
 
 </a>
 <ul
 class="nav nav-treeview"
 :class="
 menuOpen('expenseCats') ||
 menuOpen('expenseSubCats') ||
 menuOpen('expenses')
 ? 'display: block'
 : 'display: none'
 "
 >
 <li
 v-if="
 $can('expense-category-list') ||
 $can('expense-category-create') ||
 $can('expense-category-edit') ||
 $can('expense-category-delete')
 "
 class="nav-item"
 >
 <router-link
 :to="{ name: 'expenseCats.index' }"
 class="nav-link"
 >
 
 {{ $t("sidebar.categories") }}
 </router-link>
 </li>
 <li
 v-if="
 $can('expense-sub-category-list') ||
 $can('expense-sub-category-create') ||
 $can('expense-sub-category-edit') ||
 $can('expense-sub-category-delete')
 "
 class="nav-item"
 >
 <router-link
 :to="{ name: 'expenseSubCats.index' }"
 class="nav-link"
 >
 
 {{ $t("sidebar.sub_categories") }}
 </router-link>
 </li>
 <li
 v-if="
 $can('expense-list') ||
 $can('expense-create') ||
 $can('expense-edit') ||
 $can('expense-view') ||
 $can('expense-delete')
 "
 class="nav-item"
 >
 <router-link :to="{ name: 'expenses.index' }" class="nav-link">
 
 {{ $t("sidebar.expenses_list") }}
 </router-link>
 </li>
 </ul>
 </li>
 <li
 v-if="
 $can('purchase-list') ||
 $can('purchase-create') ||
 $can('purchase-edit') ||
 $can('purchase-view') ||
 $can('purchase-delete') ||
 $can('purchase-return-list') ||
 $can('purchase-return-create') ||
 $can('purchase-return-edit') ||
 $can('purchase-return-view') ||
 $can('purchase-return-delete')
 "
 class="nav-item has-treeview"
 :class="
 menuOpen('purchases') || menuOpen('purchaseReturns')
 ? 'menu-is-opening menu-open'
 : ''
 "
 >
 <a href="#" class="nav-link">
 
 
 {{ $t("sidebar.purchases") }}
 
 
 </a>
 <ul
 class="nav nav-treeview"
 :style="
 menuOpen('purchases') || menuOpen('purchaseReturns')
 ? 'display: block'
 : 'display: none'
 "
 >
 <li
 v-if="
 $can('purchase-list') ||
 $can('purchase-create') ||
 $can('purchase-edit') ||
 $can('purchase-view') ||
 $can('purchase-delete')
 "
 class="nav-item"
 >
 <router-link :to="{ name: 'purchases.index' }" class="nav-link">
 
 {{ $t("sidebar.purchases_list") }}
 </router-link>
 </li>
 <li
 v-if="
 $can('purchase-return-list') ||
 $can('purchase-return-create') ||
 $can('purchase-return-edit') ||
 $can('purchase-return-view') ||
 $can('purchase-return-delete')
 "
 class="nav-item"
 >
 <router-link
 :to="{ name: 'purchaseReturns.index' }"
 class="nav-link"
 >
 
 {{ $t("sidebar.returns_list") }}
 </router-link>
 </li>
 </ul>
 </li>
 <li
 v-if="
 $can('quotation-list') ||
 $can('quotation-create') ||
 $can('quotation-view') ||
 $can('quotation-edit') ||
 $can('quotation-delete') ||
 $can('quotation-to-invoice') ||
 $can('invoice-list') ||
 $can('invoice-create') ||
 $can('invoice-view') ||
 $can('invoice-edit') ||
 $can('invoice-delete') ||
 $can('invoice-return-list') ||
 $can('invoice-return-create') ||
 $can('invoice-return-view') ||
 $can('invoice-return-edit') ||
 $can('invoice-return-delete')
 "
 class="nav-item has-treeview"
 :class="
 menuOpen('quotations') ||
 menuOpen('invoices') ||
 menuOpen('invoiceReturns')
 ? 'menu-is-opening menu-open'
 : ''
 "
 >
 <a href="#" class="nav-link">
 
 
 {{ $t("sidebar.sales") }}
 
 
 </a>
 <ul
 class="nav nav-treeview"
 :style="
 menuOpen('quotations') ||
 menuOpen('invoices') ||
 menuOpen('invoiceReturns')
 ? 'display: block'
 : 'display: none'
 "
 >
 <li
 v-if="
 $can('quotation-list') ||
 $can('quotation-create') ||
 $can('quotation-view') ||
 $can('quotation-edit') ||
 $can('quotation-delete') ||
 $can('quotation-to-invoice')
 "
 class="nav-item"
 >
 <router-link
 :to="{ name: 'quotations.index' }"
 class="nav-link"
 >
 
 {{ $t("sidebar.quotations_list") }}
 </router-link>
 </li>
 <li
 v-if="
 $can('invoice-list') ||
 $can('invoice-create') ||
 $can('invoice-view') ||
 $can('invoice-edit') ||
 $can('invoice-delete')
 "
 class="nav-item"
 >
 <router-link :to="{ name: 'invoices.index' }" class="nav-link">
 
 {{ $t("sidebar.invoices_list") }}
 </router-link>
 </li>
 <li
 v-if="
 $can('invoice-list') ||
 $can('invoice-create') ||
 $can('invoice-view') ||
 $can('invoice-edit') ||
 $can('invoice-delete')
 "
 class="nav-item"
 >
 <router-link :to="{ name: 'pos.create' }" class="nav-link">
 
 {{ $t("pos.pos") }}
 </router-link>
 </li>
 <li
 v-if="
 $can('invoice-return-list') ||
 $can('invoice-return-create') ||
 $can('invoice-return-view') ||
 $can('invoice-return-edit') ||
 $can('invoice-return-delete')
 "
 class="nav-item"
 >
 <router-link
 :to="{ name: 'invoiceReturns.index' }"
 class="nav-link"
 >
 
 {{ $t("sidebar.returns_list") }}
 </router-link>
 </li>
 </ul>
 </li>
 <li class="nav-header text-bold">{{ $t("sidebar.accounting") }}</li>
 <li
 v-if="
 $can('account-list') ||
 $can('account-create') ||
 $can('account-view') ||
 $can('account-edit') ||
 $can('account-delete') ||
 $can('account-balance-list') ||
 $can('account-balance-create') ||
 $can('account-balance-edit') ||
 $can('account-balance-delete') ||
 $can('account-transfer-balance-list') ||
 $can('account-transfer-balance-create') ||
 $can('account-transfer-balance-edit') ||
 $can('account-transfer-balance-view') ||
 $can('account-transfer-balance-delete') ||
 $can('transaction-history')
 "
 class="nav-item has-treeview"
 :class="
 menuOpen('accounts') ||
 menuOpen('balances') ||
 menuOpen('transferBalances') ||
 menuOpen('transactions')
 ? 'menu-is-opening menu-open'
 : ''
 "
 >
 <a href="#" class="nav-link">
 
 
 {{ $t("sidebar.cashbook") }}
 
 
 </a>
 <ul
 class="nav nav-treeview"
 :style="
 menuOpen('accounts') ||
 menuOpen('balances') ||
 menuOpen('transferBalances') ||
 menuOpen('transactions')
 ? 'display: block'
 : 'display: none'
 "
 >
 <li
 v-if="
 $can('account-list') ||
 $can('account-create') ||
 $can('account-view') ||
 $can('account-edit') ||
 $can('account-delete')
 "
 class="nav-item"
 >
 <router-link :to="{ name: 'accounts.index' }" class="nav-link">
 
 {{ $t("sidebar.accounts") }}
 </router-link>
 </li>
 <li
 v-if="
 $can('account-balance-list') ||
 $can('account-balance-create') ||
 $can('account-balance-edit') ||
 $can('account-balance-delete')
 "
 class="nav-item"
 >
 <router-link :to="{ name: 'balances.index' }" class="nav-link">
 
 {{ $t("sidebar.balance_adjustments") }}
 </router-link>
 </li>
 <li
 v-if="
 $can('account-transfer-balance-list') ||
 $can('account-transfer-balance-create') ||
 $can('account-transfer-balance-edit') ||
 $can('account-transfer-balance-view') ||
 $can('account-transfer-balance-delete')
 "
 class="nav-item"
 >
 <router-link
 :to="{ name: 'transferBalances.index' }"
 class="nav-link"
 >
 
 {{ $t("sidebar.balance_transfers") }}
 </router-link>
 </li>
 <li v-if="$can('transaction-history')" class="nav-item">
 <router-link
 :to="{ name: 'transactions.index' }"
 class="nav-link"
 >
 
 {{ $t("sidebar.transaction_history") }}
 </router-link>
 </li>
 </ul>
 </li>
 <li
 v-if="
 $can('non-purchase-payment-list') ||
 $can('non-purchase-payment-create') ||
 $can('non-purchase-payment-edit') ||
 $can('non-purchase-payment-view') ||
 $can('non-purchase-payment-delete') ||
 $can('purchase-payment-list') ||
 $can('purchase-payment-create') ||
 $can('purchase-payment-edit') ||
 $can('purchase-payment-view') ||
 $can('purchase-payment-delete') ||
 $can('non-invoice-payment-list') ||
 $can('non-invoice-payment-create') ||
 $can('non-invoice-payment-edit') ||
 $can('non-invoice-payment-view') ||
 $can('non-invoice-payment-delete') ||
 $can('invoice-payment-list') ||
 $can('invoice-payment-create') ||
 $can('invoice-payment-view') ||
 $can('invoice-payment-edit') ||
 $can('invoice-payment-delete')
 "
 class="nav-item has-treeview"
 :class="
 menuOpen('nonInvoicePayments') ||
 menuOpen('invoicePayments') ||
 menuOpen('purchasePayments') ||
 menuOpen('nonPurchasePayments')
 ? 'menu-is-opening menu-open'
 : ''
 "
 >
 <a href="#" class="nav-link">
 
 
 {{ $t("sidebar.payments") }}
 
 
 </a>
 <ul
 class="nav nav-treeview"
 :style="
 menuOpen('nonInvoicePayments') ||
 menuOpen('invoicePayments') ||
 menuOpen('purchasePayments') ||
 menuOpen('nonPurchasePayments')
 ? 'display: block'
 : 'display: none'
 "
 >
 <li
 v-if="
 $can('non-invoice-payment-list') ||
 $can('non-invoice-payment-create') ||
 $can('non-invoice-payment-edit') ||
 $can('non-invoice-payment-view') ||
 $can('non-invoice-payment-delete') ||
 $can('invoice-payment-list') ||
 $can('invoice-payment-create') ||
 $can('invoice-payment-view') ||
 $can('invoice-payment-edit') ||
 $can('invoice-payment-delete')
 "
 class="nav-item has-treeview"
 :class="
 menuOpen('nonInvoicePayments') || menuOpen('invoicePayments')
 ? 'menu-is-opening menu-open'
 : ''
 "
 >
 <a href="#" class="nav-link">
 
 
 {{ $t("sidebar.clients") }}
 
 
 </a>
 <ul
 class="nav nav-treeview"
 :style="
 menuOpen('nonInvoicePayments') ||
 menuOpen('invoicePayments')
 "
 >
 <li
 v-if="
 $can('invoice-payment-list') ||
 $can('invoice-payment-create') ||
 $can('invoice-payment-view') ||
 $can('invoice-payment-edit') ||
 $can('invoice-payment-delete')
 "
 class="nav-item"
 >
 <router-link
 :to="{ name: 'invoicePayments.index' }"
 class="nav-link"
 >
 
 {{ $t("sidebar.invoice") }}
 </router-link>
 </li>
 <li
 v-if="
 $can('non-invoice-payment-list') ||
 $can('non-invoice-payment-create') ||
 $can('non-invoice-payment-edit') ||
 $can('non-invoice-payment-view') ||
 $can('non-invoice-payment-delete')
 "
 class="nav-item"
 >
 <router-link
 :to="{ name: 'nonInvoicePayments.index' }"
 class="nav-link"
 >
 
 {{ $t("sidebar.non_invoice") }}
 </router-link>
 </li>
 </ul>
 </li>

<li
 v-if="
 $can('purchase-payment-list') ||
 $can('purchase-payment-create') ||
 $can('purchase-payment-edit') ||
 $can('purchase-payment-view') ||
 $can('purchase-payment-delete') ||
 $can('non-purchase-payment-list') ||
 $can('non-purchase-payment-create') ||
 $can('non-purchase-payment-edit') ||
 $can('non-purchase-payment-view') ||
 $can('non-purchase-payment-delete')
 "
 class="nav-item has-treeview"
 :class="
 menuOpen('nonPurchasePayments') ||
 menuOpen('purchasePayments')
 ? 'menu-is-opening menu-open'
 : ''
 "
 >
 <a href="#" class="nav-link">
 
 
 {{ $t("sidebar.suppliers") }}
 
 
 </a>
 <ul
 class="nav nav-treeview"
 :style="
 menuOpen('nonPurchasePayments') ||
 menuOpen('purchasePayments')
 ? 'display: block'
 : 'display: none'
 "
 >
 <li
 v-if="
 $can('purchase-payment-list') ||
 $can('purchase-payment-create') ||
 $can('purchase-payment-edit') ||
 $can('purchase-payment-view') ||
 $can('purchase-payment-delete')
 "
 class="nav-item"
 >
 <router-link
 :to="{ name: 'purchasePayments.index' }"
 class="nav-link"
 >
 
 {{ $t("sidebar.purchase") }}
 </router-link>
 </li>
 <li
 v-if="
 $can('non-purchase-payment-list') ||
 $can('non-purchase-payment-create') ||
 $can('non-purchase-payment-edit') ||
 $can('non-purchase-payment-view') ||
 $can('non-purchase-payment-delete')
 "
 class="nav-item"
 >
 <router-link
 :to="{ name: 'nonPurchasePayments.index' }"
 class="nav-link"
 >
 
 {{ $t("sidebar.non_purchase") }}
 </router-link>
 </li>
 </ul>
 </li>
 </ul>
 </li>
 <li
 v-if="
 $can('loan-authority-list') ||
 $can('loan-authority-create') ||
 $can('loan-authority-view') ||
 $can('loan-authority-edit') ||
 $can('loan-authority-delete') ||
 $can('loan-list') ||
 $can('loan-create') ||
 $can('loan-view') ||
 $can('loan-edit') ||
 $can('loan-delete') ||
 $can('loan-payment-list') ||
 $can('loan-payment-create') ||
 $can('loan-payment-view') ||
 $can('loan-payment-edit') ||
 $can('loan-payment-delete')
 "
 class="nav-item has-treeview"
 :class="
 menuOpen('authorities') ||
 menuOpen('loans') ||
 menuOpen('loanPayments')
 ? 'menu-is-opening menu-open'
 : ''
 "
 >
 <a href="#" class="nav-link">
 
 
 {{ $t("sidebar.loan_management") }}
 
 
 </a>
 <ul
 class="nav nav-treeview"
 :style="
 menuOpen('authorities') ||
 menuOpen('loans') ||
 menuOpen('loanPayments')
 ? 'display: block'
 : 'display: none'
 "
 >
 <li
 v-if="
 $can('loan-authority-list') ||
 $can('loan-authority-create') ||
 $can('loan-authority-view') ||
 $can('loan-authority-edit') ||
 $can('loan-authority-delete')
 "
 class="nav-item"
 >
 <router-link
 :to="{ name: 'authorities.index' }"
 class="nav-link"
 >
 
 {{ $t("sidebar.authorities") }}
 </router-link>
 </li>
 <li
 v-if="
 $can('loan-list') ||
 $can('loan-create') ||
 $can('loan-view') ||
 $can('loan-edit') ||
 $can('loan-delete')
 "
 class="nav-item"
 >
 <router-link :to="{ name: 'loans.index' }" class="nav-link">
 
 {{ $t("sidebar.loans") }}
 </router-link>
 </li>
 <li
 v-if="
 $can('loan-payment-list') ||
 $can('loan-payment-create') ||
 $can('loan-payment-view') ||
 $can('loan-payment-edit') ||
 $can('loan-payment-delete')
 "
 class="nav-item"
 >
 <router-link
 :to="{ name: 'loanPayments.index' }"
 class="nav-link"
 >
 
 {{ $t("sidebar.payments") }}
 </router-link>
 </li>
 </ul>
 </li>
 <li
 v-if="
 $can('asset-type-list') ||
 $can('asset-type-create') ||
 $can('asset-type-edit') ||
 $can('asset-type-delete') ||
 $can('asset-list') ||
 $can('asset-create') ||
 $can('asset-view') ||
 $can('asset-edit') ||
 $can('asset-delete')
 "
 class="nav-item has-treeview"
 :class="
 menuOpen('assetTypes') || menuOpen('assets')
 ? 'menu-is-opening menu-open'
 : ''
 "
 >
 <a href="#" class="nav-link">
 
 
 {{ $t("sidebar.asset_management") }}
 
 
 </a>
 <ul
 class="nav nav-treeview"
 :style="
 menuOpen('assetTypes') || menuOpen('assets')
 ? 'display: block'
 : 'display: none'
 "
 >
 <li
 v-if="
 $can('asset-type-list') ||
 $can('asset-type-create') ||
 $can('asset-type-edit') ||
 $can('asset-type-delete')
 "
 class="nav-item"
 >
 <router-link
 :to="{ name: 'assetTypes.index' }"
 class="nav-link"
 >
 
 {{ $t("sidebar.types") }}
 </router-link>
 </li>
 <li
 v-if="
 $can('asset-list') ||
 $can('asset-create') ||
 $can('asset-view') ||
 $can('asset-edit') ||
 $can('asset-delete')
 "
 class="nav-item"
 >
 <router-link :to="{ name: 'assets.index' }" class="nav-link">
 
 {{ $t("sidebar.assets") }}
 </router-link>
 </li>
 </ul>
 </li>
 <li
 v-if="
 $can('payroll-list') ||
 $can('payroll-create') ||
 $can('payroll-view') ||
 $can('payroll-edit') ||
 $can('payroll-delete')
 "
 class="nav-item"
 >
 <router-link :to="{ name: 'payroll.index' }" class="nav-link">
 
 {{ $t("sidebar.payroll") }}
 </router-link>
 </li>
 <li class="nav-header text-bold">{{ $t("sidebar.people") }}</li>
 <li
 v-if="
 $can('client-list') ||
 $can('client-create') ||
 $can('client-view') ||
 $can('client-edit') ||
 $can('client-delete')
 "
 class="nav-item"
 >
 <router-link :to="{ name: 'clients.index' }" class="nav-link">
 
 {{ $t("sidebar.clients") }}
 </router-link>
 </li>
 <li
 v-if="
 $can('supplier-list') ||
 $can('supplier-create') ||
 $can('supplier-view') ||
 $can('supplier-edit') ||
 $can('supplier-delete')
 "
 class="nav-item"
 >
 <router-link
 :to="{ name: 'suppliers.index' }"
 href="#"
 class="nav-link"
 >
 
 {{ $t("sidebar.suppliers") }}
 </router-link>
 </li>
 <li
 v-if="
 $can('department-list') ||
 $can('department-create') ||
 $can('department-edit') ||
 $can('department-delete') ||
 $can('employee-list') ||
 $can('employee-create') ||
 $can('employee-edit') ||
 $can('employee-delete') ||
 $can('employee-view') ||
 $can('increment-list') ||
 $can('increment-create') ||
 $can('increment-edit') ||
 $can('increment-view') ||
 $can('increment-delete')
 "
 class="nav-item has-treeview"
 :class="
 menuOpen('departments') ||
 menuOpen('employees') ||
 menuOpen('increments')
 ? 'menu-is-opening menu-open'
 : ''
 "
 >
 <a href="#" class="nav-link">
 
 
 {{ $t("sidebar.employees") }}
 
 
 </a>
 <ul
 class="nav nav-treeview"
 :style="
 menuOpen('departments') ||
 menuOpen('employees') ||
 menuOpen('increments')
 ? 'display: block'
 : 'display: none'
 "
 >
 <li
 v-if="
 $can('department-list') ||
 $can('department-create') ||
 $can('department-edit') ||
 $can('department-delete')
 "
 class="nav-item"
 >
 <router-link
 :to="{ name: 'departments.index' }"
 class="nav-link"
 >
 
 {{ $t("sidebar.departments") }}
 </router-link>
 </li>
 <li
 v-if="
 $can('employee-list') ||
 $can('employee-create') ||
 $can('employee-edit') ||
 $can('employee-delete') ||
 $can('employee-view')
 "
 class="nav-item"
 >
 <router-link :to="{ name: 'employees.index' }" class="nav-link">
 
 {{ $t("sidebar.employees_list") }}
 </router-link>
 </li>
 <li
 v-if="
 $can('increment-list') ||
 $can('increment-create') ||
 $can('increment-edit') ||
 $can('increment-view') ||
 $can('increment-delete')
 "
 class="nav-item"
 >
 <router-link
 :to="{ name: 'increments.index' }"
 class="nav-link"
 >
 
 {{ $t("sidebar.increments") }}
 </router-link>
 </li>
 </ul>
 </li>

<li class="nav-header text-bold">
 {{ $t("sidebar.inventory_uppercase") }}
 </li>
 <li
 v-if="
 $can('product-category-create') ||
 $can('product-category-edit') ||
 $can('product-category-delete') ||
 $can('product-sub-category-create') ||
 $can('product-sub-category-edit') ||
 $can('product-sub-category-delete') ||
 $can('product-create') ||
 $can('product-view') ||
 $can('product-edit') ||
 $can('product-delete') ||
 $can('print-barcode')
 "
 class="nav-item has-treeview"
 :class="
 menuOpen('productCats') ||
 menuOpen('productSubCats') ||
 menuOpen('products') ||
 menuOpen('barcode')
 ? 'menu-is-opening menu-open'
 : ''
 "
 >
 <a href="#" class="nav-link">
 
 
 {{ $t("sidebar.products") }}
 
 
 </a>
 <ul
 class="nav nav-treeview"
 :style="
 menuOpen('productCats') ||
 menuOpen('productSubCats') ||
 menuOpen('products') ||
 menuOpen('barcode')
 ? 'display: block'
 : 'display: none'
 "
 >
 <li
 v-if="
 $can('product-category-create') ||
 $can('product-category-edit') ||
 $can('product-category-delete')
 "
 class="nav-item"
 >
 <router-link
 :to="{ name: 'productCats.index' }"
 class="nav-link"
 >
 
 {{ $t("sidebar.categories") }}
 </router-link>
 </li>
 <li
 v-if="
 $can('product-sub-category-create') ||
 $can('product-sub-category-edit') ||
 $can('product-sub-category-delete')
 "
 class="nav-item"
 >
 <router-link
 :to="{ name: 'productSubCats.index' }"
 class="nav-link"
 >
 
 {{ $t("sidebar.sub_categories") }}
 </router-link>
 </li>
 <li
 v-if="
 $can('product-create') ||
 $can('product-view') ||
 $can('product-edit') ||
 $can('product-delete')
 "
 class="nav-item"
 >
 <router-link :to="{ name: 'products.index' }" class="nav-link">
 
 {{ $t("sidebar.products_list") }}
 </router-link>
 </li>

<li v-if="$can('print-barcode')" class="nav-item">
 <router-link :to="{ name: 'barcode.print' }" class="nav-link">
 
 {{ $t("sidebar.barcode") }}
 </router-link>
 </li>
 </ul>
 </li>

<li
 v-if="
 $can('inventory') ||
 $can('adjustment-create') ||
 $can('adjustment-view') ||
 $can('adjustment-edit') ||
 $can('adjustment-delete')
 "
 class="nav-item has-treeview"
 :class="
 menuOpen('inventory') ||
 menuOpen('adjustments') ||
 menuOpen('nonzeroInventory')
 ? 'menu-is-opening menu-open'
 : ''
 "
 >
 <a href="" class="nav-link">
 
 
 {{ $t("sidebar.inventory") }}
 
 
 </a>
 <ul
 class="nav nav-treeview"
 :style="
 menuOpen('inventory') ||
 menuOpen('adjustments') ||
 menuOpen('nonzeroInventory')
 ? 'display: block'
 : 'display: none'
 "
 >
 <li v-if="$can('inventory-history')" class="nav-item">
 <router-link :to="{ name: 'inventory.index' }" class="nav-link">
 
 {{ $t("sidebar.view_inventory") }}
 </router-link>
 </li>
 <li v-if="$can('inventory-history')" class="nav-item">
 <router-link
 :to="{ name: 'nonzeroInventory.index' }"
 class="nav-link"
 >
 
 {{ $t("sidebar.non_zero_inventory") }}
 </router-link>
 </li>
 <li
 v-if="
 $can('adjustment-create') ||
 $can('adjustment-view') ||
 $can('adjustment-edit') ||
 $can('adjustment-delete')
 "
 class="nav-item"
 >
 <router-link
 :to="{ name: 'adjustments.index' }"
 class="nav-link"
 >
 
 {{ $t("sidebar.inventory_adjustment") }}
 </router-link>
 </li>
 </ul>
 </li>

<li class="nav-header text-bold">{{ $t("sidebar.reports") }}</li>
 <li v-if="$can('balance-sheet')" class="nav-item">
 <router-link
 :to="{ name: 'reports.balanceSheet' }"
 class="nav-link"
 >
 
 {{ $t("sidebar.balance_sheet") }}
 </router-link>
 </li>
 <li v-if="$can('summary-report')" class="nav-item">
 <router-link :to="{ name: 'reports.summary' }" class="nav-link">
 
 {{ $t("sidebar.summary_report") }}
 </router-link>
 </li>
 <li v-if="$can('profit-loss')" class="nav-item">
 <router-link :to="{ name: 'reports.profitLoss' }" class="nav-link">
 
 {{ $t("sidebar.profit_loss_report") }}
 </router-link>
 </li>
 <li v-if="$can('expense-report')" class="nav-item">
 <router-link :to="{ name: 'reports.expenses' }" class="nav-link">
 
 {{ $t("sidebar.expense_report") }}
 </router-link>
 </li>
 <li v-if="$can('item-report')" class="nav-item">
 <router-link :to="{ name: 'reports.items' }" class="nav-link">
 
 {{ $t("sidebar.product_report") }}
 </router-link>
 </li>
 <li v-if="$can('inventory-report')" class="nav-item">
 <router-link :to="{ name: 'reports.inventory' }" class="nav-link">
 
 {{ $t("sidebar.inventory_report") }}
 </router-link>
 </li>
 <li class="nav-header text-bold">{{ $t("sidebar.account") }}</li>
 <li
 v-if="
 $can('role-permissions') ||
 $can('units') ||
 $can('currencies') ||
 $can('general-settings')
 "
 class="nav-item"
 >
 <router-link :to="{ name: 'setup.general' }" class="nav-link">
 
 {{ $t("sidebar.setup") }}
 </router-link>
 </li>
 <li class="nav-item has-treeview">
 <a href="#" class="nav-link">
 
 
 {{ $t("sidebar.account_sm") }}
 
 
 </a>
 <ul class="nav nav-treeview">
 <li v-if="$can('update-profile')" class="nav-item">
 <router-link :to="{ name: 'profile' }" class="nav-link">
 
 {{ $t("sidebar.profile") }}
 </router-link>
 </li>
 <li class="nav-item">
 <a
 class="nav-link admin-logout"
 href="#"
 @click.prevent="logout"
 >
 
 {{ $t("sidebar.logout") }}
 </a>
 </li>
 </ul>
 </li>
 <li class="nav-header text-bold">{{ $t("sidebar.resources") }}</li>
 <li v-if="$can('database-backup')" class="nav-item">
 <a
 href="https://docs.codeshaper.tech/acculance/#section-changelog"
 class="nav-link"
 target="__blank"
 >
 
 {{ $t("sidebar.upgrade") }}
 </a>
 </li>
 <li class="nav-item">
 <a
 class="nav-link"
 href="https://codeshaperbd.freshdesk.com/support/login"
 target="__blank"
 >
 
 {{ $t("sidebar.support") }}
 </a>
 </li>
 <li class="nav-item">
 <a class="nav-link" href="/system-info" target="__blank">
 
 {{ $t("sidebar.system_info") }}
 </a>
 </li>
 <li class="nav-item">
 <a
 @click="executeAction('optimize:clear')"
 class="nav-link cursor-pointer"
 href="#!"
 >
 
 {{ $t("sidebar.clear_cache") }}
 </a>
 </li>
 <li v-if="$can('database-backup')" class="nav-item">
 <router-link :to="{ name: 'backup' }" class="nav-link">
 
 {{ $t("sidebar.database_backup") }}
 </router-link>
 </li>
 <li class="nav-item">
 <a
 href="https://docs.codeshaper.tech/acculance/"
 class="nav-link"
 target="__blank"
 >
 
 {{ $t("sidebar.doc") }}
 </a>
 </li>
 </ul>
 </nav>
 
 </div>
 
 </aside>
</template>

async executeAction(command) {
      await axios
        .get("/api/server?command=" + command)
        .then(({ data }) => {
          toast.fire({
            type: "success",
            title: "Cache cleared successfully!",
          });
        })
        .catch(() => {
          toast.fire({ type: "error", title: this.$t("common.error_msg") });
        });
    },

async logout() {
 // Log out the user.
 await this.$store.dispatch("auth/logout");
 // Redirect to login.
 this.$router.push({ name: "login" });
 },
 },
};
</script>

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: Sidebar.vue

Server Info

System Features

User Info