MIDNIGHT/enlight-lms
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

refactor(ui): no permission page

Browse Source
This commit is contained in:
Jannat Patel
2025-12-29 13:21:13 +05:30
parent 830f513a06
commit db5868f69a
1 changed files with 24 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
frontend/src/components/NoPermission.vue
View File

@@ -1,32 +1,31 @@
<template> <template>
<div class="border rounded-md w-1/3 mx-auto my-32"> <div class="bg-surface-white w-full h-full">
<div class="border-b px-5 py-3 font-medium text-ink-gray-9"> <div class="w-fit mx-auto mt-56 text-center p-4">
<span <div class="text-3xl font-semibold text-ink-gray-5 pb-4 mb-2 border-b">
class="inline-flex items-center before:bg-surface-red-5 before:w-2 before:h-2 before:rounded-md before:mr-2" {{ __('Not Permitted') }}
></span>
{{ __('Not Permitted') }}
</div>
<div v-if="user.data" class="px-5 py-3">
<div class="text-ink-gray-7">
{{ __('You do not have permission to access this page.') }}
</div> </div>
<router-link <div v-if="user.data" class="px-5 py-3">
:to="{ <div class="text-ink-gray-5">
name: 'Courses', {{ __('You do not have permission to access this page.') }}
}" </div>
> <router-link
<Button variant="solid" class="mt-2"> :to="{
{{ __('Checkout Courses') }} name: 'Courses',
}"
>
<Button variant="solid" class="mt-2 w-full">
{{ __('Checkout Courses') }}
</Button>
</router-link>
</div>
<div class="px-5 py-3">
<div class="text-ink-gray-5">
{{ __('You are not permitted to access this page.') }}
</div>
<Button @click="redirectToLogin()" class="mt-4 w-full" variant="solid">
{{ __('Login') }}
</Button> </Button>
</router-link>
</div>
<div class="px-5 py-3">
<div class="text-ink-gray-7">
{{ __('Please login to access this page.') }}
</div> </div>
<Button @click="redirectToLogin()" class="mt-4">
{{ __('Login') }}
</Button>
</div> </div>
</div> </div>
</template> </template>