tango-app-ui-shared 3.0.0

package/src/lib/i18n/vocabs/fr.ts

@@ -0,0 +1,105 @@
+// France
+export const locale = {
+  lang: 'fr',
+  data: {
+    TRANSLATOR: {
+      SELECT: 'choisissez votre langue',
+    },
+    MENU: {
+      NEW: 'Nouveau',
+      ACTIONS: 'Actes',
+      CREATE_POST: 'Créer un nouveau Post',
+      PAGES: 'Pages',
+      FEATURES: 'Fonctionnalités',
+      APPS: 'Applications',
+      DASHBOARD: 'Tableau de Bord',
+    },
+    AUTH: {
+      GENERAL: {
+        OR: 'Ou',
+        SUBMIT_BUTTON: 'Soumettre',
+        NO_ACCOUNT: 'Ne pas avoir de compte?',
+        SIGNUP_BUTTON: 'Registre',
+        FORGOT_BUTTON: 'Mot de passe oublié',
+        BACK_BUTTON: 'Back',
+        PRIVACY: 'Privacy',
+        LEGAL: 'Legal',
+        CONTACT: 'Contact',
+      },
+      LOGIN: {
+        TITLE: 'Créer un compte',
+        BUTTON: 'Sign In',
+      },
+      FORGOT: {
+        TITLE: 'Forgotten Password?',
+        DESC: 'Enter your email to reset your password',
+        SUCCESS: 'Your account has been successfully reset.'
+      },
+      REGISTER: {
+        TITLE: 'Sign Up',
+        DESC: 'Enter your details to create your account',
+        SUCCESS: 'Your account has been successfuly registered.'
+      },
+      INPUT: {
+        EMAIL: 'Email',
+        FULLNAME: 'Fullname',
+        PASSWORD: 'Mot de passe',
+        CONFIRM_PASSWORD: 'Confirm Password',
+        USERNAME: 'Nom d\'utilisateur'
+      },
+      VALIDATION: {
+        INVALID: '{{name}} n\'est pas valide',
+        REQUIRED: '{{name}} est requis',
+        MIN_LENGTH: '{{name}} minimum length is {{min}}',
+        AGREEMENT_REQUIRED: 'Accepting terms & conditions are required',
+        NOT_FOUND: 'The requested {{name}} is not found',
+        INVALID_LOGIN: 'The login detail is incorrect',
+        REQUIRED_FIELD: 'Required field',
+        MIN_LENGTH_FIELD: 'Minimum field length:',
+        MAX_LENGTH_FIELD: 'Maximum field length:',
+        INVALID_FIELD: 'Field is not valid',
+      }
+    },
+    ECOMMERCE: {
+      COMMON: {
+        SELECTED_RECORDS_COUNT: 'Nombre d\'enregistrements sélectionnés: ',
+        ALL: 'All',
+        SUSPENDED: 'Suspended',
+        ACTIVE: 'Active',
+        FILTER: 'Filter',
+        BY_STATUS: 'by Status',
+        BY_TYPE: 'by Type',
+        BUSINESS: 'Business',
+        INDIVIDUAL: 'Individual',
+        SEARCH: 'Search',
+        IN_ALL_FIELDS: 'in all fields'
+      },
+      ECOMMERCE: 'éCommerce',
+      CUSTOMERS: {
+        CUSTOMERS: 'Les clients',
+        CUSTOMERS_LIST: 'Liste des clients',
+        NEW_CUSTOMER: 'Nouveau client',
+        DELETE_CUSTOMER_SIMPLE: {
+          TITLE: 'Suppression du client',
+          DESCRIPTION: 'Êtes-vous sûr de supprimer définitivement ce client?',
+          WAIT_DESCRIPTION: 'Le client est en train de supprimer ...',
+          MESSAGE: 'Le client a été supprimé'
+        },
+        DELETE_CUSTOMER_MULTY: {
+          TITLE: 'Supprimer les clients',
+          DESCRIPTION: 'Êtes-vous sûr de supprimer définitivement les clients sélectionnés?',
+          WAIT_DESCRIPTION: 'Les clients suppriment ...',
+          MESSAGE: 'Les clients sélectionnés ont été supprimés'
+        },
+        UPDATE_STATUS: {
+          TITLE: 'Le statut a été mis à jour pour les clients sélectionnés',
+          MESSAGE: 'Le statut des clients sélectionnés a été mis à jour avec succès'
+        },
+        EDIT: {
+          UPDATE_MESSAGE: 'Le client a été mis à jour',
+          ADD_MESSAGE: 'Le client a été créé'
+        }
+      }
+    }
+  }
+};

package/src/lib/i18n/vocabs/jp.ts

@@ -0,0 +1,105 @@
+// Japan
+export const locale = {
+  lang: 'ja',
+  data: {
+    TRANSLATOR: {
+      SELECT: 'あなたが使う言語を選んでください',
+    },
+    MENU: {
+      NEW: '新しい',
+      ACTIONS: '行動',
+      CREATE_POST: '新しい投稿を作成',
+      PAGES: 'Pages',
+      FEATURES: '特徴',
+      APPS: 'アプリ',
+      DASHBOARD: 'ダッシュボード',
+    },
+    AUTH: {
+      GENERAL: {
+        OR: 'または',
+        SUBMIT_BUTTON: '提出する',
+        NO_ACCOUNT: 'アカウントを持っていない？',
+        SIGNUP_BUTTON: 'サインアップ',
+        FORGOT_BUTTON: 'パスワードをお忘れですか',
+        BACK_BUTTON: 'バック',
+        PRIVACY: 'プライバシー',
+        LEGAL: '法的',
+        CONTACT: '接触',
+      },
+      LOGIN: {
+        TITLE: 'Create Account',
+        BUTTON: 'Sign In',
+      },
+      FORGOT: {
+        TITLE: 'Forgotten Password?',
+        DESC: 'Enter your email to reset your password',
+        SUCCESS: 'Your account has been successfully reset.',
+      },
+      REGISTER: {
+        TITLE: 'Sign Up',
+        DESC: 'Enter your details to create your account',
+        SUCCESS: 'Your account has been successfuly registered.',
+      },
+      INPUT: {
+        EMAIL: 'Email',
+        FULLNAME: 'Fullname',
+        PASSWORD: 'Password',
+        CONFIRM_PASSWORD: 'Confirm Password',
+        USERNAME: 'ユーザー名',
+      },
+      VALIDATION: {
+        INVALID: '{{name}} is not valid',
+        REQUIRED: '{{name}} is required',
+        MIN_LENGTH: '{{name}} minimum length is {{min}}',
+        AGREEMENT_REQUIRED: 'Accepting terms & conditions are required',
+        NOT_FOUND: 'The requested {{name}} is not found',
+        INVALID_LOGIN: 'The login detail is incorrect',
+        REQUIRED_FIELD: 'Required field',
+        MIN_LENGTH_FIELD: 'Minimum field length:',
+        MAX_LENGTH_FIELD: 'Maximum field length:',
+        INVALID_FIELD: 'Field is not valid',
+      },
+    },
+    ECOMMERCE: {
+      COMMON: {
+        SELECTED_RECORDS_COUNT: 'Selected records count: ',
+        ALL: 'All',
+        SUSPENDED: 'Suspended',
+        ACTIVE: 'Active',
+        FILTER: 'Filter',
+        BY_STATUS: 'by Status',
+        BY_TYPE: 'by Type',
+        BUSINESS: 'Business',
+        INDIVIDUAL: 'Individual',
+        SEARCH: 'Search',
+        IN_ALL_FIELDS: 'in all fields',
+      },
+      ECOMMERCE: 'eCommerce',
+      CUSTOMERS: {
+        CUSTOMERS: 'Customers',
+        CUSTOMERS_LIST: 'Customers list',
+        NEW_CUSTOMER: 'New Customer',
+        DELETE_CUSTOMER_SIMPLE: {
+          TITLE: 'Customer Delete',
+          DESCRIPTION: 'Are you sure to permanently delete this customer?',
+          WAIT_DESCRIPTION: 'Customer is deleting...',
+          MESSAGE: 'Customer has been deleted',
+        },
+        DELETE_CUSTOMER_MULTY: {
+          TITLE: 'Customers Delete',
+          DESCRIPTION: 'Are you sure to permanently delete selected customers?',
+          WAIT_DESCRIPTION: 'Customers are deleting...',
+          MESSAGE: 'Selected customers have been deleted',
+        },
+        UPDATE_STATUS: {
+          TITLE: 'Status has been updated for selected customers',
+          MESSAGE: 'Selected customers status have successfully been updated',
+        },
+        EDIT: {
+          UPDATE_MESSAGE: 'Customer has been updated',
+          ADD_MESSAGE: 'Customer has been created',
+        },
+      },
+    },
+  },
+};

package/src/lib/interceptors/http-auth-interceptor.ts

@@ -0,0 +1,21 @@
+import { Injectable } from '@angular/core';
+import {
+  HttpRequest,
+  HttpHandler,
+  HttpEvent,
+  HttpInterceptor
+} from '@angular/common/http';
+import { Observable } from 'rxjs';
+@Injectable()
+export class HttpAuthInterceptor implements HttpInterceptor {
+  constructor() {}
+  intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
+    
+    request = request.clone({
+      setHeaders: {
+        Authorization: `Bearer 7762ffb2-58be-47ab-be39-99e776bfe78a`
+      }
+    });
+    return next.handle(request);
+  }
+}

package/src/lib/interfaces/global-state.ts

@@ -0,0 +1,6 @@
+export type sampleType =  {
+    firstName:string
+    lastName:string,
+    email:string
+}
+

package/src/lib/modules/errors/error404/error404.component.html

@@ -0,0 +1,24 @@
+<!--begin::Title-->
+<h1 class="fw-bolder fs-2hx text-gray-900 mb-4">
+  Oops!
+</h1>
+<!--end::Title-->
+
+<!--begin::Text-->
+<div class="fw-semibold fs-6 text-gray-500 mb-7">
+  We can't find that page.
+</div>
+<!--end::Text-->
+
+<!--begin::Illustration-->
+<div class="mb-3">
+  <img src="./assets/media/auth/404-error.png" class="mw-100 mh-300px theme-light-show" alt="" />
+  <img src="./assets/media/auth/404-error-dark.png" class="mw-100 mh-300px theme-dark-show" alt="" />
+</div>
+<!--end::Illustration-->
+
+<!--begin::Link-->
+<div class="mb-0">
+  <a (click)="routeToDashboard()" class="btn btn-sm btn-primary">Return Home</a>
+</div>
+<!--end::Link-->

package/src/lib/modules/errors/error404/error404.component.spec.ts

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

package/src/lib/modules/errors/error404/error404.component.ts

@@ -0,0 +1,50 @@
+import { Component, OnDestroy, OnInit } from '@angular/core';
+import { Router } from '@angular/router';
+import { Subscription } from 'rxjs';
+import {
+  DrawerComponent,
+  MenuComponent,
+  ScrollComponent,
+  ScrollTopComponent,
+  StickyComponent,
+  ToggleComponent,
+} from 'tango-app-metronics';
+import { ThemeModeService } from 'tango-app-metronics';
+
+@Component({
+  selector: 'lib-error404',
+  templateUrl: './error404.component.html',
+  styleUrls: ['./error404.component.scss'],
+})
+export class Error404Component implements OnInit, OnDestroy {
+  private unsubscribe: Subscription[] = [];
+
+  constructor(private router: Router, private modeService: ThemeModeService) {}
+
+  ngOnInit(): void {
+    const subscr = this.modeService.mode.asObservable().subscribe((mode) => {
+      document.body.style.backgroundImage =
+        mode === 'dark'
+          ? 'url(./assets/media/auth/bg1-dark.jpg)'
+          : 'url(./assets/media/auth/bg1.jpg)';
+    });
+    this.unsubscribe.push(subscr);
+  }
+
+  routeToDashboard() {
+    this.router.navigate(['dashboard']);
+    setTimeout(() => {
+      ToggleComponent.reinitialization();
+      ScrollTopComponent.reinitialization();
+      DrawerComponent.reinitialization();
+      StickyComponent.bootstrap();
+      MenuComponent.reinitialization();
+      ScrollComponent.reinitialization();
+    }, 200);
+  }
+
+  ngOnDestroy() {
+    this.unsubscribe.forEach((sb) => sb.unsubscribe());
+    document.body.style.backgroundImage = 'none';
+  }
+}

package/src/lib/modules/errors/error500/error500.component.html

@@ -0,0 +1,24 @@
+<!--begin::Title-->
+<h1 class="fw-bolder fs-2qx text-gray-900 mb-4">
+  System Error
+</h1>
+<!--end::Title-->
+
+<!--begin::Text-->
+<div class="fw-semibold fs-6 text-gray-500 mb-7">
+  Something went wrong! Please try again later.
+</div>
+<!--end::Text-->
+
+<!--begin::Illustration-->
+<div class="mb-11">
+  <img src="./assets/media/auth/500-error.png" class="mw-100 mh-300px theme-light-show" alt="" />
+  <img src="./assets/media/auth/500-error-dark.png" class="mw-100 mh-300px theme-dark-show" alt="" />
+</div>
+<!--end::Illustration-->
+
+<!--begin::Link-->
+<div class="mb-0">
+  <a (click)="routeToDashboard()" class="btn btn-sm btn-primary">Return Home</a>
+</div>
+<!--end::Link-->

package/src/lib/modules/errors/error500/error500.component.spec.ts

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

package/src/lib/modules/errors/error500/error500.component.ts

@@ -0,0 +1,50 @@
+import { Component, OnDestroy, OnInit } from '@angular/core';
+import { Router } from '@angular/router';
+import { Subscription } from 'rxjs';
+import {
+  DrawerComponent,
+  MenuComponent,
+  ScrollComponent,
+  ScrollTopComponent,
+  StickyComponent,
+  ToggleComponent,
+} from 'tango-app-metronics';
+import { ThemeModeService } from 'tango-app-metronics';
+
+@Component({
+  selector: 'lib-error500',
+  templateUrl: './error500.component.html',
+  styleUrls: ['./error500.component.scss'],
+})
+export class Error500Component implements OnInit, OnDestroy {
+  private unsubscribe: Subscription[] = [];
+
+  constructor(private router: Router, private modeService: ThemeModeService) {}
+
+  ngOnInit(): void {
+    const subscr = this.modeService.mode.asObservable().subscribe((mode) => {
+      document.body.style.backgroundImage =
+        mode === 'dark'
+          ? 'url(./assets/media/auth/bg7-dark.jpg)'
+          : 'url(./assets/media/auth/bg7.jpg)';
+    });
+    this.unsubscribe.push(subscr);
+  }
+
+  routeToDashboard() {
+    this.router.navigate(['dashboard']);
+    setTimeout(() => {
+      ToggleComponent.reinitialization();
+      ScrollTopComponent.reinitialization();
+      DrawerComponent.reinitialization();
+      StickyComponent.bootstrap();
+      MenuComponent.reinitialization();
+      ScrollComponent.reinitialization();
+    }, 200);
+  }
+
+  ngOnDestroy() {
+    this.unsubscribe.forEach((sb) => sb.unsubscribe());
+    document.body.style.backgroundImage = 'none';
+  }
+}

package/src/lib/modules/errors/errors-routing.module.ts

@@ -0,0 +1,30 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { Error404Component } from './error404/error404.component';
+import { Error500Component } from './error500/error500.component';
+import { ErrorsComponent } from './errors.component';
+
+const routes: Routes = [
+  {
+    path: '',
+    component: ErrorsComponent,
+    children: [
+      {
+        path: '404',
+        component: Error404Component,
+      },
+      {
+        path: '500',
+        component: Error500Component,
+      },
+      { path: '', redirectTo: '404', pathMatch: 'full' },
+      { path: '**', redirectTo: '404', pathMatch: 'full' },
+    ],
+  },
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+})
+export class ErrorsRoutingModule {}

package/src/lib/modules/errors/errors.component.html

@@ -0,0 +1,15 @@
+<!--begin::Authentication - -->
+<div class="d-flex flex-column flex-center flex-column-fluid">
+  <!--begin::Content-->
+  <div class="d-flex flex-column flex-center text-center p-10">
+    <!--begin::Wrapper-->
+    <div class="card card-flush  w-lg-650px py-5">
+      <div class="card-body py-15 py-lg-20">
+        <router-outlet></router-outlet>
+      </div>
+    </div>
+    <!--end::Wrapper-->
+  </div>
+  <!--end::Content-->
+</div>
+<!--end::Authentication - -->

package/src/lib/modules/errors/errors.component.scss

@@ -0,0 +1,4 @@
+:host {
+  height: 100%;
+  margin: 0;
+}

package/src/lib/modules/errors/errors.component.spec.ts

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

package/src/lib/modules/errors/errors.component.ts

@@ -0,0 +1,42 @@
+import { Component, HostBinding, OnDestroy, OnInit } from '@angular/core';
+import { Router } from '@angular/router';
+import {
+  DrawerComponent,
+  MenuComponent,
+  ScrollComponent,
+  ScrollTopComponent,
+  StickyComponent,
+  ToggleComponent,
+} from 'tango-app-metronics';
+
+const BODY_CLASSES = ['bgi-size-cover', 'bgi-position-center', 'bgi-no-repeat'];
+
+@Component({
+  selector: 'lib-errors',
+  templateUrl: './errors.component.html',
+  styleUrls: ['./errors.component.scss'],
+})
+export class ErrorsComponent implements OnInit, OnDestroy {
+  @HostBinding('class') class = 'd-flex flex-column flex-root';
+  constructor(private router: Router) {}
+
+  ngOnInit(): void {
+    BODY_CLASSES.forEach((c) => document.body.classList.add(c));
+  }
+
+  ngOnDestroy(): void {
+    BODY_CLASSES.forEach((c) => document.body.classList.remove(c));
+  }
+
+  routeToDashboard() {
+    this.router.navigate(['dashboard']);
+    setTimeout(() => {
+      ToggleComponent.bootstrap();
+      ScrollTopComponent.bootstrap();
+      DrawerComponent.bootstrap();
+      StickyComponent.bootstrap();
+      MenuComponent.bootstrap();
+      ScrollComponent.bootstrap();
+    }, 200);
+  }
+}

package/src/lib/modules/errors/errors.module.ts

@@ -0,0 +1,21 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { ErrorsRoutingModule } from './errors-routing.module';
+import { ErrorsComponent } from '../errors/errors.component';
+import { Error500Component } from './error500/error500.component';
+import { Error404Component } from './error404/error404.component';
+
+
+@NgModule({
+  declarations: [
+    ErrorsComponent,
+    Error404Component,
+    Error500Component
+  ],
+  imports: [
+    CommonModule,
+    ErrorsRoutingModule
+  ]
+})
+export class ErrorsModule { }

package/src/lib/modules/layout/content/content.component.html

@@ -0,0 +1,12 @@
+<ng-container *ngIf="appContentContiner">
+  <!--begin::Content container-->
+  <div id="kt_app_content_container" class="app-container"
+    [ngClass]="appContentContainerClass + ' ' + contentContainerCSSClass"
+    [ngClass]="{'container-xxl': appContentContiner === 'fixed', 'container-fluid': appContentContiner === 'fluid'}">
+    <router-outlet></router-outlet>
+  </div>
+  <!--end::Content container-->
+</ng-container>
+<ng-container *ngIf="!appContentContiner">
+  <router-outlet></router-outlet>
+</ng-container>

package/src/lib/modules/layout/content/content.component.ts

@@ -0,0 +1,35 @@
+import { Component, Input, OnDestroy, OnInit } from '@angular/core';
+import { NavigationCancel, NavigationEnd, Router } from '@angular/router';
+import { Subscription } from 'rxjs/internal/Subscription';
+// import { DrawerComponent } from '../../../kt/components';
+@Component({
+  selector: 'lib-content',
+  templateUrl: './content.component.html',
+  styleUrls: ['./content.component.scss'],
+})
+export class ContentComponent implements OnInit, OnDestroy {
+  @Input() contentContainerCSSClass: string = '';
+  @Input() appContentContiner?: 'fixed' | 'fluid';
+  @Input() appContentContainerClass: string = '';
+
+  private unsubscribe: Subscription[] = [];
+
+  constructor(private router: Router) {}
+
+  ngOnInit(): void {
+    this.routingChanges();
+  }
+
+  routingChanges() {
+    const routerSubscription = this.router.events.subscribe((event) => {
+      if (event instanceof NavigationEnd || event instanceof NavigationCancel) {
+        // DrawerComponent.hideAll();
+      }
+    });
+    this.unsubscribe.push(routerSubscription);
+  }
+
+  ngOnDestroy() {
+    this.unsubscribe.forEach((sb) => sb.unsubscribe());
+  }
+}

package/src/lib/modules/layout/footer/footer.component.html

@@ -0,0 +1,32 @@
+<ng-container *ngIf="appFooterContainerCSSClass">
+  <!--begin::Footer container-->
+  <div class="app-container" [ngClass]="appFooterContainerCSSClass">
+    <ng-container *ngTemplateOutlet="footerView"></ng-container>
+  </div>
+  <!--end::Footer container-->
+</ng-container>
+
+<ng-container *ngIf="!appFooterContainerCSSClass">
+  <ng-container *ngTemplateOutlet="footerView"></ng-container>
+</ng-container>
+
+<ng-template #footerView>
+  <!--begin::Copyright-->
+  <div class="text-gray-900 order-2 order-md-1">
+    <span class="text-muted fw-semibold me-1">{{currentDateStr}}&copy;</span>
+    <a href="https://keenthemes.com/" target="_blank" class="text-gray-800 text-hover-primary">Keenthemes</a>
+  </div>
+  <!--end::Copyright-->
+
+  <!--begin::Menu-->
+  <ul class="menu menu-gray-600 menu-hover-primary fw-semibold order-1">
+    <li class="menu-item"><a href="https://keenthemes.com/" target="_blank" class="menu-link px-2">About</a></li>
+
+    <li class="menu-item"><a href="https://devs.keenthemes.com/" target="_blank" class="menu-link px-2">Support</a></li>
+
+    <li class="menu-item"><a href="https://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469"
+        target="_blank" class="menu-link px-2">Purchase</a></li>
+  </ul>
+  <!--end::Menu-->
+
+</ng-template>