From 7fdf733a64670fceefc3ded35cfa581e1c458179 Mon Sep 17 00:00:00 2001
From: Einav Weiss Keidar <einavw@amdocs.com>
Date: Tue, 20 Mar 2018 14:45:40 +0200
Subject: Adding Prettier and fixing up eslint version

Issue-ID: SDC-1094
Change-Id: Ie83ad95a03899345dd90235daf0323cbe3bc6afd
Signed-off-by: Einav Weiss Keidar <einavw@amdocs.com>
---
 .../src/sdc-app/flows/FlowsListEditorView.jsx      | 261 +++++++++++----------
 1 file changed, 141 insertions(+), 120 deletions(-)

(limited to 'openecomp-ui/src/sdc-app/flows/FlowsListEditorView.jsx')

diff --git a/openecomp-ui/src/sdc-app/flows/FlowsListEditorView.jsx b/openecomp-ui/src/sdc-app/flows/FlowsListEditorView.jsx
index 365b7f1bdf..3b2ff0619c 100644
--- a/openecomp-ui/src/sdc-app/flows/FlowsListEditorView.jsx
+++ b/openecomp-ui/src/sdc-app/flows/FlowsListEditorView.jsx
@@ -13,7 +13,7 @@
  * or implied. See the License for the specific language governing
  * permissions and limitations under the License.
  */
-import React, {Component} from 'react';
+import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import i18n from 'nfvo-utils/i18n/i18n.js';
 import Modal from 'nfvo-components/modal/Modal.jsx';
@@ -25,125 +25,146 @@ import FlowsEditorModal from './FlowsEditorModal.js';
 import SequenceDiagram from './SequenceDiagram.jsx';
 
 class FlowsListEditorView extends Component {
-
-	static propTypes = {
-		flowList: PropTypes.array,
-		currentFlow: PropTypes.object,
-		isDisplayModal: PropTypes.bool,
-		isModalInEditMode: PropTypes.bool,
-		isCheckedOut: PropTypes.bool,
-		shouldShowWorkflowsEditor: PropTypes.bool,
-		readonly: PropTypes.bool,
-
-		onAddWorkflowClick: PropTypes.func,
-		onEditFlowDetailsClick: PropTypes.func,
-		onEditFlowDiagramClick: PropTypes.func,
-		onDeleteFlowClick: PropTypes.func,
-		onSequenceDiagramSaveClick: PropTypes.func,
-		onSequenceDiagramCloseClick: PropTypes.func
-	};
-
-	state = {
-		localFilter: ''
-	};
-
-	render() {
-		let CurrentView = null;
-		if (this.props.shouldShowWorkflowsEditor) {
-			CurrentView = this.renderWorkflowsEditor();
-		}
-		else {
-			CurrentView = this.renderSequenceDiagramTool();
-		}
-
-		return CurrentView;
-	}
-
-	renderWorkflowsEditor() {
-		let {isDisplayModal, onAddWorkflowClick, isCheckedOut} = this.props;
-		const {localFilter} = this.state;
-
-		return (
-			<div className='workflows license-agreement-list-editor'>
-				<FlowRelatedView display={localFilter}/>
-				<ListEditorView
-					plusButtonTitle={i18n('Add Workflow')}
-					onAdd={onAddWorkflowClick}
-					filterValue={localFilter}
-					onFilter={filter => this.setState({localFilter: filter})}
-					isReadOnlyMode={!isCheckedOut}>
-					{this.filterList().map(flow => this.renderWorkflowListItem(flow, isCheckedOut))}
-				</ListEditorView>
-
-				{isDisplayModal && this.renderWorkflowEditorModal()}
-
-			</div>
-		);
-	}
-
-	renderWorkflowEditorModal() {
-		let { isDisplayModal, isModalInEditMode} = this.props;
-		return (
-			<Modal show={isDisplayModal} animation={true} className='onborading-modal workflows-editor-modal'>
-				<Modal.Header>
-					<Modal.Title>
-						{`${isModalInEditMode ? i18n('Edit Workflow') : i18n('Create New Workflow')}`}
-					</Modal.Title>
-				</Modal.Header>
-				<Modal.Body>
-					<FlowsEditorModal isNewArtifact={!isModalInEditMode}/>
-				</Modal.Body>
-			</Modal>
-		);
-	}
-
-	renderSequenceDiagramTool() {
-		let {onSequenceDiagramSaveClick, onSequenceDiagramCloseClick, currentFlow} = this.props;
-		return (
-			<SequenceDiagram
-				onSave={sequenceDiagramModel => onSequenceDiagramSaveClick({...currentFlow, sequenceDiagramModel})}
-				onClose={onSequenceDiagramCloseClick}
-				model={currentFlow.sequenceDiagramModel}/>
-		);
-	}
-
-	filterList() {
-		let {flowList} = this.props;
-		let {localFilter} = this.state;
-		if (localFilter.trim()) {
-			const filter = new RegExp(escape(localFilter), 'i');
-			return flowList.filter(({name = '', description = ''}) => {
-				return escape(name).match(filter) || escape(description).match(filter);
-			});
-		}
-		else {
-			return flowList;
-		}
-	}
-
-	renderWorkflowListItem(flow, isCheckedOut) {
-		let {uniqueId, artifactName, description} = flow;
-		let {onEditFlowDetailsClick, onEditFlowDiagramClick, onDeleteFlowClick} = this.props;
-		return (
-			<ListEditorItemView
-				key={uniqueId}
-				onSelect={() => onEditFlowDetailsClick(flow)}
-				onDelete={() => onDeleteFlowClick(flow)}
-				onEdit={() => onEditFlowDiagramClick(flow)}
-				className='list-editor-item-view'
-				isCheckedOut={isCheckedOut}>
-				<div className='list-editor-item-view-field'>
-					<div className='title'>{i18n('Name')}</div>
-					<div className='text name'>{artifactName}</div>
-				</div>
-				<div className='list-editor-item-view-field'>
-					<div className='title'>{i18n('Description')}</div>
-					<div className='text description'>{description}</div>
-				</div>
-			</ListEditorItemView>
-		);
-	}
-
+    static propTypes = {
+        flowList: PropTypes.array,
+        currentFlow: PropTypes.object,
+        isDisplayModal: PropTypes.bool,
+        isModalInEditMode: PropTypes.bool,
+        isCheckedOut: PropTypes.bool,
+        shouldShowWorkflowsEditor: PropTypes.bool,
+        readonly: PropTypes.bool,
+
+        onAddWorkflowClick: PropTypes.func,
+        onEditFlowDetailsClick: PropTypes.func,
+        onEditFlowDiagramClick: PropTypes.func,
+        onDeleteFlowClick: PropTypes.func,
+        onSequenceDiagramSaveClick: PropTypes.func,
+        onSequenceDiagramCloseClick: PropTypes.func
+    };
+
+    state = {
+        localFilter: ''
+    };
+
+    render() {
+        let CurrentView = null;
+        if (this.props.shouldShowWorkflowsEditor) {
+            CurrentView = this.renderWorkflowsEditor();
+        } else {
+            CurrentView = this.renderSequenceDiagramTool();
+        }
+
+        return CurrentView;
+    }
+
+    renderWorkflowsEditor() {
+        let { isDisplayModal, onAddWorkflowClick, isCheckedOut } = this.props;
+        const { localFilter } = this.state;
+
+        return (
+            <div className="workflows license-agreement-list-editor">
+                <FlowRelatedView display={localFilter} />
+                <ListEditorView
+                    plusButtonTitle={i18n('Add Workflow')}
+                    onAdd={onAddWorkflowClick}
+                    filterValue={localFilter}
+                    onFilter={filter => this.setState({ localFilter: filter })}
+                    isReadOnlyMode={!isCheckedOut}>
+                    {this.filterList().map(flow =>
+                        this.renderWorkflowListItem(flow, isCheckedOut)
+                    )}
+                </ListEditorView>
+
+                {isDisplayModal && this.renderWorkflowEditorModal()}
+            </div>
+        );
+    }
+
+    renderWorkflowEditorModal() {
+        let { isDisplayModal, isModalInEditMode } = this.props;
+        return (
+            <Modal
+                show={isDisplayModal}
+                animation={true}
+                className="onborading-modal workflows-editor-modal">
+                <Modal.Header>
+                    <Modal.Title>
+                        {`${
+                            isModalInEditMode
+                                ? i18n('Edit Workflow')
+                                : i18n('Create New Workflow')
+                        }`}
+                    </Modal.Title>
+                </Modal.Header>
+                <Modal.Body>
+                    <FlowsEditorModal isNewArtifact={!isModalInEditMode} />
+                </Modal.Body>
+            </Modal>
+        );
+    }
+
+    renderSequenceDiagramTool() {
+        let {
+            onSequenceDiagramSaveClick,
+            onSequenceDiagramCloseClick,
+            currentFlow
+        } = this.props;
+        return (
+            <SequenceDiagram
+                onSave={sequenceDiagramModel =>
+                    onSequenceDiagramSaveClick({
+                        ...currentFlow,
+                        sequenceDiagramModel
+                    })
+                }
+                onClose={onSequenceDiagramCloseClick}
+                model={currentFlow.sequenceDiagramModel}
+            />
+        );
+    }
+
+    filterList() {
+        let { flowList } = this.props;
+        let { localFilter } = this.state;
+        if (localFilter.trim()) {
+            const filter = new RegExp(escape(localFilter), 'i');
+            return flowList.filter(({ name = '', description = '' }) => {
+                return (
+                    escape(name).match(filter) ||
+                    escape(description).match(filter)
+                );
+            });
+        } else {
+            return flowList;
+        }
+    }
+
+    renderWorkflowListItem(flow, isCheckedOut) {
+        let { uniqueId, artifactName, description } = flow;
+        let {
+            onEditFlowDetailsClick,
+            onEditFlowDiagramClick,
+            onDeleteFlowClick
+        } = this.props;
+        return (
+            <ListEditorItemView
+                key={uniqueId}
+                onSelect={() => onEditFlowDetailsClick(flow)}
+                onDelete={() => onDeleteFlowClick(flow)}
+                onEdit={() => onEditFlowDiagramClick(flow)}
+                className="list-editor-item-view"
+                isCheckedOut={isCheckedOut}>
+                <div className="list-editor-item-view-field">
+                    <div className="title">{i18n('Name')}</div>
+                    <div className="text name">{artifactName}</div>
+                </div>
+                <div className="list-editor-item-view-field">
+                    <div className="title">{i18n('Description')}</div>
+                    <div className="text description">{description}</div>
+                </div>
+            </ListEditorItemView>
+        );
+    }
 }
 
 export default FlowsListEditorView;
-- 
cgit 1.2.3-korg