roleypoly/v1
1
0
Fork 0
mirror of https://github.com/roleypoly/roleypoly-v1.git synced 2025-06-16 02:19:08 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

finish MVP

Browse source
This commit is contained in:
Katalina / stardust 2017-12-28 17:10:03 -06:00
parent 7806219464
commit eaa1167f16
22 changed files with 486 additions and 116 deletions
Download patch file Download diff file Expand all files Collapse all files

34
UI/src/components/role-picker/index.js
View file

@ -39,9 +39,28 @@ class RolePicker extends Component {
return !data.get('rolesSelected').equals(data.get('originalRolesSelected'))
}
editServerMessage = (e) => {
const { dispatch } = this.props
dispatch(Actions.editServerMessage(this.props.server.get('id'), e.target.value))
}
saveServerMessage = (e) => {
const { dispatch } = this.props
dispatch(Actions.saveServerMessage(this.props.server.get('id')))
}
openMessageEditor = () => {
const { dispatch } = this.props
dispatch(Actions.openMessageEditor)
}
renderServerMessage (server) {
const isEditing = this.props.data.get('isEditingMessage')
const roleManager = server.getIn(['perms', 'canManageRoles'])
const msg = server.get('message')
console.log(msg, roleManager, isEditing, this.props.data.toJS())
if (!roleManager && msg !== '') {
return <section>
<h3>Server Message</h3>
@ -49,16 +68,26 @@ class RolePicker extends Component {
</section>
}
if (roleManager) {
if (roleManager && !isEditing) {
return <section>
<div className="role-picker__header">
<h3>Server Message</h3>
<Link to={`/s/${server.get('id')}/edit`} uk-tooltip='' title='Edit' uk-icon="icon: file-edit"></Link>
<div uk-tooltip='' title='Edit Server Message' uk-icon="icon: pencil" onClick={this.openMessageEditor} />
</div>
<p>{msg || <i>no server message</i>}</p>
</section>
}
if (roleManager && isEditing) {
return <section>
<div className="role-picker__header">
<h3>Server Message</h3>
<div uk-tooltip='' title='Save Server Message' onClick={this.saveServerMessage} style={{color: 'var(--c-green)'}} uk-icon="icon: check; scale: 1.1" />
</div>
<textarea className="uk-width-1-2 uk-textarea role-picker__msg-editor" rows="3" onChange={this.editServerMessage} value={msg} />
</section>
}
return null
}
@ -75,6 +104,7 @@ class RolePicker extends Component {
<section>
<div className="role-picker__header">
<h3>Roles</h3>
<Link to={`/s/${server.get('id')}/edit`} uk-tooltip='' title='Edit Categories' uk-icon="icon: file-edit"></Link>
<div className="role-picker__spacer"></div>
<div className={`role-picker__actions ${(!this.rolesHaveChanged) ? 'hidden' : ''}`}>
<button disabled={!this.rolesHaveChanged} onClick={() => dispatch(Actions.resetSelected)} className="uk-button rp-button secondary">