From 43d6187a0ad466ca2ebd96c2afa2915477447fc6 Mon Sep 17 00:00:00 2001
From: MishaZhem <mz-100@mail.ru>
Date: Thu, 18 Jul 2024 19:00:22 +0300
Subject: [PATCH] chore: change electro

---
 .../components/Electro/electro.component.html | 26 +++++++++----------
 .../components/Electro/electro.component.less | 10 +------
 .../components/Electro/electro.component.ts   |  4 +--
 .../Electro}/electro.service.ts               |  6 ++---
 4 files changed, 18 insertions(+), 28 deletions(-)
 rename apps/taiga-lumbermill/src/dashboards/iot/{data/services => components/Electro}/electro.service.ts (97%)

diff --git a/apps/taiga-lumbermill/src/dashboards/iot/components/Electro/electro.component.html b/apps/taiga-lumbermill/src/dashboards/iot/components/Electro/electro.component.html
index bd8114155..eadcb69fc 100644
--- a/apps/taiga-lumbermill/src/dashboards/iot/components/Electro/electro.component.html
+++ b/apps/taiga-lumbermill/src/dashboards/iot/components/Electro/electro.component.html
@@ -6,48 +6,48 @@
     <div>
         <p class="controls">
             <tui-input-date-range
-                [maxLength]="dataElectro.maxLength"
-                [(ngModel)]="dataElectro.data"
-                (ngModelChange)="dataElectro.onDataChange($event)"
+                [maxLength]="electroService.maxLength"
+                [(ngModel)]="electroService.show"
+                (ngModelChange)="electroService.onDataChange($event)"
             >
                 Data
             </tui-input-date-range>
         </p>
         <p class="legend tui-space_top-0">
             <span
-                *ngFor="let chart of dataElectro.days; let index = index"
+                *ngFor="let chart of electroService.days; let index = index"
                 class="item"
             >
                 <small class="name">Electricity bills</small>
             </span>
         </p>
         <tui-axes
-            *ngIf="dataElectro.labels(dataElectro.show) | async as labels"
+            *ngIf="electroService.labels(electroService.show) | async as labels"
             class="axes"
             [axisXLabels]="labels"
             [horizontalLines]="4"
             [tuiLineChartHint]="hint"
             [verticalLines]="labels.length"
         >
-            <ng-container *ngIf="dataElectro.getWidth(dataElectro.show) > 90; else line">
+            <ng-container *ngIf="electroService.getWidth(electroService.show) > 90; else line">
                 <tui-line-days-chart
-                    *ngFor="let chart of dataElectro.days"
+                    *ngFor="let chart of electroService.days"
                     class="chart"
                     [height]="200"
-                    [value]="chart | tuiFilter: dataElectro.filter : dataElectro.range"
+                    [value]="chart | tuiFilter: electroService.filter : electroService.range"
                 />
             </ng-container>
             <ng-template #line>
                 <tui-line-chart
-                    *ngFor="let chart of dataElectro.days"
+                    *ngFor="let chart of electroService.days"
                     class="chart"
                     [height]="200"
                     [value]="
                         chart
-                            | tuiFilter: dataElectro.filter : dataElectro.range
-                            | tuiMapper: dataElectro.toNumbers : dataElectro.range
+                            | tuiFilter: electroService.filter : electroService.range
+                            | tuiMapper: electroService.toNumbers : electroService.range
                     "
-                    [width]="dataElectro.getWidth(dataElectro.range)"
+                    [width]="electroService.getWidth(electroService.range)"
                 />
             </ng-template>
         </tui-axes>
@@ -58,7 +58,7 @@
         let-data
     >
         <div class="tui-space_bottom-2">
-            <strong>{{ dataElectro.getDate(data[0][0], dataElectro.range.from) }}</strong>
+            <strong>{{ electroService.getDate(data[0][0], electroService.range.from) }}</strong>
         </div>
         <div>
             <div
diff --git a/apps/taiga-lumbermill/src/dashboards/iot/components/Electro/electro.component.less b/apps/taiga-lumbermill/src/dashboards/iot/components/Electro/electro.component.less
index e486e1138..c8e257e2c 100644
--- a/apps/taiga-lumbermill/src/dashboards/iot/components/Electro/electro.component.less
+++ b/apps/taiga-lumbermill/src/dashboards/iot/components/Electro/electro.component.less
@@ -5,15 +5,7 @@
 }
 
 .color() {
-    color: var(--tui-chart-categorical-01);
-
-    &:first-child {
-        color: var(--tui-chart-categorical-08);
-    }
-
-    &:last-child {
-        color: var(--tui-background-accent-1);
-    }
+    color: var(--tui-background-accent-1);
 }
 
 .axes {
diff --git a/apps/taiga-lumbermill/src/dashboards/iot/components/Electro/electro.component.ts b/apps/taiga-lumbermill/src/dashboards/iot/components/Electro/electro.component.ts
index 78fba3fb8..371c992b2 100644
--- a/apps/taiga-lumbermill/src/dashboards/iot/components/Electro/electro.component.ts
+++ b/apps/taiga-lumbermill/src/dashboards/iot/components/Electro/electro.component.ts
@@ -12,7 +12,7 @@ import {TuiAppearance} from '@taiga-ui/core';
 import {TuiCardLarge} from '@taiga-ui/layout';
 import {TuiInputDateRangeModule} from '@taiga-ui/legacy';
 
-import {ElectroService} from '../../data/services/electro.service';
+import {ElectroService} from './electro.service';
 
 @Component({
     standalone: true,
@@ -38,5 +38,5 @@ import {ElectroService} from '../../data/services/electro.service';
     changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class ElectroComponent {
-    protected dataElectro = inject(ElectroService);
+    protected electroService = inject(ElectroService);
 }
diff --git a/apps/taiga-lumbermill/src/dashboards/iot/data/services/electro.service.ts b/apps/taiga-lumbermill/src/dashboards/iot/components/Electro/electro.service.ts
similarity index 97%
rename from apps/taiga-lumbermill/src/dashboards/iot/data/services/electro.service.ts
rename to apps/taiga-lumbermill/src/dashboards/iot/components/Electro/electro.service.ts
index 606fe2301..85dad6e91 100644
--- a/apps/taiga-lumbermill/src/dashboards/iot/data/services/electro.service.ts
+++ b/apps/taiga-lumbermill/src/dashboards/iot/components/Electro/electro.service.ts
@@ -12,14 +12,12 @@ import {map, of} from 'rxjs';
 export class ElectroService {
     private readonly months$ = inject(TUI_MONTHS);
 
-    public data = new TuiDayRange(
+    public show = new TuiDayRange(
         TuiDay.currentLocal(),
         TuiDay.currentLocal().append({month: 3}),
     );
 
-    public show = this.data;
-
-    public days = this.random(this.data);
+    public days = this.random(this.show);
 
     public readonly maxLength: TuiDayLike = {month: 4};