fix: UPDATED build configuration

2025-07-14 19:01:31 +00:00
parent 329f4a2acb
commit 65d5e4b46a
331 changed files with 35272 additions and 1 deletions
--- a/Web/themes/modernize/src/app/components/yearly-breakup/yearly-breakup.component.ts
+++ b/Web/themes/modernize/src/app/components/yearly-breakup/yearly-breakup.component.ts
@@ -0,0 +1,101 @@
+import { Component, ViewEncapsulation, ViewChild } from '@angular/core';
+import { TablerIconsModule } from 'angular-tabler-icons';
+import {
+    ApexChart,
+    ChartComponent,
+    ApexDataLabels,
+    ApexLegend,
+    ApexStroke,
+    ApexTooltip,
+    ApexAxisChartSeries,
+    ApexXAxis,
+    ApexYAxis,
+    ApexGrid,
+    ApexPlotOptions,
+    ApexFill,
+    ApexMarkers,
+    ApexResponsive,
+    NgApexchartsModule,
+} from 'ng-apexcharts';
+import { MaterialModule } from 'src/app/material.module';
+
+
+export interface yearlyChart {
+    series: ApexAxisChartSeries;
+    chart: ApexChart;
+    dataLabels: ApexDataLabels;
+    plotOptions: ApexPlotOptions;
+    tooltip: ApexTooltip;
+    stroke: ApexStroke;
+    legend: ApexLegend;
+    responsive: ApexResponsive;
+}
+
+
+
+@Component({
+    selector: 'app-yearly-breakup',
+    templateUrl: './yearly-breakup.component.html',
+    imports: [MaterialModule, NgApexchartsModule, TablerIconsModule],
+    encapsulation: ViewEncapsulation.None,
+})
+export class AppYearlyBreakupComponent {
+    @ViewChild('chart') chart: ChartComponent = Object.create(null);
+
+    public yearlyChart!: Partial<yearlyChart> | any;
+
+
+    constructor() {
+
+        this.yearlyChart = {
+
+            color: "#adb5bd",
+            series: [38, 40, 25],
+            labels: ["2025", "2024", "2023"],
+            chart: {
+                width: 125,
+                type: "donut",
+                fontFamily: "inherit",
+                foreColor: "#adb0bb",
+            },
+            plotOptions: {
+                pie: {
+                    startAngle: 0,
+                    endAngle: 360,
+                    donut: {
+                        size: "75%",
+                    },
+                },
+            },
+            stroke: {
+                show: false,
+            },
+
+            dataLabels: {
+                enabled: false,
+            },
+
+            legend: {
+                show: false,
+            },
+            colors: ['#5D87FF', '#ECF2FF', '#F9F9FD'],
+
+            responsive: [
+                {
+                    breakpoint: 991,
+                    options: {
+                        chart: {
+                            width: 120,
+                        },
+                    },
+                },
+            ],
+            tooltip: {
+                theme: "dark",
+                fillSeriesColor: false,
+            },
+        };
+
+
+    }
+}