Working on the organization system.

2026-07-14 11:16:13 +02:00 · 2025-07-16 12:36:11 +02:00
parent 405de7b323
commit 385777535f
61 changed files with 514 additions and 366 deletions
@@ -0,0 +1,41 @@
+import {PageParams} from "@/types/next";
+import {Page, PageContent, PageHeader, PageTitle} from "@/features/layout/page";
+import {notFound} from "next/navigation";
+import {RestoreForm} from "@/components/wrappers/dashboard/database/RestoreForm";
+import {currentUser} from "@/lib/auth/current-user";
+
+import {db} from "@/db";
+import {eq} from "drizzle-orm";
+import * as drizzleDb from "@/db";
+
+
+export default async function RoutePage(
+    props: PageParams<{
+        databaseId: string;
+    }>
+) {
+    const {databaseId} = await props.params;
+
+    const user = await currentUser();
+    if (!user) notFound();
+
+    const [dbToRestore] = await db.select().from(drizzleDb.schemas.database).where(eq(drizzleDb.schemas.database.id, databaseId));
+
+    if (!dbToRestore) {
+        notFound();
+    }
+
+    const dbsOfSameType = await db.select().from(drizzleDb.schemas.database).where(eq(drizzleDb.schemas.database.dbms!, dbToRestore.dbms!));
+    const successfulBackups = await db.select().from(drizzleDb.schemas.backup).where(eq(drizzleDb.schemas.backup.status, "success"));
+
+    return (
+        <Page>
+            <PageHeader>
+                <PageTitle>Restore {dbToRestore.name}</PageTitle>
+            </PageHeader>
+            <PageContent>
+                <RestoreForm databaseToRestore={dbToRestore} databases={dbsOfSameType} backups={successfulBackups}/>
+            </PageContent>
+        </Page>
+    );
+}
@@ -0,0 +1,20 @@
+"use client";
+import { authClient } from "@/lib/auth/auth-client";
+import { PageParams } from "@/types/next";
+
+export default function RoutePage(props: PageParams<{}>) {
+    const { data: activeOrganization } = authClient.useActiveOrganization();
+
+    return (
+        <div className="flex flex-1 flex-col gap-4 p-4">
+            <div className="grid auto-rows-min gap-4 md:grid-cols-3">
+                <div className="aspect-video rounded-xl bg-muted/50" />
+                <div className="aspect-video rounded-xl bg-muted/50" />
+                <div className="aspect-video rounded-xl bg-muted/50" />
+            </div>
+            <div className="min-h-[100vh] flex-1 rounded-xl bg-muted/50 md:min-h-min" />
+            {JSON.stringify(activeOrganization)}
+            {activeOrganization?.name}
+        </div>
+    );
+}
@@ -0,0 +1,35 @@
+import { PageParams } from "@/types/next";
+import { Page, PageContent, PageHeader, PageTitle } from "@/features/layout/page";
+import { notFound } from "next/navigation";
+import { DatabaseForm } from "@/components/wrappers/dashboard/database/DatabaseForm/DatabaseForm";
+
+import { db } from "@/db";
+import * as drizzleDb from "@/db";
+
+import { eq } from "drizzle-orm";
+
+export default async function RoutePage(props: PageParams<{ databaseId: string }>) {
+    const { databaseId } = await props.params;
+
+    const dbItem = await db.query.database.findFirst({
+        where: eq(drizzleDb.schemas.database.id, databaseId),
+    });
+
+    if (!dbItem) {
+        notFound();
+    }
+
+    return (
+        <Page>
+            <PageHeader>
+                <PageTitle>Edit {dbItem.name}</PageTitle>
+            </PageHeader>
+            <PageContent>
+                <DatabaseForm
+                    databaseId={databaseId}
+                    defaultValues={{ ...dbItem, dbms: dbItem.dbms ?? "inactive", description: dbItem.description ?? undefined }}
+                />
+            </PageContent>
+        </Page>
+    );
+}
@@ -0,0 +1,75 @@
+import { PageParams } from "@/types/next";
+import { notFound } from "next/navigation";
+import { Page, PageActions, PageContent, PageDescription, PageTitle } from "@/features/layout/page";
+import { BackupButton } from "@/components/wrappers/dashboard/backup/backup-button/backup-button";
+import { DatabaseTabs } from "@/components/wrappers/dashboard/projects/Database/DatabaseTabs";
+import { DatabaseKpi } from "@/components/wrappers/dashboard/projects/Database/DatabaseKpi";
+import { EditButton } from "@/components/wrappers/dashboard/database/EditButton/EditButton";
+import { CronButton } from "@/components/wrappers/dashboard/database/CronButton/CronButton";
+
+import { db } from "@/db";
+import { eq, and } from "drizzle-orm";
+import * as drizzleDb from "@/db";
+
+export default async function RoutePage(props: PageParams<{ databaseId: string }>) {
+    const { databaseId } = await props.params;
+
+    const dbItem = await db.query.database.findFirst({
+        where: eq(drizzleDb.schemas.database.id, databaseId),
+    });
+
+    if (!dbItem) {
+        notFound();
+    }
+
+    const backups = await db.query.backup.findMany({
+        where: eq(drizzleDb.schemas.backup.databaseId, dbItem.id),
+        with: {
+            restorations: true,
+        },
+        orderBy: (b, { desc }) => [desc(b.createdAt)],
+    });
+
+    const restorations = await db.query.restoration.findMany({
+        where: eq(drizzleDb.schemas.restoration.databaseId, dbItem.id),
+        orderBy: (r, { desc }) => [desc(r.createdAt)],
+    });
+
+    const isAlreadyBackup = backups.some((b) => b.status === "waiting");
+    const isAlreadyRestore = restorations.some((r) => r.status === "waiting");
+
+    const [totalBackups, successfulBackups] = await Promise.all([
+        db
+            .select({ count: drizzleDb.schemas.backup.id })
+            .from(drizzleDb.schemas.backup)
+            .where(eq(drizzleDb.schemas.backup.databaseId, dbItem.id))
+            .then((rows) => rows.length),
+        db
+            .select({ count: drizzleDb.schemas.backup.id })
+            .from(drizzleDb.schemas.backup)
+            .where(and(eq(drizzleDb.schemas.backup.databaseId, dbItem.id), eq(drizzleDb.schemas.backup.status, "success")))
+            .then((rows) => rows.length),
+    ]);
+
+    const successRate = totalBackups > 0 ? (successfulBackups / totalBackups) * 100 : null;
+
+    return (
+        <Page>
+            <div className="justify-between gap-2 sm:flex">
+                <PageTitle className="flex items-center">
+                    {dbItem.name}
+                    <EditButton />
+                    <CronButton database={dbItem} />
+                </PageTitle>
+                <PageActions className="justify-between">
+                    <BackupButton disable={isAlreadyBackup} databaseId={databaseId} />
+                </PageActions>
+            </div>
+            <PageDescription className="mt-5 sm:mt-0">{dbItem.description}</PageDescription>
+            <PageContent className="flex flex-col w-full h-full">
+                <DatabaseKpi successRate={successRate} database={dbItem} totalBackups={totalBackups} />
+                <DatabaseTabs database={dbItem} isAlreadyRestore={isAlreadyRestore} backups={backups} restorations={restorations} />
+            </PageContent>
+        </Page>
+    );
+}
@@ -0,0 +1,62 @@
+import {notFound} from "next/navigation";
+import {PageParams} from "@/types/next";
+import {Page, PageContent, PageHeader, PageTitle} from "@/features/layout/page";
+import {ProjectForm} from "@/components/wrappers/dashboard/projects/ProjectsForm/ProjectForm";
+import * as drizzleDb from "@/db";
+
+import {db} from "@/db";
+import {eq} from "drizzle-orm";
+import {DatabaseWith} from "@/db/schema/06_database";
+
+export default async function RoutePage(props: PageParams<{ projectId: string }>) {
+    const {projectId} = await props.params;
+
+    const proj = await db.query.project.findFirst({
+        where: eq(drizzleDb.schemas.project.id, projectId),
+        with: {
+            databases: true,
+        },
+    });
+
+    if (!proj) {
+        notFound();
+    }
+
+    //
+    const org = await db.query.organization.findFirst({
+        where: eq(drizzleDb.schemas.organization.slug, "default"),
+    });
+
+    if (!org) {
+        notFound();
+    }
+
+    const availableDatabases = (
+        await db.query.database.findMany({
+            where: (db, {or, eq, isNull}) => or(isNull(db.projectId), eq(db.projectId, proj.id)),
+            with: {
+                agent: true,
+                project: true,
+                backups: true,
+                restorations: true,
+            },
+            orderBy: (db, {desc}) => [desc(db.createdAt)],
+        })
+    ).filter((db): db is DatabaseWith => db.project !== null);
+
+    return (
+        <Page>
+            <PageHeader>
+                <PageTitle>Edit {proj.name}</PageTitle>
+            </PageHeader>
+            <PageContent>
+                <ProjectForm
+                    organization={org}
+                    databases={availableDatabases}
+                    defaultValues={{name: proj.name, slug: proj.slug, databases: proj.databases.map((db) => db.id)}}
+                    projectId={proj.id}
+                />
+            </PageContent>
+        </Page>
+    );
+}
@@ -0,0 +1,74 @@
+import { PageParams } from "@/types/next";
+import { Page, PageActions, PageContent, PageDescription, PageTitle } from "@/features/layout/page";
+import { buttonVariants } from "@/components/ui/button";
+import { GearIcon } from "@radix-ui/react-icons";
+import Link from "next/link";
+import { ButtonDeleteProject } from "@/components/wrappers/dashboard/projects/ButtonDeleteProject/ButtonDeleteProject";
+import { CardsWithPagination } from "@/components/wrappers/common/cards-with-pagination";
+import { ProjectDatabaseCard } from "@/components/wrappers/dashboard/projects/ProjectCard/ProjectDatabaseCard";
+import { notFound } from "next/navigation";
+
+import { db } from "@/db";
+import { eq } from "drizzle-orm";
+import {getOrganization} from "@/lib/auth/auth";
+import * as drizzleDb from "@/db";
+
+export default async function RoutePage(props: PageParams<{
+    // slug: string;
+    projectId: string
+}>) {
+    const {
+        // slug: organizationSlug,
+        projectId } = await props.params;
+
+    const organization = await getOrganization({});
+
+    if (!organization) {
+        notFound();
+    }
+    const org = await db.query.organization.findFirst({
+        where: eq(drizzleDb.schemas.organization.slug, organization.slug),
+    });
+
+    if (!org) notFound();
+
+    const proj = await db.query.project.findFirst({
+        where: (proj, { and, eq, not }) => and(eq(proj.id, projectId), eq(proj.organizationId, org.id), not(eq(proj.isArchived, true))),
+        with: {
+            databases: true,
+        },
+    });
+
+    if (!proj) notFound();
+
+    return (
+        <Page>
+            <div className="justify-between gap-2 sm:flex">
+                <PageTitle className="flex items-center">
+                    {proj.name}
+                    <Link className={buttonVariants({ variant: "outline" })} href={`/dashboard/${organization.slug}/projects/${proj.id}/edit`}>
+                        <GearIcon className="w-7 h-7" />
+                    </Link>
+                </PageTitle>
+                <PageActions className="justify-between">
+                    <ButtonDeleteProject projectId={projectId} text={"Delete Project"} />
+                </PageActions>
+            </div>
+
+            <PageDescription>The list of associated databases</PageDescription>
+
+            <PageContent className="flex flex-col w-full h-full">
+                {proj.databases.length > 0 ? (
+                    <CardsWithPagination
+                        data={proj.databases}
+                        organizationSlug={organization.slug}
+                        cardItem={ProjectDatabaseCard}
+                        cardsPerPage={4}
+                        numberOfColumns={1}
+                        extendedProps={proj}
+                    />
+                ) : null}
+            </PageContent>
+        </Page>
+    );
+}
@@ -0,0 +1,48 @@
+import {PageParams} from "@/types/next";
+import {Page, PageContent, PageHeader, PageTitle} from "@/features/layout/page";
+import {ProjectForm} from "@/components/wrappers/dashboard/projects/ProjectsForm/ProjectForm";
+import {notFound} from "next/navigation";
+import {db} from "@/db";
+import {eq} from "drizzle-orm";
+import {getOrganization} from "@/lib/auth/auth";
+import * as drizzleDb from "@/db";
+import {DatabaseWith} from "@/db/schema/06_database";
+
+export default async function RoutePage(props: PageParams<{  }>) {
+
+    const organization = await getOrganization({});
+
+    if (!organization ) {
+        notFound();
+    }
+
+    const availableDatabases = (
+        await db.query.database.findMany({
+            where: (db, {isNull}) => isNull(db.projectId),
+            with: {
+                agent: true,
+                project: true,
+                backups: true,
+                restorations: true,
+            },
+            orderBy: (db, {desc}) => [desc(db.createdAt)],
+        })
+    ).filter((db) => db.project !== null) as DatabaseWith[];
+
+    const org = await db.query.organization.findFirst({
+        where: eq(drizzleDb.schemas.organization.slug, organization.slug),
+    });
+
+    if (!org) notFound();
+
+    return (
+        <Page>
+            <PageHeader>
+                <PageTitle>Create new project</PageTitle>
+            </PageHeader>
+            <PageContent>
+                <ProjectForm databases={availableDatabases} organization={org}/>
+            </PageContent>
+        </Page>
+    );
+}
@@ -0,0 +1,59 @@
+import Link from "next/link";
+
+import {PageParams} from "@/types/next";
+import {CardsWithPagination} from "@/components/wrappers/common/cards-with-pagination";
+import {Button} from "@/components/ui/button";
+import {Page, PageActions, PageContent, PageHeader, PageTitle} from "@/features/layout/page";
+import {ProjectCard} from "@/components/wrappers/dashboard/projects/ProjectCard/ProjectCard";
+import {db} from "@/db";
+import {notFound} from "next/navigation";
+import {getOrganization} from "@/lib/auth/auth";
+
+export default async function RoutePage(props: PageParams<{ }>) {
+
+    const organization = await getOrganization({});
+
+    if (!organization) {
+        notFound();
+    }
+
+    const projects = await db.query.project.findMany({
+        where: (project, {
+            eq,
+            and,
+            not
+        }) => and(eq(project.organizationId, organization.id), not(eq(project.isArchived, true))),
+        with: {
+            databases: true,
+        },
+    });
+
+    return (
+        <Page>
+            <PageHeader>
+                <PageTitle>Projects</PageTitle>
+                {projects.length > 0 && (
+                    <PageActions>
+                        <Link href={`/dashboard/projects/new`}>
+                            <Button>+ Create Project</Button>
+                        </Link>
+                    </PageActions>
+                )}
+            </PageHeader>
+
+            <PageContent className="mt-10">
+                {projects.length > 0 ? (
+                    <CardsWithPagination organizationSlug={organization.slug} data={projects} cardItem={ProjectCard}
+                                         cardsPerPage={4} numberOfColumns={1}/>
+                ) : (
+                    <Link
+                        href={`/dashboard/projects/new`}
+                        className="  flex item-center justify-center border-2 border-dashed transition-colors border-primary p-8 lg:p-12 w-full rounded-md"
+                    >
+                        Create new Project
+                    </Link>
+                )}
+            </PageContent>
+        </Page>
+    );
+}
@@ -0,0 +1,36 @@
+import {PageParams} from "@/types/next";
+import {Page, PageContent, PageHeader, PageTitle} from "@/features/layout/page";
+import {getCurrentOrganizationSlug} from "@/features/dashboard/organization-cookie";
+import {prisma} from "@/prisma";
+import {requiredCurrentUser} from "@/auth/current-user";
+import {notFound} from "next/navigation";
+import {OrganizationForm} from "@/components/wrappers/dashboard/organization/OrganizationForm/OrganizationForm";
+import {getOrganization} from "@/lib/auth/auth";
+
+
+export default async function RoutePage(props: PageParams<{
+    slug: string;
+}>) {
+
+    const {slug: organizationSlug} = await props.params;
+
+    const organization = await getOrganization({organizationSlug});
+
+    if (!organization) {
+        notFound()
+    }
+
+
+    return(
+        <Page>
+            <PageHeader>
+                <PageTitle>
+                    Edit {organization.name}
+                </PageTitle>
+            </PageHeader>
+            <PageContent>
+                <OrganizationForm members={organization.members} defaultValues={organization}/>
+            </PageContent>
+        </Page>
+    )
+}
@@ -0,0 +1,83 @@
+import {PageParams} from "@/types/next";
+import {Page, PageActions, PageContent, PageDescription, PageHeader, PageTitle} from "@/features/layout/page";
+import {currentUser} from "@/lib/auth/current-user";
+import {getOrganization} from "@/lib/auth/auth";
+import {notFound} from "next/navigation";
+import {requiredCurrentUser} from "@/auth/current-user";
+import {SettingsTabs} from "@/components/wrappers/dashboard/settings/SettingsTabs/SettingsTabs";
+import {getCurrentOrganizationSlug} from "@/features/dashboard/organization-cookie";
+import {
+    DeleteOrganizationButton
+} from "@/components/wrappers/dashboard/organization/DeleteOrganization/DeleteOrganizationButton";
+import {EditButtonSettings} from "@/components/wrappers/dashboard/settings/EditButtonSettings/EditButtonSettings";
+
+
+export default async function RoutePage(props: PageParams<{ slug: string }>) {
+    const {slug: organizationSlug} = await props.params;
+
+    const user = await currentUser();
+
+    const organization = await getOrganization({organizationSlug});
+
+    if (!organization || organization?.slug !== organizationSlug) {
+        notFound();
+    }
+
+
+
+    // const organization = await prisma.organization.findUnique({
+    //     where: {
+    //         slug: currentOrganizationSlug,
+    //     },
+    //     include: {
+    //         users:{
+    //             include:{
+    //                 user: {}
+    //             }
+    //         }
+    //     }
+    // })
+    //
+    // const currentOrganizationUser = await prisma.userOrganization.findFirst({
+    //     where:{
+    //         userId: user.id,
+    //         organization:{
+    //             slug: currentOrganizationSlug != "" ? currentOrganizationSlug : "default",
+    //         }
+    //     }
+    // })
+    // if (currentOrganizationUser.role != "admin") {
+    //     notFound()
+    // }
+    //
+    //
+    // const settings = await prisma.settings.findUnique({
+    //     where: {
+    //         name: "system"
+    //     }
+    // })
+
+    return (
+        <Page>
+            <PageHeader>
+                <PageTitle className="flex items-center">
+                    Settings
+                    {organization.slug != "default" ?
+                        <EditButtonSettings/>
+                        : null}
+                </PageTitle>
+                <PageActions>
+                    {organization.slug != "default" ?
+                        <DeleteOrganizationButton organizationSlug={organization.slug}/>
+                        : null}
+                </PageActions>
+            </PageHeader>
+            <PageDescription>
+                Manage your organization settings.
+            </PageDescription>
+            <PageContent>
+                {/*<SettingsTabs settings={settings} currentUser={user} users={organization.users}/>*/}
+            </PageContent>
+        </Page>
+    )
+}
@@ -0,0 +1,98 @@
+import { PageParams } from "@/types/next";
+import { Page, PageContent, PageHeader, PageTitle } from "@/features/layout/page";
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import { EvolutionLineChart } from "@/components/wrappers/dashboard/statistics/charts/evolution-line-chart";
+import { PercentageLineChart } from "@/components/wrappers/dashboard/statistics/charts/percentage-line-chart";
+import { getCurrentOrganizationSlug } from "@/features/dashboard/organization-cookie";
+import { notFound } from "next/navigation";
+import { db } from "@/db";
+import { asc, count, eq, inArray } from "drizzle-orm";
+import * as drizzleDb from "@/db";
+
+export default async function RoutePage(props: PageParams<{ slug: string }>) {
+    const { slug: organizationSlug } = await props.params;
+
+    const currentOrganizationSlug = await getCurrentOrganizationSlug();
+    if (currentOrganizationSlug !== organizationSlug) {
+        notFound();
+    }
+
+    const org = await db.query.organization.findFirst({
+        where: eq(drizzleDb.schemas.organization.slug, currentOrganizationSlug),
+    });
+
+    if (!org) notFound();
+
+    const projects = await db.query.project.findMany({
+        where: eq(drizzleDb.schemas.project.organizationId, org.id),
+    });
+
+    const projectsCount = projects.length;
+
+    const backupsEvolution = await db.query.backup.findMany({
+        columns: {
+            id: true,
+            createdAt: true,
+        },
+        orderBy: [asc(drizzleDb.schemas.backup.id)],
+    });
+
+    const backupsRate = await db
+        .select({
+            createdAt: drizzleDb.schemas.backup.createdAt,
+            status: drizzleDb.schemas.backup.status,
+            _count: count(),
+        })
+        .from(drizzleDb.schemas.backup)
+        .where(inArray(drizzleDb.schemas.backup.status, ["success", "failed"]))
+        .groupBy(drizzleDb.schemas.backup.createdAt, drizzleDb.schemas.backup.status)
+        .orderBy(drizzleDb.schemas.backup.createdAt);
+
+    return (
+        <Page>
+            <PageHeader>
+                <PageTitle>Statistics</PageTitle>
+            </PageHeader>
+            <PageContent className="flex flex-col gap-y-4">
+                <div className="flex flex-col md:flex-row gap-4">
+                    <Card className="w-full">
+                        <CardHeader>
+                            <CardTitle>Projects</CardTitle>
+                        </CardHeader>
+                        <CardContent>{projectsCount}</CardContent>
+                    </Card>
+                    <Card className="w-full">
+                        <CardHeader>
+                            <CardTitle>KPI 2</CardTitle>
+                        </CardHeader>
+                        <CardContent></CardContent>
+                    </Card>
+                    <Card className="w-full">
+                        <CardHeader>
+                            <CardTitle>KPI 3</CardTitle>
+                        </CardHeader>
+                        <CardContent></CardContent>
+                    </Card>
+                </div>
+                <div className="flex flex-col md:flex-row gap-4">
+                    <Card className="w-full">
+                        <CardHeader>
+                            <CardTitle>Evolution of the number of backups</CardTitle>
+                        </CardHeader>
+                        <CardContent>
+                            <EvolutionLineChart data={backupsEvolution} />
+                        </CardContent>
+                    </Card>
+                    <Card className="w-full">
+                        <CardHeader>
+                            <CardTitle>Success rate of backups</CardTitle>
+                        </CardHeader>
+                        <CardContent>
+                            <PercentageLineChart data={backupsRate} />
+                        </CardContent>
+                    </Card>
+                </div>
+            </PageContent>
+        </Page>
+    );
+}