feat(4ps): add job page

apps/mix-database/src/app/app.routes.ts

@@ -53,6 +53,14 @@ export const CMS_ROUTES = {
       path: 'roles',
       fullPath: 'app/cam/roles',
     },
+    events: {
+      path: 'events',
+      fullPath: 'app/events',
+    },
+    schedulers: {
+      path: 'schedulers',
+      fullPath: 'app/events/schedulers',
+    },
   },
 };
 

apps/mix-database/src/app/pages/portal/portal.routes.ts

@@ -1,5 +1,5 @@
 import { Routes } from '@angular/router';
-import { CMS_ROUTES, breadcrumbName } from '../../app.routes';
+import { CMS_ROUTES } from '../../app.routes';
 
 export const PortalRoutes: Routes = [
   {
@@ -8,20 +8,21 @@ export const PortalRoutes: Routes = [
       import('./dashboard/dashboard.component').then(
         (m) => m.DashboardComponent
       ),
-    data: breadcrumbName('Dashboard'),
   },
   {
     path: CMS_ROUTES.portal.database.path,
-    data: breadcrumbName('Workspace'),
     loadChildren: () =>
       import('@mixcore/module/database').then((m) => m.routes),
   },
-
   {
     path: CMS_ROUTES.portal.cam.path,
-    data: breadcrumbName('CAM'),
     loadChildren: () => import('@mixcore/module/account').then((m) => m.ROUTES),
   },
+  {
+    path: CMS_ROUTES.portal.events.path,
+    loadChildren: () =>
+      import('@mixcore/module/scheduler').then((m) => m.SchedulerRoute),
+  },
   {
     path: '',
     redirectTo: CMS_ROUTES.portal.dashboard.path,

apps/mix-database/src/app/shares/consts/app.menu.ts

@@ -73,6 +73,19 @@ export const APP_MENU: MenuItem[] = [
       },
     ],
   },
+  {
+    title: 'Events',
+    url: CMS_ROUTES.portal.events.fullPath,
+    iconColor: '#22d3ee',
+    icon: 'schedule_send',
+    children: [
+      {
+        icon: 'sort',
+        title: 'schedulers',
+        url: CMS_ROUTES.portal.schedulers.fullPath,
+      },
+    ],
+  },
 ];
 
 export const APP_NOT_SUPPER_ADMIN_MENU = [

libs/mix-lib/src/model/core/schedulers.model.ts

@@ -0,0 +1,12 @@
+export interface MixScheduler {
+  cronExpression: string;
+  name: string;
+  groupName: string;
+  jobName: string;
+  description: string;
+  startAt: any;
+  isStartNow: boolean;
+  interval: any;
+  intervalType: string;
+  repeatCount: number;
+}

libs/mix-lib/src/model/index.ts

@@ -13,6 +13,7 @@ export * from './core/portal-menu.model';
 export * from './core/post.model';
 export * from './core/register.model';
 export * from './core/roles.model';
+export * from './core/schedulers.model';
 export * from './core/settings.model';
 export * from './core/template.model';
 export * from './core/user-vm.model';

libs/mix-lib/src/swagger/mix.swagger.ts

@@ -49,6 +49,9 @@ export const MixSwagger = {
     permission: '/api/v2/rest/mix-services/permission',
     delete: '/api/v2/rest/auth/user/remove-user',
   },
+  events: {
+    scheduler: '/api/v2/scheduler/trigger',
+  },
   ecommerce: {
     updateDeliveryCode: '/api/v2/ecommerce/update-delivery-code',
   },

libs/mix-share/src/api-service/mix-api-facade.service.ts

@@ -7,6 +7,7 @@ import {
   MixPage,
   MixPermission,
   MixRole,
+  MixScheduler,
   MixSettings,
   MixTemplate,
 } from '@mixcore/lib/model';
@@ -83,6 +84,11 @@ export class MixApiFacadeService {
     MixSwagger.content.databaseContext
   );
 
+  // Scheduler Context
+  public schedulerApi = new MixRestfulApi<MixScheduler>(
+    MixSwagger.events.scheduler
+  );
+
   // Appsetting Api
   public appSettingApi = new MixRestfulApi<MixSettings>(
     MixSwagger.settings.config,

libs/mix-share/src/bases/base-crud.store.ts

@@ -20,6 +20,7 @@ import {
   switchMap,
   tap,
 } from 'rxjs';
+import { ObjectUtil } from '../form/object.helper';
 import { CacheService } from '../services/index';
 
 export interface BaseState<T> {
@@ -219,6 +220,22 @@ export class BaseCRUDStore<T> extends ComponentStore<BaseState<T>> {
     }));
   }
 
+  public addData(data: T) {
+    const current = this.get().data;
+    current.unshift(data);
+
+    this.patchState({ data: ObjectUtil.clone(current) });
+    this.reUpdateCache();
+  }
+
+  public removeData(dataId: number) {
+    let current = this.get().data;
+    current = current.filter((x) => dataId !== (x as any).id);
+
+    this.patchState({ data: ObjectUtil.clone(current) });
+    this.reUpdateCache();
+  }
+
   constructor() {
     super({
       status: 'Pending',

libs/mix-share/src/modules/account/roles/roles.component.ts

@@ -107,7 +107,7 @@ export class RolesComponent extends BasePageComponent {
         this.mixApi.roleApi
           .deleteById(role.id)
           .pipe(toastObserverProcessing(this.toast))
-          .subscribe(() => this.store.removeData(role.id));
+          .subscribe(() => this.store.removeData(role.id as unknown as number));
       }
     );
   }

libs/mix-share/src/modules/account/stores/roles.store.ts

@@ -21,12 +21,4 @@ export class RolesStore extends BaseCRUDStore<MixRole> {
     this.patchState({ data: ObjectUtil.clone(current) });
     this.reUpdateCache();
   }
-
-  public removeData(dataId: string) {
-    let current = this.get().data;
-    current = current.filter((x) => dataId !== x.id);
-
-    this.patchState({ data: ObjectUtil.clone(current) });
-    this.reUpdateCache();
-  }
 }

libs/mix-share/src/modules/scheduler/components/job-form/job-form.component.html

@@ -0,0 +1,16 @@
+<div class="mix-dialog --default-padding">
+  <div class="mix-dialog__header">
+    New Job
+  </div>
+
+  <div class="mix-dialog__content">
+    asd
+  </div>
+
+  <div class="mix-dialog__footer">
+    <mix-button class="mr-auto"
+                type="outline">Close</mix-button>
+
+    <mix-button>Add</mix-button>
+  </div>
+</div>

libs/mix-share/src/modules/scheduler/components/job-form/job-form.component.ts

@@ -0,0 +1,28 @@
+import { CommonModule } from '@angular/common';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { ReactiveFormsModule } from '@angular/forms';
+import { MixButtonComponent } from '@mixcore/ui/button';
+import { MixDatePickerComponent } from '@mixcore/ui/date-picker';
+import { MixInputComponent } from '@mixcore/ui/input';
+
+@Component({
+  selector: 'job-form',
+  standalone: true,
+  imports: [
+    CommonModule,
+    ReactiveFormsModule,
+    MixInputComponent,
+    MixDatePickerComponent,
+    MixButtonComponent,
+  ],
+  templateUrl: './job-form.component.html',
+  styleUrl: './job-form.component.scss',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class JobFormComponent {
+  public static dialogOption = {
+    windowClass: 'mix-record-form-dialog top-align-modal interact-modal',
+    minWidth: '800px',
+    maxWidth: '95vw',
+  };
+}

libs/mix-share/src/modules/scheduler/index.ts

@@ -0,0 +1 @@
+export * from './schedule.route';

libs/mix-share/src/modules/scheduler/ng-package.json

@@ -0,0 +1,5 @@
+{
+  "lib": {
+    "entryFile": "index.ts"
+  }
+}

libs/mix-share/src/modules/scheduler/project.json

@@ -0,0 +1,18 @@
+{
+  "name": "@mixcore/share/scheduler",
+  "$schema": "../../../node_modules/nx/schemas/project-schema.json",
+  "projectType": "library",
+  "sourceRoot": "libs/mix-share/src/scheduler",
+  "targets": {
+    "lint": {
+      "executor": "@nx/eslint:lint",
+      "outputs": ["{options.outputFile}"],
+      "options": {
+        "lintFilePatterns": [
+          "libs/mix-share/src/scheduler/**/*.ts",
+          "libs/mix-share/src/scheduler/**/*.html"
+        ]
+      }
+    }
+  }
+}

libs/mix-share/src/modules/scheduler/schedule.route.ts

@@ -0,0 +1,16 @@
+import { Routes } from '@angular/router';
+
+export const SchedulerRoute: Routes = [
+  {
+    path: 'schedulers',
+    loadComponent: () =>
+      import('./schedulers/schedulers.component').then(
+        (c) => c.SchedulersComponent
+      ),
+  },
+  {
+    path: '',
+    redirectTo: 'schedulers',
+    pathMatch: 'full',
+  },
+];