feat: class billing

lms/public/css/style.css

@@ -2302,3 +2302,6 @@ select {
 	padding-right: 1rem !important;
 }
 
+.class-overlay {
+	top: 30%;
+}

lms/public/icons/symbol-defs.svg

@@ -104,11 +104,18 @@
         <circle cx="12" cy="12" r="10"></circle>
         <polyline points="12 6 12 12 16 14"></polyline>
     </svg>
+
     <svg width="20" height="20" viewBox="0 0 20 20" id="icon-success" fill="none" xmlns="http://www.w3.org/2000/svg">
         <path fill-rule="evenodd" clip-rule="evenodd" d="M10 18.75C14.8325 18.75 18.75 14.8325 18.75 10C18.75 5.16751 14.8325 1.25 10 1.25C5.16751 1.25 1.25 5.16751 1.25 10C1.25 14.8325 5.16751 18.75 10 18.75ZM13.966 7.48104C14.1856 7.21471 14.1477 6.8208 13.8813 6.60122C13.615 6.38164 13.2211 6.41954 13.0015 6.68587L8.68984 11.9155L7.01289 9.74823C6.80165 9.47524 6.40911 9.42517 6.13611 9.6364C5.86311 9.84764 5.81304 10.2402 6.02428 10.5132L8.18004 13.2993C8.29633 13.4495 8.47467 13.5388 8.66468 13.5417C8.85468 13.5447 9.0357 13.461 9.15658 13.3144L13.966 7.48104Z" fill="#171717"/>
     </svg>
+
     <svg width="16" height="16" id="icon-drag" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
         <path fill-rule="evenodd" clip-rule="evenodd" d="M4 3C4 3.82843 4.67157 4.5 5.5 4.5C6.32843 4.5 7 3.82843 7 3C7 2.17157 6.32843 1.5 5.5 1.5C4.67157 1.5 4 2.17157 4 3ZM5.5 9.5C4.67157 9.5 4 8.82843 4 8C4 7.17157 4.67157 6.5 5.5 6.5C6.32843 6.5 7 7.17157 7 8C7 8.82843 6.32843 9.5 5.5 9.5ZM5.5 14.5C4.67157 14.5 4 13.8284 4 13C4 12.1716 4.67157 11.5 5.5 11.5C6.32843 11.5 7 12.1716 7 13C7 13.8284 6.32843 14.5 5.5 14.5ZM9 3C9 3.82843 9.67157 4.5 10.5 4.5C11.3284 4.5 12 3.82843 12 3C12 2.17157 11.3284 1.5 10.5 1.5C9.67157 1.5 9 2.17157 9 3ZM10.5 9.5C9.67157 9.5 9 8.82843 9 8C9 7.17157 9.67157 6.5 10.5 6.5C11.3284 6.5 12 7.17157 12 8C12 8.82843 11.3284 9.5 10.5 9.5ZM10.5 14.5C9.67157 14.5 9 13.8284 9 13C9 12.1716 9.67157 11.5 10.5 11.5C11.3284 11.5 12 12.1716 12 13C12 13.8284 11.3284 14.5 10.5 14.5Z" fill="#171717"/>
     </svg>
 
+    <svg xmlns="http://www.w3.org/2000/svg" id="icon-clock" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="feather feather-clock">
+        <circle cx="12" cy="12" r="10"></circle>
+        <polyline points="12 6 12 12 16 14"></polyline>
+    </svg>
+
 </svg>

lms/public/js/common_functions.js

@@ -320,6 +320,41 @@ const open_class_dialog = () => {
 				default: class_info && class_info.description,
 				reqd: 1,
 			},
+			{
+				fieldtype: "Small Text",
+				label: __("Prerequisite"),
+				fieldname: "prerequisite",
+				default: class_info && class_info.prerequisite,
+				reqd: 1,
+			},
+			{
+				fieldtype: "Section Break",
+				label: __("Pricing"),
+				fieldname: "pricing",
+			},
+			{
+				fieldtype: "Check",
+				label: __("Paid Class"),
+				fieldname: "paid_class",
+				default: class_info && class_info.paid_class,
+			},
+			{
+				fieldtype: "Currency",
+				label: __("Amount"),
+				fieldname: "amount",
+				default: class_info && class_info.amount,
+				mandatory_depends_on: "paid_class",
+				depends_on: "paid_class",
+			},
+			{
+				fieldtype: "Link",
+				label: __("Currency"),
+				fieldname: "currency",
+				options: "Currency",
+				default: class_info && class_info.currency,
+				mandatory_depends_on: "paid_class",
+				depends_on: "paid_class",
+			},
 		],
 		primary_action_label: __("Save"),
 		primary_action: (values) => {
@@ -330,19 +365,19 @@ const open_class_dialog = () => {
 };
 
 const save_class = (values) => {
+	let method, args;
+	if (class_info) {
+		method = "frappe.client.save";
+		args = Object.assign(class_info, values);
+	} else {
+		method = "frappe.client.insert";
+		args = values;
+		args.doctype = "LMS Class";
+	}
 	frappe.call({
-		method: "lms.lms.doctype.lms_class.lms_class.create_class",
+		method: method,
 		args: {
-			title: values.title,
-			start_date: values.start_date,
-			end_date: values.end_date,
-			description: values.description,
-			seat_count: values.seat_count,
-			start_time: values.start_time,
-			end_time: values.end_time,
-			medium: values.medium,
-			category: values.category,
-			name: class_info && class_info.name,
+			doc: args,
 		},
 		callback: (r) => {
 			if (r.message) {
@@ -353,7 +388,7 @@ const save_class = (values) => {
 					indicator: "green",
 				});
 				this.class_dialog.hide();
-				window.location.href = `/classes/${r.message.name}`;
+				window.location.href = `/classes/details/${r.message.name}`;
 			}
 		},
 	});