45 lines
918 B
Vue
45 lines
918 B
Vue
<template>
|
|
<div class="text-base border rounded-md w-1/3 mx-auto my-32">
|
|
<div class="border-b px-5 py-3 font-medium">
|
|
<span
|
|
class="inline-flex items-center before:bg-surface-red-5 before:w-2 before:h-2 before:rounded-md before:mr-2"
|
|
></span>
|
|
{{ __(title) }}
|
|
</div>
|
|
<div class="px-5 py-3">
|
|
<div class="mb-4 leading-6">
|
|
{{ __(text) }}
|
|
</div>
|
|
<Button variant="solid" class="w-full" @click="redirect()">
|
|
{{ __(buttonLabel) }}
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script setup>
|
|
import { Button } from 'frappe-ui'
|
|
|
|
const props = defineProps({
|
|
title: {
|
|
type: String,
|
|
default: 'Not Permitted',
|
|
},
|
|
text: {
|
|
type: String,
|
|
default: 'You are not permitted to access this page.',
|
|
},
|
|
buttonLabel: {
|
|
type: String,
|
|
default: 'Login',
|
|
},
|
|
buttonLink: {
|
|
type: String,
|
|
default: '/login',
|
|
},
|
|
})
|
|
|
|
const redirect = () => {
|
|
window.location.href = props.buttonLink
|
|
}
|
|
</script>
|