diff options
Diffstat (limited to 'sdc-workflow-designer-ui/src/main/frontend/src/features/version/general/GeneralView.js')
-rw-r--r-- | sdc-workflow-designer-ui/src/main/frontend/src/features/version/general/GeneralView.js | 61 |
1 files changed, 61 insertions, 0 deletions
diff --git a/sdc-workflow-designer-ui/src/main/frontend/src/features/version/general/GeneralView.js b/sdc-workflow-designer-ui/src/main/frontend/src/features/version/general/GeneralView.js new file mode 100644 index 00000000..e069ffb0 --- /dev/null +++ b/sdc-workflow-designer-ui/src/main/frontend/src/features/version/general/GeneralView.js @@ -0,0 +1,61 @@ +/* +* Copyright © 2018 European Support Limited +* +* Licensed under the Apache License, Version 2.0 (the "License"); +* you may not use this file except in compliance with the License. +* You may obtain a copy of the License at +* +* http://www.apache.org/licenses/LICENSE-2.0 +* +* Unless required by applicable law or agreed to in writing, software +* distributed under the License is distributed on an "AS IS" BASIS, +* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +* See the License for the specific language governing permissions and +* limitations under the License. +*/ + +import React from 'react'; +import PropTypes from 'prop-types'; +import { I18n } from 'react-redux-i18n'; + +import Description from 'shared/components/Description'; +import { VersionInfo, LabeledValue } from 'shared/components/VersionInfo'; + +const GeneralView = ({ onDataChange, versionInfo, isReadOnly }) => { + const modifiedValue = I18n.l(versionInfo.modificationTime, { + dateFormat: 'date.short' + }); + const createdValue = I18n.l(versionInfo.creationTime, { + dateFormat: 'date.short' + }); + + return ( + <div className="general-page"> + <div className="general-page-content"> + <Description + description={versionInfo.description} + onDataChange={onDataChange} + disabled={isReadOnly} + /> + <VersionInfo> + <LabeledValue + title={I18n.t('workflow.general.created')} + value={createdValue} + /> + <LabeledValue + title={I18n.t('workflow.general.modified')} + value={modifiedValue} + /> + </VersionInfo> + </div> + </div> + ); +}; + +GeneralView.propTypes = { + onDataChange: PropTypes.func, + versionInfo: PropTypes.object, + isReadOnly: PropTypes.bool +}; + +export default GeneralView; |