sdc-ui buttons fix

Issue-ID: SDC-1237
Change-Id: I4912c7f9e81849ff68a4a5d432bf844f97cf031e
Signed-off-by: svishnev <shlomo-stanisla.vishnevetskiy@amdocs.com>

diff --git a/openecomp-ui/package.json b/openecomp-ui/package.json
index 6cd9f72..824a814 100644 (file)
--- a/openecomp-ui/package.json
+++ b/openecomp-ui/package.json
@@ -53,7 +53,7 @@
         "react-show-more": "^1.1.1",
         "react-sortable": "^1.2.0",
         "redux": "^3.7.2",
-        "sdc-ui": "1.6.27",
+        "sdc-ui": "1.6.32",
         "uuid-js": "^0.7.5",
         "validator": "^4.3.0"
     },

diff --git a/openecomp-ui/resources/scss/components/_validationForm.scss b/openecomp-ui/resources/scss/components/_validationForm.scss
index e1adb56..52408f5 100644 (file)
--- a/openecomp-ui/resources/scss/components/_validationForm.scss
+++ b/openecomp-ui/resources/scss/components/_validationForm.scss
@@ -95,6 +95,7 @@ form {
     text-align: right;
     button:first-child {
       margin-right: 15px;
+      min-width: 120px;
     }
                .svg-icon {
                        height: 14px;

diff --git a/openecomp-ui/resources/scss/modules/_softwareProductAttachmentPage.scss b/openecomp-ui/resources/scss/modules/_softwareProductAttachmentPage.scss
index ad98ec0..81a109c 100644 (file)
--- a/openecomp-ui/resources/scss/modules/_softwareProductAttachmentPage.scss
+++ b/openecomp-ui/resources/scss/modules/_softwareProductAttachmentPage.scss
@@ -40,9 +40,7 @@
     }
 
     .proceed-to-validation-btn {
-      width: 191px;
       margin-right: 30px;
-      height: 36px;
     }
     .go-to-overview-btn {
       width: 191px;

diff --git a/openecomp-ui/src/nfvo-components/fileupload/DraggableUploadFileBox.jsx b/openecomp-ui/src/nfvo-components/fileupload/DraggableUploadFileBox.jsx
index 0d47d85..2dfbf3a 100644 (file)
--- a/openecomp-ui/src/nfvo-components/fileupload/DraggableUploadFileBox.jsx
+++ b/openecomp-ui/src/nfvo-components/fileupload/DraggableUploadFileBox.jsx
@@ -46,7 +46,7 @@ class DraggableUploadFileBox extends Component {
                 <Button
                     type="button"
                     data-test-id={dataTestId}
-                    btnType="outline"
+                    btnType="secondary"
                     onClick={onClick}
                     disabled={isReadOnlyMode}>
                     {i18n('Select File')}

diff --git a/openecomp-ui/src/nfvo-components/input/validation/ValidationButtons.jsx b/openecomp-ui/src/nfvo-components/input/validation/ValidationButtons.jsx
index e460f68..9530b65 100644 (file)
--- a/openecomp-ui/src/nfvo-components/input/validation/ValidationButtons.jsx
+++ b/openecomp-ui/src/nfvo-components/input/validation/ValidationButtons.jsx
@@ -63,12 +63,13 @@ class ValidationButtons extends React.Component {
                     <div>
                         <Button
                             type="submit"
+                            btnType="primary"
                             data-test-id="form-submit-button"
                             disabled={!this.state.isValid}>
                             {submitBtn}
                         </Button>
                         <Button
-                            btnType="outline"
+                            btnType="secondary"
                             type="reset"
                             data-test-id="form-close-button">
                             {closeBtn}
@@ -76,7 +77,7 @@ class ValidationButtons extends React.Component {
                     </div>
                 ) : (
                     <Button
-                        btnType="outline"
+                        btnType="primary"
                         type="reset"
                         data-test-id="form-close-button">
                         {i18n('Close')}

diff --git a/openecomp-ui/src/nfvo-components/modal/GlobalModal.js b/openecomp-ui/src/nfvo-components/modal/GlobalModal.js
index 3f19bd7..3a80e73 100644 (file)
--- a/openecomp-ui/src/nfvo-components/modal/GlobalModal.js
+++ b/openecomp-ui/src/nfvo-components/modal/GlobalModal.js
@@ -57,6 +57,7 @@ const ModalFooter = ({
                     <Button
                         data-test-id="sdc-modal-confirm-button"
                         color={typeClass[type]}
+                        btnType="primary"
                         onClick={() => {
                             onConfirmed();
                             onClose();
@@ -67,7 +68,7 @@ const ModalFooter = ({
                 <Button
                     {...myPropsForNoConfirmed}
                     data-test-id="sdc-modal-cancel-button"
-                    btnType="outline"
+                    btnType="secondary"
                     color={typeClass[type]}
                     onClick={
                         onDeclined

diff --git a/openecomp-ui/src/nfvo-components/panel/versionController/VersionController.jsx b/openecomp-ui/src/nfvo-components/panel/versionController/VersionController.jsx
index c9c5789..5fe0892 100644 (file)
--- a/openecomp-ui/src/nfvo-components/panel/versionController/VersionController.jsx
+++ b/openecomp-ui/src/nfvo-components/panel/versionController/VersionController.jsx
@@ -64,11 +64,11 @@ class VersionController extends React.Component {
         } = this.props;
         return (
             <div className="version-controller-bar">
-                <div
-                    className={`vc-container ${
-                        candidateInProcess ? 'disabled' : ''
-                    }`}>
-                    <div className="version-status-container">
+                <div className="vc-container">
+                    <div
+                        className={`version-status-container ${
+                            candidateInProcess ? 'disabled' : ''
+                        }`}>
                         <VersionSelector
                             viewableVersions={viewableVersions}
                             version={version}

diff --git a/openecomp-ui/src/sdc-app/onboarding/licenseModel/entitlementPools/EntitlementPoolsEditorView.jsx b/openecomp-ui/src/sdc-app/onboarding/licenseModel/entitlementPools/EntitlementPoolsEditorView.jsx
index 46eda62..350dc0b 100644 (file)
--- a/openecomp-ui/src/sdc-app/onboarding/licenseModel/entitlementPools/EntitlementPoolsEditorView.jsx
+++ b/openecomp-ui/src/sdc-app/onboarding/licenseModel/entitlementPools/EntitlementPoolsEditorView.jsx
@@ -427,7 +427,7 @@ class EntitlementPoolsEditorView extends React.Component {
                 <GridSection className="license-model-modal-buttons entitlement-pools-editor-buttons">
                     {!this.state.selectedLimit && (
                         <Button
-                            btnType="default"
+                            btnType="primary"
                             disabled={!this.props.isFormValid || isReadOnlyMode}
                             onClick={() => this.submit()}
                             type="reset">
@@ -436,7 +436,7 @@ class EntitlementPoolsEditorView extends React.Component {
                     )}
                     <Button
                         btnType={
-                            this.state.selectedLimit ? 'default' : 'outline'
+                            this.state.selectedLimit ? 'primary' : 'secondary'
                         }
                         onClick={() => this.props.onCancel()}
                         type="reset">

diff --git a/openecomp-ui/src/sdc-app/onboarding/licenseModel/licenseKeyGroups/LicenseKeyGroupsEditorView.jsx b/openecomp-ui/src/sdc-app/onboarding/licenseModel/licenseKeyGroups/LicenseKeyGroupsEditorView.jsx
index a820f28..b53ce8f 100644 (file)
--- a/openecomp-ui/src/sdc-app/onboarding/licenseModel/licenseKeyGroups/LicenseKeyGroupsEditorView.jsx
+++ b/openecomp-ui/src/sdc-app/onboarding/licenseModel/licenseKeyGroups/LicenseKeyGroupsEditorView.jsx
@@ -445,7 +445,7 @@ class LicenseKeyGroupsEditorView extends React.Component {
                 <GridSection className="license-model-modal-buttons license-key-group-editor-buttons">
                     {!this.state.selectedLimit && (
                         <Button
-                            btnType="default"
+                            btnType="primary"
                             disabled={!this.props.isFormValid || isReadOnlyMode}
                             onClick={() => this.submit()}
                             type="reset">
@@ -454,7 +454,7 @@ class LicenseKeyGroupsEditorView extends React.Component {
                     )}
                     <Button
                         btnType={
-                            this.state.selectedLimit ? 'default' : 'outline'
+                            this.state.selectedLimit ? 'primary' : 'secondary'
                         }
                         onClick={() => this.props.onCancel()}
                         type="reset">

diff --git a/openecomp-ui/src/sdc-app/onboarding/licenseModel/limits/LimitEditor.jsx b/openecomp-ui/src/sdc-app/onboarding/licenseModel/limits/LimitEditor.jsx
index 0d1d4ea..455daaa 100644 (file)
--- a/openecomp-ui/src/sdc-app/onboarding/licenseModel/limits/LimitEditor.jsx
+++ b/openecomp-ui/src/sdc-app/onboarding/licenseModel/limits/LimitEditor.jsx
@@ -301,15 +301,14 @@ class LimitEditor extends React.Component {
                         </GridSection>
                         <GridSection className="limit-editor-buttons">
                             <Button
-                                btnType="outline"
+                                btnType="primary"
                                 disabled={!isFormValid || isReadOnlyMode}
                                 onClick={() => this.submit()}
                                 type="reset">
                                 {i18n('Save')}
                             </Button>
                             <Button
-                                btnType="outline"
-                                color="gray"
+                                btnType="secondary"
                                 onClick={onCancel}
                                 type="reset">
                                 {i18n('Cancel')}

diff --git a/openecomp-ui/src/sdc-app/onboarding/onboard/filter/FilterComponents.jsx b/openecomp-ui/src/sdc-app/onboarding/onboard/filter/FilterComponents.jsx
index 65ec733..b114941 100644 (file)
--- a/openecomp-ui/src/sdc-app/onboarding/onboard/filter/FilterComponents.jsx
+++ b/openecomp-ui/src/sdc-app/onboarding/onboard/filter/FilterComponents.jsx
@@ -38,14 +38,21 @@ export const ItemStatus = ({ data, onDataChanged, byVendorView }) => (
     </Input>
 );
 
-const FilterList = ({ title, items, groupKey, onDataChanged, data }) => {
+const FilterList = ({
+    title,
+    items,
+    groupKey,
+    onDataChanged,
+    data,
+    dataTestId
+}) => {
     let onChange = value => {
         let obj = {};
         obj[groupKey] = { ...data[groupKey], ...value };
         onDataChanged(obj);
     };
     return (
-        <Accordion title={title}>
+        <Accordion defaultExpanded dataTestId={dataTestId} title={title}>
             <Checklist items={items} onChange={onChange} />
         </Accordion>
     );
@@ -73,13 +80,14 @@ export const EntityType = ({ data, onDataChanged }) => {
         },
         {
             label: i18n('VLM'),
-            dataTestId: 'catalog-ilter-type-vlm',
+            dataTestId: 'catalog-filter-type-vlm',
             value: 'vlm',
             checked: data.itemType && data.itemType.vlm
         }
     ];
     return (
         <FilterList
+            dataTestId="catalog-filter-entity-type"
             title={i18n('ENTITY TYPE')}
             items={items}
             onDataChanged={onDataChanged}
@@ -107,6 +115,7 @@ export const Permissions = ({ data, onDataChanged }) => {
 
     return (
         <FilterList
+            dataTestId="catalog-filter-permissions"
             title={i18n('PERMISSIONS')}
             items={items}
             onDataChanged={onDataChanged}
@@ -135,6 +144,7 @@ export const OnboardingProcedure = ({ data, onDataChanged }) => {
 
     return (
         <FilterList
+            dataTestId="catalog-filter-onboarding-procedure"
             title={i18n('ONBOARDING PROCEDURE')}
             items={items}
             onDataChanged={onDataChanged}

diff --git a/openecomp-ui/src/sdc-app/onboarding/softwareProduct/attachments/SoftwareProductAttachmentsView.jsx b/openecomp-ui/src/sdc-app/onboarding/softwareProduct/attachments/SoftwareProductAttachmentsView.jsx
index 2007493..08145be 100644 (file)
--- a/openecomp-ui/src/sdc-app/onboarding/softwareProduct/attachments/SoftwareProductAttachmentsView.jsx
+++ b/openecomp-ui/src/sdc-app/onboarding/softwareProduct/attachments/SoftwareProductAttachmentsView.jsx
@@ -62,6 +62,7 @@ class HeatScreenView extends Component {
                     {activeTab === tabsMapping.SETUP &&
                         candidateInProcess && (
                             <Button
+                                size="default"
                                 data-test-id="proceed-to-validation-btn"
                                 disabled={!isValidationAvailable}
                                 className="proceed-to-validation-btn"
@@ -83,7 +84,7 @@ class HeatScreenView extends Component {
                     {activeTab === tabsMapping.VALIDATION &&
                         softwareProductId && (
                             <Button
-                                btnType="outline"
+                                btnType="secondary"
                                 data-test-id="go-to-overview"
                                 disabled={this.props.goToOverview !== true}
                                 className="go-to-overview-btn"

diff --git a/openecomp-ui/yarn.lock b/openecomp-ui/yarn.lock
index ac8d757..2ef15af 100644 (file)
--- a/openecomp-ui/yarn.lock
+++ b/openecomp-ui/yarn.lock
@@ -9459,9 +9459,9 @@ scss-tokenizer@^0.2.3:
     js-base64 "^2.1.8"
     source-map "^0.4.2"
 
-sdc-ui@1.6.27:
-  version "1.6.27"
-  resolved "https://registry.yarnpkg.com/sdc-ui/-/sdc-ui-1.6.27.tgz#d4ade66b5792355fe5758e2b7231a11c1d4c137f"
+sdc-ui@1.6.32:
+  version "1.6.32"
+  resolved "https://registry.yarnpkg.com/sdc-ui/-/sdc-ui-1.6.32.tgz#ce05f10a6923fa5c3865d17e3f34b7751681ee3f"
   dependencies:
     "@angular/common" "~2.4.8"
     "@angular/core" "~2.4.8"