adding permission checking

This commit is contained in:
Geriano
2022-07-30 11:47:29 +07:00
parent c635e08347
commit 1cbeee254a
6 changed files with 17 additions and 17 deletions

View File

@@ -147,7 +147,7 @@ onUnmounted(() => window.removeEventListener('keydown', esc))
<Card class="bg-gray-50 dark:bg-gray-700 dark:text-gray-100">
<template #header>
<div class="flex items-center space-x-2 p-2 bg-gray-200 dark:bg-gray-800">
<ButtonGreen @click.prevent="show">
<ButtonGreen v-if="can('create menu')" @click.prevent="show">
<Icon name="plus" />
<p class="uppercase font-semibold">create</p>
</ButtonGreen>

View File

@@ -28,8 +28,8 @@ const { menus, edit, destroy, save } = defineProps({
</div>
<div ref="container" class="flex-none flex items-center rounded-md space-x-1">
<Icon @click.prevent="edit(element)" name="edit" class="bg-blue-600 hover:bg-blue-700 px-2 py-1 rounded-md text-sm text-white transition-all cursor-pointer" />
<Icon v-if="element.deleteable" @click.prevent="destroy(element)" name="trash" class="bg-red-600 hover:bg-red-700 px-2 py-1 rounded-md text-sm text-white transition-all cursor-pointer" />
<Icon v-if="can('update menu')" @click.prevent="edit(element)" name="edit" class="bg-blue-600 hover:bg-blue-700 px-2 py-1 rounded-md text-sm text-white transition-all cursor-pointer" />
<Icon v-if="can('delete menu') && element.deleteable" @click.prevent="destroy(element)" name="trash" class="bg-red-600 hover:bg-red-700 px-2 py-1 rounded-md text-sm text-white transition-all cursor-pointer" />
</div>
</div>

View File

@@ -127,8 +127,8 @@ onUnmounted(() => window.removeEventListener('keydown', esc))
<p class="uppercase">{{ permission.name }}</p>
<div class="flex items-center space-x-1">
<Icon @click.prevent="edit(permission)" name="pen" class="px-2 py-1 rounded cursor-pointer text-white bg-blue-600 hover:bg-blue-700 transition-all" />
<Icon @click.prevent="destroy(permission)" name="trash" class="px-2 py-1 rounded cursor-pointer text-white bg-red-600 hover:bg-red-700 transition-all" />
<Icon v-if="can('update permission')" @click.prevent="edit(permission)" name="pen" class="px-2 py-1 rounded cursor-pointer text-white bg-blue-600 hover:bg-blue-700 transition-all" />
<Icon v-if="can('delete permission')" @click.prevent="destroy(permission)" name="trash" class="px-2 py-1 rounded cursor-pointer text-white bg-red-600 hover:bg-red-700 transition-all" />
</div>
</div>
</div>

View File

@@ -161,12 +161,12 @@ onUnmounted(() => window.removeEventListener('keydown', esc))
</td>
<td class="px-2 py-1 border dark:border-gray-800">
<div class="flex items-center space-x-2">
<ButtonBlue @click.prevent="edit(role, refresh)">
<ButtonBlue v-if="can('update role')" @click.prevent="edit(role, refresh)">
<Icon name="edit" />
<p class="uppercase">edit</p>
</ButtonBlue>
<ButtonRed @click.prevent="destroy(role, refresh)">
<ButtonRed v-if="can('delete role')" @click.prevent="destroy(role, refresh)">
<Icon name="trash" />
<p class="uppercase">delete</p>
</ButtonRed>

View File

@@ -219,12 +219,12 @@ onUnmounted(() => window.removeEventListener('keydown', esc))
<td class="px-2 py-1 border dark:border-gray-800 uppercase">{{ new Date(user.updated_at).toLocaleString('id') }}</td>
<td class="px-2 py-1 border dark:border-gray-800">
<div class="flex items-center space-x-2">
<ButtonBlue @click.prevent="edit(user, refresh)">
<ButtonBlue v-if="can('update user')" @click.prevent="edit(user, refresh)">
<Icon name="edit" />
<p class="uppercase">edit</p>
</ButtonBlue>
<ButtonRed @click.prevent="destroy(user, refresh)">
<ButtonRed v-if="can('delete user')" @click.prevent="destroy(user, refresh)">
<Icon name="trash" />
<p class="uppercase">delete</p>
</ButtonRed>