@hitsoft/e-donusum 1.0.5

package/_metronic/partials/content/widgets/_new/engage/engage-widget10/engage-widget10.component.html

@@ -0,0 +1,47 @@
+<!--begin::Engage widget 10-->
+<div class="card card-flush" [ngClass]="cssClass">
+  <!--begin::Body-->
+  <div
+    class="card-body d-flex flex-column justify-content-between mt-9 bgi-no-repeat bgi-size-cover bgi-position-x-center pb-0"
+    [ngStyle]="{'background-position': '100% 50%', 'background-image': 'url(./assets/media/stock/900x600/42.png)'}">
+    <!--begin::Wrapper-->
+    <div class="mb-10">
+      <!--begin::Title-->
+      <div class="fs-2hx fw-bold text-gray-800 text-center mb-13">
+        <span class="me-2">
+          Try our all new Enviroment with
+          <br />
+          <span class="position-relative d-inline-block text-danger">
+            <a routerLink="/crafted/pages/profile/overview" class="text-danger
+              opacity-75-hover">Pro Plan</a>
+
+            <!--begin::Separator-->
+            <span
+              class="position-absolute opacity-15 bottom-0 start-0 border-4 border-danger border-bottom w-100"></span>
+            <!--end::Separator-->
+          </span>
+        </span>
+        for Free
+      </div>
+      <!--end::Title-->
+
+      <!--begin::Action-->
+      <div class="text-center">
+        <a href="#" class="btn btn-sm btn-dark fw-bold" data-bs-toggle="modal" data-bs-target="#kt_modal_upgrade_plan">
+            Upgrade Now
+        </a> 
+      </div>
+      <!--begin::Action-->
+    </div>
+    <!--begin::Wrapper-->
+
+    <!--begin::Illustration-->
+    <img class="mx-auto h-150px h-lg-200px  theme-light-show" src="./assets/media/illustrations/misc/upgrade.svg"
+      alt="" />
+    <img class="mx-auto h-150px h-lg-200px  theme-dark-show" src="./assets/media/illustrations/misc/upgrade-dark.svg"
+      alt="" />
+    <!--end::Illustration-->
+  </div>
+  <!--end::Body-->
+</div>
+<!--end::Engage widget 10-->

package/_metronic/partials/content/widgets/_new/engage/engage-widget10/engage-widget10.component.spec.ts

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

package/_metronic/partials/content/widgets/_new/engage/engage-widget10/engage-widget10.component.ts

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

package/_metronic/partials/content/widgets/_new/lists/lists-widget26/lists-widget26.component.html

@@ -0,0 +1,46 @@
+<div class="card card-flush h-lg-50">
+  <!--begin::Header-->
+  <div class="card-header pt-5">
+    <!--begin::Title-->
+    <h3 class="card-title text-gray-800 fw-bold">External Links</h3>
+    <!--end::Title-->
+
+    <!--begin::Toolbar-->
+    <div class="card-toolbar">
+      <!--begin::Menu-->
+      <button class="btn btn-icon btn-color-gray-500 btn-active-color-primary justify-content-end"
+        data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end" data-kt-menu-overflow="true">
+        <app-keenicon name="dots-square" class="fs-1 text-gray300 me-n1"></app-keenicon>
+      </button>
+      <app-dropdown-menu2></app-dropdown-menu2>
+      <!--end::Menu-->
+    </div>
+    <!--end::Toolbar-->
+  </div>
+  <!--end::Header-->
+
+  <!--begin::Body-->
+  <div class="card-body pt-5">
+    <ng-container *ngFor="let row of rows; let i = index">
+      <!--begin::Item-->
+      <div class="d-flex flex-stack">
+        <!--begin::Section-->
+        <a href="#" class="text-primary fw-semibold fs-6 me-2">{{row.description}}</a>
+        <!--end::Section-->
+        <!--begin::Action-->
+        <button type="button" class="btn btn-icon btn-sm h-auto btn-color-gray-500 btn-active-color-primary justify-content-end">
+          <app-keenicon name="exit-right-corner" class="fs-2"></app-keenicon>
+        </button>
+        <!--end::Action-->
+      </div>
+      <!--end::Item-->
+
+      <ng-container *ngIf="i < (rows.length - 1)">
+        <!--begin::Separator-->
+        <div class="separator separator-dashed my-3"></div>
+        <!--end::Separator-->
+      </ng-container>
+    </ng-container>
+  </div>
+  <!--end::Body-->
+</div>

package/_metronic/partials/content/widgets/_new/lists/lists-widget26/lists-widget26.component.spec.ts

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

package/_metronic/partials/content/widgets/_new/lists/lists-widget26/lists-widget26.component.ts

@@ -0,0 +1,20 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-lists-widget26',
+  templateUrl: './lists-widget26.component.html',
+  styleUrls: ['./lists-widget26.component.scss'],
+})
+export class ListsWidget26Component implements OnInit {
+  rows: Array<{ description: string }>;
+
+  constructor() {}
+
+  ngOnInit(): void {
+    this.rows = [
+      { description: 'Avg. Client Rating' },
+      { description: 'Instagram Followers' },
+      { description: 'Google Ads CPC' },
+    ];
+  }
+}

package/_metronic/partials/content/widgets/_new/tables/tables-widget16/tables-widget16.component.html

@@ -0,0 +1 @@
+<p>tables-widget16 works!</p>

package/_metronic/partials/content/widgets/_new/tables/tables-widget16/tables-widget16.component.spec.ts

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

package/_metronic/partials/content/widgets/_new/tables/tables-widget16/tables-widget16.component.ts

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

package/_metronic/partials/content/widgets/advance-tables/advance-tables-widget1/advance-tables-widget1.component.html

@@ -0,0 +1,400 @@
+<div class="card card-custom" [ngClass]="cssClass">
+  <!-- Header -->
+  <div class="card-header border-0 py-5">
+    <h3 class="card-title align-items-start flex-column">
+      <span class="card-label font-weight-bolder text-gray-900">Agents Stats</span>
+      <span class="text-muted mt-3 font-weight-bold font-size-sm"
+        >More than 400+ new members</span
+      >
+    </h3>
+    <div class="card-toolbar">
+      <a class="btn btn-success font-weight-bolder font-size-sm cursor-pointer">
+        <app-keenicon name="plus" class="fs-md- text-white"></app-keenicon>
+        Add New Member
+      </a>
+    </div>
+  </div>
+  <!--begin::Body-->
+  <div class="card-body py-0">
+    <!--begin::Table-->
+    <div class="table-responsive">
+      <table
+        class="table table-head-custom table-vertical-center"
+        id="kt_advance_table_widget_1"
+      >
+        <thead>
+          <tr class="text-left">
+            <th class="pl-0" style="width: 20px">
+              <label class="checkbox checkbox-lg checkbox-inline">
+                <input type="checkbox" value="1" />
+                <span></span>
+              </label>
+            </th>
+            <th class="pr-0" style="width: 50px">authors</th>
+            <th style="min-width: 200px"></th>
+            <th style="min-width: 150px">company</th>
+            <th style="min-width: 150px">progress</th>
+            <th class="pr-0 text-right" style="min-width: 150px">action</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td class="pl-0">
+              <label class="checkbox checkbox-lg checkbox-inline">
+                <input type="checkbox" value="1" />
+                <span></span>
+              </label>
+            </td>
+            <td class="pr-0">
+              <div class="symbol symbol-50 symbol-light mt-1">
+                <span class="symbol-label">
+                  <span
+                    [inlineSVG]="'./assets/media/svg/avatars/001-boy.svg'"
+                    class="svg-icon h-75 align-self-end"
+                  ></span>
+                </span>
+              </div>
+            </td>
+            <td class="pl-0">
+              <a
+                class="
+                  text-gray-900-75
+                  font-weight-bolder
+                  text-hover-primary
+                  mb-1
+                  font-size-lg
+                  cursor-pointer
+                "
+                >Brad Simmons</a
+              >
+              <span class="text-muted font-weight-bold text-muted d-block"
+                >HTML, JS, ReactJS</span
+              >
+            </td>
+            <td>
+              <span
+                class="text-gray-900-75 font-weight-bolder d-block font-size-lg"
+              >
+                Intertico
+              </span>
+              <span class="text-muted font-weight-bold">
+                Web, UI/UX Design
+              </span>
+            </td>
+            <td>
+              <div class="d-flex flex-column w-100 mr-2">
+                <div
+                  class="d-flex align-items-center justify-content-between mb-2"
+                >
+                  <span class="text-muted mr-2 font-size-sm font-weight-bold">
+                    65%
+                  </span>
+                  <span class="text-muted font-size-sm font-weight-bold">
+                    Progress
+                  </span>
+                </div>
+                <div class="progress progress-xs w-100">
+                  <div
+                    class="progress-bar bg-danger"
+                    role="progressbar"
+                    style="width: 65%"
+                    aria-valuenow="50"
+                    aria-valuemin="0"
+                    aria-valuemax="100"
+                  ></div>
+                </div>
+              </div>
+            </td>
+            <td class="pr-0 text-right">
+              <a
+                class="
+                  btn btn-icon btn-light btn-hover-primary btn-sm
+                  cursor-pointer
+                "
+              >
+                <app-keenicon name="setting-2" class="fs-md text-primary"></app-keenicon>
+              </a>
+              <a
+                class="
+                  btn btn-icon btn-light btn-hover-primary btn-sm
+                  mx-3
+                  cursor-pointer
+                "
+              >
+                <app-keenicon name="pencil" class="fs-md text-primary"></app-keenicon>
+              </a>
+              <a
+                class="
+                  btn btn-icon btn-light btn-hover-primary btn-sm
+                  cursor-pointer
+                "
+              >
+                <app-keenicon name="trash" class=" svg-icon-md text-primary"></app-keenicon>
+              </a>
+            </td>
+          </tr>
+          <tr>
+            <td class="pl-0">
+              <label class="checkbox checkbox-lg checkbox-inline">
+                <input type="checkbox" value="1" />
+                <span></span>
+              </label>
+            </td>
+            <td class="pr-0">
+              <div class="symbol symbol-50 symbol-light mt-1">
+                <span class="symbol-label">
+                  <span
+                    [inlineSVG]="'./assets/media/svg/avatars/018-girl-9.svg'"
+                    class="svg-icon h-75 align-self-end"
+                  ></span>
+                </span>
+              </div>
+            </td>
+            <td class="pl-0">
+              <a
+                href="#"
+                class="
+                  text-gray-900-75
+                  font-weight-bolder
+                  text-hover-primary
+                  mb-1
+                  font-size-lg
+                "
+                >Jessie Clarcson</a
+              >
+              <span class="text-muted font-weight-bold text-muted d-block"
+                >C#, ASP.NET, MS SQL</span
+              >
+            </td>
+            <td>
+              <span
+                class="text-gray-900-75 font-weight-bolder d-block font-size-lg"
+              >
+                Agoda
+              </span>
+              <span class="text-muted font-weight-bold"> Houses & Hotels </span>
+            </td>
+            <td>
+              <div class="d-flex flex-column w-100 mr-2">
+                <div
+                  class="d-flex align-items-center justify-content-between mb-2"
+                >
+                  <span class="text-muted mr-2 font-size-sm font-weight-bold">
+                    83%
+                  </span>
+                  <span class="text-muted font-size-sm font-weight-bold">
+                    Progress
+                  </span>
+                </div>
+                <div class="progress progress-xs w-100">
+                  <div
+                    class="progress-bar bg-success"
+                    role="progressbar"
+                    style="width: 83%"
+                    aria-valuenow="50"
+                    aria-valuemin="0"
+                    aria-valuemax="100"
+                  ></div>
+                </div>
+              </div>
+            </td>
+            <td class="pr-0 text-right">
+              <a
+                href="#"
+                class="btn btn-icon btn-light btn-hover-primary btn-sm"
+              >
+                <app-keenicon name="switch" class="fs-md text-primary"></app-keenicon>
+              </a>
+              <a
+                href="#"
+                class="btn btn-icon btn-light btn-hover-primary btn-sm mx-3"
+              >
+                <app-keenicon name="pencil" class="fs-md text-primary"></app-keenicon>
+              </a>
+              <a
+                href="#"
+                class="btn btn-icon btn-light btn-hover-primary btn-sm"
+              >
+                <app-keenicon name="trash" class=" svg-icon-md text-primary"></app-keenicon>
+              </a>
+            </td>
+          </tr>
+          <tr>
+            <td class="pl-0">
+              <label class="checkbox checkbox-lg checkbox-inline">
+                <input type="checkbox" value="1" />
+                <span></span>
+              </label>
+            </td>
+            <td class="pr-0">
+              <div class="symbol symbol-50 symbol-lightv mt-1">
+                <span class="symbol-label">
+                  <span
+                    [inlineSVG]="'./assets/media/svg/avatars/047-girl-25.svg'"
+                    class="svg-icon h-75 align-self-end"
+                  ></span>
+                </span>
+              </div>
+            </td>
+            <td class="pl-0">
+              <a
+                href="#"
+                class="
+                  text-gray-900-75
+                  font-weight-bolder
+                  text-hover-primary
+                  mb-1
+                  font-size-lg
+                "
+                >Lebron Wayde</a
+              >
+              <span class="text-muted font-weight-bold text-muted d-block"
+                >PHP, Laravel, VueJS</span
+              >
+            </td>
+            <td>
+              <span
+                class="text-gray-900-75 font-weight-bolder d-block font-size-lg"
+              >
+                RoadGee
+              </span>
+              <span class="text-muted font-weight-bold"> Transportation </span>
+            </td>
+            <td>
+              <div class="d-flex flex-column w-100 mr-2">
+                <div
+                  class="d-flex align-items-center justify-content-between mb-2"
+                >
+                  <span class="text-muted mr-2 font-size-sm font-weight-bold">
+                    47%
+                  </span>
+                  <span class="text-muted font-size-sm font-weight-bold">
+                    Progress
+                  </span>
+                </div>
+                <div class="progress progress-xs w-100">
+                  <div
+                    class="progress-bar bg-primary"
+                    role="progressbar"
+                    style="width: 83%"
+                    aria-valuenow="50"
+                    aria-valuemin="0"
+                    aria-valuemax="100"
+                  ></div>
+                </div>
+              </div>
+            </td>
+            <td class="pr-0 text-right">
+              <a
+                href="#"
+                class="btn btn-icon btn-light btn-hover-primary btn-sm"
+              >
+                <app-keenicon name="switch" class="fs-md text-primary"></app-keenicon>
+              </a>
+              <a
+                href="#"
+                class="btn btn-icon btn-light btn-hover-primary btn-sm mx-3"
+              >
+                <app-keenicon name="pencil" class="fs-md text-primary"></app-keenicon>
+              </a>
+              <a
+                href="#"
+                class="btn btn-icon btn-light btn-hover-primary btn-sm"
+              >
+                <app-keenicon name="trash" class=" svg-icon-md text-primary"></app-keenicon>
+              </a>
+            </td>
+          </tr>
+          <tr>
+            <td class="pl-0">
+              <label class="checkbox checkbox-lg checkbox-inline">
+                <input type="checkbox" value="1" />
+                <span></span>
+              </label>
+            </td>
+            <td class="pr-0">
+              <div class="symbol symbol-50 symbol-light mt-1">
+                <span class="symbol-label">
+                  <span
+                    [inlineSVG]="'./assets/media/svg/avatars/014-girl-7.svg'"
+                    class="svg-icon h-75 align-self-end"
+                  ></span>
+                </span>
+              </div>
+            </td>
+            <td class="pl-0">
+              <a
+                href="#"
+                class="
+                  text-gray-900-75
+                  font-weight-bolder
+                  text-hover-primary
+                  mb-1
+                  font-size-lg
+                "
+                >Natali Trump</a
+              >
+              <span class="text-muted font-weight-bold text-muted d-block"
+                >Python, PostgreSQL, ReactJS</span
+              >
+            </td>
+            <td>
+              <span
+                class="text-gray-900-75 font-weight-bolder d-block font-size-lg"
+              >
+                The Hill
+              </span>
+              <span class="text-muted font-weight-bold"> Insurance </span>
+            </td>
+            <td>
+              <div class="d-flex flex-column w-100 mr-2">
+                <div
+                  class="d-flex align-items-center justify-content-between mb-2"
+                >
+                  <span class="text-muted mr-2 font-size-sm font-weight-bold">
+                    71%
+                  </span>
+                  <span class="text-muted font-size-sm font-weight-bold">
+                    Progress
+                  </span>
+                </div>
+                <div class="progress progress-xs w-100">
+                  <div
+                    class="progress-bar bg-danger"
+                    role="progressbar"
+                    style="width: 71%"
+                    aria-valuenow="50"
+                    aria-valuemin="0"
+                    aria-valuemax="100"
+                  ></div>
+                </div>
+              </div>
+            </td>
+            <td class="pr-0 text-right">
+              <a
+                href="#"
+                class="btn btn-icon btn-light btn-hover-primary btn-sm"
+              >
+                <app-keenicon name="switch" class="fs-md text-primary"></app-keenicon>
+              </a>
+              <a
+                href="#"
+                class="btn btn-icon btn-light btn-hover-primary btn-sm mx-3"
+              >
+                <app-keenicon name="pencil" class="fs-md text-primary"></app-keenicon>
+              </a>
+              <a
+                href="#"
+                class="btn btn-icon btn-light btn-hover-primary btn-sm"
+              >
+                <app-keenicon name="trash" class=" svg-icon-md text-primary"></app-keenicon>
+              </a>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+    <!--end::Table-->
+  </div>
+  <!--end::Body-->
+</div>

package/_metronic/partials/content/widgets/advance-tables/advance-tables-widget1/advance-tables-widget1.component.ts

@@ -0,0 +1,10 @@
+import { Component, Input } from '@angular/core';
+
+@Component({
+  selector: 'app-advance-tables-widget1',
+  templateUrl: './advance-tables-widget1.component.html',
+})
+export class AdvanceTablesWidget1Component {
+  @Input() cssClass: '';
+  constructor() {}
+}