feat: batch billing

frontend/src/components/Annoucements.vue

@@ -1,5 +1,5 @@
 <template>
-	<div v-if="communications.data">
+	<div v-if="communications.data?.length">
 		<div v-for="comm in communications.data">
 			<div class="mb-8">
 				<div class="flex items-center justify-between mb-2">
@@ -20,6 +20,9 @@
 			</div>
 		</div>
 	</div>
+	<div v-else class="text-sm italic text-gray-600">
+		{{ __('No announcements') }}
+	</div>
 </template>
 <script setup>
 import { createListResource, Avatar } from 'frappe-ui'

frontend/src/components/BatchOverlay.vue

@@ -50,15 +50,23 @@
 				</span>
 			</Button>
 		</router-link>
-		<Button
+		<router-link
+			:to="{
+				name: 'Billing',
+				params: {
+					type: 'batch',
+					name: batch.data.name,
+				},
+			}"
 			v-else-if="batch.data.paid_batch"
-			class="w-full mt-4"
-			variant="solid"
 		>
-			<span>
-				{{ __('Register Now') }}
-			</span>
-		</Button>
+			<Button class="w-full mt-4" variant="solid">
+				<span>
+					{{ __('Register Now') }}
+				</span>
+			</Button>
+		</router-link>
+
 		<Button v-if="user?.data?.is_moderator" class="w-full mt-2">
 			<span>
 				{{ __('Edit') }}

frontend/src/components/Controls/Link.vue

@@ -77,6 +77,7 @@ const valuePropPassed = computed(() => 'value' in attrs)
 const value = computed({
 	get: () => (valuePropPassed.value ? attrs.value : props.modelValue),
 	set: (val) => {
+		console.log(val?.value, valuePropPassed.value)
 		return (
 			val?.value &&
 			emit(valuePropPassed.value ? 'change' : 'update:modelValue', val?.value)

frontend/src/components/CourseCardOverlay.vue

@@ -27,6 +27,22 @@
 					</span>
 				</Button>
 			</router-link>
+			<router-link
+				v-else-if="course.data.paid_course"
+				:to="{
+					name: 'Billing',
+					params: {
+						type: 'course',
+						name: course.data.name,
+					},
+				}"
+			>
+				<Button variant="solid" class="w-full mb-3">
+					<span>
+						{{ __('Buy this course') }}
+					</span>
+				</Button>
+			</router-link>
 			<Button
 				v-else
 				@click="enrollStudent()"

frontend/src/components/NotPermitted.vue

@@ -0,0 +1,44 @@
+<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-red-600 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>

frontend/src/components/UpcomingEvaluations.vue

@@ -6,7 +6,7 @@
 		<div class="text-lg font-semibold mb-4">
 			{{ __('Upcoming Evaluations') }}
 		</div>
-		<div v-if="upcoming_evals.data">
+		<div v-if="upcoming_evals.data?.length">
 			<div class="grid grid-cols-2 gap-4">
 				<div v-for="evl in upcoming_evals.data">
 					<div class="border rounded-md p-3">