mirror of https://github.com/goharbor/harbor.git
62 lines
1.1 KiB
TypeScript
62 lines
1.1 KiB
TypeScript
import {
|
|
Component,
|
|
Input,
|
|
OnInit,
|
|
ChangeDetectionStrategy
|
|
} from "@angular/core";
|
|
|
|
@Component({
|
|
selector: "hbr-chart-detail-value",
|
|
templateUrl: "./chart-detail-value.component.html",
|
|
styleUrls: ["./chart-detail-value.component.scss"],
|
|
changeDetection: ChangeDetectionStrategy.OnPush
|
|
})
|
|
export class ChartDetailValueComponent implements OnInit {
|
|
@Input() values;
|
|
@Input() yaml;
|
|
|
|
// Default set to yaml file
|
|
valueMode = false;
|
|
valueHover = false;
|
|
yamlHover = true;
|
|
|
|
objKeys = Object.keys;
|
|
|
|
constructor() {}
|
|
|
|
ngOnInit(): void {
|
|
}
|
|
|
|
public get isValueMode() {
|
|
return this.valueMode;
|
|
}
|
|
|
|
isHovering(view: string) {
|
|
if (view === 'value') {
|
|
return this.valueHover ? true : false;
|
|
} else {
|
|
return this.yamlHover ? true : false;
|
|
}
|
|
}
|
|
|
|
showYamlFile(showYaml: boolean) {
|
|
this.valueMode = !showYaml;
|
|
}
|
|
|
|
mouseEnter(mode: string) {
|
|
if (mode === "value") {
|
|
this.valueHover = true;
|
|
} else {
|
|
this.yamlHover = true;
|
|
}
|
|
}
|
|
|
|
mouseLeave(mode: string) {
|
|
if (mode === "value") {
|
|
this.valueHover = false;
|
|
} else {
|
|
this.yamlHover = false;
|
|
}
|
|
}
|
|
}
|