All files / app/codeCharta/ui/ribbonBar ribbonBar.component.ts

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
2x
2x
2x
2x
2x
 
2x
2x
2x
2x
2x
2x
2x
2x
2x
2x
2x
2x
2x
2x
2x
2x
2x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2x
5x
5x
 
5x
 
 
import { Component } from "@angular/core"
import { isDeltaStateSelector } from "../../state/selectors/isDeltaState.selector"
import { map } from "rxjs"
import { metricDataSelector } from "../../state/selectors/accumulatedData/metricData/metricData.selector"
import { Store } from "@ngrx/store"
import { CcState } from "../../codeCharta.model"
import { SearchPanelComponent } from "./searchPanel/searchPanel.component"
import { RibbonBarPanelComponent } from "./ribbonBarPanel/ribbonBarPanel.component"
import { ShowScenariosButtonComponent } from "./showScenariosButton/showScenariosButton.component"
import { CustomConfigsComponent } from "../customConfigs/customConfigs.component"
import { ArtificialIntelligenceComponent } from "./artificialIntelligence/artificialIntelligence.component"
import { AreaMetricChooserComponent } from "./areaMetricChooser/areaMetricChooser.component"
import { RibbonBarPanelSettingsComponent } from "./ribbonBarPanel/ribbonBarPanelSettings.component"
import { AreaSettingsPanelComponent } from "./areaSettingsPanel/areaSettingsPanel.component"
import { HeightMetricChooserComponent } from "./heightMetricChooser/heightMetricChooser.component"
import { HeightSettingsPanelComponent } from "./heightSettingsPanel/heightSettingsPanel.component"
import { MatCard } from "@angular/material/card"
import { LinkColorMetricToHeightMetricButtonComponent } from "./linkColorMetricToHeightMetricButton/linkColorMetricToHeightMetricButton.component"
import { ColorMetricChooserComponent } from "./colorMetricChooser/colorMetricChooser.component"
import { ColorSettingsPanelComponent } from "./colorSettingsPanel/colorSettingsPanel.component"
import { EdgeMetricChooserComponent } from "./edgeMetricChooser/edgeMetricChooser.component"
import { EdgeSettingsPanelComponent } from "./edgeSettingsPanel/edgeSettingsPanel.component"
import { AsyncPipe } from "@angular/common"
 
@Component({
    selector: "cc-ribbon-bar",
    templateUrl: "./ribbonBar.component.html",
    styleUrls: ["./ribbonBar.component.scss"],
    standalone: true,
    imports: [
        SearchPanelComponent,
        RibbonBarPanelComponent,
        ShowScenariosButtonComponent,
        CustomConfigsComponent,
        ArtificialIntelligenceComponent,
        AreaMetricChooserComponent,
        RibbonBarPanelSettingsComponent,
        AreaSettingsPanelComponent,
        HeightMetricChooserComponent,
        HeightSettingsPanelComponent,
        MatCard,
        LinkColorMetricToHeightMetricButtonComponent,
        ColorMetricChooserComponent,
        ColorSettingsPanelComponent,
        EdgeMetricChooserComponent,
        EdgeSettingsPanelComponent,
        AsyncPipe
    ]
})
export class RibbonBarComponent {
    isDeltaState$ = this.store.select(isDeltaStateSelector)
    hasEdgeMetric$ = this.store.select(metricDataSelector).pipe(map(metricData => metricData.edgeMetricData.length > 0))
 
    constructor(private readonly store: Store<CcState>) {}
}