@hitsoft/e-donusum 1.0.8 → 1.0.9

package/_metronic/partials/layout/drawers/messenger-drawer/messenger-drawer.component.html

@@ -0,0 +1,59 @@
+<div
+  id="kt_drawer_chat"
+  class="bg-body"
+  data-kt-drawer="true"
+  data-kt-drawer-name="chat"
+  data-kt-drawer-activate="true"
+  data-kt-drawer-overlay="true"
+  data-kt-drawer-width="{default:'300px', 'md': '500px'}"
+  data-kt-drawer-direction="end"
+  data-kt-drawer-toggle="#kt_drawer_chat_toggle"
+  data-kt-drawer-close="#kt_drawer_chat_close"
+>
+  <div class="card w-100 rounded-0" id="kt_drawer_chat_messenger">
+    <div class="card-header pe-5" id="kt_drawer_chat_messenger_header">
+      <div class="card-title">
+        <div class="d-flex justify-content-center flex-column me-3">
+          <a
+            class="
+              fs-4
+              fw-bolder
+              text-gray-900 text-hover-primary
+              me-1
+              mb-2
+              lh-1
+              cursor-pointer
+            "
+            >Brian Cox</a
+          >
+          <div class="mb-0 lh-1">
+            <span
+              class="badge badge-success badge-circle w-10px h-10px me-1"
+            ></span
+            ><span class="fs-7 fw-bold text-gray-500">Active</span>
+          </div>
+        </div>
+      </div>
+      <div class="card-toolbar">
+        <div class="me-2">
+          <button
+            class="btn btn-sm btn-icon btn-active-light-primary"
+            data-kt-menu-trigger="click"
+            data-kt-menu-placement="bottom-end"
+            data-kt-menu-flip="top-end"
+          >
+            <i class="bi bi-three-dots fs-3"></i>
+          </button>
+        </div>
+        <div
+          class="btn btn-sm btn-icon btn-active-light-primary"
+          id="kt_drawer_chat_close"
+        >
+          <span class="svg-icon fs-2"></span>
+          <app-keenicon name="cross" class="fs-2"></app-keenicon>
+        </div>
+      </div>
+    </div>
+    <app-chat-inner [isDrawer]="true"></app-chat-inner>
+  </div>
+</div>

package/_metronic/partials/layout/drawers/messenger-drawer/messenger-drawer.component.ts

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

package/_metronic/partials/layout/engages/engages.component.html

@@ -0,0 +1,29 @@
+<app-explore-main-drawer></app-explore-main-drawer>
+<app-help-drawer></app-help-drawer>
+
+<!--begin::Engage toolbar-->
+<div class="engage-toolbar d-flex position-fixed px-5 fw-bolder zindex-2 top-50 end-0 transform-90 mt-20 gap-2">
+
+  <!--begin::Explore drawer toggle-->
+  <button id="kt_engage_demos_toggle" class="engage-demos-toggle btn btn-flex h-35px bg-body btn-color-gray-700 btn-active-color-gray-900 shadow-sm fs-6 px-4 rounded-top-0" title="" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-dismiss="click" data-bs-trigger="hover"
+          data-bs-original-title="Check out 20 more demos">
+    <span id="kt_engage_demos_label">Demos</span>
+  </button>
+  <!--end::Explore drawer toggle-->
+
+  <!--begin::Help drawer toggle-->
+  <button
+    id="kt_help_toggle"
+    class="engage-help-toggle btn btn-flex h-35px bg-body btn-color-gray-700 btn-active-color-gray-900 shadow-sm px-5 rounded-top-0"
+    title="Learn & Get Inspired"
+    data-bs-toggle="tooltip"
+    data-bs-placement="left"
+    data-bs-dismiss="click"
+    data-bs-trigger="hover">
+    Help
+  </button>
+  <!--end::Help drawer toggle-->
+
+  <app-purchase-toolbar></app-purchase-toolbar>
+</div>
+<!--end::Engage toolbar-->

package/_metronic/partials/layout/engages/engages.component.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-engages',
+  templateUrl: './engages.component.html',
+  styleUrls: ['./engages.component.scss']
+})
+export class EngagesComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}

package/_metronic/partials/layout/engages/engages.module.ts

@@ -0,0 +1,29 @@
+import {NgModule} from '@angular/core';
+import {CommonModule} from '@angular/common';
+import {RouterModule} from '@angular/router';
+import {InlineSVGModule} from 'ng-inline-svg-2';
+import {PurchaseToolbarComponent} from "./purchase-toolbar/purchase-toolbar.component";
+import {ExploreMainDrawerComponent} from './explore-main-drawer/explore-main-drawer.component';
+import {HelpDrawerComponent} from "./help-drawer/help-drawer.component";
+import {SharedModule} from "../../../shared/shared.module";
+
+@NgModule({
+  declarations: [
+    ExploreMainDrawerComponent,
+    HelpDrawerComponent,
+    PurchaseToolbarComponent,
+  ],
+  imports: [
+    CommonModule,
+    InlineSVGModule,
+    RouterModule,
+    SharedModule
+  ],
+  exports: [
+    ExploreMainDrawerComponent,
+    HelpDrawerComponent,
+    PurchaseToolbarComponent
+  ],
+})
+export class EngagesModule {
+}

package/_metronic/partials/layout/engages/explore-main-drawer/explore-main-drawer.component.html

@@ -0,0 +1,177 @@
+<!--begin::Exolore drawer-->
+<div
+  id="kt_engage_demos"
+  class="bg-body"
+  data-kt-drawer="true"
+  data-kt-drawer-name="explore"
+  data-kt-drawer-activate="true"
+  data-kt-drawer-overlay="true"
+  data-kt-drawer-width="{default:'350px', 'lg': '475px'}"
+  data-kt-drawer-direction="end"
+  data-kt-drawer-toggle="#kt_engage_demos_toggle"
+  data-kt-drawer-close="#kt_engage_demos_close">
+
+  <!--begin::Card-->
+  <div class="card shadow-none rounded-0 w-100">
+    <!--begin::Header-->
+    <div class="card-header" id="kt_explore_header">
+      <h3 class="card-title fw-bolder text-gray-700">Explore</h3>
+
+      <div class="card-toolbar">
+        <button type="button" class="btn btn-sm btn-icon btn-active-light-primary me-n5" id="kt_engage_demos_close">
+          <app-keenicon name="cross" class="fs-2"></app-keenicon>
+        </button>
+      </div>
+    </div>
+    <!--end::Header-->
+
+    <!--begin::Body-->
+    <div class="card-body" id="kt_explore_body">
+      <!--begin::Content-->
+      <div
+        id="kt_explore_scroll"
+        class="scroll-y me-n5 pe-5"
+        data-kt-scroll="true"
+        data-kt-scroll-height="auto"
+        data-kt-scroll-wrappers="#kt_explore_body"
+        data-kt-scroll-dependencies="#kt_explore_header"
+        data-kt-scroll-offset="5px">
+
+        <!--begin::Wrapper-->
+        <div class="mb-0">
+          <!--begin::Header-->
+          <div class="mb-7">
+            <div class="d-flex flex-stack">
+              <h3 class="mb-0">Metronic Licenses</h3>
+
+              <a href="https://themeforest.net/licenses/standard" class="fw-bold" target="_blank">
+                License FAQs
+              </a>
+            </div>
+          </div>
+          <!--end::Header-->
+
+          <!--begin::License-->
+          <div class="rounded border border-dashed border-gray-300 py-4 px-6 mb-5">
+            <div class="d-flex flex-stack">
+              <div class="d-flex flex-column">
+                <div class="d-flex align-items-center mb-1">
+                  <div class="fs-6 fw-bold text-gray-800 fw-bold mb-0 me-1">Regular License</div>
+
+                  <i class="text-gray-500 fas fa-exclamation-circle ms-1 fs-7"
+                     data-bs-toggle="popover"
+                     data-bs-custom-class="popover-dark"
+                     data-bs-trigger="hover"
+                     data-bs-placement="top"
+                     data-bs-content="Use, by you or one client in a single end product which end users are not charged for.">
+                  </i>
+                </div>
+                <div class="fs-7 text-muted">For single end product used by you or one client</div>
+              </div>
+
+              <div class="text-nowrap">
+                <span class="text-muted fs-7 fw-bold me-n1">$</span>
+                <span class="text-gray-900 fs-1 fw-bolder">39</span>
+              </div>
+            </div>
+          </div>
+          <!--end::License-->
+
+          <!--begin::License-->
+          <div class="rounded border border-dashed border-gray-300 py-4 px-6 mb-5">
+            <div class="d-flex flex-stack">
+              <div class="d-flex flex-column">
+                <div class="d-flex align-items-center mb-1">
+                  <div class="fs-6 fw-bold text-gray-800 fw-bold mb-0 me-1">Extended License</div>
+
+                  <i class="text-gray-500 fas fa-exclamation-circle ms-1 fs-7"
+                     data-bs-toggle="popover"
+                     data-bs-custom-class="popover-dark"
+                     data-bs-trigger="hover"
+                     data-bs-placement="top"
+                     data-bs-content="Use, by you or one client, in a single end product which end users can be charged for.">
+                  </i>
+                </div>
+                <div class="fs-7 text-muted">For single end product with paying users.</div>
+              </div>
+
+              <div class="text-nowrap">
+                <span class="text-muted fs-7 fw-bold me-n1">$</span>
+                <span class="text-gray-900 fs-1 fw-bolder">939</span>
+              </div>
+            </div>
+          </div>
+          <!--end::License-->
+
+          <!--begin::License-->
+          <div class="rounded border border-dashed border-gray-300 py-4 px-6 mb-5">
+            <div class="d-flex flex-stack">
+              <div class="d-flex flex-column">
+                <div class="d-flex align-items-center mb-1">
+                  <div class="fs-6 fw-bold text-gray-800 fw-bold mb-0 me-1">Custom License</div>
+                </div>
+                <div class="fs-7 text-muted">Reach us for custom license offers.</div>
+              </div>
+
+              <div class="text-nowrap">
+                <a href="https://keenthemes.com/contact/" class="btn btn-sm btn-success" target="_blank">Contact Us</a>
+              </div>
+            </div>
+          </div>
+          <!--end::License-->
+
+          <!--begin::Purchase-->
+          <a href="{{ appPurchaseUrl }}" class="btn btn-primary mb-15 w-100">
+            Buy Now
+          </a>
+          <!--end::Purchase-->
+
+          <!--begin::Demos-->
+          <div class="mb-0">
+            <h3 class="fw-bolder text-center mb-6">{{ appThemeName }} Demos</h3>
+
+            <!--begin::Row-->
+            <div class="row g-5">
+              <!--begin::Col-->
+              <div class="col-6" *ngFor="let demo of appDemos | keyvalue">
+                <!--begin::Demo-->
+                <div class="overlay overflow-hidden position-relative border border-4 border-gray-200 rounded">
+                  <ng-container *ngIf="demo.value.published === true; else unpublished">
+                    <div class="overlay-wrapper">
+                      <img src="{{ demo.value.thumbnail }}" alt="demo" class="w-100"/>
+                    </div>
+
+                    <div class="overlay-layer bg-dark bg-opacity-10">
+                      <a href="https://preview.keenthemes.com/metronic8/angular/{{ demo.key }}" class="btn btn-sm btn-success shadow">{{ demo.value.title }}</a>
+                    </div>
+                  </ng-container>
+
+                  <ng-template #unpublished>
+                    <div class="overlay-wrapper">
+                      <img src="{{ demo.value.thumbnail }}" alt="demo" class="w-100 opacity-25"/>
+                    </div>
+
+                    <div class="overlay-layer bg-dark bg-opacity-10">
+                      <div class="badge badge-white px-6 py-4 fw-bold fs-base shadow">Coming soon</div>
+                    </div>
+                  </ng-template>
+
+                </div>
+                <!--end::Demo-->
+              </div>
+              <!--end::Col-->
+            </div>
+            <!--end::Row-->
+          </div>
+          <!--end::Demos-->
+        </div>
+        <!--end::Wrapper-->
+      </div>
+      <!--end::Content-->
+    </div>
+    <!--end::Body-->
+  </div>
+  <!--end::Card-->
+</div>
+<!--end::Exolore drawer-->
+

package/_metronic/partials/layout/engages/explore-main-drawer/explore-main-drawer.component.ts

@@ -0,0 +1,19 @@
+import {Component, OnInit} from '@angular/core';
+import { environment } from 'src/environments/environment';
+
+@Component({
+  selector: 'app-explore-main-drawer',
+  templateUrl: './explore-main-drawer.component.html',
+})
+export class ExploreMainDrawerComponent implements OnInit {
+  appThemeName: string = environment.appThemeName;
+  appPurchaseUrl: string = environment.appPurchaseUrl;
+  appPreviewUrl: string = environment.appPreviewUrl;
+  appDemos = environment.appDemos;
+
+  constructor() {
+  }
+
+  ngOnInit(): void {
+  }
+}

package/_metronic/partials/layout/engages/help-drawer/help-drawer.component.html

@@ -0,0 +1,156 @@
+<!--begin::Exolore drawer-->
+<div
+  id="kt_help"
+  class="bg-body"
+  data-kt-drawer="true"
+  data-kt-drawer-name="help"
+  data-kt-drawer-activate="true"
+  data-kt-drawer-overlay="true"
+  data-kt-drawer-width="{default:'350px', 'md': '525px'}"
+  data-kt-drawer-direction="end"
+  data-kt-drawer-toggle="#kt_help_toggle"
+  data-kt-drawer-close="#kt_help_close">
+
+  <!--begin::Card-->
+  <div class="card shadow-none rounded-0 w-100">
+    <!--begin::Header-->
+    <div class="card-header" id="kt_help_header">
+      <h5 class="card-title fw-bold text-gray-600">
+        Learn & Get Inspired
+      </h5>
+
+      <div class="card-toolbar">
+        <button type="button" class="btn btn-sm btn-icon explore-btn-dismiss me-n5" id="kt_help_close">
+          <app-keenicon name="cross" class="fs-2"></app-keenicon>
+        </button>
+      </div>
+    </div>
+    <!--end::Header-->
+
+    <!--begin::Body-->
+    <div class="card-body" id="kt_help_body">
+      <!--begin::Content-->
+      <div
+        id="kt_help_scroll"
+        class="hover-scroll-overlay-y"
+        data-kt-scroll="true"
+        data-kt-scroll-height="auto"
+        data-kt-scroll-wrappers="#kt_help_body"
+        data-kt-scroll-dependencies="#kt_help_header"
+        data-kt-scroll-offset="5px">
+
+        <!--begin::Support-->
+        <div class="rounded border border-dashed border-gray-300 p-6 p-lg-8 mb-10">
+          <!--begin::Heading-->
+          <h2 class="fw-bolder mb-5">Support at <a href="https://devs.keenthemes.com" class="">devs.keenthemes.com</a></h2>
+          <!--end::Heading-->
+
+          <!--begin::Description-->
+          <div class="fs-5 fw-bold mb-5">
+            <span class="text-gray-500">Join our developers community to find answer to your question and help others.</span>
+            <a class="explore-link d-none" href="https://keenthemes.com/licensing">FAQs</a>
+          </div>
+          <!--end::Description-->
+
+          <!--begin::Link-->
+          <a href="https://devs.keenthemes.com" class="btn btn-lg explore-btn-primary w-100">Get Support</a>
+          <!--end::Link-->
+        </div>
+        <!--end::Support-->
+
+        <!--begin::Link-->
+        <div class="d-flex align-items-center mb-7">
+          <!--begin::Icon-->
+          <div class="d-flex flex-center w-50px h-50px w-lg-75px h-lg-75px flex-shrink-0 rounded bg-light-warning">
+            <!--begin::Svg Icon | path: icons/duotune/abstract/abstract-26-->
+            <app-keenicon name="abstract-26" class=" text-warning fs-2x fs-lg-3x"></app-keenicon>
+            <!--end::Svg Icon-->
+          </div>
+          <!--end::Icon-->
+          <!--begin::Info-->
+          <div class="d-flex flex-stack flex-grow-1 ms-4 ms-lg-6">
+            <!--begin::Wrapper-->
+            <div class="d-flex flex-column me-2 me-lg-5">
+              <!--begin::Title-->
+              <a href="https://preview.keenthemes.com/metronic8/angular/docs/quick-start" class="text-gray-900 text-hover-primary fw-bolder fs-6 fs-lg-4 mb-1">Documentation</a>
+              <!--end::Title-->
+              <!--begin::Description-->
+              <div class="text-muted fw-bold fs-7 fs-lg-6">From guides and video tutorials, to live demos and code examples to get started.</div>
+              <!--end::Description-->
+            </div>
+            <!--end::Wrapper-->
+            <!--begin::Svg Icon | path: icons/duotune/arrows/arrow-right-->
+            <app-keenicon name="arrow-right" class=" text-gray400 fs-2"></app-keenicon>
+            <!--end::Svg Icon-->
+          </div>
+          <!--end::Info-->
+        </div>
+        <!--end::Link-->
+
+        <!--begin::Link-->
+        <div class="d-flex align-items-center mb-7">
+          <!--begin::Icon-->
+          <div class="d-flex flex-center w-50px h-50px w-lg-75px h-lg-75px flex-shrink-0 rounded bg-light-info">
+            <!--begin::Svg Icon | path: icons/duotune/art/design-frame-->
+            <app-keenicon name="design-frame" class=" text-info fs-2x fs-lg-3x"></app-keenicon>
+            <!--end::Svg Icon-->
+          </div>
+          <!--end::Icon-->
+          <!--begin::Info-->
+          <div class="d-flex flex-stack flex-grow-1 ms-4 ms-lg-6">
+            <!--begin::Wrapper-->
+            <div class="d-flex flex-column me-2 me-lg-5">
+              <!--begin::Title-->
+              <a href="#" routerLink="/builder" class="text-gray-900 text-hover-primary fw-bolder fs-6 fs-lg-4 mb-1">Layout Builder</a>
+              <!--end::Title-->
+              <!--begin::Description-->
+              <div class="text-muted fw-bold fs-7 fs-lg-6">Build your layout, preview it and export the HTML for server side integration.</div>
+              <!--end::Description-->
+            </div>
+            <!--end::Wrapper-->
+            <!--begin::Svg Icon | path: icons/duotune/arrows/arrow-right-->
+            <app-keenicon name="arrow-right" class=" text-gray400 fs-2"></app-keenicon>
+            <!--end::Svg Icon-->
+          </div>
+          <!--end::Info-->
+        </div>
+        <!--end::Link-->
+
+        <!--begin::Link-->
+        <div class="d-flex align-items-center mb-7">
+          <!--begin::Icon-->
+          <div class="d-flex flex-center w-50px h-50px w-lg-75px h-lg-75px flex-shrink-0 rounded bg-light-danger">
+            <!--begin::Svg Icon | path: icons/duotune/electronics/elc009.svg-->
+            <app-keenicon name="elc009.svg" class=" text-danger fs-2x fs-lg-3x"></app-keenicon>
+            <!--end::Svg Icon-->
+          </div>
+          <!--end::Icon-->
+          <!--begin::Info-->
+          <div class="d-flex flex-stack flex-grow-1 ms-4 ms-lg-6">
+            <!--begin::Wrapper-->
+            <div class="d-flex flex-column me-2 me-lg-5">
+              <!--begin::Title-->
+              <a href="https://preview.keenthemes.com/metronic8/angular/docs/changelog" class="text-gray-900 text-hover-primary fw-bolder fs-6 fs-lg-4 mb-1">What's New</a>
+              <!--end::Title-->
+              <!--begin::Description-->
+              <div class="text-muted fw-bold fs-7 fs-lg-6">Latest features and improvements added with our users feedback in mind.</div>
+              <!--end::Description-->
+            </div>
+            <!--end::Wrapper-->
+            <!--begin::Svg Icon | path: icons/duotune/arrows/arrow-right-->
+            <app-keenicon name="arrow-right" class=" text-gray400 fs-2"></app-keenicon>
+            <!--end::Svg Icon-->
+          </div>
+          <!--end::Info-->
+        </div>
+        <!--end::Link-->
+
+      </div>
+      <!--end::Content-->
+    </div>
+    <!--end::Body-->
+  </div>
+  <!--end::Card-->
+</div>
+<!--end::Exolore drawer-->
+

package/_metronic/partials/layout/engages/help-drawer/help-drawer.component.ts

@@ -0,0 +1,17 @@
+import {Component, OnInit} from '@angular/core';
+import {environment} from 'src/environments/environment';
+
+@Component({
+  selector: 'app-help-drawer',
+  templateUrl: './help-drawer.component.html',
+})
+export class HelpDrawerComponent implements OnInit {
+  appThemeName: string = environment.appThemeName;
+  appPurchaseUrl: string = environment.appPurchaseUrl;
+
+  constructor() {
+  }
+
+  ngOnInit(): void {
+  }
+}

package/_metronic/partials/layout/engages/purchase-toolbar/purchase-toolbar.component.html

@@ -0,0 +1,8 @@
+<!--begin::Purchase link-->
+<a
+  href="{{ appPurchaseUrl}}"
+  target="_blank"
+  class="engage-purchase-link btn btn-flex h-35px bg-body btn-color-gray-700 btn-active-color-gray-900 px-5 shadow-sm rounded-top-0" >
+  Buy Now
+</a>
+<!--end::Purchase link-->

package/_metronic/partials/layout/engages/purchase-toolbar/purchase-toolbar.component.ts

@@ -0,0 +1,16 @@
+import {Component, OnInit} from '@angular/core';
+import {environment} from '../../../../../../environments/environment';
+
+@Component({
+  selector: 'app-purchase-toolbar',
+  templateUrl: './purchase-toolbar.component.html',
+})
+export class PurchaseToolbarComponent implements OnInit {
+  appPurchaseUrl: string = environment.appPurchaseUrl;
+
+  constructor() {
+  }
+
+  ngOnInit(): void {
+  }
+}