ngx-techlify-core 11.5.2 → 14.2.0

package/src/lib/audit-log/audit-log-view/audit-log-view.component.html

@@ -1,46 +0,0 @@
-<div fxLayout="column" class="m-4" fxLayoutGap="1.5rem">
-    <h3 class="text-center">Audit Log</h3>
-    <div fxLayout="column" fxLayoutGap="0.5rem" *ngIf="logInfo">
-        <div>Object Type: {{logInfo?.object_type}}</div>
-        <div>Object Id: {{logInfo?.object_id}}</div>
-        <div>Action: {{logInfo?.action}}</div>
-        <div>Created At: {{logInfo?.created_at | date:'medium'}}</div>
-        <div>Created By: {{logInfo?.user?.email}}</div>
-    </div>
-
-
-    <div fxLayout="column" *ngIf="logInfo?.action !== 'deleted'">
-        <div>
-            <button mat-raised-button color="primary" (click)="showDeltaChanges = !showDeltaChanges">
-                {{showDeltaChanges?'Hide JSON Changes': 'Show JSON Changes'}}
-            </button>
-        </div>
-        <div [hidden]="!showDeltaChanges">
-            <h4 class="font-weight-bold" *ngIf="logInfo">Changes in JSON</h4>
-            <div id="jsondiff"></div>
-        </div>
-    </div>
-
-    <div class="container" *ngIf="changeList.length > 0">
-        <h4 class="font-weight-bold"> Changes in Attributes</h4>
-        <table class="table table-striped table-sm border">
-            <thead>
-                <tr>
-                    <th scope="col">#</th>
-                    <th scope="col">Attribute</th>
-                    <th scope="col">Old Value</th>
-                    <th scope="col">New Value</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr *ngFor="let change of changeList; let i= index;">
-                    <th scope="row">{{i+1}}</th>
-                    <td>{{change?.displayAttribute}}</td>
-                    <td>{{change?.oldValue}}</td>
-                    <td>{{change?.newValue}}</td>
-                </tr>
-            </tbody>
-        </table>
-
-    </div>
-</div>

package/src/lib/audit-log/audit-log-view/audit-log-view.component.spec.ts

@@ -1,25 +0,0 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { AuditLogViewComponent } from './audit-log-view.component';
-
-describe('AuditLogViewComponent', () => {
-  let component: AuditLogViewComponent;
-  let fixture: ComponentFixture<AuditLogViewComponent>;
-
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [ AuditLogViewComponent ]
-    })
-    .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(AuditLogViewComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/audit-log/audit-log-view/audit-log-view.component.ts

@@ -1,54 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { ActivatedRoute } from '@angular/router';
-import { Location } from '@angular/common';
-import * as jsondiffpatch from "jsondiffpatch"
-import { DataManager } from '../../core/dataManager.service';
-
-@Component({
-  selector: 'app-audit-log-view',
-  templateUrl: './audit-log-view.component.html',
-  styleUrls: ['./audit-log-view.component.scss']
-})
-export class AuditLogViewComponent implements OnInit {
-
-  logInfo: any;
-  showDeltaChanges: boolean = false;
-  changeList: any[] = [];
-
-  constructor(
-    private dataManager: DataManager,
-    private route: ActivatedRoute,
-    private location: Location
-  ) { }
-
-  ngOnInit(): void {
-    this.route.paramMap.subscribe(params => {
-      if (params.get('id')) {
-        this.fetchLogDetail(params.get('id'));
-      } else {
-        this.location.back();
-      }
-    });
-  }
-
-  getTransformedChanges() {
-    const changes = ((this.logInfo?.action === 'deleted') ? Object.keys(this.logInfo?.object) : Object.keys(this.logInfo?.data?.changes)) || [];
-    changes.forEach((key: any) => {
-      const displayAttribute = (key as string).split('_').map(x => x.charAt(0).toUpperCase() + x.slice(1)).join(' ');
-      this.changeList.push({ displayAttribute: displayAttribute, attribute: key, newValue: (this.logInfo?.action === 'deleted') ? '' : (this.logInfo?.object[key] ?? ''), oldValue: this.logInfo?.pre_object[key] ?? '' });
-    });
-  }
-
-  async fetchLogDetail(logId: any) {
-    const result = await this.dataManager.GET(`api/audit-logs/${logId}`);
-    this.logInfo = result.item;
-    this.getTransformedChanges();
-    this.patchDelta();
-  }
-
-  patchDelta() {
-    const delta = jsondiffpatch.diff(this.logInfo?.pre_object, this.logInfo?.object);
-    document.getElementById('jsondiff').innerHTML = jsondiffpatch.formatters.html.format(delta, this.logInfo?.pre_object);
-  }
-
-}

package/src/lib/audit-log/audit-log-view/audit-log-view.module.ts

@@ -1,20 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-
-import { AuditLogViewRoutingModule } from './audit-log-view-routing.module';
-import { AuditLogViewComponent } from './audit-log-view.component';
-import { FlexLayoutModule } from '@angular/flex-layout';
-import { MaterialModule } from '../../material.module';
-
-
-@NgModule({
-  declarations: [AuditLogViewComponent],
-  imports: [
-    CommonModule,
-    AuditLogViewRoutingModule,
-    FlexLayoutModule,
-    MaterialModule
-  ],
-  exports: [AuditLogViewComponent]
-})
-export class AuditLogViewModule { }

package/src/lib/audit-log/audit-log-view-model/audit-log-view-model-routing.module.ts

@@ -1,10 +0,0 @@
-import { NgModule } from '@angular/core';
-import { Routes, RouterModule } from '@angular/router';
-
-const routes: Routes = [];
-
-@NgModule({
-  imports: [RouterModule.forChild(routes)],
-  exports: [RouterModule]
-})
-export class AuditLogViewModelRoutingModule { }

package/src/lib/audit-log/audit-log-view-model/audit-log-view-model.component.html

@@ -1,38 +0,0 @@
-<div fxLayout="column" class="m-4" fxLayoutGap="1.5rem">
-    <h3 class="text-center">Audit Log</h3>
-    <div fxLayout="column" fxLayoutGap="0.5rem" *ngIf="logInfo">
-        <div>Object Type: {{logInfo?.object_type}}</div>
-        <div>Object Id: {{logInfo?.object_id}}</div>
-        <div>Action: {{logInfo?.action}}</div>
-        <div>Created At: {{logInfo?.created_at | date:'medium'}}</div>
-        <div>Created By: {{logInfo?.user?.email}}</div>
-    </div>
-
-
-    <div class="container" *ngIf="changeList.length > 0">
-        <h4 class="font-weight-bold"> Changes in Attributes</h4>
-        <table class="table table-striped table-sm border">
-            <thead>
-                <tr>
-                    <th scope="col">#</th>
-                    <th scope="col">Attribute</th>
-                    <th scope="col">Old Value</th>
-                    <th scope="col">New Value</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr *ngFor="let change of changeList; let i= index;">
-                    <th scope="row">{{i+1}}</th>
-                    <td>{{change?.displayAttribute}}</td>
-                    <td>{{change?.oldValue}}</td>
-                    <td>{{change?.newValue}}</td>
-                </tr>
-            </tbody>
-        </table>
-
-    </div>
-
-    <div>
-        <button mat-raised-button (click)="close()">Close</button>
-    </div>
-</div>

package/src/lib/audit-log/audit-log-view-model/audit-log-view-model.component.scss

@@ -1,4 +0,0 @@
-.scroll-container{
-    max-height: 400px;
-    overflow: auto;
-}

package/src/lib/audit-log/audit-log-view-model/audit-log-view-model.component.spec.ts

@@ -1,25 +0,0 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { AuditLogViewModelComponent } from './audit-log-view-model.component';
-
-describe('AuditLogViewComponent', () => {
-  let component: AuditLogViewModelComponent;
-  let fixture: ComponentFixture<AuditLogViewModelComponent>;
-
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [AuditLogViewModelComponent]
-    })
-      .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(AuditLogViewModelComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/audit-log/audit-log-view-model/audit-log-view-model.component.ts

@@ -1,53 +0,0 @@
-import { Component, Inject, OnInit } from '@angular/core';
-import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
-import { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';
-import { HttpService } from '../../core/http.service';
-
-
-@UntilDestroy()
-@Component({
-  selector: 'app-audit-log-view',
-  templateUrl: './audit-log-view-model.component.html',
-  styleUrls: ['./audit-log-view-model.component.scss']
-})
-export class AuditLogViewModelComponent implements OnInit {
-
-  logInfo: any;
-  showDeltaChanges: boolean = false;
-  changeList: any[] = [];
-
-  constructor(
-    public dialogRef: MatDialogRef<AuditLogViewModelComponent>,
-    @Inject(MAT_DIALOG_DATA) public data: any,
-    private http: HttpService
-  ) { }
-
-  ngOnInit(): void {
-    if (this.data) {
-      this.http.get(`api/recent-log-for-model`, {
-        params: {
-          model_type: this.data?.modelType,
-          model_id: this.data?.modelId
-        }
-      }).pipe(
-        untilDestroyed(this)
-      ).subscribe((result: any) => {
-        this.logInfo = result?.item;
-        this.getTransformedChanges();
-      });
-    }
-  }
-
-  getTransformedChanges() {
-    const changes = ((this.logInfo?.action === 'deleted') ? Object.keys(this.logInfo?.object) : Object.keys(this.logInfo?.data?.changes)) || [];
-    changes.forEach((key: any) => {
-      const displayAttribute = (key as string).split('_').map(x => x.charAt(0).toUpperCase() + x.slice(1)).join(' ');
-      this.changeList.push({ displayAttribute: displayAttribute, attribute: key, newValue: (this.logInfo?.action === 'deleted') ? '' : (this.logInfo?.object[key] ?? ''), oldValue: this.logInfo?.pre_object[key] ?? '' });
-    });
-  }
-
-  close() {
-    this.dialogRef.close();
-  }
-
-}

package/src/lib/audit-log/audit-log-view-model/audit-log-view-model.module.ts

@@ -1,20 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-
-import { AuditLogViewModelRoutingModule } from './audit-log-view-model-routing.module';
-import { AuditLogViewModelComponent } from './audit-log-view-model.component';
-import { FlexLayoutModule } from '@angular/flex-layout';
-import { MaterialModule } from '../../material.module';
-
-
-@NgModule({
-  declarations: [AuditLogViewModelComponent],
-  imports: [
-    CommonModule,
-    AuditLogViewModelRoutingModule,
-    FlexLayoutModule,
-    MaterialModule
-  ],
-  exports: [AuditLogViewModelComponent]
-})
-export class AuditLogViewModelModule { }

package/src/lib/audit-log/audit-log.module.ts

@@ -1,20 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-
-import { AuditLogRoutingModule } from './audit-log-routing.module';
-import { AuditLogListModule } from './audit-log-list/audit-log-list.module';
-import { AuditLogViewModule } from './audit-log-view/audit-log-view.module';
-
-
-@NgModule({
-  declarations: [
-  ],
-  imports: [
-    CommonModule,
-    AuditLogRoutingModule,
-    AuditLogListModule,
-    AuditLogViewModule
-  ],
-  exports: []
-})
-export class AuditLogModule { }

package/src/lib/audit-log/audit-logs-view-model/audit-logs-view-model-routing.module.ts

@@ -1,10 +0,0 @@
-import { NgModule } from '@angular/core';
-import { Routes, RouterModule } from '@angular/router';
-
-const routes: Routes = [];
-
-@NgModule({
-  imports: [RouterModule.forChild(routes)],
-  exports: [RouterModule]
-})
-export class AuditLogsViewModelRoutingModule { }

package/src/lib/audit-log/audit-logs-view-model/audit-logs-view-model.component.html

@@ -1,4 +0,0 @@
-<div fxLayout="column" class="m-4" fxLayoutGap="1.5rem">
-    <app-audit-log-list [objectId]="data?.modelId" [objectType]="data?.modelType" [showExportButtons]="false">
-    </app-audit-log-list>
-</div>

package/src/lib/audit-log/audit-logs-view-model/audit-logs-view-model.component.scss

@@ -1,4 +0,0 @@
-::ng-deep app-audit-log-list .scroll-container{
-    height: 350px !important;
-    overflow-y: scroll;
-}

package/src/lib/audit-log/audit-logs-view-model/audit-logs-view-model.component.spec.ts

@@ -1,25 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { AuditLogsViewModelComponent } from './audit-logs-view-model.component';
-
-describe('AuditLogsViewModelComponent', () => {
-  let component: AuditLogsViewModelComponent;
-  let fixture: ComponentFixture<AuditLogsViewModelComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ AuditLogsViewModelComponent ]
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(AuditLogsViewModelComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/audit-log/audit-logs-view-model/audit-logs-view-model.component.ts

@@ -1,28 +0,0 @@
-import { Component, Inject, OnInit } from '@angular/core';
-import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
-import { NavigationEnd, Router } from '@angular/router';
-import { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';
-import { filter } from 'rxjs/operators';
-import { AuditLogViewModelComponent } from '../audit-log-view-model/audit-log-view-model.component';
-
-@UntilDestroy()
-@Component({
-  selector: 'app-audit-logs-view-model',
-  templateUrl: './audit-logs-view-model.component.html',
-  styleUrls: ['./audit-logs-view-model.component.scss']
-})
-export class AuditLogsViewModelComponent implements OnInit {
-
-  constructor(
-    public dialogRef: MatDialogRef<AuditLogViewModelComponent>,
-    @Inject(MAT_DIALOG_DATA) public data: any,
-    private router: Router
-  ) { }
-
-  ngOnInit(): void {
-    this.router.events
-      .pipe(filter(event => event instanceof NavigationEnd), untilDestroyed(this))
-      .subscribe(_ => this.dialogRef.close());
-  }
-
-}

package/src/lib/audit-log/audit-logs-view-model/audit-logs-view-model.module.ts

@@ -1,20 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-
-import { AuditLogsViewModelRoutingModule } from './audit-logs-view-model-routing.module';
-import { AuditLogsViewModelComponent } from './audit-logs-view-model.component';
-import { AuditLogListModule } from '../audit-log-list/audit-log-list.module';
-import { FlexLayoutModule } from '@angular/flex-layout';
-
-
-@NgModule({
-  declarations: [AuditLogsViewModelComponent],
-  imports: [
-    CommonModule,
-    AuditLogsViewModelRoutingModule,
-    FlexLayoutModule,
-    AuditLogListModule
-  ],
-  exports: [AuditLogsViewModelComponent]
-})
-export class AuditLogsViewModelModule { }

package/src/lib/base-model/index.ts

@@ -1,3 +0,0 @@
-export * from './techlify-form-component.class'
-export * from './techlify-listing-component.class'
-export * from './techlify-service.class'

package/src/lib/base-model/techlify-form-component.class.ts

@@ -1,60 +0,0 @@
-import { FormGroup } from '@angular/forms';
-import { FormValidatorService } from '../core/form-validator.service';
-
-/**
- * Interface used to ensure we have a consistent structure across our form components
- *
- * It also provides some abstraction of repeated code to reduce our codebase size
- *
- * @todo This should be moved to ngx-techlify-core
- *
- * Advantages of this abstract class
- * - Less code, less maintenance, less bugs
- * - more consistent code
- * - comments on more code
- * - save time, save energy
- */
-export abstract class TechlifyFormComponentInterface {
-
-  form: FormGroup;
-  errorMessages: any;
-
-  constructor(protected formValidatorService: FormValidatorService) {
-
-  }
-
-  /**
-   * Resets the value of a field in the HTML form
-   *
-   * @param event
-   * @param field
-   */
-  resetFieldValue(event: any, field: string) {
-    this.form?.get(field)?.setValue('');
-  }
-
-  /**
-   * Retrieves the value of a field from the HTML form
-   *
-   * @param field
-   * @returns
-   */
-  getFieldValue(field: string) {
-    return this.form?.get(field)?.value;
-  }
-
-  /**
-   * Method to evaluate form fields
-   * */
-  isFieldValid(field: string) {
-    return this.formValidatorService.isFieldValid(field, this.form, true);
-  }
-
-  /**
-   * Method to find error in form fields
-   * */
-  getErrorMessage(field: string) {
-    return this.formValidatorService.getErrorMessage(field, this.form, this.errorMessages);
-  }
-
-}

package/src/lib/base-model/techlify-listing-component.class.ts

@@ -1,67 +0,0 @@
-/**
- * Interface used to ensure we have a consistent structure across our listing pages
- *
- * @todo This should be moved to ngx-techlify-core
- *
- * Advantages of this abstract class
- * - Less code, less maintenance, less bugs
- * - more consistent code
- * - comments on more code
- * - save time, save energy
- */
-export abstract class TechlifyListingControllerInterface {
-
-  models: any[] = [];
-  page: number = 1;
-  perPage: number = 25;
-  lastPage: number = 500;
-  isWorking: boolean = false;
-
-  /**
-   * Function that listens for any changes in the form group to apply the filters
-   */
-  abstract listenForChanges(): void;
-
-  /**
-   * Function that loads the main models of the application
-   */
-  abstract loadData(): void;
-
-  /**
-   * Reload all data from page 1
-   */
-  reload() {
-    this.models = [];
-    this.page = 1;
-    if (!this.isWorking) {
-      this.loadData();
-    }
-  }
-
-  /**
-   * Can be called when the user is scrolling,
-   * to trigger loading a new page of data
-   */
-  onScroll() {
-    if (!this.isWorking && this.page < this.lastPage) {
-      this.page += 1;
-      this.loadData();
-    }
-  }
-
-
-  /**
-   * Function used to pop up the edit form for the model
-   *
-   * @param model
-   */
-  abstract editForm(model: any): void;
-
-  /**
-   * Function used to pop up the delete form for the model
-   *
-   * @param model
-   */
-  abstract deleteForm(model: any): void;
-
-}

package/src/lib/base-model/techlify-service.class.ts

@@ -1,73 +0,0 @@
-import { HttpService } from '../core/http.service';
-
-/**
- * Interface used to ensure we have a consistent structure across our listing pages
- *
- * @todo This should be moved to ngx-techlify-core
- *
- * Advantages of this abstract class
- * - Less code, less maintenance, less bugs
- * - more consistent code
- * - comments on more code
- * - save time, save energy
- */
-export class TechlifyServiceBaseClass {
-
-  protected baseUrl = "you-forgot-to-set-a-base-url";
-
-  constructor(protected http: HttpService, baseUrl: string) {
-    this.baseUrl = baseUrl;
-  }
-
-  /**
-   * Loads a set of the model this service is for
-   *
-   * @param filters Restrictors to filter the set of models
-   * @returns
-   */
-  index(filters: any) {
-    return this.http.get(`api/${this.baseUrl}`, { params: { ...filters } }).toPromise();
-  }
-
-  /**
-   * Add a new record to the database
-   *
-   * @param model The data of the model to add
-   * @returns
-   */
-  store(model: any) {
-    return this.http.post(`api/${this.baseUrl}`, model).toPromise();
-  }
-
-  /**
-   * Load a single model record, often with all relations and related data
-   *
-   * @param modelId ID of the model to load
-   * @returns
-   */
-  show(modelId: any) {
-    return this.http.get(`api/${this.baseUrl}/${modelId}`).toPromise();
-  }
-
-  /**
-   * Update fields of a single existing model
-   *
-   * @param model Model to update
-   * @returns
-   */
-  update(model: any) {
-    return this.http.put(`api/${this.baseUrl}/${model.id}`, model).toPromise();
-  }
-
-  /**
-   * Delete a single model
-   *
-   * @param model Model to delete
-   * @returns
-   */
-  delete(model: any) {
-    return this.http.delete(`api/${this.baseUrl}/${model.id}`).toPromise();
-  }
-
-
-}

package/src/lib/core/alert.service.ts

@@ -1,32 +0,0 @@
-import { Injectable } from '@angular/core';
-import { MatSnackBar } from '@angular/material/snack-bar';
-import { ErrorSnackComponent, SuccessSnackComponent } from './snack/snack.component';
-
-/**
- * Service used to manage alerts in the entire system frontend
- * 
- * @author Gokula Prasanna
- * @since 20210131
- */
-@Injectable({
-    providedIn: 'root'
-})
-export class AlertService {
-
-    constructor(public snackBar: MatSnackBar) { }
-
-    addAlert(message: string, alertType: string, duration = 3) {
-        if (alertType == "success") {
-            this.snackBar.openFromComponent(SuccessSnackComponent, {
-                duration: 1000 * duration,
-                data: message
-            });
-        }
-        else {
-            this.snackBar.openFromComponent(ErrorSnackComponent, {
-                duration: 1000 * duration,
-                data: message
-            });
-        }
-    }
-}