RIFT-15245: Vnfd-id edit in VNF composer behaves strangely

Signed-off-by: KIRAN KASHALKAR <kiran.kashalkar@riftio.com>

diff --git a/skyquake/plugins/composer/src/src/components/EditDescriptorModelProperties.js b/skyquake/plugins/composer/src/src/components/EditDescriptorModelProperties.js
index 4ee4345..d04dddf 100644 (file)
--- a/skyquake/plugins/composer/src/src/components/EditDescriptorModelProperties.js
+++ b/skyquake/plugins/composer/src/src/components/EditDescriptorModelProperties.js
@@ -178,8 +178,8 @@ export default function EditDescriptorModelProperties(props) {
                let catalogs = cds.getTransientCatalogs();
 
                const name = path.join('.');
-               const isEditable = true;
                const isGuid = Property.isGuid(property);
+               const isEditable = isGuid;
                const onChange = onFormFieldValueChanged.bind(container);
                const isEnumeration = Property.isEnumeration(property);
                const isLeafRef = Property.isLeafRef(property);

diff --git a/skyquake/plugins/composer/src/src/styles/EditDescriptorModelProperties.scss b/skyquake/plugins/composer/src/src/styles/EditDescriptorModelProperties.scss
index 48ce949..fcca9ef 100644 (file)
--- a/skyquake/plugins/composer/src/src/styles/EditDescriptorModelProperties.scss
+++ b/skyquake/plugins/composer/src/src/styles/EditDescriptorModelProperties.scss
@@ -305,5 +305,8 @@
                font-size: 10px;
                font-family: monospace;
        }
+       input[readonly='readonly'] {
+               background-color: $readonly-background-color;
+       }
 
 }

diff --git a/skyquake/plugins/composer/src/src/styles/_ColorGroups.scss b/skyquake/plugins/composer/src/src/styles/_ColorGroups.scss
index b0ea3fb..fe3ded4 100644 (file)
--- a/skyquake/plugins/composer/src/src/styles/_ColorGroups.scss
+++ b/skyquake/plugins/composer/src/src/styles/_ColorGroups.scss
@@ -28,4 +28,6 @@ $vnffgd-secondary-color: #2aa198;
 $common-primary-color: black;
 $common-secondary-color: white;
 $common-background-color: white;
-$common-foreground-color: black;
\ No newline at end of file
+$common-foreground-color: black;
+
+$readonly-background-color: #ffe;
\ No newline at end of file