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>
---
 .../sdc-app/onboarding/revisions/RevisionsView.jsx | 160 +++++++++++++--------
 1 file changed, 103 insertions(+), 57 deletions(-)

(limited to 'openecomp-ui/src/sdc-app/onboarding/revisions/RevisionsView.jsx')

diff --git a/openecomp-ui/src/sdc-app/onboarding/revisions/RevisionsView.jsx b/openecomp-ui/src/sdc-app/onboarding/revisions/RevisionsView.jsx
index d6ef604a22..1fc8c06925 100644
--- a/openecomp-ui/src/sdc-app/onboarding/revisions/RevisionsView.jsx
+++ b/openecomp-ui/src/sdc-app/onboarding/revisions/RevisionsView.jsx
@@ -23,65 +23,111 @@ import ListEditorView from 'nfvo-components/listEditor/ListEditorView.jsx';
 import ListEditorItemView from 'nfvo-components/listEditor/ListEditorItemView.jsx';
 import ListEditorItemViewField from 'nfvo-components/listEditor/ListEditorItemViewField.jsx';
 
-
 class RevisionsView extends React.Component {
-	constructor(props) {
-		super(props);
-		this.state = {
-			revertId : null
-		};
-	}
-
-	render() {
-		let {onCancel, onRevert, revisions, users} = this.props;
-		return (
-			<div className='manage-revisions-page'>
-				<Form
-					hasButtons={true}
-					onSubmit={() => onRevert(this.state.revertId)}
-					onReset={() => onCancel() }
-					submitButtonText={i18n('Revert')}
-					labledButtons={true}>
-					<ListEditorView
-						title={i18n('Select a Commit')}
-						isReadOnlyMode={false}>
-						{revisions.map((revision) => {
-							return (
-								<div key={revision.id} data-test-id='revision-list-item' className={`revision-list-item ${this.state.revertId === revision.id ? 'selected' : ''}`}>
-									<ListEditorItemView
-										isReadOnlyMode={false}
-										onSelect={() => this.setState({revertId : revision.id})}>
-											<ListEditorItemViewField>
-												<div className='revision-list-item-fields'>
-												    <div data-test-id='revision-user' className='revision-user'>
-													    <SVGIcon name='user' label={users.find(userObject => userObject.userId === revision.user).fullName} labelPosition='right'/>
-												    </div>
-													<div className='revision-date' data-test-id='revision-date'>
-														<span className='revision-date'>{i18n.dateNormal(revision.time, {
-															year: 'numeric', month: 'numeric', day: 'numeric'
-														})}</span>
-														<span className='revision-time'>{i18n.dateNormal(revision.time, {
-															hour: 'numeric', minute: 'numeric',
-															hour12: true
-														})}</span>
-													</div>
-													<div className='revision-message'data-test-id='revision-message'>
-														{revision.message && <ShowMore anchorClass='more-less' lines={2} more={i18n('More')} less={i18n('Less')}>
-														{revision.message}
-													</ShowMore>}</div>
-												</div>
-											</ListEditorItemViewField>
-									</ListEditorItemView>
-								</div>
-
-							);
-						})}
-					</ListEditorView>
-				</Form>
-			</div>
-		);
-	}
+    constructor(props) {
+        super(props);
+        this.state = {
+            revertId: null
+        };
+    }
 
+    render() {
+        let { onCancel, onRevert, revisions, users } = this.props;
+        return (
+            <div className="manage-revisions-page">
+                <Form
+                    hasButtons={true}
+                    onSubmit={() => onRevert(this.state.revertId)}
+                    onReset={() => onCancel()}
+                    submitButtonText={i18n('Revert')}
+                    labledButtons={true}>
+                    <ListEditorView
+                        title={i18n('Select a Commit')}
+                        isReadOnlyMode={false}>
+                        {revisions.map(revision => {
+                            return (
+                                <div
+                                    key={revision.id}
+                                    data-test-id="revision-list-item"
+                                    className={`revision-list-item ${
+                                        this.state.revertId === revision.id
+                                            ? 'selected'
+                                            : ''
+                                    }`}>
+                                    <ListEditorItemView
+                                        isReadOnlyMode={false}
+                                        onSelect={() =>
+                                            this.setState({
+                                                revertId: revision.id
+                                            })
+                                        }>
+                                        <ListEditorItemViewField>
+                                            <div className="revision-list-item-fields">
+                                                <div
+                                                    data-test-id="revision-user"
+                                                    className="revision-user">
+                                                    <SVGIcon
+                                                        name="user"
+                                                        label={
+                                                            users.find(
+                                                                userObject =>
+                                                                    userObject.userId ===
+                                                                    revision.user
+                                                            ).fullName
+                                                        }
+                                                        labelPosition="right"
+                                                    />
+                                                </div>
+                                                <div
+                                                    className="revision-date"
+                                                    data-test-id="revision-date">
+                                                    <span className="revision-date">
+                                                        {i18n.dateNormal(
+                                                            revision.time,
+                                                            {
+                                                                year: 'numeric',
+                                                                month:
+                                                                    'numeric',
+                                                                day: 'numeric'
+                                                            }
+                                                        )}
+                                                    </span>
+                                                    <span className="revision-time">
+                                                        {i18n.dateNormal(
+                                                            revision.time,
+                                                            {
+                                                                hour: 'numeric',
+                                                                minute:
+                                                                    'numeric',
+                                                                hour12: true
+                                                            }
+                                                        )}
+                                                    </span>
+                                                </div>
+                                                <div
+                                                    className="revision-message"
+                                                    data-test-id="revision-message">
+                                                    {revision.message && (
+                                                        <ShowMore
+                                                            anchorClass="more-less"
+                                                            lines={2}
+                                                            more={i18n('More')}
+                                                            less={i18n('Less')}>
+                                                            {revision.message}
+                                                        </ShowMore>
+                                                    )}
+                                                </div>
+                                            </div>
+                                        </ListEditorItemViewField>
+                                    </ListEditorItemView>
+                                </div>
+                            );
+                        })}
+                    </ListEditorView>
+                </Form>
+            </div>
+        );
+    }
 }
 
 export default RevisionsView;
-- 
cgit 1.2.3-korg

