All files / app/codeCharta/ui/attributeSideBar attributeSideBar.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
4x
4x
 
4x
4x
4x
4x
 
4x
4x
4x
4x
 
 
 
 
 
 
 
 
 
 
 
 
 
4x
6x
6x
 
 
6x
6x
 
 
 
import { map } from "rxjs"
import { Component } from "@angular/core"
 
import { selectedNodeSelector } from "../../state/selectors/selectedNode.selector"
import { accumulatedDataSelector } from "../../state/selectors/accumulatedData/accumulatedData.selector"
import { IsAttributeSideBarVisibleService } from "../../services/isAttributeSideBarVisible.service"
import { Store } from "@ngrx/store"
import { CcState } from "../../codeCharta.model"
import { AttributeSideBarHeaderSectionComponent } from "./attributeSideBarHeaderSection/attributeSideBarHeaderSection.component"
import { AttributeSideBarPrimaryMetricsComponent } from "./attributeSideBarPrimaryMetrics/attributeSideBarPrimaryMetrics.component"
import { AttributeSideBarSecondaryMetricsComponent } from "./attributeSideBarSecondaryMetrics/attributeSideBarSecondaryMetrics.component"
import { AsyncPipe } from "@angular/common"
 
@Component({
    selector: "cc-attribute-side-bar",
    templateUrl: "./attributeSideBar.component.html",
    styleUrls: ["./attributeSideBar.component.scss"],
    standalone: true,
    imports: [
        AttributeSideBarHeaderSectionComponent,
        AttributeSideBarPrimaryMetricsComponent,
        AttributeSideBarSecondaryMetricsComponent,
        AsyncPipe
    ]
})
export class AttributeSideBarComponent {
    selectedNode$ = this.store.select(selectedNodeSelector)
    fileName$ = this.store.select(accumulatedDataSelector).pipe(map(accumulatedData => accumulatedData.unifiedFileMeta?.fileName ?? ""))
 
    constructor(
        public isAttributeSideBarVisibleService: IsAttributeSideBarVisibleService,
        private store: Store<CcState>
    ) {}
}