Enhance: the header of add label component will passed by parant

Make the header word of label to be a input argument.

Signed-off-by: Qian Deng <dengq@vmware.com>
This commit is contained in:
Qian Deng 2018-11-27 14:45:08 +08:00
parent d484025fa1
commit 59b47ba29b
4 changed files with 5 additions and 9 deletions

View File

@ -58,6 +58,7 @@
[projectName]="projectName"
[resource]="selectedRows[0]"
[resourceType]="resourceType"
[addLabelHeaders]="addLabelHeaders"
(changeEvt)="onLabelChange(selectedRows[0])">
</hbr-resource-label-marker>
</clr-dropdown-menu>

View File

@ -81,6 +81,8 @@ export class ChartVersionComponent implements OnInit {
chartFile: File;
provFile: File;
addLabelHeaders = 'HELM_CHART.ADD_LABEL_TO_CHART_VERSION';
@ViewChild("confirmationDialog")
confirmationDialog: ConfirmationDialogComponent;

View File

@ -20,6 +20,7 @@ export class LabelMarkerComponent implements OnInit {
@Input() projectName: string;
@Input() resource: RepositoryItem | HelmChartVersion;
@Input() resourceType: ResourceType;
@Input() addLabelHeaders: string;
@Output() changeEvt = new EventEmitter<any>();
labelFilter = '';
@ -143,12 +144,4 @@ export class LabelMarkerComponent implements OnInit {
}
});
}
get addLabelHeaders(): string {
if (this.resourceType === ResourceType.CHART_VERSION) {
return 'HELM_CHART.ADD_LABEL_TO_CHART_VERSION';
} else {
return 'REPOSITORY.ADD_LABEL_TO_IMAGE';
}
}
}

View File

@ -63,7 +63,7 @@
<button type="button" class="btn btn-sm btn-secondary" clrDropdownTrigger [disabled]="!(selectedRow.length==1 && developerRoleOrAbove)" (click)="addLabels(selectedRow)" ><clr-icon shape="plus" size="16"></clr-icon>{{'REPOSITORY.ADD_LABELS' | translate}}</button>
<clr-dropdown-menu clrPosition="bottom-left" *clrIfOpen>
<div style='display:grid'>
<label class="dropdown-header">{{'REPOSITORY.ADD_TO_IMAGE' | translate}}</label>
<label class="dropdown-header">{{'REPOSITORY.ADD_LABEL_TO_IMAGE' | translate}}</label>
<div class="form-group"><input type="text" placeholder="Filter labels" [(ngModel)]="stickName" (keyup)="handleStickInputFilter()"></div>
<div [hidden]='imageStickLabels.length' style="padding-left:10px;">{{'LABEL.NO_LABELS' | translate }}</div>
<div [hidden]='!imageStickLabels.length' style='max-height:300px;overflow-y: auto;'>