@team-codeme/crud-forge 0.0.0-stage → 1.0.1

package/fuse-starter-pack/fuse-v21.1/src/app/domains/admin/modules/documentation/features/getting-started/building.ts

@@ -0,0 +1,33 @@
+import { Component } from '@angular/core';
+import { MatButtonModule } from '@angular/material/button';
+import { MatIconModule } from '@angular/material/icon';
+
+@Component({
+  selector: 'docs-building',
+  standalone: true,
+  imports: [MatIconModule, MatButtonModule],
+  template: `
+    <div
+      class="@container mx-auto flex w-full max-w-7xl flex-auto flex-col overflow-hidden"
+    >
+      <!-- Header -->
+      <div class="flex items-center gap-x-4 px-6 py-4 lg:px-10 lg:py-8">
+        <div class="text-xl font-medium tracking-tighter sm:text-2xl">
+          Building
+        </div>
+      </div>
+
+      <!-- Content -->
+      <div class="prose max-w-3xl flex-auto px-6 pb-4 lg:px-10 lg:pb-8">
+        <p>
+          To build and serve the application locally, run the following command:
+        </p>
+        <pre><code>ng build</code></pre>
+        <p>
+          This command compiles the application and prepares it for deployment.
+        </p>
+      </div>
+    </div>
+  `,
+})
+export default class DocsBuilding {}

package/fuse-starter-pack/fuse-v21.1/src/app/domains/admin/modules/documentation/features/getting-started/development.ts

@@ -0,0 +1,42 @@
+import { Component } from '@angular/core';
+import { MatButtonModule } from '@angular/material/button';
+import { MatIconModule } from '@angular/material/icon';
+
+@Component({
+  selector: 'docs-development',
+  standalone: true,
+  imports: [MatIconModule, MatButtonModule],
+  template: `
+    <div
+      class="@container mx-auto flex w-full max-w-7xl flex-auto flex-col overflow-hidden"
+    >
+      <!-- Header -->
+      <div class="flex items-center gap-x-4 px-6 py-4 lg:px-10 lg:py-8">
+        <div class="text-xl font-medium tracking-tighter sm:text-2xl">
+          Installation
+        </div>
+      </div>
+
+      <!-- Content -->
+      <div class="prose max-w-3xl flex-auto px-6 pb-4 lg:px-10 lg:pb-8">
+        <p>
+          After the installation process finishes, run the following command
+          while still in your workspace directory:
+        </p>
+        <pre><code>ng serve</code></pre>
+        <p>
+          The <code>ng serve</code> command launches the server, watches your
+          files, and rebuilds the app as you make changes to those files.
+        </p>
+
+        <h2>Alternate command</h2>
+        <pre><code>npm start</code></pre>
+        <p class="mb-12">
+          Alias for <code>ng serve</code> with a predefined port to avoid
+          conflicts with other Angular applications running on the same machine.
+        </p>
+      </div>
+    </div>
+  `,
+})
+export default class DocsDevelopment {}

package/fuse-starter-pack/fuse-v21.1/src/app/domains/admin/modules/documentation/features/getting-started/installation.ts

@@ -0,0 +1,47 @@
+import { Component } from '@angular/core';
+import { MatButtonModule } from '@angular/material/button';
+import { MatIconModule } from '@angular/material/icon';
+
+@Component({
+  selector: 'docs-installation',
+  standalone: true,
+  imports: [MatIconModule, MatButtonModule],
+  template: `
+    <div
+      class="@container mx-auto flex w-full max-w-7xl flex-auto flex-col overflow-hidden"
+    >
+      <!-- Header -->
+      <div class="flex items-center gap-x-4 px-6 py-4 lg:px-10 lg:py-8">
+        <div class="text-xl font-medium tracking-tighter sm:text-2xl">
+          Installation
+        </div>
+      </div>
+
+      <!-- Content -->
+      <div class="prose max-w-3xl flex-auto px-6 pb-4 lg:px-10 lg:pb-8">
+        <h4>1. Unzip</h4>
+        <p>
+          Unzip the file you have downloaded from Themeforest and then unzip the
+          fuse-vX.X.X.zip file inside it.
+        </p>
+
+        <h4>2. Run the installation command</h4>
+        <p>
+          After you unzip the file, open a terminal and navigate to the folder
+          where you unzipped the file. Make sure you are in the same folder with
+          the <strong>package.json</strong> file before you run the installation
+          command.
+        </p>
+        <p>To complete the installation, enter the following command:</p>
+        <pre><code>npm install</code></pre>
+        <p>
+          This command will take some time and install all the required
+          libraries into the
+          <strong>node_modules</strong> directory in order for you to start
+          developing.
+        </p>
+      </div>
+    </div>
+  `,
+})
+export default class DocsInstallation {}

package/fuse-starter-pack/fuse-v21.1/src/app/domains/admin/modules/documentation/layout.ts

@@ -0,0 +1,9 @@
+import { Component } from '@angular/core';
+import { RouterOutlet } from '@angular/router';
+
+@Component({
+  selector: 'documentation-layout',
+  imports: [RouterOutlet],
+  template: `<router-outlet />`,
+})
+export default class DocumentationLayout {}

package/fuse-starter-pack/fuse-v21.1/src/app/domains/admin/modules/documentation/routes.ts

@@ -0,0 +1,45 @@
+import { Routes } from '@angular/router';
+
+const routes: Routes = [
+  {
+    path: '',
+    loadComponent: () => import('./layout'),
+    children: [
+      {
+        path: '',
+        pathMatch: 'full',
+        redirectTo: 'getting-started/introduction',
+      },
+      {
+        path: 'getting-started',
+        children: [
+          {
+            path: '',
+            pathMatch: 'full',
+            redirectTo: 'introduction',
+          },
+          {
+            path: 'installation',
+            loadComponent: () =>
+              import('./features/getting-started/installation'),
+          },
+          {
+            path: 'development',
+            loadComponent: () =>
+              import('./features/getting-started/development'),
+          },
+          {
+            path: 'building',
+            loadComponent: () => import('./features/getting-started/building'),
+          },
+        ],
+      },
+      {
+        path: 'changelog',
+        loadComponent: () => import('./features/changelog/changelog'),
+      },
+    ],
+  },
+];
+
+export default routes;

package/fuse-starter-pack/fuse-v21.1/src/app/domains/admin/modules/extras/error/features/error-page.ts

@@ -0,0 +1,70 @@
+import { Component, Input, isDevMode, OnInit } from '@angular/core';
+import { MatButton } from '@angular/material/button';
+import { RouterLink } from '@angular/router';
+
+@Component({
+  selector: 'error-page',
+  imports: [MatButton, RouterLink],
+  template: `
+    <div
+      class="flex flex-auto flex-col items-center justify-center p-6 text-center sm:p-10"
+    >
+      @if (errorCode) {
+        <div class="text-lg font-semibold text-primary-600">{{ errorCode }}</div>
+      }
+      <div class="mt-2 text-4xl font-bold md:text-[64px]/24">
+        {{ title }}
+      </div>
+      <div class="mt-2 font-medium text-neutral-500 md:mt-0 md:text-lg">
+        {{ message }}
+      </div>
+      
+      @if (errorDetails && isDevMode) {
+        <div class="mt-4 p-4 text-left font-mono text-sm text-red-500 bg-red-50 border border-red-200 rounded-md max-w-3xl overflow-auto dark:bg-red-900/10 dark:border-red-500/20">
+          <strong>Debug Details:</strong><br/>
+          {{ errorDetails }}
+        </div>
+      }
+
+      <div class="mt-8 flex flex-col items-center gap-3 sm:flex-row">
+        @if (showRetryAction) {
+          <button
+            matButton
+            (click)="retry()"
+          >
+            Retry
+          </button>
+        }
+        
+        @if (showHomeAction) {
+          <a
+            matButton="filled"
+            [routerLink]="homeRoute"
+          >
+            {{ homeActionLabel }}
+          </a>
+        }
+      </div>
+    </div>
+  `,
+})
+export default class ErrorPage implements OnInit {
+  @Input() errorCode?: string | number = '404';
+  @Input() title: string = 'Page not found';
+  @Input() message: string = 'Sorry, we couldn’t find the page you’re looking for.';
+  @Input() errorDetails?: string;
+  @Input() showHomeAction: boolean = true;
+  @Input() homeActionLabel: string = 'Back to Dashboard';
+  @Input() homeRoute: string = '/admin';
+  @Input() showRetryAction: boolean = false;
+
+  public isDevMode: boolean = false;
+
+  ngOnInit(): void {
+    this.isDevMode = isDevMode();
+  }
+
+  retry(): void {
+    window.location.reload();
+  }
+}

package/fuse-starter-pack/fuse-v21.1/src/app/domains/admin/modules/extras/error/routes.ts

@@ -0,0 +1,21 @@
+import { Routes } from '@angular/router';
+
+const routes: Routes = [
+  {
+    path: '404',
+    loadComponent: () => import('./features/error-page'),
+    data: { errorCode: 404, title: 'Page not found' }
+  },
+  {
+    path: '500',
+    loadComponent: () => import('./features/error-page'),
+    data: { errorCode: 500, title: 'Internal server error', message: 'Something went wrong on our end.' }
+  },
+  {
+    path: '403',
+    loadComponent: () => import('./features/error-page'),
+    data: { errorCode: 403, title: 'Access denied', message: 'You do not have permission to view this page.' }
+  },
+];
+
+export default routes;

package/fuse-starter-pack/fuse-v21.1/src/app/domains/admin/modules/extras/notifications/features/notifications.ts

@@ -0,0 +1,262 @@
+import { Component } from '@angular/core';
+import { MatButton } from '@angular/material/button';
+import { MatIcon } from '@angular/material/icon';
+
+@Component({
+  selector: 'notifications',
+  imports: [MatButton, MatIcon],
+  template: `
+    <div
+      class="@container mx-auto flex w-full max-w-5xl flex-auto flex-col gap-4 p-6 sm:gap-8 lg:p-10"
+    >
+      <!-- Header -->
+      <div class="flex flex-col justify-between gap-y-0.5">
+        <div class="text-xl font-semibold tracking-tighter sm:text-2xl">
+          Notifications
+        </div>
+
+        <div class="font-medium text-neutral-500">
+          Application wide activities are listed here as individual items,
+          starting with the most recent.
+        </div>
+      </div>
+
+      <!-- Timeline -->
+      <div class="flex flex-col gap-y-16">
+        <!-- Section -->
+        <div class="flex flex-col items-start">
+          <div
+            class="mb-8 rounded-md bg-primary-600 px-3 py-1.5 text-md font-medium text-white"
+          >
+            Yesterday
+          </div>
+
+          <!-- Item -->
+          <div class="relative flex gap-x-4 pb-12">
+            <div
+              class="absolute inset-y-0 left-5 -z-10 w-0.5 -translate-x-px bg-neutral-200"
+            ></div>
+            <div
+              class="flex size-10 shrink-0 items-center justify-center rounded-full bg-neutral-500"
+            >
+              <mat-icon
+                class="text-white"
+                svgIcon="star"
+              />
+            </div>
+            <div class="flex flex-col">
+              <div class="text-md font-medium">
+                Your submission has been accepted
+              </div>
+              <div class="text-neutral-500">Mar 31, 7:30 PM</div>
+              <div
+                class="mt-4 flex flex-col gap-y-2 rounded-md bg-neutral-100 px-4 py-3"
+              >
+                <p class="font-medium">
+                  Congratulations! Your submission has been accepted.
+                </p>
+                <p>
+                  Hello Brian, we are pleased to inform you that your submission
+                  has been accepted. Let us know if you have any questions or
+                  need further assistance.
+                </p>
+              </div>
+            </div>
+          </div>
+
+          <!-- Item -->
+          <div class="relative flex gap-x-4 pb-12">
+            <div
+              class="absolute inset-y-0 left-5 -z-10 w-0.5 -translate-x-px bg-neutral-200"
+            ></div>
+            <div
+              class="flex size-10 shrink-0 items-center justify-center rounded-full bg-neutral-500"
+            >
+              <mat-icon
+                class="text-white"
+                svgIcon="star"
+              />
+            </div>
+            <div class="flex flex-col">
+              <div class="text-md font-medium">
+                Leo Gill added you to Top Secret Project group and assigned you
+                as a Project Manager
+              </div>
+              <div class="text-neutral-500">Mar 31, 7:05 PM</div>
+            </div>
+          </div>
+
+          <!-- Item -->
+          <div class="relative flex gap-x-4 pb-12">
+            <div
+              class="absolute inset-y-0 left-5 -z-10 w-0.5 -translate-x-px bg-neutral-200"
+            ></div>
+            <div
+              class="flex size-10 shrink-0 items-center justify-center rounded-full bg-neutral-500"
+            >
+              <mat-icon
+                class="text-white"
+                svgIcon="mail"
+              />
+            </div>
+            <div class="flex flex-col">
+              <div class="text-md font-medium">
+                You have 15 unread mails across 3 mailboxes
+              </div>
+              <div class="text-neutral-500">Mar 31, 4:55 PM</div>
+            </div>
+          </div>
+
+          <!-- Item -->
+          <div class="relative flex gap-x-4">
+            <div
+              class="absolute inset-y-0 left-5 -z-10 w-0.5 -translate-x-px bg-neutral-200"
+            ></div>
+            <div
+              class="flex size-10 shrink-0 items-center justify-center rounded-full bg-neutral-500"
+            >
+              <mat-icon
+                class="text-white"
+                svgIcon="box"
+              />
+            </div>
+            <div class="flex flex-col">
+              <div class="text-md font-medium">
+                Your container is ready to publish
+              </div>
+              <div class="text-neutral-500">Mar 31, 2:55 PM</div>
+            </div>
+          </div>
+        </div>
+
+        <!-- Section -->
+        <div class="flex flex-col items-start">
+          <div
+            class="mb-8 rounded-md bg-primary-600 px-3 py-1.5 text-md font-medium text-white"
+          >
+            2 days ago
+          </div>
+
+          <!-- Item -->
+          <div class="relative flex gap-x-4 pb-12">
+            <div
+              class="absolute inset-y-0 left-5 -z-10 w-0.5 -translate-x-px bg-neutral-200"
+            ></div>
+            <div
+              class="flex size-10 shrink-0 items-center justify-center rounded-full bg-neutral-500"
+            >
+              <mat-icon
+                class="text-white"
+                svgIcon="message-circle"
+              />
+            </div>
+            <div class="flex flex-col">
+              <div class="text-md font-medium">
+                Tina Harris started a chat with you
+              </div>
+              <div class="text-neutral-500">Mar 30, 7:30 PM</div>
+            </div>
+          </div>
+
+          <!-- Item -->
+          <div class="relative flex gap-x-4">
+            <div
+              class="absolute inset-y-0 left-5 -z-10 w-0.5 -translate-x-px bg-neutral-200"
+            ></div>
+            <div
+              class="flex size-10 shrink-0 items-center justify-center rounded-full bg-neutral-500"
+            >
+              <mat-icon
+                class="text-white"
+                svgIcon="message-circle-dashed"
+              />
+            </div>
+            <div class="flex flex-col">
+              <div class="text-md font-medium">
+                Sophie Stone sent you a direct message
+              </div>
+              <div class="text-neutral-500">Mar 30, 7:05 PM</div>
+            </div>
+          </div>
+        </div>
+
+        <!-- Section -->
+        <div class="flex flex-col items-start">
+          <div
+            class="mb-8 rounded-md bg-primary-600 px-3 py-1.5 text-md font-medium text-white"
+          >
+            3 days ago
+          </div>
+
+          <!-- Item -->
+          <div class="relative flex gap-x-4 pb-12">
+            <div
+              class="absolute inset-y-0 left-5 -z-10 w-0.5 -translate-x-px bg-neutral-200"
+            ></div>
+            <div
+              class="flex size-10 shrink-0 items-center justify-center rounded-full bg-neutral-500"
+            >
+              <mat-icon
+                class="text-white"
+                svgIcon="user-round-check"
+              />
+            </div>
+            <div class="flex flex-col">
+              <div class="text-md font-medium">
+                Roger Murray accepted your friend request
+              </div>
+              <div class="text-neutral-500">Mar 29, 7:05 PM</div>
+            </div>
+          </div>
+
+          <!-- Item -->
+          <div class="relative flex gap-x-4 pb-12">
+            <div
+              class="absolute inset-y-0 left-5 -z-10 w-0.5 -translate-x-px bg-neutral-200"
+            ></div>
+            <div
+              class="flex size-10 shrink-0 items-center justify-center rounded-full bg-neutral-500"
+            >
+              <mat-icon
+                class="text-white"
+                svgIcon="mail"
+              />
+            </div>
+            <div class="flex flex-col">
+              <div class="text-md font-medium">
+                You have 4 unread mails across 2 mailboxes
+              </div>
+              <div class="text-neutral-500">Mar 29, 4:55 PM</div>
+            </div>
+          </div>
+
+          <!-- Item -->
+          <div class="relative flex gap-x-4">
+            <div
+              class="absolute inset-y-0 left-5 -z-10 w-0.5 -translate-x-px bg-neutral-200"
+            ></div>
+            <div
+              class="flex size-10 shrink-0 items-center justify-center rounded-full bg-neutral-500"
+            >
+              <mat-icon
+                class="text-white"
+                svgIcon="star"
+              />
+            </div>
+            <div class="flex flex-col">
+              <div class="text-md font-medium">
+                Your submission has been accepted! Sign-up for the final
+                assigment will be ready in 2 days
+              </div>
+              <div class="text-neutral-500">Mar 29, 2:55 PM</div>
+            </div>
+          </div>
+        </div>
+
+        <!-- Load more -->
+        <button matButton="outlined">Load more</button>
+      </div>
+    </div>
+  `,
+})
+export default class Notifications {}

package/fuse-starter-pack/fuse-v21.1/src/app/domains/admin/modules/extras/notifications/routes.ts

@@ -0,0 +1,10 @@
+import { Routes } from '@angular/router';
+
+const routes: Routes = [
+  {
+    path: '',
+    loadComponent: () => import('./features/notifications'),
+  },
+];
+
+export default routes;