Skip to content

Commit 9203121

Browse files
sawankshrmasawankshrma
committed
lint fix
1 parent a7e6501 commit 9203121

File tree

4 files changed

+49
-33
lines changed

4 files changed

+49
-33
lines changed

‎src/app/component/report-config-modal/report-config-modal.component.html‎

Lines changed: 37 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,28 +1,38 @@
11
<h2 mat-dialog-title align="center">Report Configuration</h2>
22

33
<mat-dialog-content class="config-content">
4-
54
<!-- Display Configuration -->
65
<div class="config-section">
76
<h3>Display Configuration</h3>
87

98
<div class="config-row">
109
<span class="config-row-label">Column Grouping:</span>
11-
<mat-button-toggle-group class = "column-toggle" [value]="config.columnGrouping" (change)="setColumnGrouping($event.value)">
10+
<mat-button-toggle-group
11+
class="column-toggle"
12+
[value]="config.columnGrouping"
13+
(change)="setColumnGrouping($event.value)">
1214
<mat-button-toggle value="byProgress">By Progress Stage</mat-button-toggle>
1315
<mat-button-toggle value="byTeam">By Team</mat-button-toggle>
1416
</mat-button-toggle-group>
1517
</div>
1618

17-
<mat-checkbox [checked]="config.showDescription"
18-
(change)="toggleAttribute('showDescription')">
19-
Show Description
20-
</mat-checkbox>
19+
<mat-checkbox [checked]="config.showDescription" (change)="toggleAttribute('showDescription')">
20+
Show Description
21+
</mat-checkbox>
2122

2223
<div class="config-row slider-row" *ngIf="config.showDescription">
23-
<span class="config-row-label">Description Word Cap: <strong>{{ config.descriptionWordCap }}</strong></span>
24-
<mat-slider class="word-cap-slider" min="5" [max]="maxWordCap" step="5" thumbLabel [displayWith]="wordCapLabel"
25-
[value]="config.descriptionWordCap" (input)="onWordCapChange($event)">
24+
<span class="config-row-label"
25+
>Description Word Cap: <strong>{{ config.descriptionWordCap }}</strong></span
26+
>
27+
<mat-slider
28+
class="word-cap-slider"
29+
min="5"
30+
[max]="maxWordCap"
31+
step="5"
32+
thumbLabel
33+
[displayWith]="wordCapLabel"
34+
[value]="config.descriptionWordCap"
35+
(input)="onWordCapChange($event)">
2636
</mat-slider>
2737
</div>
2838
</div>
@@ -36,7 +46,10 @@ <h3>Teams</h3>
3646
<div class="select-all-actions">
3747
<button mat-button color="primary" (click)="selectAllTeams()">Select All</button>
3848
<button mat-button (click)="deselectAllTeams()">Deselect All</button>
39-
<button *ngIf="groupNames.length > 0" mat-stroked-button [matMenuTriggerFor]="groupMenu"
49+
<button
50+
*ngIf="groupNames.length > 0"
51+
mat-stroked-button
52+
[matMenuTriggerFor]="groupMenu"
4053
class="group-dropdown-btn">
4154
<mat-icon>group</mat-icon>
4255
Select Group
@@ -49,7 +62,10 @@ <h3>Teams</h3>
4962
</mat-menu>
5063
</div>
5164
<div class="checkbox-grid">
52-
<mat-checkbox *ngFor="let team of allTeams" [checked]="isTeamSelected(team)" (change)="toggleTeam(team)">
65+
<mat-checkbox
66+
*ngFor="let team of allTeams"
67+
[checked]="isTeamSelected(team)"
68+
(change)="toggleTeam(team)">
5369
{{ team }}
5470
</mat-checkbox>
5571
</div>
@@ -62,7 +78,9 @@ <h3>Teams</h3>
6278
<h3>Dimensions</h3>
6379
<p class="config-hint">Uncheck dimensions to exclude all their activities.</p>
6480
<div class="checkbox-grid">
65-
<mat-checkbox *ngFor="let dim of allDimensions" [checked]="!isDimensionExcluded(dim)"
81+
<mat-checkbox
82+
*ngFor="let dim of allDimensions"
83+
[checked]="!isDimensionExcluded(dim)"
6684
(change)="toggleDimension(dim)">
6785
{{ dim }}
6886
</mat-checkbox>
@@ -76,7 +94,9 @@ <h3>Dimensions</h3>
7694
<h3>Subdimensions</h3>
7795
<p class="config-hint">Uncheck subdimensions to exclude their activities.</p>
7896
<div class="checkbox-grid subdimension-grid">
79-
<mat-checkbox *ngFor="let subdim of allSubdimensions" [checked]="!isSubdimensionExcluded(subdim)"
97+
<mat-checkbox
98+
*ngFor="let subdim of allSubdimensions"
99+
[checked]="!isSubdimensionExcluded(subdim)"
80100
(change)="toggleSubdimension(subdim)">
81101
{{ subdim }}
82102
</mat-checkbox>
@@ -95,7 +115,9 @@ <h3>Individual Activities</h3>
95115
<mat-icon matSuffix>search</mat-icon>
96116
</mat-form-field>
97117
<div class="activity-list">
98-
<mat-checkbox *ngFor="let activity of filteredActivities" [checked]="!isActivityExcluded(activity.uuid)"
118+
<mat-checkbox
119+
*ngFor="let activity of filteredActivities"
120+
[checked]="!isActivityExcluded(activity.uuid)"
99121
(change)="toggleActivity(activity.uuid)">
100122
<span class="activity-checkbox-label">
101123
<span class="activity-name">{{ activity.name }}</span>
@@ -106,12 +128,11 @@ <h3>Individual Activities</h3>
106128
</div>
107129

108130
<mat-divider></mat-divider>
109-
110131
</mat-dialog-content>
111132

112133
<mat-dialog-actions align="end">
113134
<button mat-button (click)="onCancel()">Cancel</button>
114135
<button mat-raised-button color="primary" (click)="onSave()">
115136
Save Configuration and Generate Report
116137
</button>
117-
</mat-dialog-actions>
138+
</mat-dialog-actions>

‎src/app/component/report-config-modal/report-config-modal.component.ts‎

Lines changed: 4 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,6 @@
11
import { Component, Inject } from '@angular/core';
22
import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
3-
import {
4-
ReportConfig,
5-
ColumnGrouping,
6-
MAX_DESCRIPTION_WORD_CAP
7-
} from '../../model/report-config';
3+
import { ReportConfig, ColumnGrouping, MAX_DESCRIPTION_WORD_CAP } from '../../model/report-config';
84
import { Activity } from '../../model/activity-store';
95
import { ProgressTitle, TeamGroups } from '../../model/types';
106

@@ -143,9 +139,9 @@ export class ReportConfigModalComponent {
143139
a => a.name.toLowerCase().includes(query) || a.dimension.toLowerCase().includes(query)
144140
);
145141
}
146-
toggleAttribute(key: "showDescription"): void {
147-
this.config[key] = !this.config[key];
148-
}
142+
toggleAttribute(key: 'showDescription'): void {
143+
this.config[key] = !this.config[key];
144+
}
149145

150146
// --- Actions ---
151147
onSave(): void {

‎src/app/pages/report/report.component.html‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,6 @@
2929
</div>
3030

3131
<div *ngIf="!isLoading && filteredDimensions.length > 0" class="report-body">
32-
3332
<!-- Overview Section -->
3433
<section class="overview-section">
3534
<h2 class="section-title">Overview</h2>
@@ -57,10 +56,9 @@ <h2 class="section-title">Overview</h2>
5756
</tbody>
5857
</table>
5958

60-
<span *ngIf="reportConfig.columnGrouping === 'byTeam'" class= "legend">
59+
<span *ngIf="reportConfig.columnGrouping === 'byTeam'" class="legend">
6160
'—' - No progress | '◐' - Partly Implemented | '✓' - Fully Implemented
6261
</span>
63-
6462
</section>
6563

6664
<section *ngFor="let dimension of filteredDimensions" class="dimension-section">
@@ -91,8 +89,11 @@ <h3 class="subdimension-title">{{ subDimension.name }}</h3>
9189
<td class="cell-level">{{ activity.level }}</td>
9290
<td class="cell-activity">{{ activity.name }}</td>
9391
<td *ngIf="reportConfig.showDescription" class="cell-description">
94-
<div class="description-content"
95-
[innerHTML]="renderCappedDescription(activity.description, reportConfig.descriptionWordCap)"></div>
92+
<div
93+
class="description-content"
94+
[innerHTML]="
95+
renderCappedDescription(activity.description, reportConfig.descriptionWordCap)
96+
"></div>
9697
</td>
9798

9899
<!-- Option A cells -->
@@ -113,6 +114,5 @@ <h3 class="subdimension-title">{{ subDimension.name }}</h3>
113114
</table>
114115
</div>
115116
</section>
116-
117117
</div>
118-
</div>
118+
</div>

‎src/app/pages/report/report.component.ts‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -223,7 +223,6 @@ export class ReportComponent implements OnInit {
223223
return teams.join(', ') || '—';
224224
}
225225

226-
227226
truncateWords(text: any, max: number): string {
228227
if (!text) return '';
229228
const str = String(text);
@@ -246,7 +245,7 @@ export class ReportComponent implements OnInit {
246245
return rendered;
247246
}
248247

249-
// Truncate text nodes in the DOM, preserving HTML structure
248+
// Truncate text nodes in the DOM, preserving HTML structure
250249
let remaining = wordCap;
251250
const truncateNode = (node: Node): boolean => {
252251
if (remaining <= 0) {

0 commit comments

Comments
 (0)