import React, { Fragment } from 'react'; import PropTypes from 'prop-types'; import moment from 'moment'; import copy from 'copy-to-clipboard'; import { Button, Form, FormGroup, Label, Input, InputGroup, InputGroupAddon, Alert } from 'reactstrap'; import { isPro, gettext, shareLinkExpireDaysMin, shareLinkExpireDaysMax, shareLinkExpireDaysDefault, shareLinkPasswordMinLength, canSendShareLinkEmail } from '../../utils/constants'; import ShareLinkPermissionEditor from '../../components/select-editor/share-link-permission-editor'; import { seafileAPI } from '../../utils/seafile-api'; import { Utils } from '../../utils/utils'; import ShareLink from '../../models/share-link'; import toaster from '../toast'; import Loading from '../loading'; import SendLink from '../send-link'; const propTypes = { itemPath: PropTypes.string.isRequired, repoID: PropTypes.string.isRequired, closeShareDialog: PropTypes.func.isRequired, }; class GenerateShareLink extends React.Component { constructor(props) { super(props); this.isExpireDaysNoLimit = (parseInt(shareLinkExpireDaysMin) === 0 && parseInt(shareLinkExpireDaysMax) === 0 && shareLinkExpireDaysDefault == 0); this.defaultExpireDays = this.isExpireDaysNoLimit ? '' : shareLinkExpireDaysDefault; this.state = { isOpIconShown: false, isValidate: false, isShowPasswordInput: false, isPasswordVisible: false, isExpireChecked: !this.isExpireDaysNoLimit, password: '', passwdnew: '', expireDays: this.defaultExpireDays, errorInfo: '', sharedLinkInfo: null, isNoticeMessageShow: false, isLoading: true, permissionOptions: [], currentPermission: '', isSendLinkShown: false }; } componentDidMount() { let path = this.props.itemPath; let repoID = this.props.repoID; seafileAPI.getShareLink(repoID, path).then((res) => { if (res.data.length !== 0) { let sharedLinkInfo = new ShareLink(res.data[0]); this.setState({ isLoading: false, sharedLinkInfo: sharedLinkInfo }); } else { this.setState({isLoading: false}); } }).catch(error => { let errMessage = Utils.getErrorMsg(error); toaster.danger(errMessage); }); if (isPro) { if (this.props.itemType === 'library') { let permissionOptions = Utils.getShareLinkPermissionList(this.props.itemType, '', path); this.setState({ permissionOptions: permissionOptions, currentPermission: permissionOptions[0], }); } else { let getDirentInfoAPI; if (this.props.itemType === 'file') { getDirentInfoAPI = seafileAPI.getFileInfo(repoID, path); } else if (this.props.itemType === 'dir') { getDirentInfoAPI = seafileAPI.getDirInfo(repoID, path); } getDirentInfoAPI.then((res) => { let canEdit = res.data.can_edit; let permission = res.data.permission; let permissionOptions = Utils.getShareLinkPermissionList(this.props.itemType, permission, path, canEdit); this.setState({ permissionOptions: permissionOptions, currentPermission: permissionOptions[0], }); }).catch(error => { let errMessage = Utils.getErrorMsg(error); toaster.danger(errMessage); }); } } } onPasswordInputChecked = () => { this.setState({ isShowPasswordInput: !this.state.isShowPasswordInput, password: '', passwdnew: '', errorInfo: '' }); } togglePasswordVisible = () => { this.setState({ isPasswordVisible: !this.state.isPasswordVisible }); } generatePassword = () => { let val = Utils.generatePassword(shareLinkPasswordMinLength); this.setState({ password: val, passwdnew: val }); } inputPassword = (e) => { let passwd = e.target.value.trim(); this.setState({password: passwd}); } inputPasswordNew = (e) => { let passwd = e.target.value.trim(); this.setState({passwdnew: passwd}); } setPermission = (e) => { this.setState({currentPermission: e.target.value}); } generateShareLink = () => { let isValid = this.validateParamsInput(); if (isValid) { this.setState({errorInfo: ''}); let { itemPath, repoID } = this.props; let { password, isExpireChecked, expireDays } = this.state; let permissions; if (isPro) { const permissionDetails = Utils.getShareLinkPermissionObject(this.state.currentPermission).permissionDetails; permissions = JSON.stringify(permissionDetails); } const expireDaysSent = isExpireChecked ? expireDays : ''; seafileAPI.createShareLink(repoID, itemPath, password, expireDaysSent, permissions).then((res) => { let sharedLinkInfo = new ShareLink(res.data); this.setState({sharedLinkInfo: sharedLinkInfo}); }).catch((error) => { let errMessage = Utils.getErrorMsg(error); toaster.danger(errMessage); }); } } onCopySharedLink = () => { let sharedLink = this.state.sharedLinkInfo.link; copy(sharedLink); toaster.success(gettext('Share link is copied to the clipboard.')); this.props.closeShareDialog(); } onCopyDownloadLink = () => { let downloadLink = this.state.sharedLinkInfo.link + '?dl=1'; copy(downloadLink); toaster.success(gettext('Direct download link is copied to the clipboard.')); this.props.closeShareDialog(); } deleteShareLink = () => { let sharedLinkInfo = this.state.sharedLinkInfo; seafileAPI.deleteShareLink(sharedLinkInfo.token).then(() => { this.setState({ password: '', passwordnew: '', isShowPasswordInput: false, expireDays: this.defaultExpireDays, isExpireChecked: !this.isExpireDaysNoLimit, errorInfo: '', sharedLinkInfo: null, isNoticeMessageShow: false, }); }).catch((error) => { let errMessage = Utils.getErrorMsg(error); toaster.danger(errMessage); }); } onExpireChecked = (e) => { this.setState({isExpireChecked: e.target.checked}); } onExpireDaysChanged = (e) => { let day = e.target.value.trim(); this.setState({expireDays: day}); } validateParamsInput = () => { let { isShowPasswordInput , password, passwdnew, isExpireChecked, expireDays } = this.state; // validate password if (isShowPasswordInput) { if (password.length === 0) { this.setState({errorInfo: 'Please enter password'}); return false; } if (password.length < shareLinkPasswordMinLength) { this.setState({errorInfo: 'Password is too short'}); return false; } if (password !== passwdnew) { this.setState({errorInfo: 'Passwords don\'t match'}); return false; } } // validate days // no limit let reg = /^\d+$/; if (this.isExpireDaysNoLimit) { if (isExpireChecked) { if (!expireDays) { this.setState({errorInfo: 'Please enter days'}); return false; } if (!reg.test(expireDays)) { this.setState({errorInfo: 'Please enter a non-negative integer'}); return false; } this.setState({expireDays: parseInt(expireDays)}); } } else { if (!expireDays) { this.setState({errorInfo: 'Please enter days'}); return false; } if (!reg.test(expireDays)) { this.setState({errorInfo: 'Please enter a non-negative integer'}); return false; } expireDays = parseInt(expireDays); let minDays = parseInt(shareLinkExpireDaysMin); let maxDays = parseInt(shareLinkExpireDaysMax); if (minDays !== 0 && maxDays !== maxDays) { if (expireDays < minDays) { this.setState({errorInfo: 'Please enter valid days'}); return false; } } if (minDays === 0 && maxDays !== 0 ) { if (expireDays > maxDays) { this.setState({errorInfo: 'Please enter valid days'}); return false; } } if (minDays !== 0 && maxDays !== 0) { if (expireDays < minDays || expireDays > maxDays) { this.setState({errorInfo: 'Please enter valid days'}); return false; } } this.setState({expireDays: expireDays}); } return true; } onNoticeMessageToggle = () => { this.setState({isNoticeMessageShow: !this.state.isNoticeMessageShow}); } toggleSendLink = () => { this.setState({ isSendLinkShown: !this.state.isSendLinkShown }); } handleMouseOver = () => { this.setState({isOpIconShown: true}); } handleMouseOut = () => { this.setState({isOpIconShown: false}); } changePerm = (permission) => { const permissionDetails = Utils.getShareLinkPermissionObject(permission).permissionDetails; seafileAPI.updateShareLink(this.state.sharedLinkInfo.token, JSON.stringify(permissionDetails)).then((res) => { let sharedLinkInfo = new ShareLink(res.data); this.setState({sharedLinkInfo: sharedLinkInfo}); let message = gettext('Successfully modified permission.'); toaster.success(message); }).catch((error) => { let errMessage = Utils.getErrorMsg(error); toaster.danger(errMessage); }); } render() { if (this.state.isLoading) { return ; } let passwordLengthTip = gettext('(at least {passwordLength} characters)'); passwordLengthTip = passwordLengthTip.replace('{passwordLength}', shareLinkPasswordMinLength); if (this.state.sharedLinkInfo) { let sharedLinkInfo = this.state.sharedLinkInfo; let currentPermission = Utils.getShareLinkPermissionStr(sharedLinkInfo.permissions); const { permissionOptions , isOpIconShown } = this.state; return (
{gettext('Link:')}
{sharedLinkInfo.link}{' '} {sharedLinkInfo.is_expired ? ({gettext('Expired')}) : }
{!sharedLinkInfo.is_dir && sharedLinkInfo.permissions.can_download &&( //just for file
{gettext('Direct Download Link:')}
{sharedLinkInfo.link}?dl=1{' '} {sharedLinkInfo.is_expired ? ({gettext('Expired')}) : }
)} {sharedLinkInfo.expire_date && (
{gettext('Expiration Date:')}
{moment(sharedLinkInfo.expire_date).format('YYYY-MM-DD hh:mm:ss')}
)} {(isPro && sharedLinkInfo.permissions) && (
{gettext('Permission:')}
)}
{(canSendShareLinkEmail && !this.state.isSendLinkShown && !this.state.isNoticeMessageShow) && } {this.state.isSendLinkShown && } {(!this.state.isSendLinkShown && !this.state.isNoticeMessageShow) && } {this.state.isNoticeMessageShow &&

{gettext('Are you sure you want to delete the share link?')}

{gettext('If the share link is deleted, no one will be able to access it any more.')}

{' '}
}
); } else { return (
{this.state.isShowPasswordInput && {' '}{passwordLengthTip} } {this.isExpireDaysNoLimit && ( {this.state.isExpireChecked && } )} {!this.isExpireDaysNoLimit && ( )} {isPro && ( {this.state.permissionOptions.map((item, index) => { return ( ); })} )} {this.state.errorInfo && {gettext(this.state.errorInfo)}}
); } } } GenerateShareLink.propTypes = propTypes; export default GenerateShareLink;