mitchell/classic-wow-forums
1
0
Fork 0
mirror of https://github.com/mgerb/classic-wow-forums synced 2026-01-11 09:32:51 +00:00
Code Issues Releases Wiki Activity

client - support for admin/mod users

Browse Source
This commit is contained in:
Mitchell Gerber
2018-01-16 22:02:19 -06:00
parent b30af0cd09
commit 8de5dba9e3
15 changed files with 175 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
client/app/pages/user-account/user-account.tsx
View File

@@ -35,7 +35,10 @@ export class UserAccount extends React.Component<Props, State> {
}
componentDidMount() {
this.getCharacters();
// only load characters if user is battenet user
if (get(this.props, 'userStore.user.access_token')) {
this.getCharacters();
}
}
private selectedCharacter(): CharacterModel {
@@ -85,43 +88,6 @@ export class UserAccount extends React.Component<Props, State> {
this.setState({ selectedAvatarIndex });
}
renderDropDowns() {
if (!this.selectedCharacter()) {
return <div></div>;
}
return (
<div>
<h2>Set your default character</h2>
<div style={{ margin: '0 10px 10px 0', display: 'inline-block' }}>
<select value={this.selectedCharacter().realm}
onChange={event => this.onRealmSelect(event)}>
{map(this.state.characters, (_, realm: string) => {
return <option key={`realm${realm}`}>{realm}</option>;
})}
</select>
<select style={{ marginLeft: '5px' }}
onChange={event => this.onCharSelect(event)}>
{map(this.state.characters[this.state.selectedRealm!], (value, index) => {
return <option key={this.state.selectedRealm! + index} value={index}>{value.name}</option>;
})}
</select>
</div>
<a onClick={() => this.onSave()}>Save</a>
<div className="avatar-list">
{this.selectedCharacter().avatarList!.map((val, index) => {
const avatarClass = this.state.selectedAvatarIndex === index ? 'avatar-list__item--selected' : '';
return (
<div key={index} className={`avatar-list__item ${avatarClass}`} onClick={() => this.onAvatarSelect(index)}>
<img src={val.imageSrc}/>
</div>
);
})}
</div>
</div>
);
}
private async onSave() {
const { name, guild, realm } = this.selectedCharacter();
const selectedAvatar = this.selectedCharacter().avatarList![this.state.selectedAvatarIndex].title;
@@ -160,6 +126,43 @@ export class UserAccount extends React.Component<Props, State> {
);
}
renderDropDowns() {
if (!this.selectedCharacter()) {
return <div></div>;
}
return (
<div>
<h2>Set your default character</h2>
<div style={{ margin: '0 10px 10px 0', display: 'inline-block' }}>
<select value={this.selectedCharacter().realm}
onChange={event => this.onRealmSelect(event)}>
{map(this.state.characters, (_, realm: string) => {
return <option key={`realm${realm}`}>{realm}</option>;
})}
</select>
<select style={{ marginLeft: '5px' }}
onChange={event => this.onCharSelect(event)}>
{map(this.state.characters[this.state.selectedRealm!], (value, index) => {
return <option key={this.state.selectedRealm! + index} value={index}>{value.name}</option>;
})}
</select>
</div>
<a onClick={() => this.onSave()}>Save</a>
<div className="avatar-list">
{this.selectedCharacter().avatarList!.map((val, index) => {
const avatarClass = this.state.selectedAvatarIndex === index ? 'avatar-list__item--selected' : '';
return (
<div key={index} className={`avatar-list__item ${avatarClass}`} onClick={() => this.onAvatarSelect(index)}>
<img src={val.imageSrc}/>
</div>
);
})}
</div>
</div>
);
}
render() {
if (this.state.noCharacters) {