@hitsoft/e-donusum 1.0.10 → 1.0.11

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

@@ -1,46 +0,0 @@
-<div class="card-body d-flex flex-column p-0">
-  <div class="d-flex flex-stack flex-grow-1 card-p">
-    <div class="d-flex flex-column me-2">
-      <a href="#" class="text-gray-900 text-hover-primary fw-bolder fs-3">
-        {{ title }}
-      </a>
-
-      <span class="text-muted fw-bold mt-1">
-        <ng-content select="description"></ng-content>
-      </span>
-    </div>
-
-    <span class="symbol symbol-50px">
-      <span
-        class="symbol-label fs-5 fw-bolder"
-        [ngClass]="'bg-light-' + color"
-        [ngClass]="'text-' + color"
-      >
-        {{ change }}
-      </span>
-    </span>
-  </div>
-
-  <div
-    #chartRef
-    class="statistics-widget-3-chart card-rounded-bottom"
-    [style.height]="'150px'"
-  >
-    <apx-chart
-      type="area"
-      [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/stats/stats-widget3/stats-widget3.component.ts

@@ -1,160 +0,0 @@
-import { Component, ElementRef, Input, OnInit, ViewChild } from '@angular/core';
-import { ApexOptions } from 'ng-apexcharts';
-import { getCSSVariableValue } from '../../../../../kt/_utils';
-
-@Component({
-  selector: 'app-stats-widget3',
-  templateUrl: './stats-widget3.component.html',
-})
-export class StatsWidget3Component implements OnInit {
-  @Input() title = '';
-  @Input() color = '';
-  @Input() description = '';
-  @Input() change = '';
-  @ViewChild('chartRef', { static: true }) chartRef: ElementRef;
-  height: number;
-
-  chartOptions: any = {};
-  labelColor: string;
-  baseColor: string;
-  lightColor: string;
-
-  constructor() {}
-
-  ngOnInit(): void {
-    this.height = 150;
-    this.labelColor = getCSSVariableValue('--bs-gray-800');
-    this.baseColor = getCSSVariableValue('--bs-' + this.color);
-    this.lightColor = getCSSVariableValue('--bs-' + this.color + '-light');
-    this.chartOptions = getChartOptions(
-      this.height,
-      this.labelColor,
-      this.baseColor,
-      this.lightColor
-    );
-  }
-}
-
-function getChartOptions(
-  height: number,
-  labelColor: string,
-  baseColor: string,
-  lightColor: string
-): ApexOptions {
-  const options: ApexOptions = {
-    series: [
-      {
-        name: 'Net Profit',
-        data: [30, 45, 32, 70, 40],
-      },
-    ],
-    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: 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: '#E4E6EF',
-          width: 1,
-          dashArray: 3,
-        },
-      },
-      tooltip: {
-        enabled: false,
-      },
-    },
-    yaxis: {
-      min: 0,
-      max: 80,
-      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) {
-          return '$' + val + ' thousands';
-        },
-      },
-    },
-    colors: [lightColor],
-    markers: {
-      colors: [lightColor],
-      strokeColors: [baseColor],
-      strokeWidth: 3,
-    },
-  };
-  return options;
-}

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

@@ -1,44 +0,0 @@
-<div class="card-body p-0">
-  <div class="d-flex flex-stack card-p flex-grow-1">
-    <span
-      class="symbol symbol-50px"
-      [ngClass]="'symbol-light-' + color + ' me-2'"
-    >
-      <span class="symbol-label">
-        <span
-          [inlineSVG]="svgIcon"
-          class="svg-icon fs-2x"
-          [ngClass]="'svg-icon-' + color"
-        ></span>
-      </span>
-    </span>
-
-    <div class="d-flex flex-column text-end">
-      <span class="text-gray-900 fw-bolder fs-2">{{ change }}</span>
-
-      <span class="text-muted fw-bold mt-1">{{ description }}</span>
-    </div>
-  </div>
-
-  <div
-    #chartRef
-    class="statistics-widget-3-chart card-rounded-bottom"
-    [style.height]="'150px'"
-  >
-    <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/stats/stats-widget4/stats-widget4.component.ts

@@ -1,159 +0,0 @@
-import { Component, ElementRef, Input, OnInit, ViewChild } from '@angular/core';
-import { ApexOptions } from 'ng-apexcharts';
-import { getCSSVariableValue } from '../../../../../kt/_utils';
-
-@Component({
-  selector: 'app-stats-widget4',
-  templateUrl: './stats-widget4.component.html',
-})
-export class StatsWidget4Component implements OnInit {
-  @Input() svgIcon = '';
-  @Input() color = '';
-  @Input() description = '';
-  @Input() change = '';
-  @ViewChild('chartRef', { static: true }) chartRef: ElementRef;
-  height: number;
-
-  chartOptions: any = {};
-  labelColor: string;
-  baseColor: string;
-  lightColor: string;
-
-  constructor() {}
-
-  ngOnInit(): void {
-    this.height = 150;
-    this.labelColor = getCSSVariableValue('--bs-gray-800');
-    this.baseColor = getCSSVariableValue('--bs-' + this.color);
-    this.lightColor = getCSSVariableValue('--bs-' + this.color + '-light');
-    this.chartOptions = getChartOptions(
-      this.height,
-      this.labelColor,
-      this.baseColor,
-      this.lightColor
-    );
-  }
-}
-
-function getChartOptions(
-  height: number,
-  labelColor: string,
-  baseColor: string,
-  lightColor: string
-): ApexOptions {
-  return {
-    series: [
-      {
-        name: 'Net Profit',
-        data: [40, 40, 30, 30, 35, 35, 50],
-      },
-    ],
-    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: 3,
-      colors: [baseColor],
-    },
-    xaxis: {
-      categories: ['Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug'],
-      axisBorder: {
-        show: false,
-      },
-      axisTicks: {
-        show: false,
-      },
-      labels: {
-        show: false,
-        style: {
-          colors: labelColor,
-          fontSize: '12px',
-        },
-      },
-      crosshairs: {
-        show: false,
-        position: 'front',
-        stroke: {
-          color: '#E4E6EF',
-          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) {
-          return '$' + val + ' thousands';
-        },
-      },
-    },
-    colors: [lightColor],
-    markers: {
-      colors: [lightColor],
-      strokeColors: [baseColor],
-      strokeWidth: 3,
-    },
-  };
-}

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

@@ -1,14 +0,0 @@
-<div class="card-body">
-  <span
-    [inlineSVG]="svgIcon"
-    class="svg-icon fs-2x fs-3x ms-n1"
-    [ngClass]="'svg-icon-' + iconColor"
-  ></span>
-  <div [ngClass]="'text-inverse-' + color" class="fw-bolder fs-2 mb-2 mt-5">
-    {{ title }}
-  </div>
-
-  <div class="fw-bold" [ngClass]="'text-inverse-' + color + ' fs-7'">
-    {{ description }}
-  </div>
-</div>

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

@@ -1,15 +0,0 @@
-import { Component, Input } from '@angular/core';
-
-@Component({
-  selector: 'app-stats-widget5',
-  templateUrl: './stats-widget5.component.html',
-})
-export class StatsWidget5Component {
-  @Input() svgIcon = '';
-  @Input() iconColor = '';
-  @Input() color = '';
-  @Input() description = '';
-  @Input() title = '';
-
-  constructor() {}
-}

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

@@ -1,24 +0,0 @@
-<div class="card-body my-3">
-  <a
-    href="#"
-    class="card-title fw-bolder fs-5 mb-3 d-block"
-    [ngClass]="'text-' + color"
-  >
-    {{ description }}
-  </a>
-
-  <div class="py-1">
-    <span class="text-gray-900 fs-1 fw-bolder me-2">{{ progress }}</span>
-
-    <span class="fw-bold text-muted fs-7">{{ title }}</span>
-  </div>
-
-  <div class="`progress h-7px bg-opacity-50 mt-7" [ngClass]="'bg-' + color">
-    <div
-      class="progress-bar"
-      [ngClass]="' bg-' + color"
-      [style.width]="progress"
-      role="progressbar"
-    ></div>
-  </div>
-</div>

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

@@ -1,14 +0,0 @@
-import { Component, Input } from '@angular/core';
-
-@Component({
-  selector: 'app-stats-widget6',
-  templateUrl: './stats-widget6.component.html',
-})
-export class StatsWidget6Component {
-  @Input() progress = '';
-  @Input() color = '';
-  @Input() description = '';
-  @Input() title = '';
-
-  constructor() {}
-}