@hitsoft/e-donusum 1.0.5

package/_metronic/partials/content/chat-inner/dataExample.ts

@@ -0,0 +1,209 @@
+interface MessageModel {
+  user: number;
+  type: 'in' | 'out';
+  text: string;
+  time: string;
+  template?: boolean;
+}
+
+const defaultMessages: Array<MessageModel> = [
+  {
+    user: 4,
+    type: 'in',
+    text: 'How likely are you to recommend our company to your friends and family ?',
+    time: '2 mins',
+  },
+  {
+    user: 2,
+    type: 'out',
+    text: 'Hey there, we’re just writing to let you know that you’ve been subscribed to a repository on GitHub.',
+    time: '5 mins',
+  },
+  {
+    user: 4,
+    type: 'in',
+    text: 'Ok, Understood!',
+    time: '1 Hour',
+  },
+  {
+    user: 2,
+    type: 'out',
+    text: 'You’ll receive notifications for all issues, pull requests!',
+    time: '2 Hours',
+  },
+  {
+    user: 4,
+    type: 'in',
+    text: 'You can unwatch this repository immediately by clicking here: <a href="https://keenthemes.com">Keenthemes.com</a>',
+    time: '3 Hours',
+  },
+  {
+    user: 2,
+    type: 'out',
+    text: 'Most purchased Business courses during this sale!',
+    time: '4 Hours',
+  },
+  {
+    user: 4,
+    type: 'in',
+    text: 'Company BBQ to celebrate the last quater achievements and goals. Food and drinks provided',
+    time: '5 Hours',
+  },
+  {
+    template: true,
+    user: 2,
+    type: 'out',
+    text: '',
+    time: 'Just now',
+  },
+  {
+    template: true,
+    user: 4,
+    type: 'in',
+    text: 'Right before vacation season we have the next Big Deal for you.',
+    time: 'Just now',
+  },
+];
+
+interface UserInfoModel {
+  initials?: {
+    label: string;
+    state: 'warning' | 'danger' | 'primary' | 'success' | 'info';
+  };
+  name: string;
+  avatar?: string;
+  email: string;
+  position: string;
+  online: boolean;
+}
+
+const defaultUserInfos: Array<UserInfoModel> = [
+  {
+    name: 'Emma Smith',
+    avatar: 'avatars/300-6.jpg',
+    email: 'e.smith@kpmg.com.au',
+    position: 'Art Director',
+    online: false,
+  },
+  {
+    name: 'Melody Macy',
+    initials: { label: 'M', state: 'danger' },
+    email: 'melody@altbox.com',
+    position: 'Marketing Analytic',
+    online: true,
+  },
+  {
+    name: 'Max Smith',
+    avatar: 'avatars/300-1.jpg',
+    email: 'max@kt.com',
+    position: 'Software Enginer',
+    online: false,
+  },
+  {
+    name: 'Sean Bean',
+    avatar: 'avatars/300-5.jpg',
+    email: 'sean@dellito.com',
+    position: 'Web Developer',
+    online: false,
+  },
+  {
+    name: 'Brian Cox',
+    avatar: 'avatars/300-25.jpg',
+    email: 'brian@exchange.com',
+    position: 'UI/UX Designer',
+    online: false,
+  },
+  {
+    name: 'Mikaela Collins',
+    initials: { label: 'M', state: 'warning' },
+    email: 'mikaela@pexcom.com',
+    position: 'Head Of Marketing',
+    online: true,
+  },
+  {
+    name: 'Francis Mitcham',
+    avatar: 'avatars/300-9.jpg',
+    email: 'f.mitcham@kpmg.com.au',
+    position: 'Software Arcitect',
+    online: false,
+  },
+
+  {
+    name: 'Olivia Wild',
+    initials: { label: 'O', state: 'danger' },
+    email: 'olivia@corpmail.com',
+    position: 'System Admin',
+    online: true,
+  },
+  {
+    name: 'Neil Owen',
+    initials: { label: 'N', state: 'primary' },
+    email: 'owen.neil@gmail.com',
+    position: 'Account Manager',
+    online: true,
+  },
+  {
+    name: 'Dan Wilson',
+    avatar: 'avatars/300-23.jpg',
+    email: 'dam@consilting.com',
+    position: 'Web Desinger',
+    online: false,
+  },
+  {
+    name: 'Emma Bold',
+    initials: { label: 'E', state: 'danger' },
+    email: 'emma@intenso.com',
+    position: 'Corporate Finance',
+    online: true,
+  },
+  {
+    name: 'Ana Crown',
+    avatar: 'avatars/300-12.jpg',
+    email: 'ana.cf@limtel.com',
+    position: 'Customer Relationship',
+    online: false,
+  },
+  {
+    name: 'Robert Doe',
+    initials: { label: 'A', state: 'info' },
+    email: 'robert@benko.com',
+    position: 'Marketing Executive',
+    online: true,
+  },
+  {
+    name: 'John Miller',
+    avatar: 'avatars/300-13.jpg',
+    email: 'miller@mapple.com',
+    position: 'Project Manager',
+    online: false,
+  },
+  {
+    name: 'Lucy Kunic',
+    initials: { label: 'L', state: 'success' },
+    email: 'lucy.m@fentech.com',
+    position: 'SEO Master',
+    online: true,
+  },
+  {
+    name: 'Ethan Wilder',
+    avatar: 'avatars/300-21.jpg',
+    email: 'ethan@loop.com.au',
+    position: 'Accountant',
+    online: true,
+  },
+];
+
+const messageFromClient: MessageModel = {
+  user: 4,
+  type: 'in',
+  text: 'Thank you for your awesome support!',
+  time: 'Just now',
+};
+
+export {
+  MessageModel,
+  defaultMessages,
+  UserInfoModel,
+  defaultUserInfos,
+  messageFromClient,
+};

package/_metronic/partials/content/dropdown-menus/dropdown-menu1/dropdown-menu1.component.html

@@ -0,0 +1,88 @@
+<div class="px-7 py-5">
+  <div class="fs-5 text-gray-900 fw-bolder">Filter Options</div>
+</div>
+
+<div class="separator border-gray-200"></div>
+
+<div class="px-7 py-5">
+  <div class="mb-10">
+    <label class="form-label fw-bold">Status:</label>
+
+    <div>
+      <select
+        class="form-select form-select-solid"
+        data-kt-select2="true"
+        data-placeholder="Select option"
+        data-allow-clear="true"
+      >
+        <option></option>
+        <option selected value="1">Approved</option>
+        <option value="2">Pending</option>
+        <option value="3">In Process</option>
+        <option value="4">Rejected</option>
+      </select>
+    </div>
+  </div>
+
+  <div class="mb-10">
+    <label class="form-label fw-bold">Member Type:</label>
+
+    <div class="d-flex">
+      <label
+        class="form-check form-check-sm form-check-custom form-check-solid me-5"
+      >
+        <input class="form-check-input" type="checkbox" value="1" />
+        <span class="form-check-label">Author</span>
+      </label>
+
+      <label
+        class="form-check form-check-sm form-check-custom form-check-solid"
+      >
+        <input
+          class="form-check-input"
+          type="checkbox"
+          value="2"
+          defaultChecked="{true}"
+        />
+        <span class="form-check-label">Customer</span>
+      </label>
+    </div>
+  </div>
+
+  <div class="mb-10">
+    <label class="form-label fw-bold">Notifications:</label>
+
+    <div
+      class="
+        form-check form-switch form-switch-sm form-check-custom form-check-solid
+      "
+    >
+      <input
+        class="form-check-input"
+        type="checkbox"
+        value=""
+        name="notifications"
+        defaultChecked="{true}"
+      />
+      <label class="form-check-label">Enabled</label>
+    </div>
+  </div>
+
+  <div class="d-flex justify-content-end">
+    <button
+      type="reset"
+      class="btn btn-sm btn-light btn-active-light-primary me-2"
+      data-kt-menu-dismiss="true"
+    >
+      Reset
+    </button>
+
+    <button
+      type="submit"
+      class="btn btn-sm btn-primary"
+      data-kt-menu-dismiss="true"
+    >
+      Apply
+    </button>
+  </div>
+</div>

package/_metronic/partials/content/dropdown-menus/dropdown-menu1/dropdown-menu1.component.ts

@@ -0,0 +1,15 @@
+import { Component, HostBinding, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-dropdown-menu1',
+  templateUrl: './dropdown-menu1.component.html',
+})
+export class DropdownMenu1Component implements OnInit {
+  @HostBinding('class') class =
+    'menu menu-sub menu-sub-dropdown w-250px w-md-300px';
+  @HostBinding('attr.data-kt-menu') dataKtMenu = 'true';
+
+  constructor() {}
+
+  ngOnInit(): void {}
+}

package/_metronic/partials/content/dropdown-menus/dropdown-menu2/dropdown-menu2.component.html

@@ -0,0 +1,53 @@
+<div class="menu-item px-3">
+  <div class="menu-content fs-6 text-gray-900 fw-bolder px-3 py-4">
+    Quick Actions
+  </div>
+</div>
+
+<div class="separator mb-3 opacity-75"></div>
+
+<div class="menu-item px-3">
+  <a class="menu-link px-3 cursor-pointer"> New Ticket </a>
+</div>
+
+<div class="menu-item px-3">
+  <a class="menu-link px-3 cursor-pointer"> New Customer </a>
+</div>
+
+<div
+  class="menu-item px-3"
+  data-kt-menu-trigger="hover"
+  data-kt-menu-placement="right-start"
+  data-kt-menu-flip="left-start, top"
+>
+  <a class="menu-link px-3 cursor-pointer">
+    <span class="menu-title">New Group</span>
+    <span class="menu-arrow"></span>
+  </a>
+
+  <div class="menu-sub menu-sub-dropdown w-175px py-4">
+    <div class="menu-item px-3">
+      <a class="menu-link px-3 cursor-pointer"> Admin Group </a>
+    </div>
+
+    <div class="menu-item px-3">
+      <a class="menu-link px-3 cursor-pointer"> Staff Group </a>
+    </div>
+
+    <div class="menu-item px-3">
+      <a class="menu-link px-3 cursor-pointer"> Member Group </a>
+    </div>
+  </div>
+</div>
+
+<div class="menu-item px-3">
+  <a class="menu-link px-3 cursor-pointer"> New Contact </a>
+</div>
+
+<div class="separator mt-3 opacity-75"></div>
+
+<div class="menu-item px-3">
+  <div class="menu-content px-3 py-3">
+    <a class="btn btn-primary btn-sm px-4 cursor-pointer"> Generate Reports </a>
+  </div>
+</div>

package/_metronic/partials/content/dropdown-menus/dropdown-menu2/dropdown-menu2.component.ts

@@ -0,0 +1,15 @@
+import { Component, HostBinding, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-dropdown-menu2',
+  templateUrl: './dropdown-menu2.component.html',
+})
+export class DropdownMenu2Component implements OnInit {
+  @HostBinding('class') class =
+    'menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-bold w-200px';
+  @HostBinding('attr.data-kt-menu') dataKtMenu = 'true';
+
+  constructor() {}
+
+  ngOnInit(): void {}
+}

package/_metronic/partials/content/dropdown-menus/dropdown-menu3/dropdown-menu3.component.html

@@ -0,0 +1,74 @@
+<div class="menu-item px-3">
+  <div class="menu-content text-muted pb-2 px-3 fs-7 text-uppercase">
+    Payments
+  </div>
+</div>
+
+<div class="menu-item px-3">
+  <a class="menu-link px-3 cursor-pointer"> Create Invoice </a>
+</div>
+
+<div class="menu-item px-3">
+  <a class="menu-link flex-stack px-3 cursor-pointer">
+    Create Payment
+    <i
+      class="fas fa-exclamation-circle ms-2 fs-7"
+      data-bs-toggle="tooltip"
+      title="Specify a target name for future usage and reference"
+    ></i>
+  </a>
+</div>
+
+<div class="menu-item px-3">
+  <a class="menu-link px-3 cursor-pointer"> Generate Bill </a>
+</div>
+
+<div
+  class="menu-item px-3"
+  data-kt-menu-trigger="hover"
+  data-kt-menu-placement="left-start"
+  data-kt-menu-flip="center, top"
+>
+  <a class="menu-link px-3 cursor-pointer">
+    <span class="menu-title">Subscription</span>
+    <span class="menu-arrow"></span>
+  </a>
+
+  <div class="menu-sub menu-sub-dropdown w-175px py-4">
+    <div class="menu-item px-3">
+      <a class="menu-link px-3 cursor-pointer"> Plans </a>
+    </div>
+
+    <div class="menu-item px-3">
+      <a class="menu-link px-3 cursor-pointer"> Billing </a>
+    </div>
+
+    <div class="menu-item px-3">
+      <a class="menu-link px-3 cursor-pointer"> Statements </a>
+    </div>
+
+    <div class="separator my-2"></div>
+
+    <div class="menu-item px-3">
+      <div class="menu-content px-3">
+        <label
+          class="form-check form-switch form-check-custom form-check-solid"
+        >
+          <input
+            class="form-check-input w-30px h-20px"
+            type="checkbox"
+            value="1"
+            checked
+            name="notifications"
+          />
+
+          <span class="form-check-label text-muted fs-6">Recuring</span>
+        </label>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="menu-item px-3 my-1">
+  <a class="menu-link px-3 cursor-pointer"> Settings </a>
+</div>

package/_metronic/partials/content/dropdown-menus/dropdown-menu3/dropdown-menu3.component.ts

@@ -0,0 +1,15 @@
+import { Component, HostBinding, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-dropdown-menu3',
+  templateUrl: './dropdown-menu3.component.html',
+})
+export class DropdownMenu3Component implements OnInit {
+  @HostBinding('class') class =
+    'menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary fw-bold w-200px py-3';
+  @HostBinding('attr.data-kt-menu') dataKtMenu = 'true';
+
+  constructor() {}
+
+  ngOnInit(): void {}
+}

package/_metronic/partials/content/dropdown-menus/dropdown-menus.module.ts

@@ -0,0 +1,20 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { DropdownMenu1Component } from './dropdown-menu1/dropdown-menu1.component';
+import { DropdownMenu2Component } from './dropdown-menu2/dropdown-menu2.component';
+import { DropdownMenu3Component } from './dropdown-menu3/dropdown-menu3.component';
+
+@NgModule({
+  declarations: [
+    DropdownMenu1Component,
+    DropdownMenu2Component,
+    DropdownMenu3Component,
+  ],
+  imports: [CommonModule],
+  exports: [
+    DropdownMenu1Component,
+    DropdownMenu2Component,
+    DropdownMenu3Component,
+  ],
+})
+export class DropdownMenusModule {}

package/_metronic/partials/content/widgets/_new/cards/cards-widget17/cards-widget17.component.html

@@ -0,0 +1,100 @@
+<!--begin::Card widget 17-->
+<div class="card card-flush" [ngClass]="cssClass">
+  <!--begin::Header-->
+  <div class="card-header pt-5">
+    <!--begin::Title-->
+    <div class="card-title d-flex flex-column">
+      <!--begin::Info-->
+      <div class="d-flex align-items-center">
+        <!--begin::Currency-->
+        <span class="fs-4 fw-semibold text-gray-500 me-1 align-self-start">$</span>
+        <!--end::Currency-->
+
+        <!--begin::Amount-->
+        <span class="fs-2hx fw-bold text-gray-900 me-2 lh-1 ls-n2">69,700</span>
+        <!--end::Amount-->
+
+        <!--begin::Badge-->
+        <span class="badge badge-light-success fs-base">
+          <app-keenicon name="arrow-up" class="fs-5 text-success ms-n1"></app-keenicon>
+          2.2%
+        </span>
+        <!--end::Badge-->
+      </div>
+      <!--end::Info-->
+
+      <!--begin::Subtitle-->
+      <span class="text-gray-500 pt-1 fw-semibold fs-6">Projects Earnings in April</span>
+      <!--end::Subtitle-->
+    </div>
+    <!--end::Title-->
+  </div>
+  <!--end::Header-->
+
+  <!--begin::Card body-->
+  <div class="card-body pt-2 pb-4 d-flex flex-wrap align-items-center">
+    <!--begin::Chart-->
+    <div class="d-flex flex-center me-5 pt-2">
+      <div id="kt_card_widget_17_chart"
+        [ngStyle]="{'min-width': chartSize + 'px', 'min-height': chartSize + 'px'}"
+        [attr.data-kt-size]="chartSize"
+        [attr.data-kt-line]="chartLine">
+      </div>
+    </div>
+    <!--end::Chart-->
+
+    <!--begin::Labels-->
+    <div class="d-flex flex-column content-justify-center flex-row-fluid">
+      <!--begin::Label-->
+      <div class="d-flex fw-semibold align-items-center">
+        <!--begin::Bullet-->
+        <div class="bullet w-8px h-3px rounded-2 bg-success me-3"></div>
+        <!--end::Bullet-->
+
+        <!--begin::Label-->
+        <div class="text-gray-500 flex-grow-1 me-4">Leaf CRM</div>
+        <!--end::Label-->
+
+        <!--begin::Stats-->
+        <div class="fw-bolder text-gray-700 text-xxl-end">$7,660</div>
+        <!--end::Stats-->
+      </div>
+      <!--end::Label-->
+
+      <!--begin::Label-->
+      <div class="d-flex fw-semibold align-items-center my-3">
+        <!--begin::Bullet-->
+        <div class="bullet w-8px h-3px rounded-2 bg-primary me-3"></div>
+        <!--end::Bullet-->
+
+        <!--begin::Label-->
+        <div class="text-gray-500 flex-grow-1 me-4">Mivy App</div>
+        <!--end::Label-->
+
+        <!--begin::Stats-->
+        <div class="fw-bolder text-gray-700 text-xxl-end">$2,820</div>
+        <!--end::Stats-->
+      </div>
+      <!--end::Label-->
+
+      <!--begin::Label-->
+      <div class="d-flex fw-semibold align-items-center">
+        <!--begin::Bullet-->
+        <div class="bullet w-8px h-3px rounded-2 me-3" style="background-color: #E4E6EF"></div>
+        <!--end::Bullet-->
+
+        <!--begin::Label-->
+        <div class="text-gray-500 flex-grow-1 me-4">Others</div>
+        <!--end::Label-->
+
+        <!--begin::Stats-->
+        <div class=" fw-bolder text-gray-700 text-xxl-end">$45,257</div>
+        <!--end::Stats-->
+      </div>
+      <!--end::Label-->
+    </div>
+    <!--end::Labels-->
+  </div>
+  <!--end::Card body-->
+</div>
+<!--end::Card widget 17-->

package/_metronic/partials/content/widgets/_new/cards/cards-widget17/cards-widget17.component.spec.ts

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