diff options
Diffstat (limited to 'openecomp-ui/src/sdc-app/onboarding/revisions/RevisionsView.jsx')
| -rw-r--r-- | openecomp-ui/src/sdc-app/onboarding/revisions/RevisionsView.jsx | 160 |
1 files changed, 103 insertions, 57 deletions
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; |