/*! * Copyright © 2016-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 VersionList from './components/VersionList.jsx'; import PermissionsView from './components/PermissionsView.jsx'; import Tree from 'nfvo-components/tree/Tree.jsx'; import SVGIcon from 'sdc-ui/lib/react/SVGIcon.js'; import Button from 'sdc-ui/lib/react/Button.js'; import i18n from 'nfvo-utils/i18n/i18n.js'; import featureToggle from 'sdc-app/features/featureToggle.js'; const ArchiveRestoreButton = ({ depricateAction, title, isArchived }) => (
{isArchived ? ( ) : ( )}
); const ArchivedTitle = () => (
{i18n('Archived')}
); const FeatureDepricatedButton = featureToggle('ARCHIVE_ITEM')( ArchiveRestoreButton ); const VersionPageTitle = ({ itemName, isArchived, onRestore, onArchive, isCollaborator }) => { return (
{`${i18n('Available Versions')} - ${itemName}`} {isArchived ? : null}
{isCollaborator && ( onRestore() : () => onArchive() } title={i18n(isArchived ? 'RESTORE' : 'ARCHIVE')} /> )}
); }; class VersionsPage extends React.Component { state = { showExpanded: false }; render() { let { versions, owner, contributors, currentUser, isCollaborator, itemName = '', viewers, onSelectVersion, onNavigateToVersion, onTreeFullScreen, onManagePermissions, onCreateVersion, selectedVersion, onModalNodeClick, isManual, isArchived, onArchive, onRestore } = this.props; const depricatedTitle = isArchived ? i18n('(Archived)') : ''; return (
{i18n('Version Tree')}
{this.state.showExpanded && ( onTreeFullScreen({ name: 'versions-tree-popup', width: 798, height: 500, nodes: versions.map(version => ({ id: version.id, name: version.name, parent: version.baseId || '' })), onNodeClick: version => onModalNodeClick({ version }), selectedNodeId: selectedVersion, scrollable: true, toWiden: true }) } /> )}
({ id: version.id, name: version.name, parent: version.baseId || '' }))} onNodeClick={version => onSelectVersion({ version }) } onRenderedBeyondWidth={() => { this.setState({ showExpanded: true }); }} selectedNodeId={selectedVersion} />
); } } export default VersionsPage;