public/Boostnote
1
0
Fork 0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-13 17:56:25 +00:00
Code Issues Releases Wiki Activity

CREATE_MODE(1/2)

Browse Source
This commit is contained in:
Rokt33r
2015-10-14 15:20:16 +09:00
parent 9a5e4b3f54
commit 9d2b64e82b
11 changed files with 226 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
browser/main/HomePage/ArticleList.js
View File

@@ -2,11 +2,11 @@ import React, { PropTypes } from 'react'
import ProfileImage from 'boost/components/ProfileImage'
import ModeIcon from 'boost/components/ModeIcon'
import moment from 'moment'
import { IDLE_MODE, CREATE_MODE, EDIT_MODE } from '../actions'
import { IDLE_MODE, CREATE_MODE, EDIT_MODE, NEW } from '../actions'
export default class ArticleList extends React.Component {
render () {
let { articles, status } = this.props
let { status, articles, activeArticle } = this.props
let articlesEl = articles.map(article => {
let tags = Array.isArray(article.Tags) && article.Tags.length > 0 ? article.Tags.map(tag => {
@@ -19,14 +19,14 @@ export default class ArticleList extends React.Component {
return (
<div key={'article-' + article.id}>
<div className={'articleItem' + (false ? ' active' : '')}>
<div className={'articleItem' + (activeArticle.id === article.id ? ' active' : '')}>
<div className='top'>
<i className='fa fa-fw fa-square'/>
by <ProfileImage className='profileImage' size='20' email={article.User.email}/> {article.User.profileName}
<span className='updatedAt'>{article.status != null ? article.status : moment(article.updatedAt).fromNow()}</span>
</div>
<div className='middle'>
<ModeIcon className='mode' mode={article.mode}/> <div className='title'>{article.status !== 'new' ? article.title : '(New article)'}</div>
<ModeIcon className='mode' mode={article.mode}/> <div className='title'>{article.status !== NEW ? article.title : '(New article)'}</div>
</div>
<div className='bottom'>
<div className='tags'><i className='fa fa-fw fa-tags'/>{tags}</div>
@@ -39,22 +39,6 @@ export default class ArticleList extends React.Component {
return (
<div className='ArticleList'>
{ status.mode === 'CREATE_MODE' ? (
<div key={'article-' + article.id}>
<div className={'articleItem'}>
<div className='top'>
<span className='updatedAt'>{}</span>
</div>
<div className='middle'>
<ModeIcon className='mode' mode={article.mode}/> <div className='title'>'(New article)'</div>
</div>
<div className='bottom'>
<div className='tags'><i className='fa fa-fw fa-tags'/></div>
</div>
</div>
<div className='divider'></div>
</div>
) : null}
{articlesEl}
</div>
)
@@ -62,5 +46,7 @@ export default class ArticleList extends React.Component {
}
ArticleList.propTypes = {
articles: PropTypes.array
status: PropTypes.shape(),
articles: PropTypes.array,
activeArticle: PropTypes.shape()
}