@hitsoft/e-donusum 1.0.8 → 1.0.9

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

@@ -0,0 +1,149 @@
+<!-- begin::Header -->
+<div class="card-header border-0">
+  <h3 class="card-title fw-bolder text-gray-900">Todo</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-2">
+  <!-- begin::Item -->
+  <div class="d-flex align-items-center mb-8">
+    <!-- begin::Bullet -->
+    <span class="bullet bullet-vertical h-40px bg-success"></span>
+    <!-- end::Bullet -->
+    <!-- begin::Checkbox -->
+    <div class="form-check form-check-custom form-check-solid mx-5">
+      <input class="form-check-input" type="checkbox" value="" />
+    </div>
+    <!-- end::Checkbox -->
+    <!-- begin::Description -->
+    <div class="flex-grow-1">
+      <a href="#" class="text-gray-800 text-hover-primary fw-bolder fs-6">
+        Create FireStone Logo
+      </a>
+      <span class="text-muted fw-bold d-block">Due in 2 Days</span>
+    </div>
+    <!-- end::Description -->
+    <span class="badge badge-light-success fs-8 fw-bolder">New</span>
+  </div>
+  <!-- end:Item -->
+  <!-- begin::Item -->
+  <div class="d-flex align-items-center mb-8">
+    <!-- begin::Bullet -->
+    <span class="bullet bullet-vertical h-40px bg-primary"></span>
+    <!-- end::Bullet -->
+    <!-- begin::Checkbox -->
+    <div class="form-check form-check-custom form-check-solid mx-5">
+      <input class="form-check-input" type="checkbox" value="" />
+    </div>
+    <!-- end::Checkbox -->
+    <!-- begin::Description -->
+    <div class="flex-grow-1">
+      <a href="#" class="text-gray-800 text-hover-primary fw-bolder fs-6">
+        Stakeholder Meeting
+      </a>
+      <span class="text-muted fw-bold d-block">Due in 3 Days</span>
+    </div>
+    <!-- end::Description -->
+    <span class="badge badge-light-primary fs-8 fw-bolder">New</span>
+  </div>
+  <!-- end:Item -->
+  <!-- begin::Item -->
+  <div class="d-flex align-items-center mb-8">
+    <!-- begin::Bullet -->
+    <span class="bullet bullet-vertical h-40px bg-warning"></span>
+    <!-- end::Bullet -->
+    <!-- begin::Checkbox -->
+    <div class="form-check form-check-custom form-check-solid mx-5">
+      <input class="form-check-input" type="checkbox" value="" />
+    </div>
+    <!-- end::Checkbox -->
+    <!-- begin::Description -->
+    <div class="flex-grow-1">
+      <a href="#" class="text-gray-800 text-hover-primary fw-bolder fs-6">
+        Scoping &amp; Estimations
+      </a>
+      <span class="text-muted fw-bold d-block">Due in 5 Days</span>
+    </div>
+    <!-- end::Description -->
+    <span class="badge badge-light-warning fs-8 fw-bolder">New</span>
+  </div>
+  <!-- end:Item -->
+  <!-- begin::Item -->
+  <div class="d-flex align-items-center mb-8">
+    <!-- begin::Bullet -->
+    <span class="bullet bullet-vertical h-40px bg-primary"></span>
+    <!-- end::Bullet -->
+    <!-- begin::Checkbox -->
+    <div class="form-check form-check-custom form-check-solid mx-5">
+      <input class="form-check-input" type="checkbox" value="" />
+    </div>
+    <!-- end::Checkbox -->
+    <!-- begin::Description -->
+    <div class="flex-grow-1">
+      <a href="#" class="text-gray-800 text-hover-primary fw-bolder fs-6">
+        KPI App Showcase
+      </a>
+      <span class="text-muted fw-bold d-block">Due in 2 Days</span>
+    </div>
+    <!-- end::Description -->
+    <span class="badge badge-light-primary fs-8 fw-bolder">New</span>
+  </div>
+  <!-- end:Item -->
+  <!-- begin::Item -->
+  <div class="d-flex align-items-center mb-8">
+    <!-- begin::Bullet -->
+    <span class="bullet bullet-vertical h-40px bg-danger"></span>
+    <!-- end::Bullet -->
+    <!-- begin::Checkbox -->
+    <div class="form-check form-check-custom form-check-solid mx-5">
+      <input class="form-check-input" type="checkbox" value="" />
+    </div>
+    <!-- end::Checkbox -->
+    <!-- begin::Description -->
+    <div class="flex-grow-1">
+      <a href="#" class="text-gray-800 text-hover-primary fw-bolder fs-6">
+        Project Meeting
+      </a>
+      <span class="text-muted fw-bold d-block">Due in 12 Days</span>
+    </div>
+    <!-- end::Description -->
+    <span class="badge badge-light-danger fs-8 fw-bolder">New</span>
+  </div>
+  <!-- end:Item -->
+  <!-- begin::Item -->
+  <div class="d-flex align-items-center">
+    <!-- begin::Bullet -->
+    <span class="bullet bullet-vertical h-40px bg-success"></span>
+    <!-- end::Bullet -->
+    <!-- begin::Checkbox -->
+    <div class="form-check form-check-custom form-check-solid mx-5">
+      <input class="form-check-input" type="checkbox" value="" />
+    </div>
+    <!-- end::Checkbox -->
+    <!-- begin::Description -->
+    <div class="flex-grow-1">
+      <a href="#" class="text-gray-800 text-hover-primary fw-bolder fs-6">
+        Customers Update
+      </a>
+      <span class="text-muted fw-bold d-block">Due in 1 week</span>
+    </div>
+    <!-- end::Description -->
+    <span class="badge badge-light-success fs-8 fw-bolder">New</span>
+  </div>
+  <!-- end:Item -->
+</div>
+<!-- end::Body -->

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

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

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

@@ -0,0 +1,192 @@
+<!-- begin::Header-->
+<div class="card-header border-0 pt-5">
+  <h3 class="card-title align-items-start flex-column">
+    <span class="card-label fw-bolder text-gray-900">Trends</span>
+    <span class="text-muted mt-1 fw-bold fs-7">Latest tech trends</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-5">
+  <!-- begin::Item-->
+  <div class="d-flex align-items-sm-center mb-7">
+    <!-- begin::Symbol-->
+    <div class="symbol symbol-50px me-5">
+      <span class="symbol-label">
+        <img
+          src="./assets/media/svg/brand-logos/plurk.svg"
+          class="h-50 align-self-center"
+          alt=""
+        />
+      </span>
+    </div>
+    <!-- end::Symbol-->
+    <!-- begin::Section-->
+    <div class="d-flex align-items-center flex-row-fluid flex-wrap">
+      <div class="flex-grow-1 me-2">
+        <a href="#" class="text-gray-800 text-hover-primary fs-6 fw-bolder">
+          Top Authors
+        </a>
+        <span class="text-muted fw-bold d-block fs-7"
+          >Mark, Rowling, Esther</span
+        >
+      </div>
+      <span class="badge badge-light fw-bolder my-2">+82$</span>
+    </div>
+    <!-- end::Section-->
+  </div>
+  <!-- end::Item-->
+  <!-- begin::Item-->
+  <div class="d-flex align-items-sm-center mb-7">
+    <!-- begin::Symbol-->
+    <div class="symbol symbol-50px me-5">
+      <span class="symbol-label">
+        <img
+          src="./assets/media/svg/brand-logos/telegram.svg"
+          class="h-50 align-self-center"
+          alt=""
+        />
+      </span>
+    </div>
+    <!-- end::Symbol-->
+    <!-- begin::Section-->
+    <div class="d-flex align-items-center flex-row-fluid flex-wrap">
+      <div class="flex-grow-1 me-2">
+        <a href="#" class="text-gray-800 text-hover-primary fs-6 fw-bolder">
+          Popular Authors
+        </a>
+        <span class="text-muted fw-bold d-block fs-7">Randy, Steve, Mike</span>
+      </div>
+      <span class="badge badge-light fw-bolder my-2">+280$</span>
+    </div>
+    <!-- end::Section-->
+  </div>
+  <!-- end::Item-->
+  <!-- begin::Item-->
+  <div class="d-flex align-items-sm-center mb-7">
+    <!-- begin::Symbol-->
+    <div class="symbol symbol-50px me-5">
+      <span class="symbol-label">
+        <img
+          src="./assets/media/svg/brand-logos/vimeo.svg"
+          class="h-50 align-self-center"
+          alt=""
+        />
+      </span>
+    </div>
+    <!-- end::Symbol-->
+    <!-- begin::Section-->
+    <div class="d-flex align-items-center flex-row-fluid flex-wrap">
+      <div class="flex-grow-1 me-2">
+        <a href="#" class="text-gray-800 text-hover-primary fs-6 fw-bolder">
+          New Users
+        </a>
+        <span class="text-muted fw-bold d-block fs-7">John, Pat, Jimmy</span>
+      </div>
+      <span class="badge badge-light fw-bolder my-2">+4500$</span>
+    </div>
+    <!-- end::Section-->
+  </div>
+  <!-- end::Item-->
+  <!-- begin::Item-->
+  <div class="d-flex align-items-sm-center mb-7">
+    <!-- begin::Symbol-->
+    <div class="symbol symbol-50px me-5">
+      <span class="symbol-label">
+        <img
+          src="./assets/media/svg/brand-logos/bebo.svg"
+          class="h-50 align-self-center"
+          alt=""
+        />
+      </span>
+    </div>
+    <!-- end::Symbol-->
+    <!-- begin::Section-->
+    <div class="d-flex align-items-center flex-row-fluid flex-wrap">
+      <div class="flex-grow-1 me-2">
+        <a href="#" class="text-gray-800 text-hover-primary fs-6 fw-bolder">
+          Active Customers
+        </a>
+        <span class="text-muted fw-bold d-block fs-7"
+          >Mark, Rowling, Esther</span
+        >
+      </div>
+      <span class="badge badge-light fw-bolder my-2">+4500$</span>
+    </div>
+    <!-- end::Section-->
+  </div>
+  <!-- end::Item-->
+
+  <ng-container *ngIf="items > 4">
+    <div class="d-flex align-items-sm-center mb-7">
+      <!-- begin::Symbol-->
+      <div class="symbol symbol-50px me-5">
+        <span class="symbol-label">
+          <img
+            src="./assets/media/svg/brand-logos/kickstarter.svg"
+            class="h-50 align-self-center"
+            alt=""
+          />
+        </span>
+      </div>
+      <!-- end::Symbol-->
+      <!-- begin::Section-->
+      <div class="d-flex align-items-center flex-row-fluid flex-wrap">
+        <div class="flex-grow-1 me-2">
+          <a href="#" class="text-gray-800 text-hover-primary fs-6 fw-bolder">
+            Bestseller Theme
+          </a>
+          <span class="text-muted fw-bold d-block fs-7"
+            >Disco, Retro, Sports</span
+          >
+        </div>
+        <span class="badge badge-light fw-bolder my-2">+4500$</span>
+      </div>
+      <!-- end::Section-->
+    </div>
+  </ng-container>
+
+  <ng-container *ngIf="items > 5">
+    <div class="d-flex align-items-sm-center">
+      <!-- begin::Symbol-->
+      <div class="symbol symbol-50px me-5">
+        <span class="symbol-label">
+          <img
+            src="./assets/media/svg/brand-logos/fox-hub.svg"
+            class="h-50 align-self-center"
+            alt=""
+          />
+        </span>
+      </div>
+      <!-- end::Symbol-->
+      <!-- begin::Section-->
+      <div class="d-flex align-items-center flex-row-fluid flex-wrap">
+        <div class="flex-grow-1 me-2">
+          <a href="#" class="text-gray-800 text-hover-primary fs-6 fw-bolder">
+            Fox Broker App
+          </a>
+          <span class="text-muted fw-bold d-block fs-7"
+            >Finance, Corporate, Apps</span
+          >
+        </div>
+        <span class="badge badge-light fw-bolder my-2">+4500$</span>
+      </div>
+      <!-- end::Section-->
+    </div>
+  </ng-container>
+</div>
+<!-- end::Body-->

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

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

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

@@ -0,0 +1,169 @@
+<!-- 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 mb-2 text-gray-900">Activities</span>
+    <span class="text-muted fw-bold fs-7">890,344 Sales</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-5">
+  <!-- begin::Timeline-->
+  <div class="timeline-label">
+    <!-- begin::Item-->
+    <div class="timeline-item">
+      <!-- begin::Label-->
+      <div class="timeline-label fw-bolder text-gray-800 fs-6">08:42</div>
+      <!-- end::Label-->
+      <!-- begin::Badge-->
+      <div class="timeline-badge">
+        <i class="fa fa-genderless text-warning fs-1"></i>
+      </div>
+      <!-- end::Badge-->
+      <!-- begin::Text-->
+      <div class="fw-mormal timeline-content text-muted ps-3">
+        Outlines keep you honest. And keep structure
+      </div>
+      <!-- end::Text-->
+    </div>
+    <!-- end::Item-->
+    <!-- begin::Item-->
+    <div class="timeline-item">
+      <!-- begin::Label-->
+      <div class="timeline-label fw-bolder text-gray-800 fs-6">10:00</div>
+      <!-- end::Label-->
+      <!-- begin::Badge-->
+      <div class="timeline-badge">
+        <i class="fa fa-genderless text-success fs-1"></i>
+      </div>
+      <!-- end::Badge-->
+      <!-- begin::Content-->
+      <div class="timeline-content d-flex">
+        <span class="fw-bolder text-gray-800 ps-3">AEOL meeting</span>
+      </div>
+      <!-- end::Content-->
+    </div>
+    <!-- end::Item-->
+    <!-- begin::Item-->
+    <div class="timeline-item">
+      <!-- begin::Label-->
+      <div class="timeline-label fw-bolder text-gray-800 fs-6">14:37</div>
+      <!-- end::Label-->
+      <!-- begin::Badge-->
+      <div class="timeline-badge">
+        <i class="fa fa-genderless text-danger fs-1"></i>
+      </div>
+      <!-- end::Badge-->
+      <!-- begin::Desc-->
+      <div class="timeline-content fw-bolder text-gray-800 ps-3">
+        Make deposit
+        <a href="#" class="text-primary">USD 700</a>. to ESL
+      </div>
+      <!-- end::Desc-->
+    </div>
+    <!-- end::Item-->
+    <!-- begin::Item-->
+    <div class="timeline-item">
+      <!-- begin::Label-->
+      <div class="timeline-label fw-bolder text-gray-800 fs-6">16:50</div>
+      <!-- end::Label-->
+      <!-- begin::Badge-->
+      <div class="timeline-badge">
+        <i class="fa fa-genderless text-primary fs-1"></i>
+      </div>
+      <!-- end::Badge-->
+      <!-- begin::Text-->
+      <div class="timeline-content fw-mormal text-muted ps-3">
+        Indulging in poorly driving and keep structure keep great
+      </div>
+      <!-- end::Text-->
+    </div>
+    <!-- end::Item-->
+    <!-- begin::Item-->
+    <div class="timeline-item">
+      <!-- begin::Label-->
+      <div class="timeline-label fw-bolder text-gray-800 fs-6">21:03</div>
+      <!-- end::Label-->
+      <!-- begin::Badge-->
+      <div class="timeline-badge">
+        <i class="fa fa-genderless text-danger fs-1"></i>
+      </div>
+      <!-- end::Badge-->
+      <!-- begin::Desc-->
+      <div class="timeline-content fw-bold text-gray-800 ps-3">
+        New order placed
+        <a href="#" class="text-primary">#XF-2356</a>.
+      </div>
+      <!-- end::Desc-->
+    </div>
+    <!-- end::Item-->
+    <!-- begin::Item-->
+    <div class="timeline-item">
+      <!-- begin::Label-->
+      <div class="timeline-label fw-bolder text-gray-800 fs-6">16:50</div>
+      <!-- end::Label-->
+      <!-- begin::Badge-->
+      <div class="timeline-badge">
+        <i class="fa fa-genderless text-primary fs-1"></i>
+      </div>
+      <!-- end::Badge-->
+      <!-- begin::Text-->
+      <div class="timeline-content fw-mormal text-muted ps-3">
+        Indulging in poorly driving and keep structure keep great
+      </div>
+      <!-- end::Text-->
+    </div>
+    <!-- end::Item-->
+    <!-- begin::Item-->
+    <div class="timeline-item">
+      <!-- begin::Label-->
+      <div class="timeline-label fw-bolder text-gray-800 fs-6">21:03</div>
+      <!-- end::Label-->
+      <!-- begin::Badge-->
+      <div class="timeline-badge">
+        <i class="fa fa-genderless text-danger fs-1"></i>
+      </div>
+      <!-- end::Badge-->
+      <!-- begin::Desc-->
+      <div class="timeline-content fw-bold text-gray-800 ps-3">
+        New order placed
+        <a href="#" class="text-primary">#XF-2356</a>.
+      </div>
+      <!-- end::Desc-->
+    </div>
+    <!-- end::Item-->
+    <!-- begin::Item-->
+    <div class="timeline-item">
+      <!-- begin::Label-->
+      <div class="timeline-label fw-bolder text-gray-800 fs-6">10:30</div>
+      <!-- end::Label-->
+      <!-- begin::Badge-->
+      <div class="timeline-badge">
+        <i class="fa fa-genderless text-success fs-1"></i>
+      </div>
+      <!-- end::Badge-->
+      <!-- begin::Text-->
+      <div class="timeline-content fw-mormal text-muted ps-3">
+        Finance KPI Mobile app launch preparion meeting
+      </div>
+      <!-- end::Text-->
+    </div>
+    <!-- end::Item-->
+  </div>
+  <!-- end::Timeline-->
+</div>
+<!-- end: Card Body-->

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

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

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

@@ -0,0 +1,103 @@
+<!-- begin::Header -->
+<div class="card-header border-0">
+  <h3 class="card-title fw-bolder text-gray-900">Notifications</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-0">
+  <!-- begin::Item -->
+  <div class="d-flex align-items-center bg-light-warning rounded p-5 mb-7">
+    <!-- begin::Icon -->
+    <span class="svg-icon text-warning me-5">
+      <app-keenicon name="abstract-26" class="fs-1"></app-keenicon>
+    </span>
+    <!-- end::Icon -->
+    <!-- begin::Title -->
+    <div class="flex-grow-1 me-2">
+      <a href="#" class="fw-bolder text-gray-800 text-hover-primary fs-6">
+        Group lunch celebration
+      </a>
+      <span class="text-muted fw-bold d-block">Due in 2 Days</span>
+    </div>
+    <!-- end::Title -->
+    <!-- begin::Lable -->
+    <span class="fw-bolder text-warning py-1">+28%</span>
+    <!-- end::Lable -->
+  </div>
+  <!-- end::Item -->
+  <!-- begin::Item -->
+  <div class="d-flex align-items-center bg-light-success rounded p-5 mb-7">
+    <!-- begin::Icon -->
+    <span class="svg-icon text-success me-5">
+      <app-keenicon name="abstract-26" class="fs-1"></app-keenicon>
+    </span>
+    <!-- end::Icon -->
+    <!-- begin::Title -->
+    <div class="flex-grow-1 me-2">
+      <a href="#" class="fw-bolder text-gray-800 text-hover-primary fs-6">
+        Navigation optimization
+      </a>
+      <span class="text-muted fw-bold d-block">Due in 2 Days</span>
+    </div>
+    <!-- end::Title -->
+    <!-- begin::Lable -->
+    <span class="fw-bolder text-success py-1">+50%</span>
+    <!-- end::Lable -->
+  </div>
+  <!-- end::Item -->
+  <!-- begin::Item -->
+  <div class="d-flex align-items-center bg-light-danger rounded p-5 mb-7">
+    <!-- begin::Icon -->
+    <span class="svg-icon text-danger me-5">
+      <app-keenicon name="abstract-26" class="fs-1"></app-keenicon>
+    </span>
+    <!-- end::Icon -->
+    <!-- begin::Title -->
+    <div class="flex-grow-1 me-2">
+      <a href="#" class="fw-bolder text-gray-800 text-hover-primary fs-6">
+        Rebrand strategy planning
+      </a>
+      <span class="text-muted fw-bold d-block">Due in 5 Days</span>
+    </div>
+    <!-- end::Title -->
+    <!-- begin::Lable -->
+    <span class="fw-bolder text-danger py-1">-27%</span>
+    <!-- end::Lable -->
+  </div>
+  <!-- end::Item -->
+  <!-- begin::Item -->
+  <div class="d-flex align-items-center bg-light-info rounded p-5">
+    <!-- begin::Icon -->
+    <span class="svg-icon text-info me-5">
+      <app-keenicon name="abstract-26" class="fs-1"></app-keenicon>
+    </span>
+    <!-- end::Icon -->
+    <!-- begin::Title -->
+    <div class="flex-grow-1 me-2">
+      <a href="#" class="fw-bolder text-gray-800 text-hover-primary fs-6">
+        Product goals strategy
+      </a>
+      <span class="text-muted fw-bold d-block">Due in 7 Days</span>
+    </div>
+    <!-- end::Title -->
+    <!-- begin::Lable -->
+    <span class="fw-bolder text-info py-1">+8%</span>
+    <!-- end::Lable -->
+  </div>
+  <!-- end::Item -->
+</div>
+<!-- end::Body -->

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

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