@smartsoft001/crud-shell-angular 1.2.91 → 2.70.0

package/src/lib/crud.config.ts

@@ -0,0 +1,79 @@
+import { Injectable, Type } from '@angular/core';
+
+import {
+  IIconButtonOptions,
+  ICellPipe,
+  InputBaseComponent,
+  ListMode,
+  PaginationMode,
+} from '@smartsoft001/angular';
+
+import { ICrudFilterQueryItem, ICrudListGroup } from './models';
+
+@Injectable()
+export class CrudConfig<T> {
+  apiUrl: string;
+  entity: string;
+  type?: any;
+  reducerFactory?: () => any;
+  baseQuery?: Array<ICrudFilterQueryItem>;
+}
+
+@Injectable()
+export class CrudFullConfig<T> extends CrudConfig<T> {
+  type: any;
+  title: string;
+  details?:
+    | boolean
+    | {
+        cellPipe?: ICellPipe<T>;
+        components?: {
+          top?: any;
+          bottom?: any;
+        };
+      };
+  edit?:
+    | boolean
+    | {
+        cellPipe?: ICellPipe<T>;
+        components?: {
+          top?: any;
+          bottom?: any;
+        };
+      };
+  add?:
+    | boolean
+    | {
+        components?: {
+          top?: any;
+          bottom?: any;
+        };
+      };
+  remove?: boolean;
+  search?: boolean;
+  export?: boolean;
+  pagination?: {
+    limit: number;
+  };
+  sort?:
+    | boolean
+    | {
+        default?: string;
+        defaultDesc?: boolean;
+      };
+  list?: {
+    cellPipe?: ICellPipe<T>;
+    components?: {
+      top?: any;
+      multi?: any;
+    };
+    mode?: ListMode;
+    paginationMode?: PaginationMode;
+    resetQuery?: 'beforeInit';
+    groups?: Array<ICrudListGroup>;
+  };
+  buttons?: Array<IIconButtonOptions>;
+  inputComponents?: {
+    [key: string]: Type<InputBaseComponent<T>>;
+  };
+}

package/src/lib/crud.module.ts

@@ -0,0 +1,72 @@
+import { CommonModule } from '@angular/common';
+import { ModuleWithProviders, NgModule } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+
+import {
+  FILE_SERVICE_CONFIG,
+  IFileServiceConfig,
+  SharedModule,
+} from '@smartsoft001/angular';
+import { IEntity } from '@smartsoft001/domain-core';
+
+import { CrudFacade } from './+state/crud.facade';
+import { CrudComponentsModule } from './components';
+import { CrudFullModule } from './crud-full.module';
+import { CrudConfig, CrudFullConfig } from './crud.config';
+import { CrudListPaginationFactory } from './factories/list-pagination/list-pagination.factory';
+import { CrudPipesModule } from './pipes';
+import { CrudService } from './services/crud/crud.service';
+import { CrudListGroupService } from './services/list-group/list-group.service';
+import { PageService } from './services/page/page.service';
+
+@NgModule({
+  imports: [
+    SharedModule,
+    CrudPipesModule,
+    FormsModule,
+    CommonModule,
+    CrudComponentsModule,
+  ],
+  exports: [CrudComponentsModule],
+  providers: [
+    CrudService,
+    CrudListGroupService,
+    PageService,
+    CrudFacade,
+    CrudListPaginationFactory,
+  ],
+})
+export class CrudCoreModule {}
+
+@NgModule({})
+export class CrudModule<T extends IEntity<string>> {
+  static forFeature<T extends IEntity<string>>(
+    options:
+      | ICrudModuleOptionsWithRoutng<T>
+      | ICrudModuleOptionsWithoutRoutng<T>,
+  ): ModuleWithProviders<CrudModule<any>> {
+    return {
+      ngModule: options.routing ? CrudFullModule : CrudCoreModule,
+      providers: [
+        { provide: CrudConfig, useValue: options.config },
+        { provide: CrudFullConfig, useValue: options.config },
+        {
+          provide: FILE_SERVICE_CONFIG,
+          useValue: { apiUrl: options.config.apiUrl } as IFileServiceConfig,
+        },
+      ],
+    };
+  }
+}
+
+export interface ICrudModuleOptionsWithRoutng<T> {
+  config: CrudFullConfig<T>;
+  socket?: boolean;
+  routing: true;
+}
+
+export interface ICrudModuleOptionsWithoutRoutng<T> {
+  config: CrudConfig<T>;
+  socket?: boolean;
+  routing: false;
+}

package/src/lib/factories/list-pagination/list-pagination.factory.ts

@@ -0,0 +1,77 @@
+import { computed, inject, Injectable } from '@angular/core';
+
+import { IListPaginationOptions, PaginationMode } from '@smartsoft001/angular';
+import { IEntity } from '@smartsoft001/domain-core';
+
+import { CrudFacade } from '../../+state/crud.facade';
+import { ICrudFilter } from '../../models';
+
+@Injectable()
+export class CrudListPaginationFactory<T extends IEntity<string>> {
+  private readonly facade = inject(CrudFacade<T>);
+
+  async create(options: {
+    mode?: PaginationMode;
+    limit: number;
+    provider: {
+      getLinks(): any;
+      getFilter(): ICrudFilter;
+    };
+  }): Promise<IListPaginationOptions> {
+    return {
+      mode: options.mode,
+      limit: options.limit,
+      loadNextPage: () => {
+        if (!options.provider.getLinks() || !options.provider.getLinks().next)
+          return Promise.resolve(false);
+
+        return new Promise((res) => {
+          if (this.facade.loaded()) {
+            setTimeout(() => {
+              res(
+                options.provider.getLinks() && options.provider.getLinks().next,
+              );
+            });
+          }
+
+          const filter = options.provider.getFilter();
+          this.facade.read({
+            ...filter,
+            offset: filter.offset + filter.limit,
+          });
+        });
+      },
+      loadPrevPage: () => {
+        if (!options.provider.getLinks() || !options.provider.getLinks().prev)
+          return Promise.resolve(false);
+
+        return new Promise((res) => {
+          const loaded = this.facade.loaded();
+          if (loaded) {
+            setTimeout(() => {
+              res(
+                options.provider.getLinks() && options.provider.getLinks().prev,
+              );
+            });
+          }
+
+          this.facade.read({
+            ...options.provider.getFilter(),
+            offset:
+              options.provider.getFilter().offset -
+              options.provider.getFilter().limit,
+          });
+        });
+      },
+      page: computed(() => {
+        const f = this.facade.filter();
+        return f?.limit ? f.offset / f.limit + 1 : 0;
+      }),
+      totalPages: computed(() => {
+        const filter = this.facade.filter();
+        const totalCount = this.facade.totalCount();
+        return filter?.limit ? Math.ceil(totalCount / filter.limit) : 0;
+      }),
+    };
+  }
+}

package/src/lib/models/index.ts

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

package/src/lib/models/interfaces.ts

@@ -0,0 +1,34 @@
+import { PaginationMode } from '@smartsoft001/angular';
+import { IModelFilter } from '@smartsoft001/models';
+
+export interface ICrudFilter {
+  searchText?: string;
+  sortBy?: string;
+  sortDesc?: boolean;
+  offset?: number;
+  limit?: number;
+  paginationMode?: PaginationMode;
+  query?: Array<ICrudFilterQueryItem>;
+}
+
+export interface ICrudFilterQueryItem extends IModelFilter {
+  key: string;
+  value: any;
+  type: '=' | '!=' | '>=' | '<=' | '<' | '>';
+  hidden?: boolean;
+}
+
+export interface ICrudCreateManyOptions {
+  mode: CrudCreateManyMode;
+}
+
+export interface ICrudListGroup {
+  key: string;
+  value: string;
+  text: string;
+  show?: boolean;
+  changed?: boolean;
+  children?: Array<ICrudListGroup>;
+}
+
+export type CrudCreateManyMode = 'default' | 'replace';

package/src/lib/pages/index.ts

@@ -0,0 +1,6 @@
+export * from './item/base/base.component';
+export * from './item/item.component';
+export * from './item/standard/standard.component';
+export * from './list/list.component';
+export * from './list/base/base.component';
+export * from './list/standard/standard.component';

package/src/lib/pages/item/base/base.component.ts

@@ -0,0 +1,54 @@
+import {
+  Directive,
+  inject,
+  input,
+  output,
+  Signal,
+  viewChild,
+  viewChildren,
+  ViewContainerRef,
+} from '@angular/core';
+
+import {
+  BaseComponent,
+  DynamicComponentType,
+  FormComponent,
+  IDetailsOptions,
+} from '@smartsoft001/angular';
+import { IEntity } from '@smartsoft001/domain-core';
+
+import { CrudFacade } from '../../../+state/crud.facade';
+import { CrudFullConfig } from '../../../crud.config';
+
+@Directive()
+export abstract class CrudItemPageBaseComponent<
+  T extends IEntity<string>,
+> extends BaseComponent {
+  public config = inject(CrudFullConfig<T>);
+  public facade = inject(CrudFacade<T>);
+
+  static smartType: DynamicComponentType = 'crud-item-page';
+
+  selected: Signal<T>;
+
+  contentTpl = viewChild<ViewContainerRef>('contentTpl');
+
+  formComponents = viewChildren(FormComponent);
+
+  detailsOptions = input<IDetailsOptions<T>>();
+
+  mode = input<string>();
+
+  uniqueProvider = input<(values: Record<keyof T, any>) => Promise<boolean>>();
+
+  onPartialChange = output<Partial<T>>();
+
+  onChange = output<T>();
+
+  onValidChange = output<boolean>();
+
+  constructor() {
+    super();
+    this.selected = this.facade.selected;
+  }
+}