Adding Prettier and fixing up eslint version

[sdc.git] / openecomp-ui / src / sdc-app / onboarding / licenseModel / overview / LicenseModelOverviewView.jsx

diff --git a/openecomp-ui/src/sdc-app/onboarding/licenseModel/overview/LicenseModelOverviewView.jsx b/openecomp-ui/src/sdc-app/onboarding/licenseModel/overview/LicenseModelOverviewView.jsx
index 39109af..6899360 100644 (file)
--- a/openecomp-ui/src/sdc-app/onboarding/licenseModel/overview/LicenseModelOverviewView.jsx
+++ b/openecomp-ui/src/sdc-app/onboarding/licenseModel/overview/LicenseModelOverviewView.jsx
@@ -23,87 +23,137 @@ import EntitlementPoolsEditor from '../entitlementPools/EntitlementPoolsEditor.j
 import FeatureGroupEditor from '../featureGroups/FeatureGroupEditor.js';
 import LicenseAgreementEditor from '../licenseAgreement/LicenseAgreementEditor.js';
 import LicenseKeyGroupsEditor from '../licenseKeyGroups/LicenseKeyGroupsEditor.js';
-import {overviewEditorHeaders, selectedButton} from './LicenseModelOverviewConstants.js';
+import {
+    overviewEditorHeaders,
+    selectedButton
+} from './LicenseModelOverviewConstants.js';
 
 import SummaryView from './SummaryView.jsx';
 import VLMListView from './VLMListView.jsx';
 import ListButtons from './summary/ListButtons.jsx';
 
-
-const setModalClassName = (modalHeader) => {
-       switch (modalHeader) {
-               case overviewEditorHeaders.ENTITLEMENT_POOL:
-                       return 'entitlement-pools-modal';
-               case overviewEditorHeaders.LICENSE_AGREEMENT:
-                       return 'license-agreement-modal';
-               case overviewEditorHeaders.FEATURE_GROUP:
-                       return 'feature-group-modal';
-               case overviewEditorHeaders.LICENSE_KEY_GROUP:
-                       return 'license-key-groups-modal';
-               default:
-                       return '';
-       }
+const setModalClassName = modalHeader => {
+    switch (modalHeader) {
+        case overviewEditorHeaders.ENTITLEMENT_POOL:
+            return 'entitlement-pools-modal';
+        case overviewEditorHeaders.LICENSE_AGREEMENT:
+            return 'license-agreement-modal';
+        case overviewEditorHeaders.FEATURE_GROUP:
+            return 'feature-group-modal';
+        case overviewEditorHeaders.LICENSE_KEY_GROUP:
+            return 'license-key-groups-modal';
+        default:
+            return '';
+    }
 };
 
 class LicenseModelOverviewView extends React.Component {
+    static propTypes = {
+        isDisplayModal: PropTypes.bool,
+        isReadOnlyMode: PropTypes.bool,
+        licenseModelId: PropTypes.string,
+        licensingDataList: PropTypes.array,
+        orphanDataList: PropTypes.array,
+        modalHeader: PropTypes.string,
+        selectedTab: PropTypes.string,
+        onTabSelect: PropTypes.func,
+        onCallVCAction: PropTypes.func,
+        onClose: PropTypes.func
+    };
 
-       static propTypes = {
-               isDisplayModal: PropTypes.bool,
-               isReadOnlyMode: PropTypes.bool,
-               licenseModelId: PropTypes.string,
-               licensingDataList: PropTypes.array,
-               orphanDataList: PropTypes.array,
-               modalHeader: PropTypes.string,
-               selectedTab: PropTypes.string,
-               onTabSelect: PropTypes.func,
-               onCallVCAction: PropTypes.func,
-               onClose: PropTypes.func
-       };
-
-       render() {
-               let {isDisplayModal, modalHeader, licensingDataList, selectedTab, onTabSelect, orphanDataList, isReadOnlyMode} = this.props;
-               let selectedInUse = selectedTab !== selectedButton.NOT_IN_USE;
-               let dataList = selectedInUse ? licensingDataList : orphanDataList;
-               return(
-                       <div className='license-model-overview'>
-                               <SummaryView  isReadOnlyMode={isReadOnlyMode}/>
-                               <div className={classNames('overview-list-section ', !selectedInUse ? 'overview-list-orphans' : '' )}>
-                                       <div className='vlm-list-tab-panel'>
-                                               <ListButtons onTabSelect={onTabSelect}
-                                                        selectedTab={selectedTab}
-                                                        hasOrphans={orphanDataList.length > 0}
-                                                        hasLicensing={licensingDataList.length > 0}/>
-                                       </div>
-                                       <VLMListView licensingDataList={dataList} showInUse={selectedInUse}/>
-                               </div>
-                               {
-                                       isDisplayModal &&
-                                       <Modal show={isDisplayModal} bsSize='large' animation={true} className={classNames('onborading-modal license-model-modal', setModalClassName(modalHeader))}>
-                                               <Modal.Header>
-                                                       <Modal.Title>{`${i18n('Create New ')}${i18n(modalHeader)}`}</Modal.Title>
-                                               </Modal.Header>
-                                               <Modal.Body>
-                                                       {this.renderModalBody(modalHeader)}
-                                               </Modal.Body>
-                                       </Modal>
-                               }
-                       </div>
-               );
-       }
+    render() {
+        let {
+            isDisplayModal,
+            modalHeader,
+            licensingDataList,
+            selectedTab,
+            onTabSelect,
+            orphanDataList,
+            isReadOnlyMode
+        } = this.props;
+        let selectedInUse = selectedTab !== selectedButton.NOT_IN_USE;
+        let dataList = selectedInUse ? licensingDataList : orphanDataList;
+        return (
+            <div className="license-model-overview">
+                <SummaryView isReadOnlyMode={isReadOnlyMode} />
+                <div
+                    className={classNames(
+                        'overview-list-section ',
+                        !selectedInUse ? 'overview-list-orphans' : ''
+                    )}>
+                    <div className="vlm-list-tab-panel">
+                        <ListButtons
+                            onTabSelect={onTabSelect}
+                            selectedTab={selectedTab}
+                            hasOrphans={orphanDataList.length > 0}
+                            hasLicensing={licensingDataList.length > 0}
+                        />
+                    </div>
+                    <VLMListView
+                        licensingDataList={dataList}
+                        showInUse={selectedInUse}
+                    />
+                </div>
+                {isDisplayModal && (
+                    <Modal
+                        show={isDisplayModal}
+                        bsSize="large"
+                        animation={true}
+                        className={classNames(
+                            'onborading-modal license-model-modal',
+                            setModalClassName(modalHeader)
+                        )}>
+                        <Modal.Header>
+                            <Modal.Title>{`${i18n('Create New ')}${i18n(
+                                modalHeader
+                            )}`}</Modal.Title>
+                        </Modal.Header>
+                        <Modal.Body>
+                            {this.renderModalBody(modalHeader)}
+                        </Modal.Body>
+                    </Modal>
+                )}
+            </div>
+        );
+    }
 
-       renderModalBody(modalHeader) {
-               let {licenseModelId, version, isReadOnlyMode} = this.props;
-               switch (modalHeader) {
-                       case overviewEditorHeaders.ENTITLEMENT_POOL:
-                               return <EntitlementPoolsEditor version={version} licenseModelId={licenseModelId} isReadOnlyMode={isReadOnlyMode}/>;
-                       case overviewEditorHeaders.LICENSE_AGREEMENT:
-                               return <LicenseAgreementEditor version={version} licenseModelId={licenseModelId} isReadOnlyMode={isReadOnlyMode}/>;
-                       case overviewEditorHeaders.FEATURE_GROUP:
-                               return <FeatureGroupEditor version={version} licenseModelId={licenseModelId} isReadOnlyMode={isReadOnlyMode}/>;
-                       case overviewEditorHeaders.LICENSE_KEY_GROUP:
-                               return <LicenseKeyGroupsEditor version={version} licenseModelId={licenseModelId} isReadOnlyMode={isReadOnlyMode}/>;
-               }
-       }
+    renderModalBody(modalHeader) {
+        let { licenseModelId, version, isReadOnlyMode } = this.props;
+        switch (modalHeader) {
+            case overviewEditorHeaders.ENTITLEMENT_POOL:
+                return (
+                    <EntitlementPoolsEditor
+                        version={version}
+                        licenseModelId={licenseModelId}
+                        isReadOnlyMode={isReadOnlyMode}
+                    />
+                );
+            case overviewEditorHeaders.LICENSE_AGREEMENT:
+                return (
+                    <LicenseAgreementEditor
+                        version={version}
+                        licenseModelId={licenseModelId}
+                        isReadOnlyMode={isReadOnlyMode}
+                    />
+                );
+            case overviewEditorHeaders.FEATURE_GROUP:
+                return (
+                    <FeatureGroupEditor
+                        version={version}
+                        licenseModelId={licenseModelId}
+                        isReadOnlyMode={isReadOnlyMode}
+                    />
+                );
+            case overviewEditorHeaders.LICENSE_KEY_GROUP:
+                return (
+                    <LicenseKeyGroupsEditor
+                        version={version}
+                        licenseModelId={licenseModelId}
+                        isReadOnlyMode={isReadOnlyMode}
+                    />
+                );
+        }
+    }
 }
 
-export default  LicenseModelOverviewView;
+export default LicenseModelOverviewView;