@hitsoft/e-donusum 1.0.5 → 1.0.7

package/_metronic/layout/layout.component.html

@@ -1,70 +0,0 @@
-<!--begin::App-->
-<div class="d-flex flex-column flex-root app-root" id="kt_app_root">
-  <!--begin::Page-->
-  <div class="app-page flex-column flex-column-fluid" id="kt_app_page">
-    <ng-container *ngIf="appHeaderDisplay">
-      <!--begin::Header-->
-      <app-header [ngClass]="appHeaderDefaultClass" id="kt_app_header" class="app-header" data-kt-sticky="true" data-kt-sticky-activate="{default: true, lg: true}" data-kt-sticky-name="app-header-minimize" data-kt-sticky-offset="{default: '200px', lg: '0'}" data-kt-sticky-animation="false">
-      </app-header>
-      <!--end::Header-->
-    </ng-container>
-
-    <!--begin::Wrapper-->
-    <div class="app-wrapper flex-column flex-row-fluid" id="kt_app_wrapper">
-
-      <ng-container *ngIf="appSidebarDisplay">
-        <!--begin::sidebar-->
-        <app-sidebar #ktSidebar id="kt_app_sidebar" class="app-sidebar flex-column" [ngClass]="appSidebarDefaultClass">
-        </app-sidebar>
-        <!--end::sidebar-->
-      </ng-container>
-
-      <ng-container *ngIf="appSidebarPanelDisplay">
-        <!-- TODO: app sidebar panel -->
-      </ng-container>
-      <!--begin::Main-->
-      <div class="app-main flex-column flex-row-fluid" id="kt_app_main">
-        <!--begin::Content wrapper-->
-        <div class="d-flex flex-column flex-column-fluid">
-          <ng-container *ngIf="appToolbarDisplay">
-            <app-toolbar class="app-toolbar" [ngClass]="appToolbarCSSClass" id="kt_app_toolbar"
-              [appToolbarLayout]="appToolbarLayout"></app-toolbar>
-          </ng-container>
-          <app-content id=" kt_app_content" class="app-content" [ngClass]="contentCSSClasses"
-            [contentContainerCSSClass]="contentContainerCSSClass" [appContentContiner]="appContentContiner"
-            [appContentContainerClass]="appContentContainerClass">
-          </app-content>
-        </div>
-        <!--end::Content wrapper-->
-        <ng-container *ngIf="appFooterDisplay">
-          <app-footer class="app-footer" [ngClass]="appFooterCSSClass" id="kt_app_footer"
-            [appFooterContainerCSSClass]="appFooterContainerCSSClass"></app-footer>
-        </ng-container>
-      </div>
-      <!--end:::Main-->
-    </div>
-    <!--end::Wrapper-->
-
-  </div>
-  <!--end::Page-->
-</div>
-<!--end::App-->
-
-<app-scripts-init></app-scripts-init>
-<ng-container>
-  <app-scroll-top id="kt_scrolltop" class="scrolltop" data-kt-scrolltop="true"></app-scroll-top>
-</ng-container>
-<!-- begin:: Drawers -->
-<app-activity-drawer></app-activity-drawer>
-<app-messenger-drawer></app-messenger-drawer>
-<!-- end:: Drawers -->
-
-<!-- end:: Engage -->
-<app-engages></app-engages>
-<!-- end:: Engage -->
-
-<!-- begin:: Modals -->
-<app-main-modal></app-main-modal>
-<app-invite-users-modal></app-invite-users-modal>
-<app-upgrade-plan-modal></app-upgrade-plan-modal>
-<!-- end:: Modals -->

package/_metronic/layout/layout.component.scss

@@ -1,15 +0,0 @@
-:host {
-  height: 100%;
-  margin: 0;
-
-  .flex-root {
-    height: 100%;
-  }
-}
-
-.page-loaded {
-  app-layout {
-    opacity: 1;
-    transition: opacity 1s ease-in-out;
-  }
-}

package/_metronic/layout/layout.component.ts

@@ -1,400 +0,0 @@
-import {
-  Component,
-  OnInit,
-  ViewChild,
-  ElementRef,
-  OnDestroy,
-} from '@angular/core';
-import { ActivatedRoute, NavigationEnd, Router } from '@angular/router';
-import { Subscription } from 'rxjs';
-import { LayoutService } from './core/layout.service';
-import { LayoutInitService } from './core/layout-init.service';
-import { ILayout, LayoutType } from './core/configs/config';
-
-@Component({
-  selector: 'app-layout',
-  templateUrl: './layout.component.html',
-  styleUrls: ['./layout.component.scss'],
-})
-export class LayoutComponent implements OnInit, OnDestroy {
-  private unsubscribe: Subscription[] = [];
-
-  // Public variables
-  // page
-  pageContainerCSSClasses: string;
-  // header
-  appHeaderDefaultClass: string = '';
-  appHeaderDisplay: boolean;
-  appHeaderDefaultStickyEnabled: boolean;
-  appHeaderDefaultStickyAttributes: { [attrName: string]: string } = {};
-  appHeaderDefaultMinimizeEnabled: boolean;
-  appHeaderDefaultMinimizeAttributes: { [attrName: string]: string } = {};
-  // toolbar
-  appToolbarDisplay: boolean;
-  appToolbarLayout: 'classic' | 'accounting' | 'extended' | 'reports' | 'saas';
-  appToolbarCSSClass: string = '';
-  appToolbarSwapEnabled: boolean;
-  appToolbarSwapAttributes: { [attrName: string]: string } = {};
-  appToolbarStickyEnabled: boolean;
-  appToolbarStickyAttributes: { [attrName: string]: string } = {};
-  appToolbarMinimizeEnabled: boolean;
-  appToolbarMinimizeAttributes: { [attrName: string]: string } = {};
-
-  // content
-  appContentContiner?: 'fixed' | 'fluid';
-  appContentContainerClass: string;
-  contentCSSClasses: string;
-  contentContainerCSSClass: string;
-  // sidebar
-  appSidebarDefaultClass: string;
-  appSidebarDefaultDrawerEnabled: boolean;
-  appSidebarDefaultDrawerAttributes: { [attrName: string]: string } = {};
-  appSidebarDisplay: boolean;
-  appSidebarDefaultStickyEnabled: boolean;
-  appSidebarDefaultStickyAttributes: { [attrName: string]: string } = {};
-  @ViewChild('ktSidebar', { static: true }) ktSidebar: ElementRef;
-  /// sidebar panel
-  appSidebarPanelDisplay: boolean;
-  // footer
-  appFooterDisplay: boolean;
-  appFooterCSSClass: string = '';
-  appFooterContainer: string = '';
-  appFooterContainerCSSClass: string = '';
-  appFooterFixedDesktop: boolean;
-  appFooterFixedMobile: boolean;
-
-  // scrolltop
-  scrolltopDisplay: boolean;
-
-  @ViewChild('ktAside', { static: true }) ktAside: ElementRef;
-  @ViewChild('ktHeaderMobile', { static: true }) ktHeaderMobile: ElementRef;
-  @ViewChild('ktHeader', { static: true }) ktHeader: ElementRef;
-
-  constructor(
-    private initService: LayoutInitService,
-    private layout: LayoutService,
-    private router: Router,
-    private activatedRoute: ActivatedRoute
-  ) {
-    // define layout type and load layout
-    this.router.events.subscribe((event) => {
-      if (event instanceof NavigationEnd) {
-        const currentLayoutType = this.layout.currentLayoutTypeSubject.value;
-
-        const nextLayoutType: LayoutType =
-          this.activatedRoute?.firstChild?.snapshot.data.layout ||
-          this.layout.getBaseLayoutTypeFromLocalStorage();
-
-        if (currentLayoutType !== nextLayoutType || !currentLayoutType) {
-          this.layout.currentLayoutTypeSubject.next(nextLayoutType);
-          this.initService.reInitProps(nextLayoutType);
-        }
-      }
-    });
-  }
-
-  ngOnInit() {
-    const subscr = this.layout.layoutConfigSubject
-      .asObservable()
-      .subscribe((config) => {
-        this.updateProps(config);
-      });
-    this.unsubscribe.push(subscr);
-  }
-
-  updateProps(config: ILayout) {
-    this.scrolltopDisplay = this.layout.getProp(
-      'scrolltop.display',
-      config
-    ) as boolean;
-    this.pageContainerCSSClasses =
-      this.layout.getStringCSSClasses('pageContainer');
-    this.appHeaderDefaultClass = this.layout.getProp(
-      'app.header.default.class',
-      config
-    ) as string;
-    this.appHeaderDisplay = this.layout.getProp(
-      'app.header.display',
-      config
-    ) as boolean;
-    this.appFooterDisplay = this.layout.getProp(
-      'app.footer.display',
-      config
-    ) as boolean;
-    this.appSidebarDisplay = this.layout.getProp(
-      'app.sidebar.display',
-      config
-    ) as boolean;
-    this.appSidebarPanelDisplay = this.layout.getProp(
-      'app.sidebar-panel.display',
-      config
-    ) as boolean;
-    this.appToolbarDisplay = this.layout.getProp(
-      'app.toolbar.display',
-      config
-    ) as boolean;
-    this.contentCSSClasses = this.layout.getStringCSSClasses('content');
-    this.contentContainerCSSClass =
-      this.layout.getStringCSSClasses('contentContainer');
-    this.appContentContiner = this.layout.getProp(
-      'app.content.container',
-      config
-    ) as 'fixed' | 'fluid';
-    this.appContentContainerClass = this.layout.getProp(
-      'app.content.containerClass',
-      config
-    ) as string;
-    // footer
-    if (this.appFooterDisplay) {
-      this.updateFooter(config);
-    }
-    // sidebar
-    if (this.appSidebarDisplay) {
-      this.updateSidebar(config);
-    }
-    // header
-    if (this.appHeaderDisplay) {
-      this.updateHeader(config);
-    }
-    // toolbar
-    if (this.appToolbarDisplay) {
-      this.updateToolbar(config);
-    }
-  }
-
-  updateSidebar(config: ILayout) {
-    this.appSidebarDefaultClass = this.layout.getProp(
-      'app.sidebar.default.class',
-      config
-    ) as string;
-
-    this.appSidebarDefaultDrawerEnabled = this.layout.getProp(
-      'app.sidebar.default.drawer.enabled',
-      config
-    ) as boolean;
-    if (this.appSidebarDefaultDrawerEnabled) {
-      this.appSidebarDefaultDrawerAttributes = this.layout.getProp(
-        'app.sidebar.default.drawer.attributes',
-        config
-      ) as { [attrName: string]: string };
-    }
-
-    this.appSidebarDefaultStickyEnabled = this.layout.getProp(
-      'app.sidebar.default.sticky.enabled',
-      config
-    ) as boolean;
-    if (this.appSidebarDefaultStickyEnabled) {
-      this.appSidebarDefaultStickyAttributes = this.layout.getProp(
-        'app.sidebar.default.sticky.attributes',
-        config
-      ) as { [attrName: string]: string };
-    }
-
-    setTimeout(() => {
-      const sidebarElement = document.getElementById('kt_app_sidebar');
-      // sidebar
-      if (this.appSidebarDisplay && sidebarElement) {
-        const sidebarAttributes = sidebarElement
-          .getAttributeNames()
-          .filter((t) => t.indexOf('data-') > -1);
-        sidebarAttributes.forEach((attr) =>
-          sidebarElement.removeAttribute(attr)
-        );
-
-        if (this.appSidebarDefaultDrawerEnabled) {
-          for (const key in this.appSidebarDefaultDrawerAttributes) {
-            if (this.appSidebarDefaultDrawerAttributes.hasOwnProperty(key)) {
-              sidebarElement.setAttribute(
-                key,
-                this.appSidebarDefaultDrawerAttributes[key]
-              );
-            }
-          }
-        }
-
-        if (this.appSidebarDefaultStickyEnabled) {
-          for (const key in this.appSidebarDefaultStickyAttributes) {
-            if (this.appSidebarDefaultStickyAttributes.hasOwnProperty(key)) {
-              sidebarElement.setAttribute(
-                key,
-                this.appSidebarDefaultStickyAttributes[key]
-              );
-            }
-          }
-        }
-      }
-    }, 0);
-  }
-
-  updateHeader(config: ILayout) {
-    this.appHeaderDefaultStickyEnabled = this.layout.getProp(
-      'app.header.default.sticky.enabled',
-      config
-    ) as boolean;
-    if (this.appHeaderDefaultStickyEnabled) {
-      this.appHeaderDefaultStickyAttributes = this.layout.getProp(
-        'app.header.default.sticky.attributes',
-        config
-      ) as { [attrName: string]: string };
-    }
-
-    this.appHeaderDefaultMinimizeEnabled = this.layout.getProp(
-      'app.header.default.minimize.enabled',
-      config
-    ) as boolean;
-    if (this.appHeaderDefaultMinimizeEnabled) {
-      this.appHeaderDefaultMinimizeAttributes = this.layout.getProp(
-        'app.header.default.minimize.attributes',
-        config
-      ) as { [attrName: string]: string };
-    }
-
-    setTimeout(() => {
-      const headerElement = document.getElementById('kt_app_header');
-      // header
-      if (this.appHeaderDisplay && headerElement) {
-        const headerAttributes = headerElement
-          .getAttributeNames()
-          .filter((t) => t.indexOf('data-') > -1);
-        headerAttributes.forEach((attr) => headerElement.removeAttribute(attr));
-
-        if (this.appHeaderDefaultStickyEnabled) {
-          for (const key in this.appHeaderDefaultStickyAttributes) {
-            if (this.appHeaderDefaultStickyAttributes.hasOwnProperty(key)) {
-              headerElement.setAttribute(
-                key,
-                this.appHeaderDefaultStickyAttributes[key]
-              );
-            }
-          }
-        }
-
-        if (this.appHeaderDefaultMinimizeEnabled) {
-          for (const key in this.appHeaderDefaultMinimizeAttributes) {
-            if (this.appHeaderDefaultMinimizeAttributes.hasOwnProperty(key)) {
-              headerElement.setAttribute(
-                key,
-                this.appHeaderDefaultMinimizeAttributes[key]
-              );
-            }
-          }
-        }
-      }
-    }, 0);
-  }
-
-  updateFooter(config: ILayout) {
-    this.appFooterCSSClass = this.layout.getProp('app.footer.class', config) as string;
-    this.appFooterContainer = this.layout.getProp('app.footer.container', config) as string;
-    this.appFooterContainerCSSClass = this.layout.getProp('app.footer.containerClass', config) as string;
-    if (this.appFooterContainer === 'fixed') {
-      this.appFooterContainerCSSClass += ' container-xxl';
-    } else {
-      if (this.appFooterContainer === 'fluid') {
-        this.appFooterContainerCSSClass += ' container-fluid';
-      }
-    }
-
-    this.appFooterFixedDesktop = this.layout.getProp('app.footer.fixed.desktop', config) as boolean;
-    if (this.appFooterFixedDesktop) {
-      document.body.setAttribute('data-kt-app-footer-fixed', 'true')
-    }
-
-    this.appFooterFixedMobile = this.layout.getProp('app.footer.fixed.mobile') as boolean;
-    if (this.appFooterFixedMobile) {
-      document.body.setAttribute('data-kt-app-footer-fixed-mobile', 'true')
-    }
-  }
-
-  updateToolbar(config: ILayout) {
-    this.appToolbarLayout = this.layout.getProp(
-      'app.toolbar.layout',
-      config
-    ) as 'classic' | 'accounting' | 'extended' | 'reports' | 'saas';
-    this.appToolbarSwapEnabled = this.layout.getProp(
-      'app.toolbar.swap.enabled',
-      config
-    ) as boolean;
-    if (this.appToolbarSwapEnabled) {
-      this.appToolbarSwapAttributes = this.layout.getProp(
-        'app.toolbar.swap.attributes',
-        config
-      ) as { [attrName: string]: string };
-    }
-
-    this.appToolbarStickyEnabled = this.layout.getProp(
-      'app.toolbar.sticky.enabled',
-      config
-    ) as boolean;
-    if (this.appToolbarStickyEnabled) {
-      this.appToolbarStickyAttributes = this.layout.getProp(
-        'app.toolbar.sticky.attributes',
-        config
-      ) as { [attrName: string]: string };
-    }
-
-    this.appToolbarCSSClass =
-      (this.layout.getProp('app.toolbar.class', config) as string) || '';
-    this.appToolbarMinimizeEnabled = this.layout.getProp(
-      'app.toolbar.minimize.enabled',
-      config
-    ) as boolean;
-    if (this.appToolbarMinimizeEnabled) {
-      this.appToolbarMinimizeAttributes = this.layout.getProp(
-        'app.toolbar.minimize.attributes',
-        config
-      ) as { [attrName: string]: string };
-      this.appToolbarCSSClass += ' app-toolbar-minimize';
-    }
-
-    setTimeout(() => {
-      const toolbarElement = document.getElementById('kt_app_toolbar');
-      // toolbar
-      if (this.appToolbarDisplay && toolbarElement) {
-        const toolbarAttributes = toolbarElement
-          .getAttributeNames()
-          .filter((t) => t.indexOf('data-') > -1);
-        toolbarAttributes.forEach((attr) =>
-          toolbarElement.removeAttribute(attr)
-        );
-
-        if (this.appToolbarSwapEnabled) {
-          for (const key in this.appToolbarSwapAttributes) {
-            if (this.appToolbarSwapAttributes.hasOwnProperty(key)) {
-              toolbarElement.setAttribute(
-                key,
-                this.appToolbarSwapAttributes[key]
-              );
-            }
-          }
-        }
-
-        if (this.appToolbarStickyEnabled) {
-          for (const key in this.appToolbarStickyAttributes) {
-            if (this.appToolbarStickyAttributes.hasOwnProperty(key)) {
-              toolbarElement.setAttribute(
-                key,
-                this.appToolbarStickyAttributes[key]
-              );
-            }
-          }
-        }
-
-        if (this.appToolbarMinimizeEnabled) {
-          for (const key in this.appToolbarMinimizeAttributes) {
-            if (this.appToolbarMinimizeAttributes.hasOwnProperty(key)) {
-              toolbarElement.setAttribute(
-                key,
-                this.appToolbarMinimizeAttributes[key]
-              );
-            }
-          }
-        }
-      }
-    }, 0);
-  }
-
-  ngOnDestroy() {
-    this.unsubscribe.forEach((sb) => sb.unsubscribe());
-  }
-}

package/_metronic/layout/layout.module.ts

@@ -1,93 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { InlineSVGModule } from 'ng-inline-svg-2';
-import { RouterModule, Routes } from '@angular/router';
-import {
-  NgbDropdownModule,
-  NgbProgressbarModule,
-  NgbTooltipModule,
-} from '@ng-bootstrap/ng-bootstrap';
-import { TranslateModule } from '@ngx-translate/core';
-import { TranslationModule } from '../../modules/i18n';
-import { LayoutComponent } from './layout.component';
-import { ExtrasModule } from '../partials/layout/extras/extras.module';
-import { Routing } from '../../pages/routing';
-import { HeaderComponent } from './components/header/header.component';
-import { ContentComponent } from './components/content/content.component';
-import { FooterComponent } from './components/footer/footer.component';
-import { ScriptsInitComponent } from './components/scripts-init/scripts-init.component';
-import { ToolbarComponent } from './components/toolbar/toolbar.component';
-import { TopbarComponent } from './components/topbar/topbar.component';
-import { PageTitleComponent } from './components/header/page-title/page-title.component';
-import { HeaderMenuComponent } from './components/header/header-menu/header-menu.component';
-import {
-  DrawersModule,
-  DropdownMenusModule,
-  ModalsModule,
-  EngagesModule,
-} from '../partials';
-import { EngagesComponent } from '../partials/layout/engages/engages.component';
-import { ThemeModeModule } from '../partials/layout/theme-mode-switcher/theme-mode.module';
-import { SidebarComponent } from './components/sidebar/sidebar.component';
-import { SidebarLogoComponent } from './components/sidebar/sidebar-logo/sidebar-logo.component';
-import { SidebarMenuComponent } from './components/sidebar/sidebar-menu/sidebar-menu.component';
-import { SidebarFooterComponent } from './components/sidebar/sidebar-footer/sidebar-footer.component';
-import { NavbarComponent } from './components/header/navbar/navbar.component';
-import { AccountingComponent } from './components/toolbar/accounting/accounting.component';
-import { ClassicComponent } from './components/toolbar/classic/classic.component';
-import { ExtendedComponent } from './components/toolbar/extended/extended.component';
-import { ReportsComponent } from './components/toolbar/reports/reports.component';
-import { SaasComponent } from './components/toolbar/saas/saas.component';
-import {SharedModule} from "../shared/shared.module";
-
-const routes: Routes = [
-  {
-    path: '',
-    component: LayoutComponent,
-    children: Routing,
-  },
-];
-
-@NgModule({
-  declarations: [
-    LayoutComponent,
-    HeaderComponent,
-    ContentComponent,
-    FooterComponent,
-    ScriptsInitComponent,
-    ToolbarComponent,
-    TopbarComponent,
-    PageTitleComponent,
-    HeaderMenuComponent,
-    EngagesComponent,
-    SidebarComponent,
-    SidebarLogoComponent,
-    SidebarMenuComponent,
-    SidebarFooterComponent,
-    NavbarComponent,
-    AccountingComponent,
-    ClassicComponent,
-    ExtendedComponent,
-    ReportsComponent,
-    SaasComponent,
-  ],
-  imports: [
-    CommonModule,
-    RouterModule.forChild(routes),
-    TranslationModule,
-    InlineSVGModule,
-    NgbDropdownModule,
-    NgbProgressbarModule,
-    ExtrasModule,
-    ModalsModule,
-    DrawersModule,
-    EngagesModule,
-    DropdownMenusModule,
-    NgbTooltipModule,
-    TranslateModule,
-    ThemeModeModule,
-    SharedModule
-  ],
-  exports: [RouterModule],
-})
-export class LayoutModule {}

package/_metronic/partials/content/cards/card1/card1.component.html

@@ -1,80 +0,0 @@
-<div class="card-body d-flex flex-center flex-column p-9">
-  <div class="mb-5">
-    <div class="symbol symbol-75px symbol-circle">
-      <ng-container *ngIf="color">
-        <span
-          class="symbol-label fs-5 fw-bolder"
-          [ngClass]="'bg-light-' + color + ' text-' + color"
-        >
-          {{ name.charAt(0) }}
-        </span>
-      </ng-container>
-      <ng-container *ngIf="!color && avatar">
-        <img alt="Pic" [src]="avatar" />
-      </ng-container>
-
-      <ng-container *ngIf="online">
-        <div
-          class="
-            symbol-badge
-            bg-success
-            start-100
-            top-100
-            border-4
-            h-15px
-            w-15px
-            ms-n3
-            mt-n3
-          "
-        ></div>
-      </ng-container>
-    </div>
-  </div>
-
-  <a
-    class="fs-4 text-gray-800 text-hover-primary fw-bolder mb-0 cursor-pointer"
-  >
-    {{ name }}
-  </a>
-
-  <div class="fw-bold text-gray-500 mb-6">{{ job }}</div>
-
-  <div class="d-flex flex-center flex-wrap mb-5">
-    <div
-      class="
-        border border-gray-300 border-dashed
-        rounded
-        min-w-125px
-        py-3
-        px-4
-        mx-3
-        mb-3
-      "
-    >
-      <div class="fs-6 fw-bolder text-gray-700">{{ avgEarnings }}</div>
-      <div class="fw-bold text-gray-500">Avg. Earnings</div>
-    </div>
-
-    <div
-      class="
-        border border-gray-300 border-dashed
-        rounded
-        min-w-125px
-        py-3
-        mx-3
-        px-4
-        mb-3
-      "
-    >
-      <div class="fs-6 fw-bolder text-gray-700">{{ totalEarnings }}</div>
-      <div class="fw-bold text-gray-500">Total Sales</div>
-    </div>
-  </div>
-
-  <button
-    class="btn btn-sm btn-light-primary fw-bolder"
-    id="kt_drawer_chat_toggle"
-  >
-    Send Message
-  </button>
-</div>

package/_metronic/partials/content/cards/card1/card1.component.ts

@@ -1,19 +0,0 @@
-import { Component, HostBinding, Input, OnInit } from '@angular/core';
-
-@Component({
-  selector: 'app-card1',
-  templateUrl: './card1.component.html',
-})
-export class Card1Component implements OnInit {
-  @HostBinding('class') class = 'card';
-  @Input() color: string = '';
-  @Input() avatar: string = '';
-  @Input() online: boolean = false;
-  @Input() name: string = '';
-  @Input() job: string = '';
-  @Input() avgEarnings: string = '';
-  @Input() totalEarnings: string = '';
-  constructor() {}
-
-  ngOnInit(): void {}
-}