1
0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-02 07:27:04 +00:00

optimized code

This commit is contained in:
shanshuirenjia
2018-12-25 11:59:15 +08:00
parent f5e3c49e55
commit 185c371fee
2 changed files with 51 additions and 71 deletions

View File

@@ -118,23 +118,7 @@ class ShareToGroup extends React.Component {
}
setPermission = (e) => {
if (e.target.value == 'Read-Write') {
this.setState({
permission: 'rw',
});
} else if (e.target.value == 'Read-Only') {
this.setState({
permission: 'r',
});
} else if (e.target.value == 'Preview-Edit-on-Cloud') {
this.setState({
permission: 'cloud-edit',
});
} else if (e.target.value == 'Preview-on-Cloud') {
this.setState({
permission: 'preview',
});
}
this.setState({permission: e.target.value});
}
shareToGroup = () => {
@@ -227,6 +211,7 @@ class ShareToGroup extends React.Component {
isMulti
onChange={this.handleSelectChange}
options={this.options}
placeholder={gettext('Select a group')}
components={makeAnimated()}
inputId={'react-select-2-input'}
value={this.state.selectedOption}
@@ -234,28 +219,26 @@ class ShareToGroup extends React.Component {
</td>
<td>
<Input type="select" name="select" onChange={this.setPermission}>
<option>{gettext('Read-Write')}</option>
<option>{gettext('Read-Only')}</option>
<option>{gettext('Preview-Edit-on-Cloud')}</option>
<option>{gettext('Preview-on-Cloud')}</option>
<option value='rw'>{gettext('Read-Write')}</option>
<option value='r'>{gettext('Read-Only')}</option>
<option value='cloud-edit'>{gettext('Preview-Edit-on-Cloud')}</option>
<option value='preview'>{gettext('Preview-on-Cloud')}</option>
</Input>
</td>
<td>
<Button onClick={this.shareToGroup}>{gettext('Submit')}</Button>
</td>
</tr>
<tr>
<td colSpan={3}>
{this.state.errorMsg.length > 0 &&
this.state.errorMsg.map((item, index = 0, arr) => {
this.state.errorMsg.map((item, index) => {
let errMessage = item.group_name + ': ' + item.error_msg;
return (
<p className="error" key={index}>{this.state.errorMsg[index].group_name}
{': '}{this.state.errorMsg[index].error_msg}</p>
<tr key={index}>
<td colSpan={3}><p className="error">{errMessage}</p></td>
</tr>
);
})
}
</td>
</tr>
</thead>
<GroupList items={this.state.sharedItems} deleteShareItem={this.deleteShareItem} />
</table>

View File

@@ -98,27 +98,7 @@ class ShareToUser extends React.Component {
}
setPermission = (e) => {
if (e.target.value == 'Read-Write') {
this.setState({
permission: 'rw',
});
} else if (e.target.value == 'Read-Only') {
this.setState({
permission: 'r',
});
} else if (e.target.value == 'Admin') {
this.setState({
permission: 'admin',
});
} else if (e.target.value == 'Preview-Edit-on-Cloud') {
this.setState({
permission: 'cloud-edit',
});
} else if (e.target.value == 'Preview-on-Cloud') {
this.setState({
permission: 'preview',
});
}
this.setState({permission: e.target.value});
}
loadOptions = (value, callback) => {
@@ -173,6 +153,13 @@ class ShareToUser extends React.Component {
sharedItems: this.state.sharedItems.concat(items),
selectedOption: null,
});
}).catch(error => {
if (error.response) {
let message = gettext('Library can not be shared to owner.');
let errMessage = [];
errMessage.push(message);
this.setState({errorMsg: errMessage});
}
});
} else {
seafileAPI.shareFolder(repoID, path, 'user', this.state.permission, users).then(res => {
@@ -187,6 +174,13 @@ class ShareToUser extends React.Component {
sharedItems: this.state.sharedItems.concat(res.data.success),
selectedOption: null,
});
}).catch(error => {
if (error.response) {
let message = gettext('Library can not be shared to owner.');
let errMessage = [];
errMessage.push(message);
this.setState({errorMsg: errMessage});
}
});
}
}
@@ -224,7 +218,7 @@ class ShareToUser extends React.Component {
<AsyncSelect
inputId={'react-select-1-input'}
className='reviewer-select'
placeholder={gettext('Please enter 1 or more character')}
placeholder={gettext('Select users...')}
loadOptions={this.loadOptions}
onChange={this.handleSelectChange}
value={this.state.selectedOption}
@@ -236,29 +230,32 @@ class ShareToUser extends React.Component {
</td>
<td>
<Input type="select" name="select" onChange={this.setPermission}>
<option>{gettext('Read-Write')}</option>
<option>{gettext('Read-Only')}</option>
<option>{gettext('Admin')}</option>
<option>{gettext('Preview-Edit-on-Cloud')}</option>
<option>{gettext('Preview-on-Cloud')}</option>
<option value='rw'>{gettext('Read-Write')}</option>
<option value='r'>{gettext('Read-Only')}</option>
<option value='admin'>{gettext('Admin')}</option>
<option value='cloud-edit'>{gettext('Preview-Edit-on-Cloud')}</option>
<option value='preview'>{gettext('Preview-on-Cloud')}</option>
</Input>
</td>
<td>
<Button onClick={this.shareToUser}>{gettext('Submit')}</Button>
</td>
</tr>
<tr>
<td colSpan={3}>
{this.state.errorMsg.length > 0 &&
this.state.errorMsg.map((item, index = 0, arr) => {
this.state.errorMsg.map((item, index) => {
let errMessage = '';
if (item.email) {
errMessage = item.email + ': ' + item.error_msg;
} else {
errMessage = item;
}
return (
<p className="error" key={index}>{this.state.errorMsg[index].email}
{': '}{this.state.errorMsg[index].error_msg}</p>
<tr key={index}>
<td colSpan={3}><p className="error">{errMessage}</p></td>
</tr>
);
})
}
</td>
</tr>
</thead>
<UserList items={sharedItems} deleteShareItem={this.deleteShareItem} />
</table>