@hitsoft/e-donusum 1.0.5

package/_metronic/partials/content/widgets/lists/lists-widget7/lists-widget7.component.html

@@ -0,0 +1,130 @@
+<!-- begin::Header -->
+<div class="card-header align-items-center border-0 mt-4">
+  <h3 class="card-title align-items-start flex-column">
+    <span class="fw-bolder text-gray-900">Latest Media</span>
+    <span class="text-muted mt-1 fw-bold fs-7">Articles and publications</span>
+  </h3>
+  <div class="card-toolbar">
+    <!-- begin::Menu -->
+    <button
+      type="button"
+      class="btn btn-sm btn-icon btn-color-primary btn-active-light-primary"
+      data-kt-menu-trigger="click"
+      data-kt-menu-placement="bottom-end"
+      data-kt-menu-flip="top-end"
+    >
+      <app-keenicon name="category" class="fs-2"></app-keenicon>
+    </button>
+    <app-dropdown-menu1></app-dropdown-menu1>
+    <!-- end::Menu -->
+  </div>
+</div>
+<!-- end::Header -->
+<!-- begin::Body -->
+<div class="card-body pt-3">
+  <!-- begin::Item -->
+  <div class="d-flex align-items-sm-center mb-7">
+    <!-- begin::Symbol -->
+    <div class="symbol symbol-60px symbol-2by3 me-4">
+      <div
+        class="symbol-label"
+        [style.background-image]="
+          'url(./assets/media/stock/600x400/img-20.jpg)'
+        "
+      ></div>
+    </div>
+    <!-- end::Symbol -->
+    <!-- begin::Title -->
+    <div class="d-flex flex-row-fluid flex-wrap align-items-center">
+      <div class="flex-grow-1 me-2">
+        <a href="#" class="text-gray-800 fw-bolder text-hover-primary fs-6">
+          Cup &amp; Green
+        </a>
+        <span class="text-muted fw-bold d-block pt-1">Size: 87KB</span>
+      </div>
+      <span class="badge badge-light-success fs-8 fw-bolder my-2"
+        >Approved</span
+      >
+    </div>
+    <!-- end::Title -->
+  </div>
+  <!-- end::Item -->
+  <!-- begin::Item -->
+  <div class="d-flex align-items-sm-center mb-7">
+    <!-- begin::Symbol -->
+    <div class="symbol symbol-60px symbol-2by3 me-4">
+      <div
+        class="symbol-label"
+        [style.background-image]="
+          'url(./assets/media/stock/600x400/img-19.jpg)'
+        "
+      ></div>
+    </div>
+    <!-- end::Symbol -->
+    <!-- begin::Title -->
+    <div class="d-flex flex-row-fluid flex-wrap align-items-center">
+      <div class="flex-grow-1 me-2">
+        <a href="#" class="text-gray-800 fw-bolder text-hover-primary fs-6">
+          Yellow Background
+        </a>
+        <span class="text-muted fw-bold d-block pt-1">Size: 1.2MB</span>
+      </div>
+      <span class="badge badge-light-warning fs-8 fw-bolder my-2"
+        >In Progress</span
+      >
+    </div>
+    <!-- end::Title -->
+  </div>
+  <!-- end::Item -->
+  <!-- begin::Item -->
+  <div class="d-flex align-items-sm-center mb-7">
+    <!-- begin::Symbol -->
+    <div class="symbol symbol-60px symbol-2by3 me-4">
+      <div
+        class="symbol-label"
+        [style.background-image]="
+          'url(./assets/media/stock/600x400/img-25.jpg)'
+        "
+      ></div>
+    </div>
+    <!-- end::Symbol -->
+    <!-- begin::Title -->
+    <div class="d-flex flex-row-fluid flex-wrap align-items-center">
+      <div class="flex-grow-1 me-2">
+        <a href="#" class="text-gray-800 fw-bolder text-hover-primary fs-6">
+          Nike &amp; Blue
+        </a>
+        <span class="text-muted fw-bold d-block pt-1">Size: 87KB</span>
+      </div>
+      <span class="badge badge-light-success fs-8 fw-bolder my-2">Success</span>
+    </div>
+    <!-- end::Title -->
+  </div>
+  <!-- end::Item -->
+  <!-- begin::Item -->
+  <div class="d-flex align-items-sm-center">
+    <!-- begin::Symbol -->
+    <div class="symbol symbol-60px symbol-2by3 me-4">
+      <div
+        class="symbol-label"
+        [style.background-image]="
+          'url(./assets/media/stock/600x400/img-24.jpg)'
+        "
+      ></div>
+    </div>
+    <!-- end::Symbol -->
+    <!-- begin::Title -->
+    <div class="d-flex flex-row-fluid flex-wrap align-items-center">
+      <div class="flex-grow-1 me-2">
+        <a href="#" class="text-gray-800 fw-bolder text-hover-primary fs-6">
+          Red Boots
+        </a>
+        <span class="text-muted fw-bold d-block pt-1">Size: 345KB</span>
+      </div>
+      <span class="badge badge-light-danger fs-8 fw-bolder my-2">Rejected</span>
+    </div>
+    <!-- end::Title -->
+  </div>
+  <!-- end::Item -->
+</div>
+<!-- end::Body -->

package/_metronic/partials/content/widgets/lists/lists-widget7/lists-widget7.component.ts

@@ -0,0 +1,9 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-lists-widget7',
+  templateUrl: './lists-widget7.component.html',
+})
+export class ListsWidget7Component {
+  constructor() {}
+}

package/_metronic/partials/content/widgets/lists/lists-widget8/lists-widget8.component.html

@@ -0,0 +1,182 @@
+<!-- begin::Header -->
+<div class="card-header align-items-center border-0 mt-4">
+  <h3 class="card-title align-items-start flex-column">
+    <span class="fw-bolder text-gray-900">Latest Products</span>
+    <span class="text-muted mt-1 fw-bold fs-7">Gifts and more</span>
+  </h3>
+  <div class="card-toolbar">
+    <!-- begin::Menu -->
+    <button
+      type="button"
+      class="btn btn-sm btn-icon btn-color-primary btn-active-light-primary"
+      data-kt-menu-trigger="click"
+      data-kt-menu-placement="bottom-end"
+      data-kt-menu-flip="top-end"
+    >
+      <app-keenicon name="category" class="fs-2"></app-keenicon>
+    </button>
+    <app-dropdown-menu1></app-dropdown-menu1>
+    <!-- end::Menu -->
+  </div>
+</div>
+<!-- end::Header -->
+<!-- begin::Body -->
+<div class="card-body pt-3">
+  <!-- begin::Item -->
+  <div class="d-flex align-items-sm-center mb-7">
+    <!-- begin::Symbol -->
+    <div class="symbol symbol-60px symbol-2by3 me-4">
+      <div
+        class="symbol-label"
+        [style.background-image]="
+          'url(./assets/media/stock/600x400/img-17.jpg)'
+        "
+      ></div>
+    </div>
+    <!-- end::Symbol -->
+    <!-- begin::Content -->
+    <div
+      class="d-flex flex-row-fluid align-items-center flex-wrap my-lg-0 me-2"
+    >
+      <!-- begin::Title -->
+      <div class="flex-grow-1 my-lg-0 my-2 me-2">
+        <a href="#" class="text-gray-800 fw-bolder text-hover-primary fs-6">
+          Cup &amp; Green
+        </a>
+        <span class="text-muted fw-bold d-block pt-1">Visually stunning</span>
+      </div>
+      <!-- end::Title -->
+      <!-- begin::Section -->
+      <div class="d-flex align-items-center">
+        <div class="me-6">
+          <i class="fa fa-star-half-alt me-1 text-warning fs-5"></i>
+          <span class="text-gray-800 fw-bolder">4.2</span>
+        </div>
+        <a href="#" class="btn btn-icon btn-light btn-sm border-0">
+          <app-keenicon name="arrow-right" class="fs-2 text-primary"></app-keenicon>
+        </a>
+      </div>
+      <!-- end::Section -->
+    </div>
+    <!-- end::Content -->
+  </div>
+  <!-- end::Item -->
+  <!-- begin::Item -->
+  <div class="d-flex align-items-sm-center mb-7">
+    <!-- begin::Symbol -->
+    <div class="symbol symbol-60px symbol-2by3 me-4">
+      <div
+        class="symbol-label"
+        [style.background-image]="
+          'url(./assets/media/stock/600x400/img-10.jpg)'
+        "
+      ></div>
+    </div>
+    <!-- end::Symbol -->
+    <!-- begin::Content -->
+    <div
+      class="d-flex flex-row-fluid align-items-center flex-wrap my-lg-0 me-2"
+    >
+      <!-- begin::Title -->
+      <div class="flex-grow-1 my-lg-0 my-2 me-2">
+        <a href="#" class="text-gray-800 fw-bolder text-hover-primary fs-6">
+          Pink Patterns
+        </a>
+        <span class="text-muted fw-bold d-block pt-1">Feminine all around</span>
+      </div>
+      <!-- end::Title -->
+      <!-- begin::Section -->
+      <div class="d-flex align-items-center">
+        <div class="me-6">
+          <i class="fa fa-star-half-alt me-1 text-warning fs-5"></i>
+          <span class="text-gray-800 fw-bolder">5.0</span>
+        </div>
+        <a href="#" class="btn btn-icon btn-light btn-sm border-0">
+          <app-keenicon name="arrow-right" class="fs-2 text-primary"></app-keenicon>
+        </a>
+      </div>
+      <!-- end::Section -->
+    </div>
+    <!-- end::Content -->
+  </div>
+  <!-- end::Item -->
+  <!-- begin::Item -->
+  <div class="d-flex align-items-sm-center mb-7">
+    <!-- begin::Symbol -->
+    <div class="symbol symbol-60px symbol-2by3 me-4">
+      <div
+        class="symbol-label"
+        [style.background-image]="'url(./assets/media/stock/600x400/img-1.jpg)'"
+      ></div>
+    </div>
+    <!-- end::Symbol -->
+    <!-- begin::Content -->
+    <div
+      class="d-flex flex-row-fluid align-items-center flex-wrap my-lg-0 me-2"
+    >
+      <!-- begin::Title -->
+      <div class="flex-grow-1 my-lg-0 my-2 me-2">
+        <a href="#" class="text-gray-800 fw-bolder text-hover-primary fs-6">
+          Abstract Art
+        </a>
+        <span class="text-muted fw-bold d-block pt-1"
+          >The will to capture readers</span
+        >
+      </div>
+      <!-- end::Title -->
+      <!-- begin::Section -->
+      <div class="d-flex align-items-center">
+        <div class="me-6">
+          <i class="fa fa-star-half-alt me-1 text-warning fs-5"></i>
+          <span class="text-gray-800 fw-bolder">5.7</span>
+        </div>
+        <a href="#" class="btn btn-icon btn-light btn-sm border-0">
+          <app-keenicon name="arrow-right" class="fs-2 text-primary"></app-keenicon>
+        </a>
+      </div>
+      <!-- end::Section -->
+    </div>
+    <!-- end::Content -->
+  </div>
+  <!-- end::Item -->
+  <!-- begin::Item -->
+  <div class="d-flex align-items-sm-center">
+    <!-- begin::Symbol -->
+    <div class="symbol symbol-60px symbol-2by3 me-4">
+      <div
+        class="symbol-label"
+        [style.background-image]="'url(./assets/media/stock/600x400/img-9.jpg)'"
+      ></div>
+    </div>
+    <!-- end::Symbol -->
+    <!-- begin::Content -->
+    <div
+      class="d-flex flex-row-fluid align-items-center flex-wrap my-lg-0 me-2"
+    >
+      <!-- begin::Title -->
+      <div class="flex-grow-1 my-lg-0 my-2 me-2">
+        <a href="#" class="text-gray-800 fw-bolder text-hover-primary fs-6">
+          Desserts platter
+        </a>
+        <span class="text-muted fw-bold d-block pt-1">
+          Food trends &amp; inspirations
+        </span>
+      </div>
+      <!-- end::Title -->
+      <!-- begin::Section -->
+      <div class="d-flex align-items-center">
+        <div class="me-6">
+          <i class="fa fa-star-half-alt me-1 text-warning fs-5"></i>
+          <span class="text-gray-800 fw-bolder">3.7</span>
+        </div>
+        <a href="#" class="btn btn-icon btn-light btn-sm border-0">
+          <app-keenicon name="arrow-right" class="fs-2 text-primary"></app-keenicon>
+        </a>
+      </div>
+      <!-- end::Section -->
+    </div>
+    <!-- end::Content -->
+  </div>
+  <!-- end::Item -->
+</div>
+<!-- end::Body -->

package/_metronic/partials/content/widgets/lists/lists-widget8/lists-widget8.component.ts

@@ -0,0 +1,10 @@
+import { Component, Input } from '@angular/core';
+
+@Component({
+  selector: 'app-lists-widget8',
+  templateUrl: './lists-widget8.component.html',
+})
+export class ListsWidget8Component {
+  @Input() cssClass = '';
+  constructor() {}
+}

package/_metronic/partials/content/widgets/mixed/mixed-widget1/mixed-widget1.component.html

@@ -0,0 +1,169 @@
+<div class="card-body p-0">
+  <!-- begin::Header -->
+  <div class="px-9 pt-7 card-rounded h-275px w-100" [ngClass]="'bg-' + color">
+    <!-- begin::Heading -->
+    <div class="d-flex flex-stack">
+      <h3 class="m-0 text-white fw-bolder fs-3">Sales Summary</h3>
+      <div class="ms-1">
+        <!-- begin::Menu -->
+        <button
+          type="button"
+          class="
+            btn btn-sm btn-icon btn-color-white btn-active-white
+            border-0
+            me-n3
+          "
+          [ngClass]="'btn-active-color-' + color"
+          data-kt-menu-trigger="click"
+          data-kt-menu-placement="bottom-end"
+          data-kt-menu-flip="top-end"
+        >
+          <app-keenicon name="category" class="fs-2"></app-keenicon>
+        </button>
+        <app-dropdown-menu1></app-dropdown-menu1>
+        <!-- end::Menu -->
+      </div>
+    </div>
+    <!-- end::Heading -->
+    <!-- begin::Balance -->
+    <div class="d-flex text-center flex-column text-white pt-8">
+      <span class="fw-bold fs-7">You Balance</span>
+      <span class="fw-bolder fs-2x pt-1">$37,562.00</span>
+    </div>
+    <!-- end::Balance -->
+  </div>
+  <!-- end::Header -->
+  <!-- begin::Items -->
+  <div
+    class="
+      shadow-xs
+      card-rounded
+      mx-9
+      mb-9
+      px-6
+      py-9
+      position-relative
+      z-index-1
+      bg-body
+    "
+    [style.margin-top]="'-100px'"
+  >
+    <!-- begin::Item -->
+    <div class="d-flex align-items-center mb-6">
+      <!-- begin::Symbol -->
+      <div class="symbol symbol-45px w-40px me-5">
+        <span class="symbol-label bg-lighten">
+          <app-keenicon name="document" class="fs-1"></app-keenicon>
+        </span>
+      </div>
+      <!-- end::Symbol -->
+      <!-- begin::Description -->
+      <div class="d-flex align-items-center flex-wrap w-100">
+        <!-- begin::Title -->
+        <div class="mb-1 pe-3 flex-grow-1">
+          <a href="#" class="fs-5 text-gray-800 text-hover-primary fw-bolder">
+            Sales
+          </a>
+          <div class="text-gray-500 fw-bold fs-7">100 Regions</div>
+        </div>
+        <!-- end::Title -->
+        <!-- begin::Label -->
+        <div class="d-flex align-items-center">
+          <div class="fw-bolder fs-5 text-gray-800 pe-1">$2,5b</div>
+          <app-keenicon name="arrow-up" class="fs-5 text-success ms-1"></app-keenicon>
+        </div>
+        <!-- end::Label -->
+      </div>
+      <!-- end::Description -->
+    </div>
+    <!-- end::Item -->
+    <!-- begin::Item -->
+    <div class="d-flex align-items-center mb-6">
+      <!-- begin::Symbol -->
+      <div class="symbol symbol-45px w-40px me-5">
+        <span class="symbol-label bg-lighten">
+          <app-keenicon name="category" class="fs-1"></app-keenicon>
+        </span>
+      </div>
+      <!-- end::Symbol -->
+      <!-- begin::Description -->
+      <div class="d-flex align-items-center flex-wrap w-100">
+        <!-- begin::Title -->
+        <div class="mb-1 pe-3 flex-grow-1">
+          <a href="#" class="fs-5 text-gray-800 text-hover-primary fw-bolder">
+            Revenue
+          </a>
+          <div class="text-gray-500 fw-bold fs-7">Quarter 2/3</div>
+        </div>
+        <!-- end::Title -->
+        <!-- begin::Label -->
+        <div class="d-flex align-items-center">
+          <div class="fw-bolder fs-5 text-gray-800 pe-1">$1,7b</div>
+          <app-keenicon name="category" class="fs-5 text-danger ms-1"></app-keenicon>
+        </div>
+        <!-- end::Label -->
+      </div>
+      <!-- end::Description -->
+    </div>
+    <!-- end::Item -->
+    <!-- begin::Item -->
+    <div class="d-flex align-items-center mb-6">
+      <!-- begin::Symbol -->
+      <div class="symbol symbol-45px w-40px me-5">
+        <span class="symbol-label bg-lighten">
+          <app-keenicon name="elc005.svg" class="fs-1"></app-keenicon>
+        </span>
+      </div>
+      <!-- end::Symbol -->
+      <!-- begin::Description -->
+      <div class="d-flex align-items-center flex-wrap w-100">
+        <!-- begin::Title -->
+        <div class="mb-1 pe-3 flex-grow-1">
+          <a href="#" class="fs-5 text-gray-800 text-hover-primary fw-bolder">
+            Growth
+          </a>
+          <div class="text-gray-500 fw-bold fs-7">80% Rate</div>
+        </div>
+        <!-- end::Title -->
+        <!-- begin::Label -->
+        <div class="d-flex align-items-center">
+          <div class="fw-bolder fs-5 text-gray-800 pe-1">$8,8m</div>
+          <app-keenicon name="arrow-up" class="fs-5 text-success ms-1"></app-keenicon>
+        </div>
+        <!-- end::Label -->
+      </div>
+      <!-- end::Description -->
+    </div>
+    <!-- end::Item -->
+    <!-- begin::Item -->
+    <div class="d-flex align-items-center">
+      <!-- begin::Symbol -->
+      <div class="symbol symbol-45px w-40px me-5">
+        <span class="symbol-label bg-lighten">
+          <app-keenicon name="document" class="fs-1"></app-keenicon>
+        </span>
+      </div>
+      <!-- end::Symbol -->
+      <!-- begin::Description -->
+      <div class="d-flex align-items-center flex-wrap w-100">
+        <!-- begin::Title -->
+        <div class="mb-1 pe-3 flex-grow-1">
+          <a href="#" class="fs-5 text-gray-800 text-hover-primary fw-bolder">
+            Dispute
+          </a>
+          <div class="text-gray-500 fw-bold fs-7">3090 Refunds</div>
+        </div>
+        <!-- end::Title -->
+        <!-- begin::Label -->
+        <div class="d-flex align-items-center">
+          <div class="fw-bolder fs-5 text-gray-800 pe-1">$270m</div>
+          <app-keenicon name="arrow-down" class="fs-5 text-danger ms-1"></app-keenicon>
+        </div>
+        <!-- end::Label -->
+      </div>
+      <!-- end::Description -->
+    </div>
+    <!-- end::Item -->
+  </div>
+  <!-- end::Items -->
+</div>

package/_metronic/partials/content/widgets/mixed/mixed-widget1/mixed-widget1.component.ts

@@ -0,0 +1,10 @@
+import { Component, Input } from '@angular/core';
+
+@Component({
+  selector: 'app-mixed-widget1',
+  templateUrl: './mixed-widget1.component.html',
+})
+export class MixedWidget1Component {
+  @Input() color: string = '';
+  constructor() {}
+}

package/_metronic/partials/content/widgets/mixed/mixed-widget10/mixed-widget10.component.html

@@ -0,0 +1,39 @@
+<div class="card-body d-flex flex-column p-0">
+  <div class="flex-grow-1 card-p pb-0">
+    <div class="d-flex flex-stack flex-wrap">
+      <div class="me-2">
+        <a href="#" class="text-gray-900 text-hover-primary fw-bolder fs-3">
+          Generate Reports
+        </a>
+
+        <div class="text-muted fs-7 fw-bold">
+          Finance and accounting reports
+        </div>
+      </div>
+
+      <div class="fw-bolder fs-3" [ngClass]="'text-' + chartColor">$24,500</div>
+    </div>
+  </div>
+
+  <div
+    #chartRef
+    class="mixed-widget-7-chart card-rounded-bottom"
+    [style.height]="chartHeight"
+  >
+    <apx-chart
+      [series]="chartOptions.series"
+      [chart]="chartOptions.chart"
+      [xaxis]="chartOptions.xaxis"
+      [yaxis]="chartOptions.yaxis"
+      [dataLabels]="chartOptions.dataLabels"
+      [stroke]="chartOptions.stroke"
+      [legend]="chartOptions.legend"
+      [fill]="chartOptions.fill"
+      [states]="chartOptions.states"
+      [tooltip]="chartOptions.tooltip"
+      [colors]="chartOptions.colors"
+      [markers]="chartOptions.markers"
+      [plotOptions]="chartOptions.plotOptions"
+    ></apx-chart>
+  </div>
+</div>

package/_metronic/partials/content/widgets/mixed/mixed-widget10/mixed-widget10.component.ts

@@ -0,0 +1,140 @@
+import { Component, Input, OnInit } from '@angular/core';
+import { getCSSVariableValue } from '../../../../../kt/_utils';
+@Component({
+  selector: 'app-mixed-widget10',
+  templateUrl: './mixed-widget10.component.html',
+})
+export class MixedWidget10Component implements OnInit {
+  @Input() chartColor: string = '';
+  @Input() chartHeight: string;
+  chartOptions: any = {};
+
+  constructor() {}
+
+  ngOnInit(): void {
+    this.chartOptions = getChartOptions(this.chartHeight, this.chartColor);
+  }
+}
+
+function getChartOptions(chartHeight: string, chartColor: string) {
+  const labelColor = getCSSVariableValue('--bs-gray-800');
+  const strokeColor = getCSSVariableValue('--bs-gray-300');
+  const baseColor = getCSSVariableValue('--bs-' + chartColor);
+  const lightColor = getCSSVariableValue('--bs-' + chartColor + '-light');
+
+  return {
+    series: [
+      {
+        name: 'Net Profit',
+        data: [15, 25, 15, 40, 20, 50],
+      },
+    ],
+    chart: {
+      fontFamily: 'inherit',
+      type: 'area',
+      height: chartHeight,
+      toolbar: {
+        show: false,
+      },
+      zoom: {
+        enabled: false,
+      },
+      sparkline: {
+        enabled: true,
+      },
+    },
+    plotOptions: {},
+    legend: {
+      show: false,
+    },
+    dataLabels: {
+      enabled: false,
+    },
+    fill: {
+      type: 'solid',
+      opacity: 1,
+    },
+    stroke: {
+      curve: 'smooth',
+      show: true,
+      width: 3,
+      colors: [baseColor],
+    },
+    xaxis: {
+      categories: ['Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'],
+      axisBorder: {
+        show: false,
+      },
+      axisTicks: {
+        show: false,
+      },
+      labels: {
+        show: false,
+        style: {
+          colors: labelColor,
+          fontSize: '12px',
+        },
+      },
+      crosshairs: {
+        show: false,
+        position: 'front',
+        stroke: {
+          color: strokeColor,
+          width: 1,
+          dashArray: 3,
+        },
+      },
+      tooltip: {
+        enabled: false,
+      },
+    },
+    yaxis: {
+      min: 0,
+      max: 60,
+      labels: {
+        show: false,
+        style: {
+          colors: labelColor,
+          fontSize: '12px',
+        },
+      },
+    },
+    states: {
+      normal: {
+        filter: {
+          type: 'none',
+          value: 0,
+        },
+      },
+      hover: {
+        filter: {
+          type: 'none',
+          value: 0,
+        },
+      },
+      active: {
+        allowMultipleDataPointsSelection: false,
+        filter: {
+          type: 'none',
+          value: 0,
+        },
+      },
+    },
+    tooltip: {
+      style: {
+        fontSize: '12px',
+      },
+      y: {
+        formatter: function (val: any) {
+          return '$' + val + ' thousands';
+        },
+      },
+    },
+    colors: [lightColor],
+    markers: {
+      colors: [lightColor],
+      strokeColors: [baseColor],
+      strokeWidth: 3,
+    },
+  };
+}