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
--- 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
--- a/openecomp-ui/resources/scss/components/_validationForm.scss
+++ b/openecomp-ui/resources/scss/components/_validationForm.scss
@@ -95,6 +95,7 @@
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
--- 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
--- a/openecomp-ui/src/nfvo-components/fileupload/DraggableUploadFileBox.jsx
+++ b/openecomp-ui/src/nfvo-components/fileupload/DraggableUploadFileBox.jsx
@@ -46,7 +46,7 @@
<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
--- a/openecomp-ui/src/nfvo-components/input/validation/ValidationButtons.jsx
+++ b/openecomp-ui/src/nfvo-components/input/validation/ValidationButtons.jsx
@@ -63,12 +63,13 @@
<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 @@
</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
--- a/openecomp-ui/src/nfvo-components/modal/GlobalModal.js
+++ b/openecomp-ui/src/nfvo-components/modal/GlobalModal.js
@@ -57,6 +57,7 @@
<Button
data-test-id="sdc-modal-confirm-button"
color={typeClass[type]}
+ btnType="primary"
onClick={() => {
onConfirmed();
onClose();
@@ -67,7 +68,7 @@
<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
--- a/openecomp-ui/src/nfvo-components/panel/versionController/VersionController.jsx
+++ b/openecomp-ui/src/nfvo-components/panel/versionController/VersionController.jsx
@@ -64,11 +64,11 @@
} = 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
--- 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 @@
<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 @@
)}
<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
--- 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 @@
<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 @@
)}
<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
--- 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 @@
</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
--- 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 @@
</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 @@
},
{
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 @@
return (
<FilterList
+ dataTestId="catalog-filter-permissions"
title={i18n('PERMISSIONS')}
items={items}
onDataChanged={onDataChanged}
@@ -135,6 +144,7 @@
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
--- 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 @@
{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 @@
{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
--- a/openecomp-ui/yarn.lock
+++ b/openecomp-ui/yarn.lock
@@ -9459,9 +9459,9 @@
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"