mitchell/classic-wow-forums
1
0
Fork 0
mirror of https://github.com/mgerb/classic-wow-forums synced 2026-01-10 09:02:50 +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

23
client/app/pages/forum/forum.tsx
View File

@@ -1,6 +1,7 @@
import React from 'react';
import { Link, RouteComponentProps } from 'react-router-dom';
import { inject, observer } from 'mobx-react';
import { orderBy } from 'lodash';
import { ThreadService } from '../../services';
import { Editor, ForumNav, LoginButton, ScrollToTop } from '../../components';
import { ThreadModel } from '../../model';
@@ -8,6 +9,8 @@ import { UserStore } from '../../stores/user-store';
import './forum.scss';
import { Oauth } from '../../util';
const stickyImage = require('../../assets/sticky.gif');
interface Props extends RouteComponentProps<any> {
userStore: UserStore;
}
@@ -40,10 +43,15 @@ export class Forum extends React.Component<Props, State> {
}
private async getThreads(categoryId: string) {
const threads = await ThreadService.getCategoryThreads(categoryId);
let threads = await ThreadService.getCategoryThreads(categoryId);
threads = this.orderBy(threads);
this.setState({ threads });
}
private orderBy(threads: ThreadModel[]) {
return orderBy(threads, ['sticky', 'updated_at'], ['desc', 'desc']);
}
onNewTopic() {
if (this.props.userStore.user) {
this.setState({ showEditor: true });
@@ -94,7 +102,7 @@ export class Forum extends React.Component<Props, State> {
renderCell(content: JSX.Element | string, style: any, center?: boolean, header?: boolean) {
let classNames: string = '';
classNames += center && ' forum-cell--center';
classNames += center ? ' forum-cell--center': '';
classNames += header ? ' forum-cell--header' : ' forum-cell--body';
return <div className={`forum-cell flex-1 ${classNames}`} style={style}>{content}</div>;
}
@@ -102,15 +110,20 @@ export class Forum extends React.Component<Props, State> {
renderThreadRows() {
const categoryId = this.props.match.params['id'];
return this.state.threads.map((thread, index) => {
const authorBluePost = thread.user.permissions === 'admin' ? 'blue' : '';
const lastReplyBluePost = thread.last_reply.permissions === 'admin' ? 'blue' : '';
const sticky = thread.sticky ? <img src={stickyImage} title="Sticky"/> : '';
return (
<div className={`forum-row ${index % 2 === 0 && 'forum-row--dark'}`} key={index}>
{this.renderCell('flag', { maxWidth: '50px' })}
{this.renderCell(sticky, { maxWidth: '50px' }, true)}
{this.renderCell(<Link to={`/f/${categoryId}/${thread.id}`}>{thread.title}</Link>, { minWidth: '200px' })}
{this.renderCell(<b>{thread.user.character_name || thread.user.battletag}</b>, { maxWidth: '150px' })}
{this.renderCell(<b className={authorBluePost}>{thread.user.character_name || thread.user.battletag}</b>, { maxWidth: '150px' })}
{this.renderCell(<b>{thread.reply_count}</b>, { maxWidth: '150px' }, true)}
{this.renderCell(<b>{thread.view_count}</b>, { maxWidth: '150px' }, true)}
{this.renderCell(
<span>by <b>{thread.last_reply.character_name || thread.last_reply.battletag}</b></span>,
<div style={{ fontSize: '8pt' }}>
by <b className={lastReplyBluePost}>{thread.last_reply.character_name || thread.last_reply.battletag}</b>
</div>,
{ maxWidth: '200px' },
)}
</div>