/* * 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 Form from 'nfvo-components/input/validation/Form.jsx'; import Select from 'nfvo-components/input/SelectInput.jsx'; import { SVGIcon } from 'onap-ui-react'; import OverlayTrigger from 'react-bootstrap/lib/OverlayTrigger.js'; import Tooltip from 'react-bootstrap/lib/Tooltip.js'; import i18n from 'nfvo-utils/i18n/i18n.js'; import { permissionTypes, changeOwnerMessage } from './PermissionsConstants.js'; export const askForRightsMsg = () => { return (

{i18n('Send a Contributor rights reguest to Owner')}

); }; class Permissions extends React.Component { constructor(props) { super(props); this.state = { itemUsers: props.itemUsers, newOwnerId: '', showChangeOwner: false }; } buildUserOptions() { let { users, owner } = this.props; return users.filter(user => user.userId !== owner.userId).map(item => { return { label: item.fullName, value: item.userId }; }); } render() { let { onCancel, owner } = this.props; let { newOwnerId } = this.state; return (
this.onsaveItemUsers()} onReset={() => onCancel()} labledButtons={true} btnClassName="sdc-modal__footer">
{i18n('Owner')}
{owner.fullName} this.setState({ showChangeOwner: !this.state.showChangeOwner }) }> {i18n('Change Owner')}
{this.state.showChangeOwner && (
{i18n('Change Owner')} {i18n(changeOwnerMessage)} }>
item.userId)} className="options-input contributors-select" clearable={false} onMultiSelectChanged={value => { this.onChangeItemUsers({ itemUsers: value }); }} options={this.buildUserOptions()} multi />
); } onChangeItemUsers({ itemUsers }) { this.setState({ itemUsers: itemUsers.map(contributor => { let contributorFromProps = this.props.itemUsers.find( user => user.userId === contributor.userId ); return { userId: contributor.value, fullName: contributor.label, permission: contributorFromProps ? contributorFromProps.permission : permissionTypes.CONTRIBUTOR }; }) }); } onsaveItemUsers() { let { itemUsers: newUsers, newOwnerId } = this.state; let { itemUsers: oldUsers, onSubmit, itemId, users } = this.props; let addedUsersIds = newUsers .filter( newUser => !oldUsers .map(oldUser => oldUser.userId) .includes(newUser.userId) ) .map(user => user.userId); let removedUsersIds = oldUsers .filter( oldUser => !newUsers .map(newUser => newUser.userId) .includes(oldUser.userId) ) .map(user => user.userId); onSubmit({ itemId, addedUsersIds, removedUsersIds, allUsers: users, newOwnerId }); } } export default Permissions;