All files / app/codeCharta/ui/customConfigs/customConfigList customConfigList.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
6x
6x
6x
6x
6x
6x
6x
6x
6x
6x
6x
6x
6x
6x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
6x
7x
7x
7x
7x
 
7x
 
 
2x
 
 
 
import { Component } from "@angular/core"
import { CustomConfigHelperService } from "../customConfigHelper.service"
import { debounce } from "../../../util/debounce"
import { MatToolbar } from "@angular/material/toolbar"
import { UploadCustomConfigButtonComponent } from "../uploadCustomConfigButton/uploadCustomConfigButton.component"
import { DownloadCustomConfigsButtonComponent } from "../downloadCustomConfigsButton/downloadCustomConfigsButton.component"
import { AddCustomConfigButtonComponent } from "../addCustomConfigButton/addCustomConfigButton.component"
import { CdkScrollable } from "@angular/cdk/scrolling"
import { MatDialogContent } from "@angular/material/dialog"
import { MatAccordion } from "@angular/material/expansion"
import { MatFormField, MatPrefix, MatLabel } from "@angular/material/form-field"
import { MatInput } from "@angular/material/input"
import { CustomConfigItemGroupComponent } from "./customConfigItemGroup/customConfigItemGroup.component"
import { NgClass, AsyncPipe } from "@angular/common"
 
@Component({
    selector: "cc-custom-config-list",
    templateUrl: "./customConfigList.component.html",
    styleUrls: ["./customConfigList.component.scss"],
    standalone: true,
    imports: [
        MatToolbar,
        UploadCustomConfigButtonComponent,
        DownloadCustomConfigsButtonComponent,
        AddCustomConfigButtonComponent,
        CdkScrollable,
        MatDialogContent,
        MatAccordion,
        MatFormField,
        MatPrefix,
        MatLabel,
        MatInput,
        CustomConfigItemGroupComponent,
        NgClass,
        AsyncPipe
    ]
})
export class CustomConfigListComponent {
    searchTerm = ""
    isNonApplicableListCollapsed = true
    searchPlaceholder = "Search by name, mode and metrics..."
    setSearchTermDebounced = debounce((event: Event) => (this.searchTerm = event.target["value"]), 400)
 
    constructor(public customConfigService: CustomConfigHelperService) {}
 
    toggleNonApplicableCustomConfigsList() {
        this.isNonApplicableListCollapsed = !this.isNonApplicableListCollapsed
    }
}