summaryrefslogtreecommitdiffstats
path: root/catalog-ui/src
diff options
context:
space:
mode:
authordavsad <david.sadlier@est.tech>2021-09-23 16:59:57 +0100
committerMichael Morris <michael.morris@est.tech>2021-10-12 08:50:06 +0000
commit0db74a648b91d5affb32be5b5b3fa54e150710bb (patch)
tree2b7e21dc303f6c1b4c5b177baffb91763bc3c694 /catalog-ui/src
parentc65452a519e4c64fe23e42251d8237ada676f81c (diff)
Add a display name for the category metadataKeys entries
Issue-ID: SDC-3737 Signed-off-by: davsad <david.sadlier@est.tech> Change-Id: Ia9547f02267fd380feeef6be6af10beadd30457b
Diffstat (limited to 'catalog-ui/src')
-rw-r--r--catalog-ui/src/app/models/category.ts1
-rw-r--r--catalog-ui/src/app/view-models/workspace/tabs/general/general-view-model.ts8
-rw-r--r--catalog-ui/src/app/view-models/workspace/tabs/general/general-view.html8
3 files changed, 13 insertions, 4 deletions
diff --git a/catalog-ui/src/app/models/category.ts b/catalog-ui/src/app/models/category.ts
index 7819aae2f1..502020a57b 100644
--- a/catalog-ui/src/app/models/category.ts
+++ b/catalog-ui/src/app/models/category.ts
@@ -51,6 +51,7 @@ export interface IGroup extends ICategoryBase {
export interface IMetadataKey {
name:string;
+ displayName:string;
mandatory:boolean;
validValues: string[];
defaultValue: string;
diff --git a/catalog-ui/src/app/view-models/workspace/tabs/general/general-view-model.ts b/catalog-ui/src/app/view-models/workspace/tabs/general/general-view-model.ts
index e766e36899..c423028467 100644
--- a/catalog-ui/src/app/view-models/workspace/tabs/general/general-view-model.ts
+++ b/catalog-ui/src/app/view-models/workspace/tabs/general/general-view-model.ts
@@ -801,6 +801,14 @@ export class GeneralViewModel {
return [];
}
+ this.$scope.getMetadataDisplayName = (key: string): string => {
+ let metadataKey = this.getMetadataKey(this.$scope.component.categories, key);
+ if (metadataKey) {
+ return metadataKey.displayName ? metadataKey.displayName : metadataKey.name;
+ }
+ return "";
+ }
+
this.$scope.isMetadataKeyForComponentCategory = (key: string): boolean => {
return this.getMetadataKey(this.$scope.component.categories, key) != null;
}
diff --git a/catalog-ui/src/app/view-models/workspace/tabs/general/general-view.html b/catalog-ui/src/app/view-models/workspace/tabs/general/general-view.html
index a0199164cc..e7ce00b176 100644
--- a/catalog-ui/src/app/view-models/workspace/tabs/general/general-view.html
+++ b/catalog-ui/src/app/view-models/workspace/tabs/general/general-view.html
@@ -138,7 +138,7 @@
<div ng-if="isMetadataKeyForComponentCategory(key) && !isCategoryServiceMetadataKey(key) && getMetadataKeyValidValues(key) && isMetadataKeyMandatory(key)"
class="i-sdc-form-item"
data-ng-class="{'error': validateField(editForm['{{key}}'])}">
- <label class="i-sdc-form-label required" translate="{{key}}"></label>
+ <label class="i-sdc-form-label required" translate="{{getMetadataDisplayName(key)}}"></label>
<select class="i-sdc-form-select"
name="{{key}}"
data-ng-class="{'view-mode': isViewMode()}"
@@ -153,7 +153,7 @@
</div>
<div ng-if="isMetadataKeyForComponentCategory(key) && !isCategoryServiceMetadataKey(key) && getMetadataKeyValidValues(key) && !isMetadataKeyMandatory(key)"
class="i-sdc-form-item">
- <label class="i-sdc-form-label" translate="{{key}}"></label>
+ <label class="i-sdc-form-label" translate="{{getMetadataDisplayName(key)}}"></label>
<select class="i-sdc-form-select"
name="{{key}}"
data-ng-class="{'view-mode': isViewMode()}"
@@ -165,7 +165,7 @@
<div ng-if="isMetadataKeyForComponentCategory(key) && !isCategoryServiceMetadataKey(key) && !getMetadataKeyValidValues(key) && isMetadataKeyMandatory(key)"
class="i-sdc-form-item"
data-ng-class="{'error': validateField(editForm['{{key}}'])}">
- <label class="i-sdc-form-label required" translate="{{key}}"></label>
+ <label class="i-sdc-form-label required" translate="{{getMetadataDisplayName(key)}}"></label>
<input class="i-sdc-form-input" type="text"
data-required
data-ng-class="{'view-mode': isViewMode()}"
@@ -179,7 +179,7 @@
</div>
<div ng-if="isMetadataKeyForComponentCategory(key) && !isCategoryServiceMetadataKey(key) && !getMetadataKeyValidValues(key) && !isMetadataKeyMandatory(key)"
class="i-sdc-form-item">
- <label class="i-sdc-form-label" translate="{{key}}"></label>
+ <label class="i-sdc-form-label" translate="{{getMetadataDisplayName(key)}}"></label>
<input class="i-sdc-form-input" type="text"
data-ng-class="{'view-mode': isViewMode()}"
data-ng-model="component.categorySpecificMetadata[key]"