@hitsoft/e-donusum 1.0.5

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

@@ -0,0 +1,167 @@
+import { Component, OnInit } from '@angular/core';
+import { getCSSVariableValue } from '../../../../../kt/_utils';
+
+@Component({
+  selector: 'app-charts-widget7',
+  templateUrl: './charts-widget7.component.html',
+})
+export class ChartsWidget7Component implements OnInit {
+  chartOptions: any = {};
+
+  constructor() {}
+
+  ngOnInit(): void {
+    this.chartOptions = getChartOptions(350);
+  }
+}
+
+function getChartOptions(height: number) {
+  const labelColor = getCSSVariableValue('--bs-gray-500');
+  const borderColor = getCSSVariableValue('--bs-gray-200');
+  const strokeColor = getCSSVariableValue('--bs-gray-300');
+
+  const color1 = getCSSVariableValue('--bs-warning');
+  const color1Light = getCSSVariableValue('--bs-light-warning');
+
+  const color2 = getCSSVariableValue('--bs-success');
+  const color2Light = getCSSVariableValue('--bs-light-success');
+
+  const color3 = getCSSVariableValue('--bs-primary');
+  const color3Light = getCSSVariableValue('--bs-light-primary');
+
+  return {
+    series: [
+      {
+        name: 'Net Profit',
+        data: [30, 30, 50, 50, 35, 35],
+      },
+      {
+        name: 'Revenue',
+        data: [55, 20, 20, 20, 70, 70],
+      },
+      {
+        name: 'Expenses',
+        data: [60, 60, 40, 40, 30, 30],
+      },
+    ],
+    chart: {
+      fontFamily: 'inherit',
+      type: 'area',
+      height: height,
+      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: 2,
+      colors: [color1, 'transparent', 'transparent'],
+    },
+    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: true,
+        formatter: undefined,
+        offsetY: 0,
+        style: {
+          fontSize: '12px',
+        },
+      },
+    },
+    yaxis: {
+      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: number) {
+          return '$' + val + ' thousands';
+        },
+      },
+    },
+    colors: [color1, color2, color3],
+    grid: {
+      borderColor: borderColor,
+      strokeDashArray: 4,
+      yaxis: {
+        lines: {
+          show: true,
+        },
+      },
+    },
+    markers: {
+      colors: [color1Light, color2Light, color3Light],
+      strokeColors: [color1, color2, color3],
+      strokeWidth: 3,
+    },
+  };
+}

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

@@ -0,0 +1,66 @@
+<div class="card-header border-0 pt-5">
+  <h3 class="card-title align-items-start flex-column">
+    <span class="card-label fw-bolder fs-3 mb-1">Recent Orders</span>
+
+    <span class="text-muted fw-bold fs-7">More than 500 new orders</span>
+  </h3>
+
+  <!-- begin::Toolbar -->
+  <div class="card-toolbar" data-kt-buttons="true">
+    <a
+      class="
+        btn btn-sm btn-color-muted btn-active btn-active-primary
+        active
+        px-4
+        me-1
+      "
+      id="kt_charts_widget_8_year_btn"
+    >
+      Year
+    </a>
+
+    <a
+      class="btn btn-sm btn-color-muted btn-active btn-active-primary px-4 me-1"
+      id="kt_charts_widget_8_month_btn"
+    >
+      Month
+    </a>
+
+    <a
+      class="btn btn-sm btn-color-muted btn-active btn-active-primary px-4"
+      id="kt_charts_widget_8_week_btn"
+    >
+      Week
+    </a>
+  </div>
+  <!-- end::Toolbar -->
+</div>
+<!-- end::Header -->
+
+<!-- begin::Body -->
+<div class="card-body">
+  <!-- begin::Chart -->
+  <div
+    #chartRef
+    id="kt_charts_widget_8_chart"
+    [style.height]="'350px'"
+    class="card-rounded-bottom"
+  >
+    <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>
+  <!-- end::Chart -->
+</div>

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

@@ -0,0 +1,170 @@
+import { Component, OnInit } from '@angular/core';
+import { getCSSVariableValue } from '../../../../../kt/_utils';
+
+@Component({
+  selector: 'app-charts-widget8',
+  templateUrl: './charts-widget8.component.html',
+})
+export class ChartsWidget8Component implements OnInit {
+  chartOptions: any = {};
+
+  constructor() {}
+
+  ngOnInit(): void {
+    this.chartOptions = getChartOptions(350);
+  }
+}
+
+function getChartOptions(height: number) {
+  const labelColor = getCSSVariableValue('--bs-gray-500');
+  const borderColor = getCSSVariableValue('--bs-gray-200');
+  const strokeColor = getCSSVariableValue('--bs-gray-300');
+
+  const color1 = getCSSVariableValue('--bs-warning');
+  const color1Light = getCSSVariableValue('--bs-warning-light');
+
+  const color2 = getCSSVariableValue('--bs-success');
+  const color2Light = getCSSVariableValue('--bs-success-light');
+
+  const color3 = getCSSVariableValue('--bs-primary');
+  const color3Light = getCSSVariableValue('--bs-primary-light');
+
+  return {
+    series: [
+      {
+        name: 'Net Profit',
+        data: [30, 30, 50, 50, 35, 35],
+      },
+      {
+        name: 'Revenue',
+        data: [55, 20, 20, 20, 70, 70],
+      },
+      {
+        name: 'Expenses',
+        data: [60, 60, 40, 40, 30, 30],
+      },
+    ],
+    chart: {
+      fontFamily: 'inherit',
+      type: 'area',
+      height: height,
+      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: 2,
+      colors: [color1, color2, color3],
+    },
+    xaxis: {
+      offsetX: 0,
+      offsetY: 0,
+      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: true,
+        formatter: undefined,
+        offsetY: 0,
+        style: {
+          fontSize: '12px',
+        },
+      },
+    },
+    yaxis: {
+      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: number) {
+          return '$' + val + ' thousands';
+        },
+      },
+    },
+    colors: [color1Light, color2Light, color3Light],
+    grid: {
+      borderColor: borderColor,
+      strokeDashArray: 4,
+      padding: {
+        top: 0,
+        bottom: 0,
+        left: 0,
+        right: 0,
+      },
+    },
+    markers: {
+      colors: [color1, color2, color3],
+      strokeColors: [color1, color2, color3],
+      strokeWidth: 3,
+    },
+  };
+}

package/_metronic/partials/content/widgets/feeds/feeds-widget2/feeds-widget2.component.html

@@ -0,0 +1,107 @@
+<!-- begin::Body -->
+<div class="card-body pb-0">
+  <!-- begin::Header -->
+  <div class="d-flex align-items-center mb-5">
+    <!-- begin::User -->
+    <div class="d-flex align-items-center flex-grow-1">
+      <!-- begin::Avatar -->
+      <div class="symbol symbol-45px me-5">
+        <img src="./assets/media/avatars/300-23.jpg" alt="" />
+      </div>
+      <!-- end::Avatar -->
+
+      <!-- begin::Info -->
+      <div class="d-flex flex-column">
+        <a href="#" class="text-gray-800 text-hover-primary fs-6 fw-bolder">
+          Nick Logan
+        </a>
+
+        <span class="text-gray-500 fw-bold">PHP, SQLite, Artisan CLI</span>
+      </div>
+      <!-- end::Info -->
+    </div>
+    <!-- end::User -->
+
+    <!-- begin::Menu -->
+    <div class="my-0">
+      <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>
+    </div>
+    <!-- end::Menu -->
+  </div>
+  <!-- end::Header -->
+
+  <!-- begin::Post -->
+  <div class="mb-5">
+    <!-- begin::Text -->
+    <p class="text-gray-800 fw-normal mb-5">
+      Outlines keep you honest. They stop you from indulging in poorly
+      thought-out metaphors about driving and keep you focused on the overall
+      structure of your post
+    </p>
+    <!-- end::Text -->
+
+    <!-- begin::Toolbar -->
+    <div class="d-flex align-items-center mb-5">
+      <a
+        href="#"
+        class="
+          btn btn-sm btn-light btn-color-muted btn-active-light-success
+          px-4
+          py-2
+          me-4
+        "
+      >
+        <app-keenicon name="element-plus" class="fs-2"></app-keenicon>
+        120
+      </a>
+
+      <a
+        href="#"
+        class="
+          btn btn-sm btn-light btn-color-muted btn-active-light-danger
+          px-4
+          py-2
+        "
+      >
+        <app-keenicon name="heart" class="fs-2"></app-keenicon>
+        15
+      </a>
+    </div>
+    <!-- end::Toolbar -->
+  </div>
+  <!-- end::Post -->
+
+  <!-- begin::Separator -->
+  <div class="separator mb-4"></div>
+  <!-- end::Separator -->
+
+  <!-- begin::Reply input -->
+  <form class="position-relative mb-6">
+    <textarea
+      class="form-control border-0 p-0 pe-10 resize-none min-h-25px"
+      rows="1"
+      placeholder="Reply.."
+    ></textarea>
+
+    <div class="position-absolute top-0 end-0 me-n5">
+      <span class="btn btn-icon btn-sm btn-active-color-primary pe-0 me-2">
+        <app-keenicon name="paper-clip" class="fs-2 mb-3"></app-keenicon>
+      </span>
+
+      <span class="btn btn-icon btn-sm btn-active-color-primary ps-0">
+        <app-keenicon name="geolocation" class="fs-2 mb-3"></app-keenicon>
+      </span>
+    </div>
+  </form>
+  <!-- edit::Reply input -->
+</div>
+<!-- end::Body -->

package/_metronic/partials/content/widgets/feeds/feeds-widget2/feeds-widget2.component.ts

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

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

@@ -0,0 +1,186 @@
+<!-- begin::Body -->
+<div class="card-body pb-0">
+  <!-- begin::Header -->
+  <div class="d-flex align-items-center mb-3">
+    <!-- begin::User -->
+    <div class="d-flex align-items-center flex-grow-1">
+      <!-- begin::Avatar -->
+      <div class="symbol symbol-45px me-5">
+        <img src="./assets/media/avatars/300-21.jpg" alt="" />
+      </div>
+      <!-- end::Avatar -->
+
+      <!-- begin::Info -->
+      <div class="d-flex flex-column">
+        <a href="#" class="text-gray-800 text-hover-primary fs-6 fw-bolder">
+          Carles Nilson
+        </a>
+        <span class="text-gray-500 fw-bold">Yestarday at 5:06 PM</span>
+      </div>
+      <!-- end::Info -->
+    </div>
+    <!-- end::User -->
+
+    <!-- begin::Menu -->
+    <div class="my-0">
+      <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-menu2></app-dropdown-menu2>
+    </div>
+    <!-- end::Menu -->
+  </div>
+  <!-- end::Header -->
+
+  <!-- begin::Post -->
+  <div class="mb-7">
+    <!-- begin::Text -->
+    <div class="text-gray-800 mb-5">
+      Outlines keep you honest. They stop you from indulging in poorly
+      thought-out metaphors about driving and keep you focused on the overall
+      structure of your post
+    </div>
+    <!-- end::Text -->
+
+    <!-- begin::Toolbar -->
+    <div class="d-flex align-items-center mb-5">
+      <a
+        href="#"
+        class="
+          btn btn-sm btn-light btn-color-muted btn-active-light-success
+          px-4
+          py-2
+          me-4
+        "
+      >
+        <app-keenicon name="element-plus" class="fs-2"></app-keenicon>
+        12
+      </a>
+
+      <a
+        href="#"
+        class="
+          btn btn-sm btn-light btn-color-muted btn-active-light-danger
+          px-4
+          py-2
+        "
+      >
+        <app-keenicon name="heart" class="fs-2"></app-keenicon>
+        150
+      </a>
+    </div>
+    <!-- end::Toolbar -->
+  </div>
+  <!-- end::Post -->
+
+  <!-- begin::Replies -->
+  <div class="mb-7 ps-10">
+    <!-- begin::Reply -->
+    <div class="d-flex mb-5">
+      <!-- begin::Avatar -->
+      <div class="symbol symbol-45px me-5">
+        <img src="./assets/media/avatars/300-14.jpg" alt="" />
+      </div>
+      <!-- end::Avatar -->
+
+      <!-- begin::Info -->
+      <div class="d-flex flex-column flex-row-fluid">
+        <!-- begin::Info -->
+        <div class="d-flex align-items-center flex-wrap mb-1">
+          <a href="#" class="text-gray-800 text-hover-primary fw-bolder me-2">
+            Alice Danchik
+          </a>
+
+          <span class="text-gray-500 fw-bold fs-7">1 day</span>
+
+          <a
+            href="#"
+            class="ms-auto text-gray-500 text-hover-primary fw-bold fs-7"
+          >
+            Reply
+          </a>
+        </div>
+        <!-- end::Info -->
+
+        <!-- begin::Post -->
+        <span class="text-gray-800 fs-7 fw-normal pt-1">
+          Long before you sit dow to put digital pen to paper you need to make
+          sure you have to sit down and write.
+        </span>
+        <!-- end::Post -->
+      </div>
+      <!-- end::Info -->
+    </div>
+    <!-- end::Reply -->
+
+    <!-- begin::Reply -->
+    <div class="d-flex">
+      <!-- begin::Avatar -->
+      <div class="symbol symbol-45px me-5">
+        <img src="./assets/media/avatars/300-9.jpg" alt="" />
+      </div>
+      <!-- end::Avatar -->
+
+      <!-- begin::Info -->
+      <div class="d-flex flex-column flex-row-fluid">
+        <!-- begin::Info -->
+        <div class="d-flex align-items-center flex-wrap mb-1">
+          <a href="#" class="text-gray-800 text-hover-primary fw-bolder me-2">
+            Harris Bold
+          </a>
+
+          <span class="text-gray-500 fw-bold fs-7">2 days</span>
+
+          <a
+            href="#"
+            class="ms-auto text-gray-500 text-hover-primary fw-bold fs-7"
+          >
+            Reply
+          </a>
+        </div>
+        <!-- end::Info -->
+
+        <!-- begin::Post -->
+        <span class="text-gray-800 fs-7 fw-normal pt-1">
+          Outlines keep you honest. They stop you from indulging in poorly
+        </span>
+        <!-- end::Post -->
+      </div>
+      <!-- end::Info -->
+    </div>
+    <!-- end::Reply -->
+  </div>
+  <!-- end::Replies -->
+
+  <!-- begin::Separator -->
+  <div class="separator mb-4"></div>
+  <!-- end::Separator -->
+
+  <!-- begin::Reply input -->
+  <form class="position-relative mb-6">
+    <textarea
+      class="form-control border-0 p-0 pe-10 resize-none min-h-25px"
+      data-kt-autosize="true"
+      rows="1"
+      placeholder="Reply.."
+    ></textarea>
+
+    <div class="position-absolute top-0 end-0 me-n5">
+      <span class="btn btn-icon btn-sm btn-active-color-primary pe-0 me-2">
+        <app-keenicon name="element-plus" class="fs-3 mb-3"></app-keenicon>
+      </span>
+
+      <span class="btn btn-icon btn-sm btn-active-color-primary ps-0">
+        <app-keenicon name="geolocation" class="fs-3 mb-3"></app-keenicon>
+      </span>
+    </div>
+  </form>
+  <!-- edit::Reply input -->
+</div>
+<!-- end::Body -->