techlify-inventory-common 0.0.1

package/src/app/@modules/@shared/print-button/print-button/print-button.component.html

@@ -0,0 +1,3 @@
+<mat-icon (click)="printService.print()" class="d-print-none cursor-pointer">
+  print
+</mat-icon>

package/src/app/@modules/@shared/print-button/print-button/print-button.component.ts

@@ -0,0 +1,11 @@
+import { Component } from "@angular/core";
+import { PrintService } from "../print.service";
+
+@Component({
+  selector: "app-print-button",
+  templateUrl: "./print-button.component.html",
+  styleUrls: ["./print-button.component.scss"],
+})
+export class PrintButtonComponent {
+  constructor(public printService: PrintService) {}
+}

package/src/app/@modules/@shared/print-button/print-button.module.ts

@@ -0,0 +1,11 @@
+import { NgModule } from "@angular/core";
+import { CommonModule } from "@angular/common";
+import { PrintButtonComponent } from "./print-button/print-button.component";
+import { MaterialModule } from "ngx-techlify-core";
+
+@NgModule({
+  declarations: [PrintButtonComponent],
+  imports: [CommonModule, MaterialModule],
+  exports: [PrintButtonComponent],
+})
+export class PrintButtonModule {}

package/src/app/@modules/@shared/print-button/print.service.ts

@@ -0,0 +1,38 @@
+import { Injectable } from "@angular/core";
+import { BehaviorSubject, Observable } from "rxjs";
+
+@Injectable({
+  providedIn: "root",
+})
+export class PrintService {
+  isPrinting: BehaviorSubject<boolean> = new BehaviorSubject<boolean>(false);
+
+  constructor() {}
+
+  /**
+   * Get the isPrint variable value.
+   */
+  getIsPrinting(): Observable<boolean> {
+    return this.isPrinting.asObservable();
+  }
+
+  /**
+   * Update the isPrinting variable value.
+   *
+   * @param val
+   */
+  updateIsPrinting(val: boolean) {
+    this.isPrinting.next(val);
+  }
+
+  /**
+   * Call the system print function.
+   */
+  print(): void {
+    this.updateIsPrinting(true);
+    setTimeout(() => {
+      window.print();
+      this.updateIsPrinting(false);
+    }, 500);
+  }
+}

package/src/app/@modules/@shared/techlify-form-service.ts

@@ -0,0 +1,14 @@
+import { Injectable } from "@angular/core";
+import { BehaviorSubject } from "rxjs";
+
+export default class TechlifyFormService {
+  private _isListUpdated = new BehaviorSubject(false);
+
+  isListUpdated() {
+    return this._isListUpdated.asObservable();
+  }
+
+  listUpdated(val: boolean) {
+    this._isListUpdated.next(val);
+  }
+}

package/src/app/@modules/@shared/user-menu/user-menu.component.html

@@ -0,0 +1,26 @@
+<button
+  mat-button
+  [matMenuTriggerFor]="userMenu"
+  type="button"
+  color="primary"
+  class="p-1 font-xs w-100"
+>
+  <div class="d-flex align-items-center gap-1">
+    <span class="material-symbols-outlined"> account_circle </span>
+    <span class="font-weight-normal font-md">
+      {{ username }}
+    </span>
+  </div>
+</button>
+
+<mat-menu #userMenu="matMenu">
+  <app-techlify-company-switcher></app-techlify-company-switcher>
+  <button mat-menu-item type="button" [routerLink]="['/change-password']">
+    <mat-icon>vpn_key</mat-icon>
+    Change Password
+  </button>
+  <button mat-menu-item (click)="logout()" type="button">
+    <mat-icon>login</mat-icon>
+    Logout
+  </button>
+</mat-menu>

package/src/app/@modules/@shared/user-menu/user-menu.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from "@angular/core/testing";
+import { UserMenuComponent } from "./user-menu.component";
+
+describe("HeaderComponent", () => {
+  let component: UserMenuComponent;
+  let fixture: ComponentFixture<UserMenuComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [UserMenuComponent],
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(UserMenuComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it("should create", () => {
+    expect(component).toBeTruthy();
+  });
+});

package/src/app/@modules/@shared/user-menu/user-menu.component.ts

@@ -0,0 +1,46 @@
+import { Component } from "@angular/core";
+import { Router } from "@angular/router";
+import { NgxSpinnerService } from "ngx-spinner";
+import {
+  AlertService,
+  AuthenticationService,
+  CredentialsService,
+  ErrorHandlerService,
+} from "ngx-techlify-core";
+
+@Component({
+  selector: "app-user-menu",
+  templateUrl: "./user-menu.component.html",
+})
+export class UserMenuComponent {
+  constructor(
+    private router: Router,
+    private errorHandler: ErrorHandlerService,
+    private alertService: AlertService,
+    private spinnerService: NgxSpinnerService,
+    private credentialsService: CredentialsService,
+    private authenticationService: AuthenticationService
+  ) {}
+
+  get username(): string | null {
+    return this.credentialsService.credentials?.user?.name || "";
+  }
+
+  async logout() {
+    let result;
+
+    this.spinnerService.show();
+
+    try {
+      await this.authenticationService.logout().toPromise();
+      this.alertService.addAlert("Successfully signed off", "success");
+      this.router.navigate(["/login"], { replaceUrl: true });
+    } catch (error) {
+      this.errorHandler.handleError(error);
+    } finally {
+      this.spinnerService.hide();
+    }
+  }
+
+  // eslint-disable-next-line @angular-eslint/no-empty-lifecycle-method
+}

package/src/app/@modules/@shared/user-menu/user-menu.module.ts

@@ -0,0 +1,20 @@
+import { NgModule } from "@angular/core";
+import { CommonModule } from "@angular/common";
+import { UserMenuComponent } from "./user-menu.component";
+import {
+  MaterialModule,
+  TechlifyCompanySwitcherModule,
+} from "ngx-techlify-core";
+import { RouterLink } from "@angular/router";
+
+@NgModule({
+  declarations: [UserMenuComponent],
+  imports: [
+    CommonModule,
+    MaterialModule,
+    TechlifyCompanySwitcherModule,
+    RouterLink,
+  ],
+  exports: [UserMenuComponent],
+})
+export class UserMenuModule {}

package/src/app/@modules/administration/administration-routing.module.ts

@@ -0,0 +1,44 @@
+import { NgModule } from "@angular/core";
+import { RouterModule, Routes } from "@angular/router";
+import { AuthenticationGuard } from "ngx-techlify-core";
+import { AdministrationComponent } from "./administration.component";
+
+const routes: Routes = [
+  {
+    path: "",
+    component: AdministrationComponent,
+    children: [
+      {
+        path: "audit-logs",
+        loadChildren: () =>
+          import("ngx-techlify-core").then((mod) => mod.AuditLogModule),
+        canLoad: [AuthenticationGuard],
+        data: {
+          permissions: {},
+        },
+      },
+      {
+        path: "techlify-rbac",
+        loadChildren: () =>
+          import("ngx-techlify-core").then((mod) => mod.NgxTechlifyUsersModule),
+        canLoad: [AuthenticationGuard],
+      },
+      {
+        path: "features",
+        loadChildren: () =>
+          import("ngx-techlify-core").then((mod) => mod.TechlifyFeatureModule),
+      },
+      {
+        path: "",
+        redirectTo: "techlify-rbac",
+        pathMatch: "full",
+      },
+    ],
+  },
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+})
+export class AdministrationRoutingModule {}

package/src/app/@modules/administration/administration.component.html

@@ -0,0 +1,3 @@
+<div>
+  <router-outlet></router-outlet>
+</div>

package/src/app/@modules/administration/administration.component.ts

@@ -0,0 +1,11 @@
+import { Component, OnInit } from "@angular/core";
+
+@Component({
+  selector: "app-administration",
+  templateUrl: "./administration.component.html",
+})
+export class AdministrationComponent implements OnInit {
+  constructor() {}
+
+  ngOnInit(): void {}
+}

package/src/app/@modules/administration/administration.module.ts

@@ -0,0 +1,18 @@
+import { NgModule } from "@angular/core";
+import { CommonModule } from "@angular/common";
+
+import { AdministrationRoutingModule } from "./administration-routing.module";
+import { AdministrationComponent } from "./administration.component";
+
+import { AuditLogForModelModule, MaterialModule } from "ngx-techlify-core";
+
+@NgModule({
+  declarations: [AdministrationComponent],
+  imports: [
+    CommonModule,
+    AdministrationRoutingModule,
+    MaterialModule,
+    AuditLogForModelModule,
+  ],
+})
+export class AdministrationModule {}

package/src/app/@modules/administration/administration.service.ts

@@ -0,0 +1,33 @@
+import { Injectable } from "@angular/core";
+import { HttpService } from "ngx-techlify-core";
+
+@Injectable({
+  providedIn: "root",
+})
+export class AdministrationService {
+  constructor(private httpService: HttpService) {}
+
+  getUsers(filters?: any) {
+    return this.httpService.get(`api/users`, filters);
+  }
+
+  getUser(id: any) {
+    return this.httpService.get(`api/users/${id}`);
+  }
+
+  createUser(user: any) {
+    return this.httpService.post(`api/users`, user);
+  }
+
+  updateUser(user: any) {
+    return this.httpService.put(`api/users/${user?.id}`, user);
+  }
+
+  deleteUser(id: number) {
+    return this.httpService.delete(`api/users/${id}`);
+  }
+
+  disableUser(user: any) {
+    return this.httpService.patch(`api/users/${user?.id}/disable`, user);
+  }
+}

package/src/app/@modules/auth/auth-routing.module.ts

@@ -0,0 +1,17 @@
+import { NgModule } from "@angular/core";
+import { RouterModule, Routes } from "@angular/router";
+import { LoginComponent } from "./login/login.component";
+import { ReactiveFormsModule, FormsModule } from "@angular/forms";
+
+const routes: Routes = [
+  {
+    path: "",
+    component: LoginComponent,
+  },
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes), ReactiveFormsModule, FormsModule],
+  exports: [RouterModule],
+})
+export class AuthRoutingModule {}

package/src/app/@modules/auth/auth.module.ts

@@ -0,0 +1,12 @@
+import { NgModule } from "@angular/core";
+import { CommonModule } from "@angular/common";
+
+import { AuthRoutingModule } from "./auth-routing.module";
+import { LoginComponent } from "./login/login.component";
+import { FormsModule, ReactiveFormsModule } from "@angular/forms";
+
+@NgModule({
+  declarations: [LoginComponent],
+  imports: [CommonModule, AuthRoutingModule, ReactiveFormsModule, FormsModule],
+})
+export class AuthModule {}