Skip to content

Commit 4997d78

Browse files
tylercchasetylercchase
authored
feat: Update control flow syntax (#2370)
* chore: control flow migration tool * fix: duplicate template names * fix: ngSwitch case * chore: rerun migration tool with errors fixed * fix: flow regression
1 parent 0f7473d commit 4997d78

112 files changed

Lines changed: 8885 additions & 8523 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎src/app/components/baseline-chart/baseline-chart.component.html‎

Lines changed: 30 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -1,25 +1,31 @@
1-
<div *ngIf="breakpoint$ | async as breakpoint">
2-
<ul>
3-
<li>
4-
<div class="box reference-box"></div>
5-
{{ 'REFERENCE' | translate }}
6-
</li>
7-
<li>
8-
<div class="box selected-box"></div>
9-
{{ 'SELECTED' | translate }}
10-
</li>
11-
<li>
12-
<div class="box download-box"></div>
13-
{{ 'DOWNLOADS' | translate }}
14-
</li>
15-
<li *ngIf="breakpoint === breakpoints.MOBILE">
16-
<div class="box baseline-box"></div>
17-
{{ 'CRITICAL_BASELINE_ABBR' | translate }}
18-
</li>
19-
<li *ngIf="breakpoint !== breakpoints.MOBILE">
20-
<div class="box baseline-box"></div>
21-
{{ 'CRITICAL_BASELINE' | translate }}
22-
</li>
23-
</ul>
24-
</div>
1+
@if (breakpoint$ | async; as breakpoint) {
2+
<div>
3+
<ul>
4+
<li>
5+
<div class="box reference-box"></div>
6+
{{ 'REFERENCE' | translate }}
7+
</li>
8+
<li>
9+
<div class="box selected-box"></div>
10+
{{ 'SELECTED' | translate }}
11+
</li>
12+
<li>
13+
<div class="box download-box"></div>
14+
{{ 'DOWNLOADS' | translate }}
15+
</li>
16+
@if (breakpoint === breakpoints.MOBILE) {
17+
<li>
18+
<div class="box baseline-box"></div>
19+
{{ 'CRITICAL_BASELINE_ABBR' | translate }}
20+
</li>
21+
}
22+
@if (breakpoint !== breakpoints.MOBILE) {
23+
<li>
24+
<div class="box baseline-box"></div>
25+
{{ 'CRITICAL_BASELINE' | translate }}
26+
</li>
27+
}
28+
</ul>
29+
</div>
30+
}
2531
<div #baselineChart id="baseline-chart" (resized)="onResized()"></div>

‎src/app/components/filters-dropdown/baseline-filters/baseline-filters.component.html‎

Lines changed: 114 additions & 114 deletions
Original file line numberDiff line numberDiff line change
@@ -1,126 +1,126 @@
11
<mat-accordion multi>
2-
<mat-expansion-panel
3-
*ngIf="(breakpoint$ | async) === breakpoints.MOBILE"
4-
[expanded]="defaultPanelOpenState"
5-
[disabled]="panelIsDisabled"
6-
(click)="selectPanel(panels.SEARCH)"
7-
[class.raised-section]="isSelected(panels.SEARCH)"
8-
>
9-
<mat-expansion-panel-header
10-
[collapsedHeight]="customCollapsedHeight"
11-
[expandedHeight]="customExpandedHeight"
2+
@if ((breakpoint$ | async) === breakpoints.MOBILE) {
3+
<mat-expansion-panel
4+
[expanded]="defaultPanelOpenState"
5+
[disabled]="panelIsDisabled"
6+
(click)="selectPanel(panels.SEARCH)"
7+
[class.raised-section]="isSelected(panels.SEARCH)"
128
>
13-
<mat-panel-title>
14-
{{ 'SEARCH_OPTIONS' | translate }}
15-
</mat-panel-title>
16-
</mat-expansion-panel-header>
17-
18-
<div style="display: flex; margin-top: 25px">
19-
<app-search-type-selector style="margin-right: 10px">
20-
</app-search-type-selector>
21-
</div>
22-
</mat-expansion-panel>
23-
24-
<mat-expansion-panel
25-
*ngIf="(breakpoint$ | async) === breakpoints.MOBILE || !areResultsLoaded"
26-
[expanded]="defaultPanelOpenState"
27-
[disabled]="panelIsDisabled"
28-
(click)="selectPanel(panels.MASTER)"
29-
[class.raised-section]="isSelected(panels.MASTER)"
30-
>
31-
<mat-expansion-panel-header
32-
[collapsedHeight]="customCollapsedHeight"
33-
[expandedHeight]="customExpandedHeight"
34-
>
35-
<mat-panel-title>
36-
{{ 'SCENE' | translate }}
37-
</mat-panel-title>
38-
</mat-expansion-panel-header>
39-
40-
<div class="w100" style="display: flex; margin-top: 25px">
41-
<app-baseline-frame-reference-toggle></app-baseline-frame-reference-toggle>
42-
<div style="display: flex; flex-direction: column" class="w100">
43-
@if (shouldUseFramesForReference) {
44-
<app-dataset-selector
45-
class="w100"
46-
[(selected)]="selectedDataset"
47-
(selectedChange)="onDatasetChange($event)"
48-
[datasets]="datasets"
49-
></app-dataset-selector>
50-
}
51-
<app-master-scene-selector class="w100"></app-master-scene-selector>
52-
</div>
53-
</div>
54-
<div class="bl-example">
55-
{{ 'EXAMPLE' | translate }}:
56-
S1A_IW_SLC__1SSV_20150601T010209_20150601T010236_006173_00808F_20A0
57-
<app-copy-to-clipboard
58-
value="S1A_IW_SLC__1SSV_20150601T010209_20150601T010236_006173_00808F_20A0"
59-
prompt="{{ 'COPY_NAME' | translate }}"
60-
style="margin: 0 3px"
61-
class="clipboard-icon"
62-
>
63-
</app-copy-to-clipboard>
64-
</div>
65-
<div>
66-
<app-docs-modal
67-
url="https://docs.asf.alaska.edu/vertex/baseline/"
68-
text="{{ 'WHAT_IS_BASELINE' | translate }}?"
9+
<mat-expansion-panel-header
10+
[collapsedHeight]="customCollapsedHeight"
11+
[expandedHeight]="customExpandedHeight"
6912
>
70-
</app-docs-modal>
71-
</div>
72-
</mat-expansion-panel>
13+
<mat-panel-title>
14+
{{ 'SEARCH_OPTIONS' | translate }}
15+
</mat-panel-title>
16+
</mat-expansion-panel-header>
17+
<div style="display: flex; margin-top: 25px">
18+
<app-search-type-selector style="margin-right: 10px">
19+
</app-search-type-selector>
20+
</div>
21+
</mat-expansion-panel>
22+
}
7323

74-
<mat-expansion-panel
75-
[expanded]="defaultPanelOpenState"
76-
[disabled]="panelIsDisabled"
77-
(click)="selectPanel(panels.DATE)"
78-
*ngIf="areResultsLoaded"
79-
[class.raised-section]="isSelected(panels.DATE)"
80-
>
81-
<mat-expansion-panel-header
82-
[collapsedHeight]="customCollapsedHeight"
83-
[expandedHeight]="customExpandedHeight"
24+
@if ((breakpoint$ | async) === breakpoints.MOBILE || !areResultsLoaded) {
25+
<mat-expansion-panel
26+
[expanded]="defaultPanelOpenState"
27+
[disabled]="panelIsDisabled"
28+
(click)="selectPanel(panels.MASTER)"
29+
[class.raised-section]="isSelected(panels.MASTER)"
8430
>
85-
<mat-panel-title style="align-items: center">
86-
{{ 'DATA_FILTERS' | translate }}
31+
<mat-expansion-panel-header
32+
[collapsedHeight]="customCollapsedHeight"
33+
[expandedHeight]="customExpandedHeight"
34+
>
35+
<mat-panel-title>
36+
{{ 'SCENE' | translate }}
37+
</mat-panel-title>
38+
</mat-expansion-panel-header>
39+
<div class="w100" style="display: flex; margin-top: 25px">
40+
<app-baseline-frame-reference-toggle></app-baseline-frame-reference-toggle>
41+
<div style="display: flex; flex-direction: column" class="w100">
42+
@if (shouldUseFramesForReference) {
43+
<app-dataset-selector
44+
class="w100"
45+
[(selected)]="selectedDataset"
46+
(selectedChange)="onDatasetChange($event)"
47+
[datasets]="datasets"
48+
></app-dataset-selector>
49+
}
50+
<app-master-scene-selector class="w100"></app-master-scene-selector>
51+
</div>
52+
</div>
53+
<div class="bl-example">
54+
{{ 'EXAMPLE' | translate }}:
55+
S1A_IW_SLC__1SSV_20150601T010209_20150601T010236_006173_00808F_20A0
56+
<app-copy-to-clipboard
57+
value="S1A_IW_SLC__1SSV_20150601T010209_20150601T010236_006173_00808F_20A0"
58+
prompt="{{ 'COPY_NAME' | translate }}"
59+
style="margin: 0 3px"
60+
class="clipboard-icon"
61+
>
62+
</app-copy-to-clipboard>
63+
</div>
64+
<div>
8765
<app-docs-modal
88-
class="info-icon"
89-
url="https://docs.asf.alaska.edu/vertex/manual/#date-filters"
66+
url="https://docs.asf.alaska.edu/vertex/baseline/"
67+
text="{{ 'WHAT_IS_BASELINE' | translate }}?"
9068
>
9169
</app-docs-modal>
92-
</mat-panel-title>
93-
</mat-expansion-panel-header>
94-
95-
<div style="margin-top: 20px">
96-
<app-date-selector></app-date-selector>
97-
</div>
98-
<div style="margin-top: 20px">
99-
<app-season-selector></app-season-selector>
100-
</div>
101-
</mat-expansion-panel>
70+
</div>
71+
</mat-expansion-panel>
72+
}
10273

103-
<mat-expansion-panel
104-
[expanded]="defaultPanelOpenState"
105-
[disabled]="panelIsDisabled"
106-
(click)="selectPanel(panels.BASELINE)"
107-
*ngIf="areResultsLoaded"
108-
[class.raised-section]="isSelected(panels.BASELINE)"
109-
>
110-
<mat-expansion-panel-header
111-
[collapsedHeight]="customCollapsedHeight"
112-
[expandedHeight]="customExpandedHeight"
74+
@if (areResultsLoaded) {
75+
<mat-expansion-panel
76+
[expanded]="defaultPanelOpenState"
77+
[disabled]="panelIsDisabled"
78+
(click)="selectPanel(panels.DATE)"
79+
[class.raised-section]="isSelected(panels.DATE)"
11380
>
114-
<mat-panel-title style="align-items: center">
115-
{{ 'BASELINE_CRITERIA' | translate }}
116-
<app-docs-modal
117-
class="info-icon"
118-
url="https://docs.asf.alaska.edu/vertex/baseline/#baseline-criteria"
119-
>
120-
</app-docs-modal>
121-
</mat-panel-title>
122-
</mat-expansion-panel-header>
81+
<mat-expansion-panel-header
82+
[collapsedHeight]="customCollapsedHeight"
83+
[expandedHeight]="customExpandedHeight"
84+
>
85+
<mat-panel-title style="align-items: center">
86+
{{ 'DATA_FILTERS' | translate }}
87+
<app-docs-modal
88+
class="info-icon"
89+
url="https://docs.asf.alaska.edu/vertex/manual/#date-filters"
90+
>
91+
</app-docs-modal>
92+
</mat-panel-title>
93+
</mat-expansion-panel-header>
94+
<div style="margin-top: 20px">
95+
<app-date-selector></app-date-selector>
96+
</div>
97+
<div style="margin-top: 20px">
98+
<app-season-selector></app-season-selector>
99+
</div>
100+
</mat-expansion-panel>
101+
}
123102

124-
<app-baseline-sliders></app-baseline-sliders>
125-
</mat-expansion-panel>
103+
@if (areResultsLoaded) {
104+
<mat-expansion-panel
105+
[expanded]="defaultPanelOpenState"
106+
[disabled]="panelIsDisabled"
107+
(click)="selectPanel(panels.BASELINE)"
108+
[class.raised-section]="isSelected(panels.BASELINE)"
109+
>
110+
<mat-expansion-panel-header
111+
[collapsedHeight]="customCollapsedHeight"
112+
[expandedHeight]="customExpandedHeight"
113+
>
114+
<mat-panel-title style="align-items: center">
115+
{{ 'BASELINE_CRITERIA' | translate }}
116+
<app-docs-modal
117+
class="info-icon"
118+
url="https://docs.asf.alaska.edu/vertex/baseline/#baseline-criteria"
119+
>
120+
</app-docs-modal>
121+
</mat-panel-title>
122+
</mat-expansion-panel-header>
123+
<app-baseline-sliders></app-baseline-sliders>
124+
</mat-expansion-panel>
125+
}
126126
</mat-accordion>

0 commit comments

Comments
 (0)