feat: dark mode & sharing plans between users

* feat: init ui

* fix: lint fix

* fix: lint & format fix

* fix: lint fix (why lint is so dump)

* fix: script & ui fix

* fix: prettier fix

* feat: new settings page & ui fix

* feat: link to "ToPWR"

* feat: share dialog init

* feat: sharing plans between users

* feat: animate tooltip

* feat: texts

* feat: texts & more icons in icon component

* feat: done migration icons to one file & mobile version fixes

Author: qamarq

backend/app/controllers/schedules_controller.ts

@@ -52,6 +52,7 @@ export default class SchedulesController {
           createdAt: schedule.createdAt,
           updatedAt: schedule.updatedAt,
           name: schedule.name,
+          sharedId: schedule.sharedId,
           registrations: schedule.registrations.map((reg) => ({
             id: reg.id,
             ...reg.serialize(),
@@ -171,6 +172,7 @@ export default class SchedulesController {
       createdAt: schedule.createdAt,
       updatedAt: schedule.updatedAt,
       name: schedule.name,
+      sharedId: schedule.sharedId,
       registrations: schedule.registrations.map((reg) => ({
         id: reg.id,
         ...reg.serialize(),
@@ -237,6 +239,10 @@ export default class SchedulesController {
         currSchedule.name = payload.name;
       }
 
+      if (payload.sharedId !== undefined) {
+        currSchedule.sharedId = payload.sharedId;
+      }
+
       if (payload.groups !== undefined) {
         if (payload.groups.length === 0) {
           await currSchedule.related("groups").sync([]);

backend/app/controllers/shared_controller.ts

@@ -0,0 +1,34 @@
+import type { HttpContext } from "@adonisjs/core/http";
+
+import Shared from "#models/shared";
+import { createSharedValidator } from "#validators/shared";
+
+export default class SahredController {
+  /**
+   * Display a list of resource
+   */
+  async index(_ctx: HttpContext) {
+    return Shared.query();
+  }
+
+  /**
+   * Handle form submission for the create action
+   */
+  async store({ request }: HttpContext) {
+    const payload = await request.validateUsing(createSharedValidator);
+    const shared = await Shared.create(payload);
+    return { message: "Shared plan created.", shared };
+  }
+
+  /**
+   * Show individual record
+   */
+  async show({ params }: HttpContext) {
+    try {
+      const plan = await Shared.findOrFail(params.id);
+      return { success: true, plan };
+    } catch {
+      return { success: false, message: "Shared plan not found." };
+    }
+  }
+}

backend/app/models/schedule.ts

@@ -18,6 +18,9 @@ export default class Schedule extends BaseModel {
   @column()
   declare userId: number;
 
+  @column()
+  declare sharedId: string | null;
+
   @manyToMany(() => Group, {
     localKey: "id",
     pivotForeignKey: "schedule_id",

backend/app/models/shared.ts

@@ -0,0 +1,17 @@
+import { DateTime } from "luxon";
+
+import { BaseModel, column } from "@adonisjs/lucid/orm";
+
+export default class Shared extends BaseModel {
+  @column({ isPrimary: true })
+  declare id: string;
+
+  @column()
+  declare plan: string;
+
+  @column.dateTime({ autoCreate: true })
+  declare createdAt: DateTime;
+
+  @column.dateTime({ autoCreate: true, autoUpdate: true })
+  declare updatedAt: DateTime;
+}

backend/app/validators/schedule.ts

@@ -30,6 +30,7 @@ export const createScheduleValidator = vine.compile(
 export const updateScheduleValidator = vine.compile(
   vine.object({
     name: vine.string().optional(),
+    sharedId: vine.string().optional(),
     groups: vine
       .array(
         vine.object({

backend/app/validators/shared.ts

@@ -0,0 +1,8 @@
+import vine from "@vinejs/vine";
+
+export const createSharedValidator = vine.compile(
+  vine.object({
+    id: vine.string(),
+    plan: vine.string(),
+  }),
+);

backend/database/migrations/1739030433291_create_shared_table.ts

@@ -0,0 +1,19 @@
+import { BaseSchema } from "@adonisjs/lucid/schema";
+
+export default class extends BaseSchema {
+  protected tableName = "shareds";
+
+  async up() {
+    this.schema.createTable(this.tableName, (table) => {
+      table.uuid("id").primary();
+      table.text("plan", "longtext");
+
+      table.timestamp("created_at");
+      table.timestamp("updated_at");
+    });
+  }
+
+  async down() {
+    this.schema.dropTable(this.tableName);
+  }
+}

backend/database/migrations/1739033738946_create_add_shared_id_column_to_schedules_table.ts

@@ -0,0 +1,11 @@
+import { BaseSchema } from "@adonisjs/lucid/schema";
+
+export default class extends BaseSchema {
+  protected tableName = "schedules";
+
+  async up() {
+    this.schema.alterTable(this.tableName, (table) => {
+      table.string("shared_id").defaultTo(null);
+    });
+  }
+}

backend/start/routes.ts

@@ -18,6 +18,7 @@ const DepartmentsController = () =>
   import("#controllers/departments_controller");
 const AuthController = () => import("#controllers/auth_controller");
 const SchedulesController = () => import("#controllers/schedules_controller");
+const SharedController = () => import("#controllers/shared_controller");
 const RegistrationsController = () =>
   import("#controllers/registrations_controller");
 const CoursesController = () => import("#controllers/courses_controller");
@@ -35,6 +36,9 @@ router.get("/docs", async () => {
   // return AutoSwagger.default.rapidoc("/swagger", "view"); to use RapiDoc instead (pass "view" default, or "read" to change the render-style)
 });
 
+router.get("/shared/:id", [SharedController, "show"]);
+router.post("/shared", [SharedController, "store"]);
+
 router.get("/departments", [DepartmentsController, "index"]);
 router.get("/departments/:id", [DepartmentsController, "show"]);