├── .babelrc
├── .gitignore
├── LICENSE
├── README.md
├── actions
    ├── account.js
    ├── broadcastSystemNotifications.js
    ├── dashboard.js
    ├── homeRecommendations.js
    ├── invitationCodes.js
    ├── question.js
    ├── reportedQuestions.js
    └── users.js
├── auth.js
├── components
    ├── account
    │   └── signin.js
    ├── homeRecommendations
    │   ├── AddHomeRecommendationModal.js
    │   ├── HomeRecommendationsList.js
    │   ├── UserHomeRecommendation.js
    │   └── UserSelector.js
    ├── invitationCodes
    │   ├── InvitationCodesList.js
    │   └── MarkInvitationCodeSendedModal.js
    ├── notification
    │   └── BroadcastSystemNotificationsList.js
    ├── public
    │   ├── ActiveNavItem.js
    │   ├── BaseFormModal.js
    │   ├── BaseInfoModal.js
    │   └── Pagination.js
    ├── question
    │   ├── AnswersList.js
    │   ├── AskQuestionModal.js
    │   ├── AskedQuestionsList.js
    │   ├── DraftsList.js
    │   ├── PendingQuestionsList.js
    │   ├── QuestionCommentsList.js
    │   ├── QuestionDetailsModal.js
    │   ├── QuestionsList.js
    │   └── UpdateQuestionModal.js
    ├── reportedQuestions
    │   └── ReportedQuestionsList.js
    └── users
    │   ├── UserModal.js
    │   ├── UserPageHeader.js
    │   ├── UserTabs.js
    │   └── UsersList.js
├── containers
    ├── AnswersPage.js
    ├── App.js
    ├── AuthPage.js
    ├── BroadcastSystemNotificationsPage.js
    ├── DashboardPage.js
    ├── DevTools.js
    ├── HomeRecommendationsPage.js
    ├── InvitationCodesPage.js
    ├── PendingAnonymousQuestionsPage.js
    ├── QuestionsPage.js
    ├── ReportsPage.js
    ├── Root.dev.js
    ├── Root.js
    ├── Root.prod.js
    ├── UserPage.js
    ├── UsersPage.js
    └── VisitorQuestionsReviewPage.js
├── fabfile.py
├── filters.js
├── fis-conf.js
├── index.html
├── index.js
├── models
    ├── Answer.js
    ├── BroadcastSystemNotification.js
    ├── HomeRecommendation.js
    ├── InvitationCode.js
    ├── LikeQuestion.js
    ├── Question.js
    ├── QuestionComment.js
    ├── ReportQuestion.js
    ├── User.js
    ├── UserNotification.js
    ├── UserNotificationSender.js
    ├── UserTag.js
    ├── UserTagAssociation.js
    └── index.js
├── nginx.conf
├── package.json
├── qrsync.conf.json
├── reducers
    ├── account.js
    ├── answers.js
    ├── broadcastSystemNotifications.js
    ├── dashboard.js
    ├── homeRecommendations.js
    ├── index.js
    ├── invitationCodes.js
    ├── pendingAnonymousQuestions.js
    ├── questions.js
    ├── reportedQuestions.js
    └── users.js
├── routes.js
├── server.js
├── static
    ├── fonts
    │   ├── FontAwesome.otf
    │   ├── fontawesome-webfont.eot
    │   ├── fontawesome-webfont.svg
    │   ├── fontawesome-webfont.ttf
    │   ├── fontawesome-webfont.woff
    │   └── fontawesome-webfont.woff2
    ├── images
    │   └── logo.png
    ├── scripts
    │   └── fetch.js
    └── styles
    │   ├── bootstrap.min.css
    │   ├── bootstrap.theme.scss
    │   ├── font-awesome.min.css
    │   ├── hint.min.css
    │   └── react-modal.css
├── store
    ├── index.js
    ├── store.dev.js
    └── store.prod.js
├── utils.js
├── webpack.config.dev.js
└── webpack.config.prod.js


/.babelrc:
--------------------------------------------------------------------------------
 1 | {
 2 |   "presets": ["es2015", "stage-1", "react"],
 3 |   "plugins": ["transform-object-rest-spread", "jsx-control-statements", "transform-decorators-legacy"],
 4 |   "env": {
 5 |     "development": {
 6 |       "presets": ["react-hmre"]
 7 |     }
 8 |   }
 9 | }
10 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | .idea/
2 | node_modules/
3 | *.log
4 | *.pyc
5 | output/
6 | webpack-output/
7 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | The MIT License (MIT)
 2 | 
 3 | Copyright (c) 2016 Zhipeng Liu
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | #React Redux Example
 2 | 
 3 | **Attention**: this repo is just for learning, it cannot run really.
 4 | 
 5 | ##Development
 6 | 
 7 | ```sh
 8 | npm install
 9 | npm start
10 | ```
11 | 
12 | ##Deploy
13 | 
14 | ```sh
15 | npm run deploy
16 | ```
17 | 


--------------------------------------------------------------------------------
/actions/account.js:
--------------------------------------------------------------------------------
 1 | import { push } from 'react-router-redux'
 2 | import * as auth from '../auth'
 3 | import { initLeanCloud, deinitLeanCloud } from '../utils'
 4 | 
 5 | /**
 6 |  * 登录
 7 |  */
 8 | 
 9 | export const LOG_IN_START = "LOG_IN_START"
10 | export const LOG_IN_SUCCESS = "LOG_IN_SUCCESS"
11 | export const LOG_IN_ERROR = "LOG_IN_ERROR"
12 | 
13 | export function logInStart() {
14 |     return {type: LOG_IN_START}
15 | }
16 | 
17 | export function logInSuccess(username) {
18 |     return {type: LOG_IN_SUCCESS, username}
19 | }
20 | 
21 | export function logInError(error) {
22 |     return {type: LOG_IN_ERROR, error}
23 | }
24 | 
25 | export function logIn(password) {
26 |     return dispatch => {
27 |         dispatch(logInStart())
28 | 
29 |         auth.logIn(password).then(function () {
30 |             initLeanCloud()
31 |             dispatch(logInSuccess())
32 |             dispatch(push('/'))
33 |         }, function (error) {
34 |             window.alert('密码错误')
35 |             dispatch(logInError(error))
36 |         })
37 |     }
38 | }
39 | 
40 | /**
41 |  * 登出
42 |  */
43 | 
44 | export const LOG_OUT = "LOG_OUT"
45 | 
46 | export function logOut() {
47 |     return dispatch => {
48 |         auth.logOut()
49 |         deinitLeanCloud()
50 |         dispatch(push('/auth'))
51 |         dispatch({type: LOG_OUT})
52 |     }
53 | }
54 | 
55 | /**
56 |  * 初始化登陆状态
57 |  */
58 | 
59 | //export const INIT_AUTH_STATE = "INIT_AUTH_STATE"
60 | //
61 | //export function initAuthState() {
62 | //    return {type: INIT_AUTH_STATE, authed: auth.loggedIn()}
63 | //}
64 | 


--------------------------------------------------------------------------------
/actions/broadcastSystemNotifications.js:
--------------------------------------------------------------------------------
 1 | import AV from 'avoscloud-sdk'
 2 | import { BroadcastSystemNotification } from '../models'
 3 | 
 4 | /**
 5 |  * 获取所有系统通知
 6 |  */
 7 | 
 8 | export const FETCH_BROADCAST_SYSTEM_NOTIFICATIONS_START = "FETCH_BROADCAST_SYSTEM_NOTIFICATIONS_START"
 9 | export const FETCH_BROADCAST_SYSTEM_NOTIFICATIONS_SUCCESS = "FETCH_BROADCAST_SYSTEM_NOTIFICATIONS_SUCCESS"
10 | export const FETCH_BROADCAST_SYSTEM_NOTIFICATIONS_ERROR = "FETCH_BROADCAST_SYSTEM_NOTIFICATIONS_ERROR"
11 | 
12 | export function fetchBroadcastSystemNotificationsStart() {
13 |     return {type: FETCH_BROADCAST_SYSTEM_NOTIFICATIONS_START}
14 | }
15 | 
16 | export function fetchBroadcastSystemNotificationsSuccess(notifications) {
17 |     return {type: FETCH_BROADCAST_SYSTEM_NOTIFICATIONS_SUCCESS, notifications}
18 | }
19 | 
20 | export function fetchBroadcastSystemNotificationsError(error) {
21 |     return {type: FETCH_BROADCAST_SYSTEM_NOTIFICATIONS_ERROR, error}
22 | }
23 | 
24 | export function fetchBroadcastSystemNotifications(page = 1, perPage = 15) {
25 |     return dispatch => {
26 |         dispatch(fetchBroadcastSystemNotificationsStart())
27 | 
28 |         BroadcastSystemNotification.fetchAll(page, perPage).then(function (notifications) {
29 |             dispatch(fetchBroadcastSystemNotificationsSuccess(notifications))
30 |         }, function (error) {
31 |             dispatch(fetchBroadcastSystemNotificationsError(error))
32 |         })
33 |     }
34 | }
35 | 
36 | /**
37 |  * 推送系统通知给所有人
38 |  */
39 | 
40 | export const PUSH_BROADCAST_SYSTEM_NOTIFICATION_START = "PUSH_BROADCAST_SYSTEM_NOTIFICATION_START"
41 | export const PUSH_BROADCAST_SYSTEM_NOTIFICATION_SUCCESS = "PUSH_BROADCAST_SYSTEM_NOTIFICATION_SUCCESS"
42 | export const PUSH_BROADCAST_SYSTEM_NOTIFICATION_ERROR = "PUSH_BROADCAST_SYSTEM_NOTIFICATION_ERROR"
43 | 
44 | export function pushBroadcastSystemNotificationStart() {
45 |     return {type: PUSH_BROADCAST_SYSTEM_NOTIFICATION_START}
46 | }
47 | 
48 | export function pushBroadcastSystemNotificationSuccess(notification) {
49 |     return {type: PUSH_BROADCAST_SYSTEM_NOTIFICATION_SUCCESS, notification}
50 | }
51 | 
52 | export function pushBroadcastSystemNotificationError(error) {
53 |     return {type: PUSH_BROADCAST_SYSTEM_NOTIFICATION_ERROR, error}
54 | }
55 | 
56 | export function pushBroadcastSystemNotification(content) {
57 |     return dispatch => {
58 |         dispatch(pushBroadcastSystemNotificationStart())
59 | 
60 |         BroadcastSystemNotification.push(content).then(function (notification) {
61 |             dispatch(pushBroadcastSystemNotificationSuccess(notification))
62 |         }, function (error) {
63 |             dispatch(pushBroadcastSystemNotificationError(error))
64 |         })
65 |     }
66 | }
67 | 


--------------------------------------------------------------------------------
/actions/dashboard.js:
--------------------------------------------------------------------------------
 1 | import { fetchDashboardData as _fetchDashboardData } from '../models'
 2 | 
 3 | /**
 4 |  * 获取dashboard数据
 5 |  */
 6 | 
 7 | export const FETCH_DASHBOARD_DATA_START = "FETCH_DASHBOARD_DATA_START"
 8 | export const FETCH_DASHBOARD_DATA_SUCCESS = "FETCH_DASHBOARD_DATA_SUCCESS"
 9 | export const FETCH_DASHBOARD_DATA_ERROR = "FETCH_DASHBOARD_DATA_ERROR"
10 | 
11 | export function fetchDashboardDataStart() {
12 |     return {type: FETCH_DASHBOARD_DATA_START}
13 | }
14 | 
15 | export function fetchDashboardDataSuccess(usersCount, questionsCount, answersCount, reportsCount) {
16 |     return {type: FETCH_DASHBOARD_DATA_SUCCESS, usersCount, questionsCount, answersCount, reportsCount}
17 | }
18 | 
19 | export function fetchDashboardDataError(error) {
20 |     return {type: FETCH_DASHBOARD_DATA_ERROR, error}
21 | }
22 | 
23 | export function fetchDashboardData() {
24 |     return dispatch => {
25 |         dispatch(fetchDashboardDataStart())
26 | 
27 |         _fetchDashboardData().then(function (usersCount, questionsCount, answersCount, reportsCount) {
28 |             dispatch(fetchDashboardDataSuccess(usersCount, questionsCount, answersCount, reportsCount))
29 |         }, function (error) {
30 |             dispatch(fetchDashboardDataError(error))
31 |         })
32 |     }
33 | }
34 | 


--------------------------------------------------------------------------------
/actions/homeRecommendations.js:
--------------------------------------------------------------------------------
  1 | import { HomeRecommendation } from '../models'
  2 | 
  3 | /**
  4 |  * 获取首页推荐
  5 |  */
  6 | 
  7 | export const FETCH_HOME_RECOMMENDATIONS_START = "FETCH_HOME_RECOMMENDATIONS_START"
  8 | export const FETCH_HOME_RECOMMENDATIONS_SUCCESS = "FETCH_HOME_RECOMMENDATIONS_SUCCESS"
  9 | export const FETCH_HOME_RECOMMENDATIONS_ERROR = "FETCH_HOME_RECOMMENDATIONS_ERROR"
 10 | 
 11 | export function fetchHomeRecommendationsStart() {
 12 |     return {type: FETCH_HOME_RECOMMENDATIONS_START}
 13 | }
 14 | 
 15 | export function fetchHomeRecommendationsSuccess(recommendations, page, totalCount) {
 16 |     return {type: FETCH_HOME_RECOMMENDATIONS_SUCCESS, recommendations, page, totalCount}
 17 | }
 18 | 
 19 | export function fetchHomeRecommendationsError(error) {
 20 |     return {type: FETCH_HOME_RECOMMENDATIONS_ERROR, error}
 21 | }
 22 | 
 23 | export function fetchHomeRecommendations(page = 1, perPage = 15) {
 24 |     return dispatch => {
 25 |         dispatch(fetchHomeRecommendationsStart())
 26 | 
 27 |         HomeRecommendation.fetchAll(page, perPage).then(function (recommendations, totalCount) {
 28 |             dispatch(fetchHomeRecommendationsSuccess(recommendations, page, totalCount))
 29 |         }, function (error) {
 30 |             dispatch(fetchHomeRecommendationsError(error))
 31 |         })
 32 |     }
 33 | }
 34 | 
 35 | /**
 36 |  * 移除首页推荐
 37 |  */
 38 | 
 39 | export const REMOVE_HOME_RECOMMENDATION_START = "REMOVE_HOME_RECOMMENDATION_START"
 40 | export const REMOVE_HOME_RECOMMENDATION_SUCCESS = "REMOVE_HOME_RECOMMENDATION_SUCCESS"
 41 | export const REMOVE_HOME_RECOMMENDATION_ERROR = "REMOVE_HOME_RECOMMENDATION_ERROR"
 42 | 
 43 | export function removeHomeRecommendationStart() {
 44 |     return {type: REMOVE_HOME_RECOMMENDATION_START}
 45 | }
 46 | 
 47 | export function removeHomeRecommendationSuccess(recommendation) {
 48 |     return {type: REMOVE_HOME_RECOMMENDATION_SUCCESS, recommendation}
 49 | }
 50 | 
 51 | export function removeHomeRecommendationError(error) {
 52 |     return {type: REMOVE_HOME_RECOMMENDATION_ERROR, error}
 53 | }
 54 | 
 55 | export function removeHomeRecommendation(recommendation) {
 56 |     return dispatch => {
 57 |         dispatch(removeHomeRecommendationStart())
 58 | 
 59 |         recommendation.destroy().then(function () {
 60 |             dispatch(removeHomeRecommendationSuccess(recommendation))
 61 |         }, function (error) {
 62 |             dispatch(removeHomeRecommendationError(error))
 63 |         })
 64 |     }
 65 | }
 66 | 
 67 | /**
 68 |  * 更换首页推荐用户的背景图片
 69 |  */
 70 | 
 71 | export const UPDATE_HOME_RECOMMENDATION_USER_BACKGROUND_IMAGE_START = "UPDATE_HOME_RECOMMENDATION_USER_BACKGROUND_IMAGE_START"
 72 | export const UPDATE_HOME_RECOMMENDATION_USER_BACKGROUND_IMAGE_SUCCESS = "UPDATE_HOME_RECOMMENDATION_USER_BACKGROUND_IMAGE_SUCCESS"
 73 | export const UPDATE_HOME_RECOMMENDATION_USER_BACKGROUND_IMAGE_ERROR = "UPDATE_HOME_RECOMMENDATION_USER_BACKGROUND_IMAGE_ERROR"
 74 | 
 75 | export function updateHomeRecommendationUserBackgroundImageStart() {
 76 |     return {type: UPDATE_HOME_RECOMMENDATION_USER_BACKGROUND_IMAGE_START}
 77 | }
 78 | 
 79 | export function updateHomeRecommendationUserBackgroundImageSuccess(recommendation) {
 80 |     return {type: UPDATE_HOME_RECOMMENDATION_USER_BACKGROUND_IMAGE_SUCCESS, recommendation}
 81 | }
 82 | 
 83 | export function updateHomeRecommendationUserBackgroundImageError(error) {
 84 |     return {type: UPDATE_HOME_RECOMMENDATION_USER_BACKGROUND_IMAGE_ERROR, error}
 85 | }
 86 | 
 87 | export function updateHomeRecommendationUserBackgroundImage(recommendation, file) {
 88 |     return dispatch => {
 89 |         dispatch(updateHomeRecommendationUserBackgroundImageStart())
 90 | 
 91 |         recommendation.updateUserBackgroundImage(file).then(function () {
 92 |             dispatch(updateHomeRecommendationUserBackgroundImageSuccess(recommendation))
 93 |         }, function (error) {
 94 |             dispatch(updateHomeRecommendationUserBackgroundImageError(error))
 95 |         })
 96 |     }
 97 | }
 98 | 
 99 | /**
100 |  * 添加首页推荐
101 |  */
102 | 
103 | export const ADD_HOME_RECOMMENDATION_START = "ADD_HOME_RECOMMENDATION_START"
104 | export const ADD_HOME_RECOMMENDATION_SUCCESS = "ADD_HOME_RECOMMENDATION_SUCCESS"
105 | export const ADD_HOME_RECOMMENDATION_ERROR = "ADD_HOME_RECOMMENDATION_ERROR"
106 | 
107 | export function addHomeRecommendationStart() {
108 |     return {type: ADD_HOME_RECOMMENDATION_START}
109 | }
110 | 
111 | export function addHomeRecommendationSuccess(recommendation) {
112 |     return {type: ADD_HOME_RECOMMENDATION_SUCCESS, recommendation}
113 | }
114 | 
115 | export function addHomeRecommendationError(error) {
116 |     return {type: ADD_HOME_RECOMMENDATION_ERROR, error}
117 | }
118 | 
119 | export function addHomeRecommendation(kind, object) {
120 |     return dispatch => {
121 |         dispatch(addHomeRecommendationStart())
122 | 
123 |         HomeRecommendation.add(kind, object).then(function (recommendation) {
124 |             dispatch(addHomeRecommendationSuccess(recommendation))
125 |         }, function (error) {
126 |             dispatch(addHomeRecommendationError(error))
127 |         })
128 |     }
129 | }
130 | 
131 | /**
132 |  * 置顶首页推荐对象
133 |  */
134 | 
135 | export const TOP_HOME_RECOMMENDATION_START = "TOP_HOME_RECOMMENDATION_START"
136 | export const TOP_HOME_RECOMMENDATION_SUCCESS = "TOP_HOME_RECOMMENDATION_SUCCESS"
137 | export const TOP_HOME_RECOMMENDATION_ERROR = "TOP_HOME_RECOMMENDATION_ERROR"
138 | 
139 | export function topHomeRecommendationStart() {
140 |     return {type: TOP_HOME_RECOMMENDATION_START}
141 | }
142 | 
143 | export function topHomeRecommendationSuccess(recommendation) {
144 |     return {type: TOP_HOME_RECOMMENDATION_SUCCESS, recommendation}
145 | }
146 | 
147 | export function topHomeRecommendationError(error) {
148 |     return {type: TOP_HOME_RECOMMENDATION_ERROR, error}
149 | }
150 | 
151 | export function topHomeRecommendation(recommendation) {
152 |     return dispatch => {
153 |         dispatch(topHomeRecommendationStart())
154 | 
155 |         recommendation.top().then(function (recommendation) {
156 |             dispatch(topHomeRecommendationSuccess(recommendation))
157 |         }, function (error) {
158 |             dispatch(topHomeRecommendationError(error))
159 |         })
160 |     }
161 | }
162 | 


--------------------------------------------------------------------------------
/actions/invitationCodes.js:
--------------------------------------------------------------------------------
 1 | import { InvitationCode } from '../models'
 2 | 
 3 | /**
 4 |  * 获取邀请码
 5 |  */
 6 | 
 7 | export const FETCH_INVITATION_CODES_START = "FETCH_INVITATION_CODES_START"
 8 | export const FETCH_INVITATION_CODES_SUCCESS = "FETCH_INVITATION_CODES_SUCCESS"
 9 | export const FETCH_INVITATION_CODES_ERROR = "FETCH_INVITATION_CODES_ERROR"
10 | 
11 | export function fetchInvitationCodesStart() {
12 |     return {type: FETCH_INVITATION_CODES_START}
13 | }
14 | 
15 | export function fetchInvitationCodesSuccess(page, codes, totalCount) {
16 |     return {type: FETCH_INVITATION_CODES_SUCCESS, page, codes, totalCount}
17 | }
18 | 
19 | export function fetchInvitationCodesError(error) {
20 |     return {type: FETCH_INVITATION_CODES_ERROR, error}
21 | }
22 | 
23 | export function fetchInvitationCodes(page = 1, perPage = 15) {
24 |     return dispatch => {
25 |         dispatch(fetchInvitationCodesStart())
26 | 
27 |         InvitationCode.fetchAll(page, perPage).then(function (codes, totalCount) {
28 |             dispatch(fetchInvitationCodesSuccess(page, codes, totalCount))
29 |         }, function (error) {
30 |             dispatch(fetchInvitationCodesError(error))
31 |         })
32 |     }
33 | }
34 | 
35 | /**
36 |  * 标记邀请码为已发送
37 |  */
38 | 
39 | export const MARK_INVITATION_CODE_SENDED_START = "MARK_INVITATION_CODE_SENDED_START"
40 | export const MARK_INVITATION_CODE_SENDED_SUCCESS = "MARK_INVITATION_CODE_SENDED_SUCCESS"
41 | export const MARK_INVITATION_CODE_SENDED_ERROR = "MARK_INVITATION_CODE_SENDED_ERROR"
42 | 
43 | export function markInvitationSendedStart() {
44 |     return {type: MARK_INVITATION_CODE_SENDED_START}
45 | }
46 | 
47 | export function markInvitationSendedSuccess(code) {
48 |     return {type: MARK_INVITATION_CODE_SENDED_SUCCESS, code}
49 | }
50 | 
51 | export function markInvitationSendedError(error) {
52 |     return {type: MARK_INVITATION_CODE_SENDED_ERROR, error}
53 | }
54 | 
55 | export function markInvitationSended(code, sendedTo) {
56 |     return dispatch => {
57 |         dispatch(markInvitationSendedStart())
58 | 
59 |         code.markSended(sendedTo).then(function () {
60 |             dispatch(markInvitationSendedSuccess(code))
61 |         }, function (error) {
62 |             dispatch(markInvitationSendedError(error))
63 |         })
64 |     }
65 | }
66 | 
67 | /**
68 |  * 生成新邀请码
69 |  */
70 | 
71 | export const GENERATE_INVITATION_CODES_START = "GENERATE_INVITATION_CODES_START"
72 | export const GENERATE_INVITATION_CODES_SUCCESS = "GENERATE_INVITATION_CODES_SUCCESS"
73 | export const GENERATE_INVITATION_CODES_ERROR = "GENERATE_INVITATION_CODES_ERROR"
74 | 
75 | export function generateInvitationCodesStart() {
76 |     return {type: GENERATE_INVITATION_CODES_START}
77 | }
78 | 
79 | export function generateInvitationCodesSuccess(count, codes) {
80 |     return {type: GENERATE_INVITATION_CODES_SUCCESS, count, codes}
81 | }
82 | 
83 | export function generateInvitationCodesError(error) {
84 |     return {type: GENERATE_INVITATION_CODES_ERROR, error}
85 | }
86 | 
87 | export function generateInvitationCodes(count = 5) {
88 |     return dispatch => {
89 |         dispatch(generateInvitationCodesStart())
90 | 
91 |         InvitationCode.generateCodes(count).then(function (codes) {
92 |             dispatch(generateInvitationCodesSuccess(count, codes))
93 |         }, function (error) {
94 |             dispatch(generateInvitationCodesError(error))
95 |         });
96 |     }
97 | }
98 | 


--------------------------------------------------------------------------------
/actions/question.js:
--------------------------------------------------------------------------------
  1 | import { Question } from '../models'
  2 | 
  3 | /**
  4 |  * 获取全部提问
  5 |  */
  6 | 
  7 | export const FETCH_QUESTIONS_START = "FETCH_QUESTIONS_START"
  8 | export const FETCH_QUESTIONS_SUCCESS = "FETCH_QUESTIONS_SUCCESS"
  9 | export const FETCH_QUESTIONS_ERROR = "FETCH_QUESTIONS_ERROR"
 10 | 
 11 | export function fetchQuestionsStart() {
 12 |     return {type: FETCH_QUESTIONS_START}
 13 | }
 14 | 
 15 | export function fetchQuestionsSuccess(questions, page, totalCount) {
 16 |     return {type: FETCH_QUESTIONS_SUCCESS, questions, page, totalCount}
 17 | }
 18 | 
 19 | export function fetchQuestionsError(error) {
 20 |     return {type: FETCH_QUESTIONS_ERROR, error}
 21 | }
 22 | 
 23 | export function fetchQuestions(page = 1, perPage = 15) {
 24 |     return dispatch => {
 25 |         dispatch(fetchQuestionsStart())
 26 | 
 27 |         Question.fetchAll(page, perPage).then(function (questions, totalCount) {
 28 |             dispatch(fetchQuestionsSuccess(questions, page, totalCount))
 29 |         }, function (error) {
 30 |             dispatch(fetchQuestionsError(error))
 31 |         })
 32 |     }
 33 | }
 34 | 
 35 | /**
 36 |  * 获取匿名提问
 37 |  */
 38 | 
 39 | export const FETCH_PENDING_ANONYMOUS_QUESTIONS_START = "FETCH_PENDING_ANONYMOUS_QUESTIONS_START"
 40 | export const FETCH_PENDING_ANONYMOUS_QUESTIONS_SUCCESS = "FETCH_PENDING_ANONYMOUS_QUESTIONS_SUCCESS"
 41 | export const FETCH_PENDING_ANONYMOUS_QUESTIONS_ERROR = "FETCH_PENDING_ANONYMOUS_QUESTIONS_ERROR"
 42 | 
 43 | export function fetchPendingAnonymousQuestionsStart() {
 44 |     return {type: FETCH_PENDING_ANONYMOUS_QUESTIONS_START}
 45 | }
 46 | 
 47 | export function fetchPendingAnonymousQuestionsSuccess(questions, page, totalCount) {
 48 |     return {type: FETCH_PENDING_ANONYMOUS_QUESTIONS_SUCCESS, questions, page, totalCount}
 49 | }
 50 | 
 51 | export function fetchPendingAnonymousQuestionsError(error) {
 52 |     return {type: FETCH_PENDING_ANONYMOUS_QUESTIONS_ERROR, error}
 53 | }
 54 | 
 55 | export function fetchPendingAnonymousQuestions(page = 1, perPage = 15) {
 56 |     return dispatch => {
 57 |         dispatch(fetchPendingAnonymousQuestionsStart())
 58 | 
 59 |         Question.fetchPendingAnonymousQuestions(page, perPage).then(function (questions, totalCount) {
 60 |             dispatch(fetchPendingAnonymousQuestionsSuccess(questions, page, totalCount))
 61 |         }, function (error) {
 62 |             dispatch(fetchPendingAnonymousQuestionsError(error))
 63 |         })
 64 |     }
 65 | }
 66 | 
 67 | /**
 68 |  * 获取全部回答
 69 |  */
 70 | 
 71 | export const FETCH_ANSWERS_START = "FETCH_ANSWERS_START"
 72 | export const FETCH_ANSWERS_SUCCESS = "FETCH_ANSWERS_SUCCESS"
 73 | export const FETCH_ANSWERS_ERROR = "FETCH_ANSWERS_ERROR"
 74 | 
 75 | export function fetchAnswersStart() {
 76 |     return {type: FETCH_ANSWERS_START}
 77 | }
 78 | 
 79 | export function fetchAnswersSuccess(answers, page, totalCount) {
 80 |     return {type: FETCH_ANSWERS_SUCCESS, answers, page, totalCount}
 81 | }
 82 | 
 83 | export function fetchAnswersError(error) {
 84 |     return {type: FETCH_ANSWERS_ERROR, error}
 85 | }
 86 | 
 87 | export function fetchAnswers(page = 1, perPage = 15) {
 88 |     return dispatch => {
 89 |         dispatch(fetchAnswersStart())
 90 | 
 91 |         Question.fetchAnswers(page, perPage).then(function (answers, totalCount) {
 92 |             dispatch(fetchAnswersSuccess(answers, page, totalCount))
 93 |         }, function (error) {
 94 |             dispatch(fetchAnswersError(error))
 95 |         })
 96 |     }
 97 | }
 98 | 
 99 | /**
100 |  * 更新问题
101 |  */
102 | 
103 | export const UPDATE_QUESTION_START = "UPDATE_QUESTION_START"
104 | export const UPDATE_QUESTION_SUCCESS = "UPDATE_QUESTION_SUCCESS"
105 | export const UPDATE_QUESTION_ERROR = "UPDATE_QUESTION_ERROR"
106 | 
107 | export function updateQuestionStart() {
108 |     return {type: UPDATE_QUESTION_START}
109 | }
110 | 
111 | export function updateQuestionSuccess(question) {
112 |     return {type: UPDATE_QUESTION_SUCCESS, question}
113 | }
114 | 
115 | export function updateQuestionError(error) {
116 |     return {type: UPDATE_QUESTION_ERROR, error}
117 | }
118 | 
119 | export function updateQuestion(question, title) {
120 |     return dispatch => {
121 |         dispatch(updateQuestionStart())
122 | 
123 |         question.update(title).then(function (question) {
124 |             dispatch(updateQuestionSuccess(question))
125 |         }, function (error) {
126 |             dispatch(updateQuestionError(error))
127 |         })
128 |     }
129 | }
130 | 
131 | /**
132 |  * 删除问题
133 |  */
134 | 
135 | export const DELETE_QUESTION_START = "DELETE_QUESTION_START"
136 | export const DELETE_QUESTION_SUCCESS = "DELETE_QUESTION_SUCCESS"
137 | export const DELETE_QUESTION_ERROR = "DELETE_QUESTION_ERROR"
138 | 
139 | export function deleteQuestionStart() {
140 |     return {type: DELETE_QUESTION_START}
141 | }
142 | 
143 | export function deleteQuestionSuccess(question) {
144 |     return {type: DELETE_QUESTION_SUCCESS, question}
145 | }
146 | 
147 | export function deleteQuestionError(error) {
148 |     return {type: DELETE_QUESTION_ERROR, error}
149 | }
150 | 
151 | export function deleteQuestion(question) {
152 |     return dispatch => {
153 |         dispatch(deleteQuestionStart())
154 | 
155 |         question.destroy().then(function () {
156 |             dispatch(deleteQuestionSuccess(question))
157 |         }, function (error) {
158 |             dispatch(deleteQuestionError(error))
159 |         })
160 |     }
161 | }
162 | 
163 | 
164 | 
165 | 


--------------------------------------------------------------------------------
/actions/reportedQuestions.js:
--------------------------------------------------------------------------------
 1 | import { ReportQuestion } from '../models'
 2 | 
 3 | /**
 4 |  * 获取举报内容
 5 |  */
 6 | 
 7 | export const FETCH_REPORTED_QUESTIONS_START = "FETCH_REPORTED_QUESTIONS_START"
 8 | export const FETCH_REPORTED_QUESTIONS_SUCCESS = "FETCH_REPORTED_QUESTIONS_SUCCESS"
 9 | export const FETCH_REPORTED_QUESTIONS_ERROR = "FETCH_REPORTED_QUESTIONS_ERROR"
10 | 
11 | export function fetchReportedQuestionsStart() {
12 |     return {type: FETCH_REPORTED_QUESTIONS_START}
13 | }
14 | 
15 | export function fetchReportedQuestionsSuccess(questions, page, totalCount) {
16 |     return {type: FETCH_REPORTED_QUESTIONS_SUCCESS, questions, page, totalCount}
17 | }
18 | 
19 | export function fetchReportedQuestionsError(error) {
20 |     return {type: FETCH_REPORTED_QUESTIONS_ERROR, error}
21 | }
22 | 
23 | export function fetchReportedQuestions(page = 1, perPage = 15) {
24 |     return dispatch => {
25 |         dispatch(fetchReportedQuestionsStart())
26 | 
27 |         ReportQuestion.fetchAll(page, perPage).then(function (reportedQuestions, totalCount) {
28 |             dispatch(fetchReportedQuestionsSuccess(reportedQuestions, page, totalCount))
29 |         }, function (error) {
30 |             dispatch(fetchReportedQuestionsError(error))
31 |         })
32 |     }
33 | }
34 | 


--------------------------------------------------------------------------------
/actions/users.js:
--------------------------------------------------------------------------------
  1 | import { User } from '../models'
  2 | 
  3 | /**
  4 |  * 获取用户
  5 |  */
  6 | 
  7 | export const FETCH_USERS_START = "FETCH_USERS_START"
  8 | export const FETCH_USERS_SUCCESS = "FETCH_USERS_SUCCESS"
  9 | export const FETCH_USERS_ERROR = "FETCH_USERS_ERROR"
 10 | 
 11 | export function fetchUsersStart(page = 1) {
 12 |     return {type: FETCH_USERS_START, page: page}
 13 | }
 14 | 
 15 | export function fetchUsersSuccess(users, page, totalCount) {
 16 |     return {type: FETCH_USERS_SUCCESS, users, page, totalCount}
 17 | }
 18 | 
 19 | export function fetchUsersError(error) {
 20 |     return {type: FETCH_USERS_ERROR, error}
 21 | }
 22 | 
 23 | export function fetchUsers(page = 1, perPage = 15) {
 24 |     return dispatch => {
 25 |         dispatch(fetchUsersStart(page))
 26 | 
 27 |         User.fetchAll(page, perPage).then(function (users, totalCount) {
 28 |             dispatch(fetchUsersSuccess(users, page, totalCount))
 29 |         }, function (error) {
 30 |             dispatch(fetchUsersError(error))
 31 |         })
 32 |     }
 33 | }
 34 | 
 35 | /**
 36 |  * 开通用户主页
 37 |  */
 38 | 
 39 | export const OPEN_USER_QA_PAGE_START = "OPEN_USER_QA_PAGE_START"
 40 | export const OPEN_USER_QA_PAGE_SUCCESS = "OPEN_USER_QA_PAGE_SUCCESS"
 41 | export const OPEN_USER_QA_PAGE_ERROR = "OPEN_USER_QA_PAGE_ERROR"
 42 | 
 43 | export function openUserQAPageStart() {
 44 |     return {type: OPEN_USER_QA_PAGE_START}
 45 | }
 46 | 
 47 | export function openUserQAPageSuccess(user) {
 48 |     return {type: OPEN_USER_QA_PAGE_SUCCESS, user}
 49 | }
 50 | 
 51 | export function openUserQAPageError(error) {
 52 |     return {type: OPEN_USER_QA_PAGE_ERROR, error}
 53 | }
 54 | 
 55 | export function openUserQAPage(user) {
 56 |     return (dispatch) => {
 57 |         dispatch(openUserQAPageStart())
 58 | 
 59 |         user.openQAPage().then(function () {
 60 |             dispatch(openUserQAPageSuccess(user))
 61 |         }, function (error) {
 62 |             dispatch(openUserQAPageError(error))
 63 |         })
 64 |     }
 65 | }
 66 | 
 67 | /**
 68 |  * 关闭用户主页
 69 |  */
 70 | 
 71 | export const CLOSE_USER_QA_PAGE_START = "CLOSE_USER_QA_PAGE_START"
 72 | export const CLOSE_USER_QA_PAGE_SUCCESS = "CLOSE_USER_QA_PAGE_SUCCESS"
 73 | export const CLOSE_USER_QA_PAGE_ERROR = "CLOSE_USER_QA_PAGE_ERROR"
 74 | 
 75 | export function closeUserQAPageStart() {
 76 |     return {type: CLOSE_USER_QA_PAGE_START}
 77 | }
 78 | 
 79 | export function closeUserQAPageSuccess(user) {
 80 |     return {type: CLOSE_USER_QA_PAGE_SUCCESS, user}
 81 | }
 82 | 
 83 | export function closeUserQAPageError(error) {
 84 |     return {type: CLOSE_USER_QA_PAGE_ERROR, error}
 85 | }
 86 | 
 87 | export function closeUserQAPage(user) {
 88 |     return (dispatch) => {
 89 |         dispatch(closeUserQAPageStart())
 90 | 
 91 |         user.closeQAPage().then(function () {
 92 |             dispatch(closeUserQAPageSuccess(user))
 93 |         }, function (error) {
 94 |             dispatch(closeUserQAPageError(error))
 95 |         })
 96 |     }
 97 | }
 98 | 
 99 | /**
100 |  * 编辑用户资料
101 |  */
102 | 
103 | export const UPDATE_USER_START = "UPDATE_USER_START"
104 | export const UPDATE_USER_SUCCESS = "UPDATE_USER_SUCCESS"
105 | export const UPDATE_USER_ERROR = "UPDATE_USER_ERROR"
106 | 
107 | export function updateUserStart() {
108 |     return {type: UPDATE_USER_START}
109 | }
110 | 
111 | export function updateUserSuccess(user) {
112 |     return {type: UPDATE_USER_SUCCESS, user}
113 | }
114 | 
115 | export function updateUserError(error) {
116 |     return {type: UPDATE_USER_ERROR, error}
117 | }
118 | 
119 | export function updateUser(user, name, title, achievements, desc, mobilePhoneNumber, tags) {
120 |     return (dispatch) => {
121 |         dispatch(updateUserStart())
122 | 
123 |         user.update(name, title, achievements, desc, mobilePhoneNumber, tags).then(function (user) {
124 |             dispatch(updateUserSuccess(user))
125 |         }, function (error) {
126 |             dispatch(updateUserError(error))
127 |         })
128 |     }
129 | }
130 | 
131 | 
132 | /**
133 |  * 搜索用户
134 |  */
135 | 
136 | export const SEARCH_USERS_START = "SEARCH_USERS_START"
137 | export const SEARCH_USERS_SUCCESS = "SEARCH_USERS_SUCCESS"
138 | export const SEARCH_USERS_ERROR = "SEARCH_USERS_ERROR"
139 | 
140 | export function searchUsersStart() {
141 |     return {type: SEARCH_USERS_START}
142 | }
143 | 
144 | export function searchUsersSuccess(users, page, totalCount) {
145 |     return {type: SEARCH_USERS_SUCCESS, users, page, totalCount}
146 | }
147 | 
148 | export function searchUsersError(error) {
149 |     return {type: SEARCH_USERS_ERROR, error}
150 | }
151 | 
152 | export function searchUsers(keyword, page = 1, perPage = 15) {
153 |     return dispatch => {
154 |         dispatch(searchUsersStart())
155 | 
156 |         User.searchByName(keyword, page, perPage).then(function (users, totalCount) {
157 |             dispatch(searchUsersSuccess(users, page, totalCount))
158 |         }, function (error) {
159 |             dispatch(searchUsersError(error))
160 |         })
161 |     }
162 | }
163 | 


--------------------------------------------------------------------------------
/auth.js:
--------------------------------------------------------------------------------
 1 | import AV from 'avoscloud-sdk'
 2 | 
 3 | export function logIn(password) {
 4 |     return fetch('https://12345.上山打老虎', {
 5 |         method: "POST",
 6 |         headers: {
 7 |             "Content-Type": "application/x-www-form-urlencoded"
 8 |         },
 9 |         body: `password=${password}`
10 |     }).then(function (response) {
11 |         return response.json()
12 |     }).then(function (jsonResponse) {
13 |         return new AV.Promise(function (resolve, reject) {
14 |             if (jsonResponse.authed) {
15 |                 localStorage.setItem('appId', jsonResponse.appId)
16 |                 localStorage.setItem('appKey', jsonResponse.appKey)
17 |                 localStorage.setItem('appMasterKey', jsonResponse.appMasterKey)
18 | 
19 |                 resolve('LogIn Successfully.')
20 |             } else {
21 |                 reject('Password is incorrect.')
22 |             }
23 |         })
24 |     })
25 | }
26 | 
27 | export function loggedIn() {
28 |     return localStorage.getItem('appId') && localStorage.getItem('appKey') && localStorage.getItem('appMasterKey')
29 | }
30 | 
31 | export function logOut() {
32 |     localStorage.removeItem('appId')
33 |     localStorage.removeItem('appKey')
34 |     localStorage.removeItem('appMasterKey')
35 | }
36 | 


--------------------------------------------------------------------------------
/components/account/signin.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react'
2 | 


--------------------------------------------------------------------------------
/components/homeRecommendations/AddHomeRecommendationModal.js:
--------------------------------------------------------------------------------
  1 | import React from 'react'
  2 | import Radium from 'radium'
  3 | import BaseModal from '../public/BaseFormModal'
  4 | import UserSelector from './UserSelector'
  5 | import { User } from '../../models'
  6 | 
  7 | @Radium
  8 | export default class AddHomeRecommendationModal extends React.Component {
  9 |     static propTypes = {
 10 |         closeModal: React.PropTypes.func.isRequired,
 11 |         addHomeRecommendation: React.PropTypes.func.isRequired,
 12 |         modalIsOpen: React.PropTypes.bool.isRequired
 13 |     }
 14 | 
 15 |     state = {
 16 |         searchUsers: [],
 17 |         targetHomeRecommendation: null
 18 |     }
 19 | 
 20 |     handleSearch = () => {
 21 |         const searchWord = this.refs.searchWord.value.trim()
 22 | 
 23 |         if (searchWord === "") {
 24 |             this.setState({searchUsers: []})
 25 |         } else {
 26 |             User.searchOpenedUserByName(searchWord).then(function (users) {
 27 |                 this.setState({searchUsers: users})
 28 |             }.bind(this))
 29 |         }
 30 |     }
 31 | 
 32 |     selectUser = (user) => {
 33 |         this.refs.searchWord.value = ""
 34 |         this.setState({
 35 |             searchUsers: [],
 36 |             targetHomeRecommendation: user
 37 |         })
 38 |     }
 39 | 
 40 |     handleSubmit = () => {
 41 |         const { addHomeRecommendation } = this.props
 42 | 
 43 |         if (!this.state.targetHomeRecommendation) {
 44 |             window.alert("请选择推荐对象")
 45 |             return
 46 |         }
 47 | 
 48 |         this.closeModal()
 49 |         addHomeRecommendation("user", this.state.targetHomeRecommendation)
 50 |     }
 51 | 
 52 |     closeModal = ()=> {
 53 |         const { closeModal } = this.props
 54 | 
 55 |         this.refs.searchWord.value = ""
 56 | 
 57 |         this.setState({
 58 |             searchUsers: [],
 59 |             targetHomeRecommendation: null
 60 |         })
 61 | 
 62 |         closeModal()
 63 |     }
 64 | 
 65 |     render() {
 66 |         const { closeModal, modalIsOpen } = this.props
 67 | 
 68 |         return (
 69 |             <BaseModal
 70 |                 title="添加首页推荐"
 71 |                 closeModal={this.closeModal}
 72 |                 modalIsOpen={modalIsOpen}
 73 |                 handleSubmit={this.handleSubmit}>
 74 |                 <form>
 75 |                     <div className="form-group">
 76 |                         <label>搜索</label>
 77 |                         <div className="input-group">
 78 |                             <input type="text" className="form-control" placeholder="输入用户名进行搜索" ref="searchWord"/>
 79 |                             <span className="input-group-btn">
 80 |                                 <button className="btn btn-default" type="button" onClick={this.handleSearch}>
 81 |                                     <i className="fa fa-search"/>
 82 |                                 </button>
 83 |                             </span>
 84 |                         </div>
 85 |                     </div>
 86 | 
 87 |                     <UserSelector
 88 |                         users={this.state.searchUsers}
 89 |                         selectUser={this.selectUser}/>
 90 | 
 91 |                     <div className="form-group">
 92 |                         <label>推荐对象</label>
 93 |                         <p className="form-control-static">
 94 |                             {this.state.targetHomeRecommendation
 95 |                                 ? "用户 - " + this.state.targetHomeRecommendation.get('name')
 96 |                                 : "无"}</p>
 97 |                     </div>
 98 |                 </form>
 99 |             </BaseModal>
100 |         )
101 |     }
102 | }
103 | 
104 | const styles = {}
105 | 


--------------------------------------------------------------------------------
/components/homeRecommendations/HomeRecommendationsList.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import Radium from 'radium'
 3 | import { friendlyTimeWithLineBreak } from '../../filters'
 4 | import UserHomeRecommendation from './UserHomeRecommendation'
 5 | 
 6 | @Radium
 7 | export default class HomeRecommendationsList extends React.Component {
 8 |     static propTypes = {
 9 |         homeRecommendations: React.PropTypes.array.isRequired,
10 |         removeHomeRecommendation: React.PropTypes.func.isRequired,
11 |         selectImageFile: React.PropTypes.func.isRequired,
12 |         topHomeRecommendation: React.PropTypes.func.isRequired
13 |     }
14 | 
15 |     removeHomeRecommendation = (homeRecommendation) => {
16 |         const { removeHomeRecommendation } = this.props
17 | 
18 |         if (window.confirm('确认删除该首页推荐?')) {
19 |             removeHomeRecommendation(homeRecommendation)
20 |         }
21 |     }
22 | 
23 |     render() {
24 |         const { homeRecommendations, selectImageFile, topHomeRecommendation } = this.props
25 |         const rows = homeRecommendations.map(homeRecommendation => {
26 |             let homeRecommendationNode = null
27 | 
28 |             if (homeRecommendation.get('kind') === 'user') {
29 |                 homeRecommendationNode = (<UserHomeRecommendation homeRecommendation={homeRecommendation}/>)
30 |             }
31 | 
32 |             return (
33 |                 <tr key={homeRecommendation.id}>
34 |                     <td style={styles.kindCell}>{generateKindString(homeRecommendation.get('kind'))}</td>
35 |                     <td style={styles.userCell}>{homeRecommendationNode}</td>
36 |                     <td style={styles.timeCell}>{friendlyTimeWithLineBreak(homeRecommendation.createdAt)}</td>
37 |                     <td>
38 |                         <div className="btn-group btn-group-sm">
39 |                             <button type="button" className="btn btn-default"
40 |                                     onClick={() => this.removeHomeRecommendation(homeRecommendation)}>移除
41 |                             </button>
42 |                             <button type="button" className="btn btn-default"
43 |                                     onClick={() => selectImageFile(homeRecommendation)}>上传图片
44 |                             </button>
45 |                             <button type="button" className="btn btn-default"
46 |                                     onClick={() => topHomeRecommendation(homeRecommendation)}>置顶
47 |                             </button>
48 | 
49 |                             {/*<button type="button" key={"reorder" + homeRecommendation.id} className="btn btn-default"
50 |                                     style={styles.reorder}>
51 |                                 <i className="fa fa-reorder"/>
52 |                             </button>*/}
53 |                         </div>
54 |                     </td>
55 |                 </tr>
56 |             )
57 |         })
58 | 
59 |         return (
60 |             <table className="table table-hover">
61 |                 <thead>
62 |                 <tr>
63 |                     <th>类型</th>
64 |                     <th>推荐对象</th>
65 |                     <th>推荐于</th>
66 |                     <th>操作</th>
67 |                 </tr>
68 |                 </thead>
69 |                 <tbody>{rows}</tbody>
70 |             </table>
71 |         )
72 |     }
73 | }
74 | 
75 | function generateKindString(kind) {
76 |     switch (kind) {
77 |         case "user":
78 |             return "用户"
79 |         default:
80 |             return ""
81 |     }
82 | }
83 | 
84 | const styles = {
85 |     kindCell: {
86 |         minWidth: '100px'
87 |     },
88 |     userCell: {
89 |         paddingBottom: '12px'
90 |     },
91 |     timeCell: {
92 |         minWidth: '100px'
93 |     },
94 |     reorder: {
95 |         ':hover': {
96 |             cursor: "move"
97 |         }
98 |     }
99 | }


--------------------------------------------------------------------------------
/components/homeRecommendations/UserHomeRecommendation.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import Radium from 'radium'
 3 | import { browserHistory } from 'react-router'
 4 | 
 5 | @Radium
 6 | export default class UserHomeRecommendation extends React.Component {
 7 |     static propTypes = {
 8 |         homeRecommendation: React.PropTypes.object.isRequired
 9 |     }
10 | 
11 |     render() {
12 |         const { homeRecommendation } = this.props
13 |         const user = homeRecommendation.get('user')
14 |         const backgroundImageUrl = user.get('userCardBackgroundImage')
15 |             ? user.get('userCardBackgroundImage').url()
16 |             : user.get('avatar').url()
17 | 
18 |         return (
19 |             <div>
20 |                 <div style={styles.achievements}>{user.get('achievements')}</div>
21 |                 <div onClick={() => browserHistory.push(`/user/${user.id}`)}
22 |                     style={[
23 |                         {backgroundImage: 'linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)), url(' + backgroundImageUrl + ')'},
24 |                         styles.backgroundImageWap
25 |                     ]}>
26 |                     <div style={styles.nameTitleWap}>
27 |                         <div style={styles.name}>{user.get('name')}</div>
28 |                         <div style={styles.title}>{user.get('title')}</div>
29 |                     </div>
30 |                 </div>
31 |                 <div style={styles.bottomWap}>
32 |                     <span style={styles.tags}>{user.get('tags').join(', ')}</span>
33 |                     <span style={styles.answeredQuestionsCount}>{user.get('answeredQuestionsCount')} 问答</span>
34 |                 </div>
35 |             </div>
36 |         )
37 |     }
38 | }
39 | 
40 | const styles = {
41 |     achievements: {
42 |         fontWeight: 'bold'
43 |     },
44 |     backgroundImageWap: {
45 |         marginTop: '5px',
46 |         width: '250px',
47 |         height: '125px',
48 |         color: 'white',
49 |         backgroundPosition: 'center',
50 |         backgroundRepeat: 'no-repeat',
51 |         backgroundSize: 'cover',
52 |         position: 'relative',
53 |         ':hover': {
54 |             cursor: 'pointer'
55 |         }
56 |     },
57 |     nameTitleWap: {
58 |         position: 'absolute',
59 |         bottom: '10px',
60 |         left: '12px'
61 |     },
62 |     name: {
63 |         fontWeight: '1000',
64 |         fontSize: '15px'
65 |     },
66 |     title: {
67 |         fontSize: '12px',
68 |         marginTop: '3px'
69 |     },
70 |     bottomWap: {
71 |         marginTop: '5px',
72 |         fontSize: '12px',
73 |         color: 'gray'
74 |     },
75 |     tags: {},
76 |     answeredQuestionsCount: {
77 |         marginLeft: '20px'
78 |     }
79 | }
80 | 


--------------------------------------------------------------------------------
/components/homeRecommendations/UserSelector.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import Radium from 'radium'
 3 | 
 4 | @Radium
 5 | export default class UserSelector extends React.Component {
 6 |     static propTypes = {
 7 |         users: React.PropTypes.array.isRequired,
 8 |         selectUser: React.PropTypes.func.isRequired
 9 |     }
10 | 
11 |     render() {
12 |         const { users, selectUser } = this.props
13 |         const userNodes = users.map((user, index, array) => {
14 |             return (
15 |                 <div key={user.id} className="clearfix" style={[
16 |                     styles.row,
17 |                     { marginBottom: (index === array.length - 1) ? "20px": "10px"}
18 |                     ]}>
19 |                     <div className="pull-left">
20 |                         <img src={user.get('avatar').url()} width="30" height="30" alt=""
21 |                              className="img-circle"/>
22 |                         <span style={styles.userName}>{user.get('name')}</span>
23 |                     </div>
24 |                     <div className="pull-right">
25 |                         <button type="button" className="btn btn-primary btn-sm"
26 |                                 onClick={() => selectUser(user)}>选择
27 |                         </button>
28 |                     </div>
29 |                 </div>
30 |             )
31 |         })
32 | 
33 |         return (
34 |             <div style={styles.wap}>{userNodes}</div>
35 |         )
36 |     }
37 | }
38 | 
39 | const styles = {
40 |     wap: {
41 |         maxHeight: '200px',
42 |         overflowY: 'auto'
43 |     },
44 |     row: {
45 |         ':hover': {
46 |             backgroundColor: '#EEE'
47 |         }
48 |     },
49 |     userName: {
50 |         marginLeft: '5px'
51 |     }
52 | }
53 | 


--------------------------------------------------------------------------------
/components/invitationCodes/InvitationCodesList.js:
--------------------------------------------------------------------------------
  1 | import React from 'react'
  2 | import Radium from 'radium'
  3 | import { browserHistory, Link } from 'react-router'
  4 | import { friendlyTimeWithLineBreak } from '../../filters'
  5 | 
  6 | @Radium
  7 | export default class InvitationCodesList extends React.Component {
  8 |     static propTypes = {
  9 |         invitationCodes: React.PropTypes.array.isRequired,
 10 |         openModal: React.PropTypes.func.isRequired
 11 |     }
 12 | 
 13 |     render() {
 14 |         const { invitationCodes, openModal } = this.props
 15 |         const rows = invitationCodes.map(code => {
 16 |             return (
 17 |                 <tr key={code.id}>
 18 |                     <td style={code.get('used') || code.get('sended') ? styles.usedCodeCell : styles.unusedCodeCell}>{code.get('code')}</td>
 19 |                     <td>{generateCodeKind(code)}</td>
 20 |                     <td>{generateCodeCreator(code)}</td>
 21 |                     <td>{code.get('sended') ? (<i className="fa fa-check"/>) : null}</td>
 22 |                     <td>{friendlyTimeWithLineBreak(code.get('sendedAt'))}</td>
 23 |                     <td>{code.get('sendedTo')}</td>
 24 |                     <td>{friendlyTimeWithLineBreak(code.createdAt)}</td>
 25 |                     <td>{friendlyTimeWithLineBreak(code.get('usedAt'))}</td>
 26 |                     <td>
 27 |                         {code.get('user')
 28 |                             ? <Link to={`/user/${code.get('user').id}`}>{code.get('user').get('name')}</Link>
 29 |                             : null}
 30 |                     </td>
 31 |                     <td>
 32 |                         <If condition={code.get('kind') === 3 && !code.get('sended')}>
 33 |                             <div className="btn-group btn-group-sm">
 34 |                                 <button type="button" className="btn btn-default"
 35 |                                         onClick={() => openModal(code)}>标记为已发送
 36 |                                 </button>
 37 |                             </div>
 38 |                         </If>
 39 |                     </td>
 40 |                 </tr>
 41 |             )
 42 |         })
 43 | 
 44 |         return (
 45 |             <table className="table table-hover">
 46 |                 <thead>
 47 |                 <tr>
 48 |                     <th>邀请码</th>
 49 |                     <th>类型</th>
 50 |                     <th>创建者</th>
 51 |                     <th>已发送</th>
 52 |                     <th>发送于</th>
 53 |                     <th>发送对象</th>
 54 |                     <th>创建于</th>
 55 |                     <th>使用于</th>
 56 |                     <th>注册用户</th>
 57 |                     <th>操作</th>
 58 |                 </tr>
 59 |                 </thead>
 60 |                 <tbody>{rows}</tbody>
 61 |             </table>
 62 |         )
 63 |     }
 64 | }
 65 | 
 66 | function generateCodeKind(code) {
 67 |     let kind = ""
 68 | 
 69 |     switch (code.get('kind')) {
 70 |         case 1:
 71 |             kind = "提问被回答"
 72 |             break
 73 |         case 2:
 74 |             kind = "用户生成"
 75 |             break
 76 |         case 3:
 77 |             kind = "管理员生成"
 78 |             break
 79 |     }
 80 | 
 81 |     return kind
 82 | }
 83 | 
 84 | function generateCodeCreator(code) {
 85 |     switch (code.get('kind')) {
 86 |         case 1:
 87 |             return "system"
 88 |         case 2:
 89 |             return (
 90 |                 <Link to={`/user/${code.get('createdBy').id}`}>{code.get('createdBy').get('name')}</Link>
 91 |             )
 92 |         case 3:
 93 |             return "admin"
 94 |         default:
 95 |             return ""
 96 |     }
 97 | }
 98 | 
 99 | const styles = {
100 |     unusedCodeCell: {
101 |         fontWeight: 'bold'
102 |     },
103 |     usedCodeCell: {
104 |         textDecoration: 'line-through',
105 |         color: 'lightgray'
106 |     }
107 | }
108 | 


--------------------------------------------------------------------------------
/components/invitationCodes/MarkInvitationCodeSendedModal.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import Radium from 'radium'
 3 | import BaseModal from '../public/BaseFormModal'
 4 | 
 5 | @Radium
 6 | export default class MarkInvitationCodeSendedModal extends React.Component {
 7 |     state = {
 8 |         sendedTo: "",
 9 |         code: null
10 |     }
11 | 
12 |     static propTypes = {
13 |         code: React.PropTypes.object,
14 |         closeModal: React.PropTypes.func.isRequired,
15 |         markSended: React.PropTypes.func.isRequired,
16 |         modalIsOpen: React.PropTypes.bool.isRequired
17 |     }
18 | 
19 |     handleSendedToChange = (e) => {
20 |         this.setState({sendedTo: e.target.value})
21 |     }
22 | 
23 |     handleSubmit = () => {
24 |         const { markSended, closeModal } = this.props
25 | 
26 |         closeModal()
27 |         markSended(this.state.code, this.state.sendedTo)
28 |         this.setState({code: null, sendedTo: ""})
29 |     }
30 | 
31 |     componentWillReceiveProps = (nextProps) => {
32 |         if (nextProps.code && nextProps.modalIsOpen) {
33 |             this.setState({
34 |                 code: nextProps.code
35 |             })
36 |         }
37 |     }
38 | 
39 |     render() {
40 |         const { closeModal, modalIsOpen } = this.props
41 |         return (
42 |             <BaseModal
43 |                 title="标记为已发送"
44 |                 closeModal={closeModal}
45 |                 modalIsOpen={modalIsOpen}
46 |                 handleSubmit={this.handleSubmit}>
47 |                 <form>
48 |                     <div className="form-group">
49 |                         <label>邀请码</label>
50 |                         <p className="form-control-static">{this.state.code ? this.state.code.get('code') : null}</p>
51 |                     </div>
52 |                     <div className="form-group">
53 |                         <label>发送给</label>
54 |                         <input type="text" className="form-control" value={this.state.sendedTo}
55 |                                onChange={this.handleSendedToChange}/>
56 |                         <p className="help-block">注：人名，手机号，邮箱... 按需填写，格式不限</p>
57 |                     </div>
58 |                 </form>
59 |             </BaseModal>
60 |         )
61 |     }
62 | }
63 | 
64 | const styles = {}
65 | 


--------------------------------------------------------------------------------
/components/notification/BroadcastSystemNotificationsList.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import Radium from 'radium'
 3 | import { friendlyTimeWithLineBreak } from '../../filters'
 4 | 
 5 | @Radium
 6 | export default class BroadcastSystemNotificationsList extends React.Component {
 7 |     static propTypes = {
 8 |         notifications: React.PropTypes.array.isRequired
 9 |     }
10 | 
11 |     render() {
12 |         const { notifications } = this.props
13 |         const rows = notifications.map(notification => {
14 |             return (
15 |                 <tr key={notification.id}>
16 |                     <td>
17 |                         {notification.get('content')}
18 |                     </td>
19 |                     <td>
20 |                         {friendlyTimeWithLineBreak(notification.createdAt)}
21 |                     </td>
22 |                 </tr>
23 |             )
24 |         })
25 | 
26 |         return (
27 |             <table className="table table-hover">
28 |                 <thead>
29 |                 <tr>
30 |                     <th>推送于</th>
31 |                     <th>内容</th>
32 |                 </tr>
33 |                 </thead>
34 |                 <tbody>{rows}</tbody>
35 |             </table>
36 |         )
37 |     }
38 | }
39 | 
40 | const styles = {}


--------------------------------------------------------------------------------
/components/public/ActiveNavItem.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import Radium from 'radium'
 3 | import { Link } from 'react-router'
 4 | 
 5 | @Radium
 6 | export default class ActiveNavItem extends React.Component {
 7 |     static propTypes = {
 8 |         path: React.PropTypes.string.isRequired,
 9 |         text: React.PropTypes.string.isRequired,
10 |         currentPath: React.PropTypes.string.isRequired
11 |     }
12 | 
13 |     render() {
14 |         return (
15 |             <li className={this.props.path === this.props.currentPath ? 'active': null}>
16 |                 <Link to={this.props.path}>{this.props.text}</Link>
17 |             </li>
18 |         )
19 |     }
20 | }
21 | 
22 | const styles = {}
23 | 


--------------------------------------------------------------------------------
/components/public/BaseFormModal.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import Radium from 'radium'
 3 | import Modal from "react-modal"
 4 | 
 5 | @Radium
 6 | export default class BaseFormModal extends React.Component {
 7 |     static defaultProps = {
 8 |         submitText: "提交"
 9 |     }
10 | 
11 |     static propTypes = {
12 |         title: React.PropTypes.string.isRequired,
13 |         closeModal: React.PropTypes.func.isRequired,
14 |         handleSubmit: React.PropTypes.func.isRequired,
15 |         modalIsOpen: React.PropTypes.bool.isRequired,
16 |         children: React.PropTypes.element.isRequired,
17 |         submitText: React.PropTypes.string
18 |     }
19 | 
20 |     render() {
21 |         const { title, closeModal, handleSubmit, submitText, modalIsOpen } = this.props
22 | 
23 |         return (
24 |             <Modal className="Modal__Bootstrap modal-dialog"
25 |                    isOpen={modalIsOpen}
26 |                    closeTimeoutMS={150}
27 |                    onRequestClose={closeModal}
28 |                    style={styles}>
29 | 
30 |                 <div className="modal-content">
31 |                     <div className="modal-header">
32 |                         <button type="button" className="close" onClick={closeModal}>
33 |                             <span aria-hidden="true">&times;</span>
34 |                             <span className="sr-only">Close</span>
35 |                         </button>
36 |                         <h4 className="modal-title">{title}</h4>
37 |                     </div>
38 |                     <div className="modal-body">
39 |                         {this.props.children}
40 |                     </div>
41 |                     <div className="modal-footer">
42 |                         <button type="button" className="btn btn-default" onClick={closeModal}>取消</button>
43 |                         <button type="button" className="btn btn-primary" onClick={handleSubmit}>{submitText}</button>
44 |                     </div>
45 |                 </div>
46 |             </Modal>
47 |         )
48 |     }
49 | }
50 | 
51 | const styles = {
52 |     overlay: {
53 |         zIndex: 10000
54 |     },
55 |     content: {
56 |         position: null,
57 |         top: null,
58 |         left: null,
59 |         right: null,
60 |         bottom: null,
61 |         border: null,
62 |         background: null,
63 |         overflow: null,
64 |         WebkitOverflowScrolling: null,
65 |         borderRadius: null,
66 |         padding: null,
67 |     }
68 | }
69 | 


--------------------------------------------------------------------------------
/components/public/BaseInfoModal.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import Radium from 'radium'
 3 | import Modal from "react-modal"
 4 | 
 5 | @Radium
 6 | export default class BaseInfoModal extends React.Component {
 7 |     static propTypes = {
 8 |         title: React.PropTypes.string.isRequired,
 9 |         closeModal: React.PropTypes.func.isRequired,
10 |         modalIsOpen: React.PropTypes.bool.isRequired,
11 |         children: React.PropTypes.element.isRequired,
12 |     }
13 | 
14 |     render() {
15 |         const { title, closeModal, modalIsOpen } = this.props
16 | 
17 |         return (
18 |             <Modal className="Modal__Bootstrap modal-dialog"
19 |                    isOpen={modalIsOpen}
20 |                    closeTimeoutMS={150}
21 |                    onRequestClose={closeModal}
22 |                    style={styles}>
23 | 
24 |                 <div className="modal-content">
25 |                     <div className="modal-header">
26 |                         <button type="button" className="close" onClick={closeModal}>
27 |                             <span aria-hidden="true">&times;</span>
28 |                             <span className="sr-only">Close</span>
29 |                         </button>
30 |                         <h4 className="modal-title">{title}</h4>
31 |                     </div>
32 |                     <div className="modal-body">
33 |                         {this.props.children}
34 |                     </div>
35 |                     <div className="modal-footer">
36 |                         <button type="button" className="btn btn-default" onClick={closeModal}>关闭</button>
37 |                     </div>
38 |                 </div>
39 |             </Modal>
40 |         )
41 |     }
42 | }
43 | 
44 | const styles = {
45 |     overlay: {
46 |         zIndex: 10000
47 |     },
48 |     content: {
49 |         position: null,
50 |         top: null,
51 |         left: null,
52 |         right: null,
53 |         bottom: null,
54 |         border: null,
55 |         background: null,
56 |         overflow: null,
57 |         WebkitOverflowScrolling: null,
58 |         borderRadius: null,
59 |         padding: null,
60 |     }
61 | }
62 | 


--------------------------------------------------------------------------------
/components/public/Pagination.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import Radium from 'radium'
 3 | import _ from 'lodash'
 4 | 
 5 | @Radium
 6 | export default class Pagination extends React.Component {
 7 |     static defaultProps = {
 8 |         currentPage: 1,
 9 |         perPage: 15,
10 |         size: 'md'
11 |     }
12 | 
13 |     static propTypes = {
14 |         totalCount: React.PropTypes.number.isRequired,
15 |         currentPage: React.PropTypes.number.isRequired,
16 |         perPage: React.PropTypes.number,
17 |         redirect: React.PropTypes.func.isRequired,
18 |         size: React.PropTypes.oneOf(['sm', 'md', 'lg'])
19 |     }
20 | 
21 |     get totalPage() {
22 |         const { totalCount, perPage } = this.props
23 | 
24 |         return Math.ceil(totalCount / perPage)
25 |     }
26 | 
27 |     redirectToOtherPage = (page) => {
28 |         const { redirect, currentPage } = this.props
29 | 
30 |         if (page < 1 || page > this.totalPage || page === currentPage) {
31 |             return
32 |         }
33 | 
34 |         redirect(page)
35 |     }
36 | 
37 |     render() {
38 |         const { redirect, totalCount, currentPage, perPage } = this.props
39 |         const totalPage = Math.ceil(totalCount / perPage)
40 |         const sizeClassName = this.props.size === 'md' ? '' : `pagination-${this.props.size}`
41 |         const pageNumbers = _.range(1, totalPage + 1).map(function (pageNumber) {
42 |             return (
43 |                 <li key={pageNumber} className={pageNumber === currentPage ? "active" : null}>
44 |                     <a href="javascript: void(0)" onClick={() => this.redirectToOtherPage(pageNumber)}>
45 |                         <span>{pageNumber}</span>
46 |                     </a>
47 |                 </li>
48 |             )
49 |         }.bind(this))
50 | 
51 |         return (
52 |             <nav>
53 |                 <ul className={`pagination ${sizeClassName}`}>
54 |                     <li className={this.props.currentPage === 1 ? "disabled" : null}>
55 |                         <a href="javascript: void(0)"
56 |                            onClick={() => this.redirectToOtherPage(this.props.currentPage - 1)}>
57 |                             <span>&laquo;</span>
58 |                         </a>
59 |                     </li>
60 |                     {pageNumbers}
61 |                     <li className={this.props.currentPage >= this.totalPage ? "disabled" : null}>
62 |                         <a href="javascript: void(0)"
63 |                            onClick={() => this.redirectToOtherPage(this.props.currentPage + 1)}>
64 |                             <span>&raquo;</span>
65 |                         </a>
66 |                     </li>
67 |                 </ul>
68 |             </nav>
69 |         )
70 |     }
71 | }
72 | 
73 | const styles = {}
74 | 


--------------------------------------------------------------------------------
/components/question/AnswersList.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import Radium from 'radium'
 3 | import { Link } from 'react-router'
 4 | import { friendlyTimeWithLineBreak, truncate } from '../../filters'
 5 | 
 6 | @Radium
 7 | export default class AnswersList extends React.Component {
 8 |     static propTypes = {
 9 |         answeredQuestions: React.PropTypes.array.isRequired,
10 |     }
11 | 
12 |     render() {
13 |         const { answeredQuestions } = this.props
14 |         const rows = answeredQuestions.map(question => {
15 |             const asker = question.get('asker')
16 |             const user = question.get('user')
17 | 
18 |             return (
19 |                 <tr key={question.id}>
20 |                     <td style={styles.titleCell}>
21 |                         <strong>
22 |                             {asker ? (<Link to={`/user/${asker.id}`}>{asker.get('name')}</Link>) : "游客"}
23 |                         </strong>
24 |                         ：
25 |                         {question.get('title')}
26 |                     </td>
27 |                     <td>{question.get('anonymous') ? <i className="fa fa-check"/> : null}</td>
28 |                     <td style={styles.answerCell}>
29 |                         <Link to={`/user/${user.id}`}>{user.get('name')}</Link>
30 |                         ：
31 |                         {truncate(question.get('answer'), 60)}
32 |                     </td>
33 |                     <td>{question.get('commentsCount')}</td>
34 |                     <td>{question.get('likesCount')}</td>
35 |                     <td>{friendlyTimeWithLineBreak(question.createdAt)}</td>
36 |                     <td>{friendlyTimeWithLineBreak(question.get('answeredAt'))}</td>
37 |                 </tr>
38 |             )
39 |         })
40 | 
41 |         return (
42 |             <table className="table table-hover">
43 |                 <thead>
44 |                 <tr>
45 |                     <th>问题</th>
46 |                     <th>匿名</th>
47 |                     <th>回答</th>
48 |                     <th>回复</th>
49 |                     <th>点赞</th>
50 |                     <th>提问于</th>
51 |                     <th>回答于</th>
52 |                 </tr>
53 |                 </thead>
54 |                 <tbody>{rows}</tbody>
55 |             </table>
56 |         )
57 |     }
58 | }
59 | 
60 | const styles = {
61 |     titleCell: {
62 |         maxWidth: '200px'
63 |     },
64 |     answerCell: {
65 |         maxWidth: '200px'
66 |     }
67 | }
68 | 


--------------------------------------------------------------------------------
/components/question/AskQuestionModal.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import Radium from 'radium'
 3 | import Modal from "react-modal"
 4 | import BaseModal from "../public/BaseFormModal"
 5 | 
 6 | @Radium
 7 | export default class AskQuestionModal extends React.Component {
 8 |     static propTypes = {
 9 |         askQuestion: React.PropTypes.func.isRequired,
10 |         modalIsOpen: React.PropTypes.bool.isRequired,
11 |         closeModal: React.PropTypes.func.isRequired
12 |     }
13 | 
14 |     state = {
15 |         title: ""
16 |     }
17 | 
18 |     handleTitleChange = (e) => {
19 |         this.setState({title: e.target.value})
20 |     }
21 | 
22 |     handleSubmit = () => {
23 |         const { askQuestion, closeModal } = this.props
24 | 
25 |         this.setState({title: ''})
26 |         closeModal()
27 |         askQuestion(this.state.title)
28 |     }
29 | 
30 |     render() {
31 |         const { modalIsOpen, closeModal } = this.props
32 | 
33 |         return (
34 |             <BaseModal
35 |                 title="提问"
36 |                 closeModal={closeModal}
37 |                 modalIsOpen={modalIsOpen}
38 |                 handleSubmit={this.handleSubmit}>
39 |                 <form>
40 |                     <div className="form-group">
41 |                         <label>问题</label>
42 |                         <input type="text" className="form-control" value={this.state.title}
43 |                                onChange={this.handleTitleChange}/>
44 |                     </div>
45 |                 </form>
46 |             </BaseModal>
47 |         )
48 |     }
49 | }
50 | 
51 | const styles = {}


--------------------------------------------------------------------------------
/components/question/AskedQuestionsList.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import Radium from 'radium'
 3 | import { Link } from 'react-router'
 4 | import { friendlyTimeWithLineBreak, truncate } from '../../filters'
 5 | 
 6 | @Radium
 7 | export default class AskedQuestions extends React.Component {
 8 |     static propTypes = {
 9 |         questions: React.PropTypes.array.isRequired,
10 |         openQuestionDetailsModal: React.PropTypes.func.isRequired,
11 |         deleteQuestion: React.PropTypes.func.isRequired
12 |     }
13 | 
14 |     render() {
15 |         const { questions, openQuestionDetailsModal, deleteQuestion } = this.props
16 |         const rows = questions.map(question => {
17 |             const user = question.get('user')
18 | 
19 |             return (
20 |                 <tr key={question.id}>
21 |                     <td style={styles.titleCell}>
22 |                         向&nbsp;
23 |                         <strong>
24 |                             {<Link to={`/user/${user.id}`}>{user.get('name')}</Link>}
25 |                         </strong>
26 |                         &nbsp;提问：
27 |                         {question.get('title')}
28 |                     </td>
29 |                     <td>{question.get('anonymous') ? <i className="fa fa-check"/> : null}</td>
30 |                     <td>{question.get('answered') ? <i className="fa fa-check"/> : null}</td>
31 |                     <td style={styles.answerCell}>
32 |                         {truncate(question.get('answer'), 60)}
33 |                     </td>
34 |                     <td>{question.get('commentsCount')}</td>
35 |                     <td>{question.get('likesCount')}</td>
36 |                     <td>{friendlyTimeWithLineBreak(question.createdAt)}</td>
37 |                     <td>{question.get('answered') ? friendlyTimeWithLineBreak(question.get('answeredAt')) : null}</td>
38 |                     <td>
39 |                         <div className="btn-group btn-group-sm">
40 |                             <button type="button" className="btn btn-default"
41 |                                     onClick={() => deleteQuestion(question)}>删除
42 |                             </button>
43 |                             <button type="button" className="btn btn-default"
44 |                                     onClick={() => openQuestionDetailsModal(question)}>详情
45 |                             </button>
46 |                         </div>
47 |                     </td>
48 |                 </tr>
49 |             )
50 |         })
51 | 
52 |         return (
53 |             <table className="table table-hover">
54 |                 <thead>
55 |                 <tr>
56 |                     <th>问题</th>
57 |                     <th>匿名</th>
58 |                     <th>已回答</th>
59 |                     <th>回答</th>
60 |                     <th>回复</th>
61 |                     <th>点赞</th>
62 |                     <th>提问于</th>
63 |                     <th>回答于</th>
64 |                     <th>操作</th>
65 |                 </tr>
66 |                 </thead>
67 |                 <tbody>{rows}</tbody>
68 |             </table>
69 |         )
70 |     }
71 | }
72 | 
73 | const styles = {
74 |     titleCell: {
75 |         maxWidth: '200px'
76 |     },
77 |     answerCell: {
78 |         maxWidth: '200px'
79 |     }
80 | }
81 | 


--------------------------------------------------------------------------------
/components/question/DraftsList.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import Radium from 'radium'
 3 | import { Link } from 'react-router'
 4 | import { friendlyTimeWithLineBreak, truncate } from '../../filters'
 5 | 
 6 | @Radium
 7 | export default class DraftsList extends React.Component {
 8 |     static propTypes = {
 9 |         questions: React.PropTypes.array.isRequired,
10 |         openQuestionDetailsModal: React.PropTypes.func.isRequired,
11 |         deleteQuestion: React.PropTypes.func.isRequired
12 |     }
13 | 
14 |     render() {
15 |         const { questions, openQuestionDetailsModal, deleteQuestion } = this.props
16 |         const rows = questions.map(question => {
17 |             const asker = question.get('asker')
18 | 
19 |             return (
20 |                 <tr key={question.id}>
21 |                     <td style={styles.titleCell}>
22 |                         <strong>
23 |                             {asker ? (<Link to={`/user/${asker.id}`}>{asker.get('name')}</Link>) : "游客"}
24 |                         </strong>
25 |                         ：
26 |                         {question.get('title')}
27 |                     </td>
28 |                     <td>{question.get('anonymous') ? <i className="fa fa-check"/> : null}</td>
29 |                     <td style={styles.answerCell}>
30 |                         {truncate(question.get('draft'), 60)}
31 |                     </td>
32 |                     <td>{friendlyTimeWithLineBreak(question.createdAt)}</td>
33 |                     <td>{friendlyTimeWithLineBreak(question.get('draftedAt'))}</td>
34 |                     <td>
35 |                         <div className="btn-group btn-group-sm">
36 |                             <button type="button" className="btn btn-default"
37 |                                     onClick={() => deleteQuestion(question)}>删除
38 |                             </button>
39 |                             <button type="button" className="btn btn-default"
40 |                                     onClick={() => openQuestionDetailsModal(question)}>详情
41 |                             </button>
42 |                         </div>
43 |                     </td>
44 |                 </tr>
45 |             )
46 |         })
47 | 
48 |         return (
49 |             <table className="table table-hover">
50 |                 <thead>
51 |                 <tr>
52 |                     <th>问题</th>
53 |                     <th>匿名</th>
54 |                     <th>草稿</th>
55 |                     <th>提问于</th>
56 |                     <th>最后编辑于</th>
57 |                     <th>操作</th>
58 |                 </tr>
59 |                 </thead>
60 |                 <tbody>{rows}</tbody>
61 |             </table>
62 |         )
63 |     }
64 | }
65 | 
66 | const styles = {
67 |     titleCell: {
68 |         maxWidth: '200px'
69 |     },
70 |     answerCell: {
71 |         maxWidth: '200px'
72 |     }
73 | }
74 | 


--------------------------------------------------------------------------------
/components/question/PendingQuestionsList.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import Radium from 'radium'
 3 | import { Link } from 'react-router'
 4 | import { friendlyTimeWithLineBreak, truncate } from '../../filters'
 5 | 
 6 | @Radium
 7 | export default class PendingQuestionsList extends React.Component {
 8 |     static propTypes = {
 9 |         questions: React.PropTypes.array.isRequired,
10 |         deleteQuestion: React.PropTypes.func.isRequired,
11 |         openUpdateQuestionModal: React.PropTypes.func.isRequired,
12 |         openQuestionDetailsModal: React.PropTypes.func.isRequired,
13 |     }
14 | 
15 |     render() {
16 |         const { questions, deleteQuestion, openUpdateQuestionModal, openQuestionDetailsModal } = this.props
17 |         const rows = questions.map(question => {
18 |             const asker = question.get('asker')
19 |             return (
20 |                 <tr key={question.id}>
21 |                     <td style={styles.titleCell}>
22 |                         <strong>
23 |                             {asker ? (<Link to={`/user/${asker.id}`}>{asker.get('name')}</Link>) : "游客"}
24 |                         </strong>
25 |                         ：
26 |                         {question.get('title')}
27 |                     </td>
28 |                     <td style={styles.draftCell}>
29 |                         {question.get('drafted') ? truncate(question.get('draft'), 60) : null}
30 |                     </td>
31 |                     <td>{friendlyTimeWithLineBreak(question.createdAt)}</td>
32 |                     <td>
33 |                         <div className="btn-group btn-group-sm">
34 |                             <button type="button" className="btn btn-default"
35 |                                     onClick={() => openUpdateQuestionModal(question)}>编辑
36 |                             </button>
37 |                             <button type="button" className="btn btn-default"
38 |                                     onClick={() => deleteQuestion(question)}>删除
39 |                             </button>
40 |                             <button type="button" className="btn btn-default"
41 |                                     onClick={() => openQuestionDetailsModal(question)}>详情
42 |                             </button>
43 |                         </div>
44 |                     </td>
45 |                 </tr>
46 |             )
47 |         })
48 | 
49 |         return (
50 |             <table className="table table-hover">
51 |                 <thead>
52 |                 <tr>
53 |                     <th>问题</th>
54 |                     <th>草稿</th>
55 |                     <th>提问于</th>
56 |                     <th>操作</th>
57 |                 </tr>
58 |                 </thead>
59 |                 <tbody>{rows}</tbody>
60 |             </table>
61 |         )
62 |     }
63 | }
64 | 
65 | const styles = {
66 |     titleCell: {
67 |         maxWidth: '200px'
68 |     },
69 |     draftCell: {
70 |         maxWidth: '200px'
71 |     }
72 | }
73 | 


--------------------------------------------------------------------------------
/components/question/QuestionCommentsList.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import Radium from 'radium'
 3 | import { Link } from 'react-router'
 4 | import { friendlyTime } from '../../filters'
 5 | 
 6 | @Radium
 7 | export default class QuestionCommentsList extends React.Component {
 8 |     static propTypes = {
 9 |         comments: React.PropTypes.array.isRequired,
10 |         removeComment: React.PropTypes.func.isRequired
11 |     }
12 | 
13 |     handleRemove = (comment) => {
14 |         const { removeComment } = this.props
15 | 
16 |         if (!window.confirm('确认删除？')) {
17 |             return
18 |         }
19 | 
20 |         removeComment(comment)
21 |     }
22 | 
23 |     render() {
24 |         const { comments } = this.props
25 |         const rows = comments.map((comment) => {
26 |             const user = comment.get('user')
27 | 
28 |             return (
29 |                 <div key={comment.id} style={styles.wap}>
30 |                     <div style={styles.timeWap}>{friendlyTime(comment.createdAt)}</div>
31 | 
32 |                     <div style={styles.content}>
33 |                         <strong>
34 |                             <Link to={`/user/${user.id}`} target='_blank'>{user.get('name')}</Link>
35 |                         </strong>
36 |                         ：{comment.get('content')}
37 |                     </div>
38 | 
39 |                     <button type="button" className="btn btn-default btn-xs" style={styles.btnRemove}
40 |                             onClick={() => this.handleRemove(comment)}>
41 |                         删除
42 |                     </button>
43 |                 </div>
44 |             )
45 |         })
46 | 
47 |         return (
48 |             <div>
49 |                 {rows}
50 |             </div>
51 |         )
52 |     }
53 | }
54 | 
55 | const styles = {
56 |     wap: {
57 |         padding: '5px 50px 5px 0',
58 |         position: 'relative',
59 |         ':hover': {
60 |             backgroundColor: '#F2F2F2'
61 |         }
62 |     },
63 |     timeWap: {
64 |         fontSize: '12px',
65 |         color: '#AAAAAA'
66 |     },
67 |     content: {},
68 |     btnRemove: {
69 |         position: 'absolute',
70 |         right: '5px',
71 |         top: '5px'
72 |     }
73 | }
74 | 


--------------------------------------------------------------------------------
/components/question/QuestionDetailsModal.js:
--------------------------------------------------------------------------------
  1 | import React from 'react'
  2 | import Radium from 'radium'
  3 | import Modal from "react-modal"
  4 | import { Link } from 'react-router'
  5 | import BaseModal from "../public/BaseInfoModal"
  6 | import QuestionCommentsList from './QuestionCommentsList'
  7 | import Pagination from '../public/Pagination'
  8 | import { friendlyTime, truncate } from '../../filters'
  9 | 
 10 | const perPage = 10
 11 | 
 12 | @Radium
 13 | export default class QuestionDetailsModal extends React.Component {
 14 |     static propTypes = {
 15 |         question: React.PropTypes.object,
 16 |         modalIsOpen: React.PropTypes.bool.isRequired,
 17 |         closeModal: React.PropTypes.func.isRequired
 18 |     }
 19 | 
 20 |     state = {
 21 |         comments: [],
 22 |         commentsCurrentPage: 1,
 23 |         totalCommentsCount: this.props.question ? this.props.question.get('commentsCount') : 0
 24 |     }
 25 | 
 26 |     removeComment = (comment) => {
 27 |         comment.destroy().then(function () {
 28 |             this.setState({
 29 |                 totalCommentsCount: this.state.totalCommentsCount - 1,
 30 |                 comments: this.state.comments.filter(item => item.id !== comment.id)
 31 |             })
 32 |         }.bind(this))
 33 |     }
 34 | 
 35 |     componentWillReceiveProps(nextProps) {
 36 |         this.fetchData(1, nextProps.question)
 37 |     }
 38 | 
 39 |     componentDidMount() {
 40 |         this.fetchData(1, this.props.question)
 41 |     }
 42 | 
 43 |     fetchData = (page, question) => {
 44 |         if (!question) {
 45 |             this.setState({
 46 |                 comments: []
 47 |             })
 48 |             return
 49 |         }
 50 | 
 51 |         this.setState({
 52 |             totalCommentsCount: question.get('commentsCount')
 53 |         })
 54 | 
 55 |         question.fetchComments(page, perPage).then(function (comments) {
 56 |             this.setState({comments, commentsCurrentPage: page})
 57 |         }.bind(this))
 58 |     }
 59 | 
 60 |     render() {
 61 |         const { question, modalIsOpen, closeModal } = this.props
 62 |         const asker = question ? question.get('asker') : null
 63 |         const user = question ? question.get('user') : null
 64 | 
 65 |         return (
 66 |             <BaseModal
 67 |                 title="问题详情"
 68 |                 closeModal={closeModal}
 69 |                 modalIsOpen={modalIsOpen}>
 70 |                 <div>
 71 |                     <If condition={question !== null && question !== undefined}>
 72 |                         <div style={styles.timeWap}>{friendlyTime(question.createdAt)}</div>
 73 | 
 74 |                         <p>
 75 |                             <strong>
 76 |                                 {asker ?
 77 |                                     <Link to={`/user/${asker.id}`} target='_blank'>{asker.get('name')}</Link> : "游客"}
 78 |                             </strong>
 79 |                             ：{question.get('title')}
 80 |                         </p>
 81 | 
 82 |                         <If condition={question.get('answered')}>
 83 |                             <div style={styles.timeWap}>{friendlyTime(question.get('answeredAt'))}</div>
 84 | 
 85 |                             <p>
 86 |                                 <strong>
 87 |                                     <Link to={`/user/${user.id}`} target='_blank'>{user.get('name')}</Link>
 88 |                                 </strong>
 89 |                                 ：{truncate(question.get('answer'), 60)}
 90 |                             </p>
 91 |                         </If>
 92 | 
 93 |                         <If condition={question.get('drafted')}>
 94 |                             <div style={styles.timeWap}>{friendlyTime(question.get('draftedAt'))}</div>
 95 | 
 96 |                             <p>
 97 |                                 <strong>
 98 |                                     <Link to={`/user/${user.id}`} target='_blank'>{user.get('name')}</Link>
 99 |                                 </strong>
100 |                                 ：<span className="label label-warning" style={styles.draftFlag}>草稿</span>
101 |                                 {truncate(question.get('draft'), 60)}
102 |                             </p>
103 |                         </If>
104 | 
105 |                         <p>{question.get('likesCount')} 点赞，{this.state.totalCommentsCount} 评论</p>
106 | 
107 |                         <hr style={styles.hr}/>
108 | 
109 |                         {this.state.totalCommentsCount !== 0 ?
110 |                             (<div>
111 |                                 <QuestionCommentsList key="comments"
112 |                                                       comments={this.state.comments}
113 |                                                       removeComment={this.removeComment}/>
114 |                                 <Pagination
115 |                                     totalCount={this.state.totalCommentsCount}
116 |                                     currentPage={this.state.commentsCurrentPage}
117 |                                     redirect={(page) => this.fetchData(page, question)}
118 |                                     perPage={perPage}
119 |                                     size="sm"/>
120 |                             </div>) : "无"}
121 |                     </If>
122 |                 </div>
123 |             </BaseModal>
124 |         )
125 |     }
126 | }
127 | 
128 | const styles = {
129 |     timeWap: {
130 |         fontSize: '12px',
131 |         color: '#AAAAAA'
132 |     },
133 |     hr: {
134 |         margin: '10px 0',
135 |         borderTop: '1px solid #E8E8E8'
136 |     },
137 |     draftFlag: {
138 |         marginRight: '5px'
139 |     }
140 | }


--------------------------------------------------------------------------------
/components/question/QuestionsList.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import Radium from 'radium'
 3 | import { Link } from 'react-router'
 4 | import { friendlyTimeWithLineBreak, truncate } from '../../filters'
 5 | 
 6 | @Radium
 7 | export default class QuestionsList extends React.Component {
 8 |     static defaultProps = {
 9 |         showQuestionUser: true
10 |     }
11 | 
12 |     static propTypes = {
13 |         questions: React.PropTypes.array.isRequired,
14 |         openUpdateQuestionModal: React.PropTypes.func.isRequired,
15 |         openQuestionDetailsModal: React.PropTypes.func.isRequired,
16 |         showQuestionUser: React.PropTypes.bool,
17 |         deleteQuestion: React.PropTypes.func.isRequired
18 |     }
19 | 
20 |     render() {
21 |         const { questions, openUpdateQuestionModal, openQuestionDetailsModal, deleteQuestion } = this.props
22 |         const rows = questions.map(question => {
23 |             const asker = question.get('asker')
24 |             const user = question.get('user')
25 | 
26 |             return (
27 |                 <tr key={question.id}>
28 |                     <td style={styles.titleCell}>
29 |                         <strong>
30 |                             {asker ? (<Link to={`/user/${asker.id}`}>{asker.get('name')}</Link>) : "游客"}
31 |                         </strong>
32 |                         ：
33 |                         {question.get('title')}
34 |                     </td>
35 |                     <td>{question.get('anonymous') ? <i className="fa fa-check"/> : null}</td>
36 |                     {this.props.showQuestionUser ?
37 |                         (<td><Link to={`/user/${user.id}`}>{user.get('name')}</Link></td>) : null}
38 |                     <td style={styles.answerCell}>
39 |                         {truncate(question.get('answer'), 60)}
40 |                     </td>
41 |                     <td>{question.get('commentsCount')}</td>
42 |                     <td>{question.get('likesCount')}</td>
43 |                     <td>{friendlyTimeWithLineBreak(question.createdAt)}</td>
44 |                     <td>{friendlyTimeWithLineBreak(question.get('answeredAt'))}</td>
45 |                     <td>
46 |                         <div className="btn-group btn-group-sm">
47 |                             <button type="button" className="btn btn-default"
48 |                                     onClick={() => openUpdateQuestionModal(question)}>编辑
49 |                             </button>
50 |                             <button type="button" className="btn btn-default"
51 |                                     onClick={() => deleteQuestion(question)}>
52 |                                 删除
53 |                             </button>
54 |                             <button type="button" className="btn btn-default"
55 |                                     onClick={()=>openQuestionDetailsModal(question)}>详情
56 |                             </button>
57 |                         </div>
58 |                     </td>
59 |                 </tr>
60 |             )
61 |         })
62 | 
63 |         return (
64 |             <table className="table table-hover">
65 |                 <thead>
66 |                 <tr>
67 |                     <th>问题</th>
68 |                     <th>匿名</th>
69 |                     {this.props.showQuestionUser ? <th>被提问者</th> : null}
70 |                     <th>回答</th>
71 |                     <th>回复</th>
72 |                     <th>点赞</th>
73 |                     <th>提问于</th>
74 |                     <th>回答于</th>
75 |                     <th>操作</th>
76 |                 </tr>
77 |                 </thead>
78 |                 <tbody>{rows}</tbody>
79 |             </table>
80 |         )
81 |     }
82 | }
83 | 
84 | const styles = {
85 |     titleCell: {
86 |         maxWidth: '200px'
87 |     },
88 |     answerCell: {
89 |         maxWidth: '200px'
90 |     }
91 | }
92 | 


--------------------------------------------------------------------------------
/components/question/UpdateQuestionModal.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import Radium from 'radium'
 3 | import Modal from "react-modal"
 4 | import BaseModal from "../public/BaseFormModal"
 5 | 
 6 | @Radium
 7 | export default class UpdateQuestionModal extends React.Component {
 8 |     static propTypes = {
 9 |         question: React.PropTypes.object,
10 |         updateQuestion: React.PropTypes.func.isRequired,
11 |         modalIsOpen: React.PropTypes.bool.isRequired,
12 |         closeModal: React.PropTypes.func.isRequired
13 |     }
14 | 
15 |     state = {
16 |         title: this.props.question ? this.props.question.get('title') : ""
17 |     }
18 | 
19 |     componentWillReceiveProps = (nextProps) => {
20 |         this.setState({
21 |             title: nextProps.question ? nextProps.question.get('title') : ""
22 |         })
23 |     }
24 | 
25 |     handleTitleChange = (e) => {
26 |         this.setState({title: e.target.value})
27 |     }
28 | 
29 |     handleSubmit = () => {
30 |         const { updateQuestion, closeModal } = this.props
31 | 
32 |         updateQuestion(this.props.question, this.state.title)
33 |         closeModal()
34 |     }
35 | 
36 |     render() {
37 |         const { modalIsOpen, closeModal } = this.props
38 | 
39 |         return (
40 |             <BaseModal
41 |                 title="修改问题"
42 |                 closeModal={closeModal}
43 |                 modalIsOpen={modalIsOpen}
44 |                 handleSubmit={this.handleSubmit}>
45 |                 <form>
46 |                     <div className="form-group">
47 |                         <label>问题</label>
48 |                         <input type="text" className="form-control" value={this.state.title}
49 |                                onChange={this.handleTitleChange}/>
50 |                     </div>
51 |                 </form>
52 |             </BaseModal>
53 |         )
54 |     }
55 | }
56 | 
57 | const styles = {}


--------------------------------------------------------------------------------
/components/reportedQuestions/ReportedQuestionsList.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import Radium from 'radium'
 3 | import { Link } from 'react-router'
 4 | import { friendlyTimeWithLineBreak, truncate } from '../../filters'
 5 | 
 6 | @Radium
 7 | export default class ReportedQuestionsList extends React.Component {
 8 |     static propTypes = {
 9 |         reportedQuestions: React.PropTypes.array.isRequired,
10 |         openUpdateQuestionModal: React.PropTypes.func.isRequired,
11 |         openQuestionDetailsModal: React.PropTypes.func.isRequired,
12 |         deleteQuestion: React.PropTypes.func.isRequired
13 |     }
14 | 
15 |     render() {
16 |         const { reportedQuestions, openQuestionDetailsModal, openUpdateQuestionModal, deleteQuestion } = this.props
17 |         const rows = reportedQuestions.map(reportedQuestion => {
18 |             const question = reportedQuestion.get('question')
19 |             const reporter = reportedQuestion.get('reporter')
20 | 
21 |             return (
22 |                 <tr key={reportedQuestion.id}>
23 |                     <td>
24 |                         {reporter
25 |                             ? <Link to={`/user/${reporter.id}`}>{reporter.get('name')}</Link>
26 |                             : "游客"}
27 |                     </td>
28 |                     <td style={styles.titleCell}>
29 |                         <strong>
30 |                             {question.get('asker') ?
31 |                                 <Link to={`/user/${question.get('user').id}`}>
32 |                                     {question.get('user').get('name')}
33 |                                 </Link> : "游客"}
34 |                         </strong>
35 |                         ：
36 |                         {question.get('title')}
37 |                     </td>
38 |                     <td style={styles.answerCell}>
39 |                         <strong>
40 |                             <Link to={`/user/${question.get('user').id}`}>
41 |                                 {question.get('user').get('name')}
42 |                             </Link>
43 |                         </strong>
44 |                         ：
45 |                         {truncate(question.get('answer'), 60)}
46 |                     </td>
47 |                     <td>{friendlyTimeWithLineBreak(reportedQuestion.createdAt)}</td>
48 |                     <td>
49 |                         <div className="btn-group btn-group-sm">
50 |                             <button type="button" className="btn btn-default"
51 |                                     onClick={() => openUpdateQuestionModal(question)}>编辑
52 |                             </button>
53 |                             <button type="button" className="btn btn-default"
54 |                                     onClick={() => deleteQuestion(question)}>删除
55 |                             </button>
56 |                             <button type="button" className="btn btn-default"
57 |                                     onClick={() => openQuestionDetailsModal(question)}>详情
58 |                             </button>
59 |                         </div>
60 |                     </td>
61 |                 </tr>
62 |             )
63 |         })
64 | 
65 |         return (
66 |             <table className="table table-hover">
67 |                 <thead>
68 |                 <tr>
69 |                     <th>举报者</th>
70 |                     <th>问题</th>
71 |                     <th>回答</th>
72 |                     <th>举报于</th>
73 |                     <th>操作</th>
74 |                 </tr>
75 |                 </thead>
76 |                 <tbody>{rows}</tbody>
77 |             </table>
78 |         )
79 |     }
80 | }
81 | 
82 | const styles = {
83 |     titleCell: {
84 |         maxWidth: '200px'
85 |     },
86 |     answerCell: {
87 |         maxWidth: '200px'
88 |     }
89 | }


--------------------------------------------------------------------------------
/components/users/UserModal.js:
--------------------------------------------------------------------------------
  1 | import React from 'react'
  2 | import Radium from 'radium'
  3 | import Modal from "react-modal"
  4 | import BaseModal from "../public/BaseFormModal"
  5 | 
  6 | @Radium
  7 | export default class UserModal extends React.Component {
  8 |     static propTypes = {
  9 |         user: React.PropTypes.object,
 10 |         modalIsOpen: React.PropTypes.bool.isRequired,
 11 |         updateUser: React.PropTypes.func.isRequired,
 12 |         closeModal: React.PropTypes.func.isRequired
 13 |     }
 14 | 
 15 |     state = {
 16 |         name: "",
 17 |         title: "",
 18 |         achievements: "",
 19 |         desc: "",
 20 |         mobilePhoneNumber: "",
 21 |         tags: ""
 22 |     }
 23 | 
 24 |     componentWillReceiveProps = (nextProps) => {
 25 |         if (nextProps.user && nextProps.modalIsOpen) {
 26 |             this.setState({
 27 |                 name: nextProps.user.get('name'),
 28 |                 title: nextProps.user.get('title'),
 29 |                 achievements: nextProps.user.get('achievements'),
 30 |                 desc: nextProps.user.get('desc'),
 31 |                 mobilePhoneNumber: nextProps.user.get('mobilePhoneNumber'),
 32 |                 tags: nextProps.user.get('tags').join(', ')
 33 |             })
 34 |         }
 35 |     }
 36 | 
 37 |     handleNameChange = (e) => {
 38 |         this.setState({name: e.target.value})
 39 |     }
 40 | 
 41 |     handleTitleChange = (e) => {
 42 |         this.setState({title: e.target.value})
 43 |     }
 44 | 
 45 |     handleDescChange = (e) => {
 46 |         this.setState({desc: e.target.value})
 47 |     }
 48 | 
 49 |     handleAchievementsChange = (e) => {
 50 |         this.setState({achievements: e.target.value})
 51 |     }
 52 | 
 53 |     handleMobilePhoneNumberChange = (e) => {
 54 |         this.setState({mobilePhoneNumber: e.target.value})
 55 |     }
 56 | 
 57 |     handleTagsChange = (e) => {
 58 |         this.setState({tags: e.target.value})
 59 |     }
 60 | 
 61 |     handleSubmit = () => {
 62 |         const { user, updateUser, closeModal } = this.props
 63 |         const tags = this.state.tags.replace(/ /g, '').split(',')
 64 | 
 65 |         closeModal()
 66 |         updateUser(user, this.state.name, this.state.title, this.state.achievements, this.state.desc,
 67 |             this.state.mobilePhoneNumber, tags)
 68 |     }
 69 | 
 70 |     render() {
 71 |         const { modalIsOpen, closeModal } = this.props
 72 | 
 73 |         return (
 74 |             <BaseModal
 75 |                 title={"编辑用户：" + this.state.name}
 76 |                 closeModal={closeModal}
 77 |                 modalIsOpen={modalIsOpen}
 78 |                 handleSubmit={this.handleSubmit}>
 79 |                 <form>
 80 |                     <div className="form-group">
 81 |                         <label>用户名</label>
 82 |                         <input type="text" className="form-control" value={this.state.name}
 83 |                                onChange={this.handleNameChange}/>
 84 |                     </div>
 85 |                     <div className="form-group">
 86 |                         <label>身份</label>
 87 |                         <input type="text" className="form-control" value={this.state.title}
 88 |                                onChange={this.handleTitleChange}/>
 89 |                     </div>
 90 |                     <div className="form-group">
 91 |                         <label>手机号</label>
 92 |                         <input type="text" className="form-control" value={this.state.mobilePhoneNumber}
 93 |                                onChange={this.handleMobilePhoneNumberChange}/>
 94 |                     </div>
 95 |                     <div className="form-group">
 96 |                         <label>标签</label>
 97 |                         <input type="text" className="form-control" value={this.state.tags}
 98 |                                onChange={this.handleTagsChange}/>
 99 |                         <p className="help-block">注：使用英文标点 <strong>,</strong> 分隔标签</p>
100 |                     </div>
101 |                     <div className="form-group">
102 |                         <label>成就</label>
103 |                                 <textarea className="form-control" rows="2" value={this.state.achievements}
104 |                                           onChange={this.handleAchievementsChange}/>
105 |                     </div>
106 |                     <div className="form-group">
107 |                         <label>简介</label>
108 |                                 <textarea className="form-control" rows="3" value={this.state.desc}
109 |                                           onChange={this.handleDescChange}/>
110 |                     </div>
111 |                 </form>
112 |             </BaseModal>
113 |         )
114 |     }
115 | }
116 | 
117 | const styles = {}
118 | 


--------------------------------------------------------------------------------
/components/users/UserPageHeader.js:
--------------------------------------------------------------------------------
  1 | import React from 'react'
  2 | import Radium from 'radium'
  3 | import { friendlyTime } from '../../filters'
  4 | 
  5 | @Radium
  6 | export default class UserPageHeader extends React.Component {
  7 |     static propTypes = {
  8 |         user: React.PropTypes.object.isRequired
  9 |     }
 10 | 
 11 |     render() {
 12 |         const { user } = this.props
 13 |         const notificationsReadStatus = []
 14 |         const notificationsSwitchStatus = []
 15 | 
 16 |         if (user.get('unreadAskQuestionNotificationsCount')) {
 17 |             notificationsReadStatus.push(`${user.get('unreadAskQuestionNotificationsCount')}条未读提问通知`)
 18 |         }
 19 |         if (user.get('unreadOtherNotificationsCount')) {
 20 |             notificationsReadStatus.push(`${user.get('unreadOtherNotificationsCount')}条未读其他通知`)
 21 |         }
 22 | 
 23 |         if (!user.get('allowRemoteNotification')) {
 24 |             notificationsSwitchStatus.push('不接收通知')
 25 |         }
 26 |         if (!user.get('allowAskQuestionInnerNotification')) {
 27 |             notificationsSwitchStatus.push('不显示“被提问”应用内红点提示')
 28 |         }
 29 |         if (!user.get('allowAnswerQuestionInnerNotification')) {
 30 |             notificationsSwitchStatus.push('不显示“提问被回答”应用内红点提示')
 31 |         }
 32 |         if (!user.get('allowCommentQuestionInnerNotification')) {
 33 |             notificationsSwitchStatus.push('不显示“被回复”应用内红点提示')
 34 |         }
 35 |         if (!user.get('allowLikeQuestionInnerNotification')) {
 36 |             notificationsSwitchStatus.push('不显示“被赞”应用内红点提示')
 37 |         }
 38 | 
 39 |         return (
 40 |             <div>
 41 |                 <div className="media" style={styles.header}>
 42 |                     <div className="media-left">
 43 |                         <img className="media-object img-circle" width="50" height="50"
 44 |                              src={user && user.get('avatar') ? user.get('avatar').url() : null}/>
 45 |                     </div>
 46 |                     <div className="media-body">
 47 |                         <h4 className="media-heading" style={styles.name}>
 48 |                             {user.get('name')}
 49 | 
 50 |                             {user.get('authed')
 51 |                                 ? <span className="label label-info"
 52 |                                         style={styles.statusLabel}>已认证</span>
 53 |                                 : <span className="label label-default"
 54 |                                         style={styles.statusLabel}>未认证</span>}
 55 | 
 56 |                             {user.get('opened')
 57 |                                 ? <span className="label label-info"
 58 |                                         style={styles.statusLabel}>已开通</span>
 59 |                                 : <span className="label label-default"
 60 |                                         style={styles.statusLabel}>未开通</span>}
 61 | 
 62 |                             {user.get('processingQARequest')
 63 |                                 ? <span className="label label-warning"
 64 |                                         style={styles.statusLabel}>申请开通</span>
 65 |                                 : null}
 66 |                         </h4>
 67 |                         {user.get('title')}
 68 | 
 69 |                     </div>
 70 |                 </div>
 71 | 
 72 |                 <p><strong>注册于</strong>：{friendlyTime(user.createdAt)}</p>
 73 |                 <p><strong>最后活跃于</strong>
 74 |                     ：{user.get('lastActiveAt') ? friendlyTime(user.get('lastActiveAt')) : "暂无数据"}</p>
 75 |                 <p><strong>手机</strong>：{user.get('mobilePhoneNumber')}</p>
 76 |                 <p><strong>标签</strong>：{user.get('tags') ? user.get('tags').join(', ') : null}</p>
 77 |                 <p><strong>获赞</strong>：{user.get('likesCount')}</p>
 78 |                 <p><strong>成就</strong>：{user.get('achievements')}</p>
 79 |                 <p style={styles.desc}><strong>简介</strong>：{user.get('desc')}</p>
 80 |                 <p>
 81 |                     <strong>通知状态</strong>：
 82 |                     {notificationsReadStatus.length > 0 ? notificationsReadStatus.join(', ') : "无未读通知"}
 83 |                 </p>
 84 |                 <p>
 85 |                     <strong>通知开关</strong>：
 86 |                     {notificationsSwitchStatus.length > 0 ? notificationsSwitchStatus.join(', ') : "全部打开"}
 87 |                 </p>
 88 |             </div>
 89 |         )
 90 |     }
 91 | }
 92 | 
 93 | const styles = {
 94 |     header: {
 95 |         marginBottom: '15px'
 96 |     },
 97 |     name: {
 98 |         marginTop: '4px'
 99 |     },
100 |     statusLabel: {
101 |         marginLeft: '10px',
102 |         fontSize: '12px'
103 |     },
104 |     desc: {
105 |         marginBottom: '15px'
106 |     }
107 | }
108 | 


--------------------------------------------------------------------------------
/components/users/UsersList.js:
--------------------------------------------------------------------------------
  1 | import React from 'react'
  2 | import Radium from 'radium'
  3 | import moment from 'moment'
  4 | import { Link } from 'react-router'
  5 | import { truncate, friendlyTimeWithLineBreak } from '../../filters'
  6 | 
  7 | @Radium
  8 | export default class UsersList extends React.Component {
  9 | 
 10 |     handleOpenUserQAPage = (user) => {
 11 |         const { openUserQAPage } = this.props
 12 | 
 13 |         if (window.confirm('确认开通？')) {
 14 |             openUserQAPage(user)
 15 |         }
 16 |     }
 17 | 
 18 |     handleCloseUserQAPage = (user) => {
 19 |         const { closeUserQAPage } = this.props
 20 | 
 21 |         if (window.confirm('确认关闭？')) {
 22 |             closeUserQAPage(user)
 23 |         }
 24 |     }
 25 | 
 26 |     render() {
 27 |         const { users, openModal } = this.props
 28 |         const userNodes = users.map(user => {
 29 |             return (
 30 |                 <tr key={user.id}>
 31 |                     <td>
 32 |                         <img src={user.get('avatar').url()} width="30" height="30" alt=""
 33 |                              className="img-circle"/>
 34 |                     </td>
 35 |                     <td style={styles.name}>
 36 |                         <Link to={"/user/" + user.id}>{user.get('name')}</Link>
 37 |                     </td>
 38 |                     <td style={styles.titleCell}>{user.get('title')}</td>
 39 |                     <td>{user.get('authed') ? null : (<i className="fa fa-close"/>)}</td>
 40 |                     <td>{user.get('opened') ? null : (<i className="fa fa-close"/>)}</td>
 41 |                     <td>{user.get('processingQARequest') ? (
 42 |                         <span className="label label-warning">待处理</span>) : null}</td>
 43 |                     <td>
 44 |                         <span className="hint--top" data-hint={user.get('mobilePhoneNumber')}>
 45 |                             <i className="fa fa-mobile-phone"/>
 46 |                         </span>
 47 |                     </td>
 48 |                     <td>{user.get('answeredQuestionsCount')}</td>
 49 |                     <td style={styles.tagsCell}>{user.get('tags').join(", ")}</td>
 50 |                     <td style={styles.achievementsCell}>{truncate(user.get('achievements'), 20)}</td>
 51 |                     <td style={styles.descCell}>{truncate(user.get('desc'), 20)}</td>
 52 |                     <td>{friendlyTimeWithLineBreak(user.createdAt)}</td>
 53 |                     <td>
 54 |                         <div className="btn-group btn-group-sm">
 55 |                             <button type="button" className="btn btn-default" onClick={() => openModal(user)}>编辑
 56 |                             </button>
 57 | 
 58 |                             <If condition={!user.get('opened')}>
 59 |                                 <button type="button" className="btn btn-primary"
 60 |                                         onClick={() => this.handleOpenUserQAPage(user)}>开通
 61 |                                 </button>
 62 |                             </If>
 63 | 
 64 |                             <If condition={!user.get('processingQARequest') && user.get('opened')}>
 65 |                                 <button type="button" className="btn btn-default"
 66 |                                         onClick={() => this.handleCloseUserQAPage(user)}>关闭
 67 |                                 </button>
 68 |                             </If>
 69 |                         </div>
 70 |                     </td>
 71 |                 </tr>
 72 |             )
 73 |         })
 74 | 
 75 |         return (
 76 |             <table className="table table-hover">
 77 |                 <thead>
 78 |                 <tr>
 79 |                     <th/>
 80 |                     <th>用户</th>
 81 |                     <th>身份</th>
 82 |                     <th>认证</th>
 83 |                     <th>开通<br/>Q&A</th>
 84 |                     <th>Q&A<br/>申请</th>
 85 |                     <th>手机</th>
 86 |                     <th>问答</th>
 87 |                     <th>标签</th>
 88 |                     <th>成就</th>
 89 |                     <th>简介</th>
 90 |                     <th>注册于</th>
 91 |                     <th>操作</th>
 92 |                 </tr>
 93 |                 </thead>
 94 |                 <tbody>{userNodes}</tbody>
 95 |             </table>
 96 |         )
 97 |     }
 98 | }
 99 | 
100 | const styles = {
101 |     name: {
102 |         fontWeight: 'bold'
103 |     },
104 |     titleCell: {
105 |         maxWidth: '120px'
106 |     },
107 |     tagsCell: {
108 |         maxWidth: '140px'
109 |     },
110 |     achievementsCell: {
111 |         maxWidth: '140px'
112 |     },
113 |     descCell: {
114 |         maxWidth: '140px'
115 |     }
116 | }


--------------------------------------------------------------------------------
/containers/AnswersPage.js:
--------------------------------------------------------------------------------
  1 | import React from 'react'
  2 | import { connect } from 'react-redux'
  3 | import { bindActionCreators } from 'redux'
  4 | import Radium from 'radium'
  5 | import QuestionsList from '../components/question/QuestionsList'
  6 | import { fetchAnswers, updateQuestion, deleteQuestion as _deleteQuestion } from '../actions/question'
  7 | import Pagination from '../components/public/Pagination'
  8 | import QuestionDetailsModal from '../components/question/QuestionDetailsModal'
  9 | import UpdateQuestionModal from '../components/question/UpdateQuestionModal'
 10 | 
 11 | const perPage = 15
 12 | 
 13 | @Radium
 14 | export default class AnswersPage extends React.Component {
 15 |     state = {
 16 |         updateQuestionModalIsOpen: false,
 17 |         questionDetailsModalIsOpen: false,
 18 | 
 19 |         questionForUpdateModal: null,
 20 |         questionForDetailsModal: null
 21 |     }
 22 | 
 23 |     componentDidMount() {
 24 |         const { dispatch } = this.props
 25 | 
 26 |         dispatch(fetchAnswers(1, perPage))
 27 |     }
 28 | 
 29 |     deleteQuestion = (question) => {
 30 |         const { dispatch } = this.props
 31 | 
 32 |         if (!window.confirm('确认删除此问题')) {
 33 |             return
 34 |         }
 35 | 
 36 |         dispatch(_deleteQuestion(question))
 37 |     }
 38 | 
 39 |     openUpdateQuestionModal = (question) => {
 40 |         this.setState({
 41 |             questionForUpdateModal: question,
 42 |             updateQuestionModalIsOpen: true
 43 |         })
 44 |     }
 45 | 
 46 |     closeUpdateQuestionModal = () => {
 47 |         this.setState({
 48 |             questionForUpdateModal: null,
 49 |             updateQuestionModalIsOpen: false
 50 |         })
 51 |     }
 52 | 
 53 |     openQuestionDetailsModal = (question) => {
 54 |         this.setState({
 55 |             questionForDetailsModal: question,
 56 |             questionDetailsModalIsOpen: true
 57 |         })
 58 |     }
 59 | 
 60 |     closeQuestionDetailsModal = () => {
 61 |         this.setState({
 62 |             questionForDetailsModal: null,
 63 |             questionDetailsModalIsOpen: false
 64 |         })
 65 |     }
 66 | 
 67 |     render() {
 68 |         const { dispatch } = this.props
 69 | 
 70 |         return (
 71 |             <div>
 72 |                 <h3>回答</h3>
 73 | 
 74 |                 <QuestionsList
 75 |                     questions={this.props.answers}
 76 |                     openUpdateQuestionModal={this.openUpdateQuestionModal}
 77 |                     openQuestionDetailsModal={this.openQuestionDetailsModal}
 78 |                     deleteQuestion={this.deleteQuestion}/>
 79 | 
 80 |                 <Pagination
 81 |                     totalCount={this.props.totalCount}
 82 |                     currentPage={this.props.currentPage}
 83 |                     redirect={bindActionCreators((page) => fetchAnswers(page, perPage), dispatch)}
 84 |                     perPage={perPage}/>
 85 | 
 86 |                 <UpdateQuestionModal question={this.state.questionForUpdateModal}
 87 |                                      modalIsOpen={this.state.updateQuestionModalIsOpen}
 88 |                                      updateQuestion={bindActionCreators(updateQuestion, dispatch)}
 89 |                                      closeModal={this.closeUpdateQuestionModal}/>
 90 | 
 91 |                 <QuestionDetailsModal question={this.state.questionForDetailsModal}
 92 |                                       modalIsOpen={this.state.questionDetailsModalIsOpen}
 93 |                                       closeModal={this.closeQuestionDetailsModal}/>
 94 |             </div>
 95 |         )
 96 |     }
 97 | }
 98 | 
 99 | const mapStateToProps = (state) => {
100 |     return {
101 |         currentPage: state.answers.currentPage,
102 |         totalCount: state.answers.totalCount,
103 |         answers: state.answers.answers
104 |     }
105 | }
106 | 
107 | const styles = {}
108 | 
109 | export default connect(mapStateToProps)(AnswersPage)
110 | 


--------------------------------------------------------------------------------
/containers/App.js:
--------------------------------------------------------------------------------
 1 | import React, { Component } from 'react'
 2 | import { connect } from 'react-redux'
 3 | import { Router, Route, IndexRoute, Link, browserHistory } from 'react-router'
 4 | import { logOut } from '../actions/account'
 5 | import ActiveNavItem from '../components/public/ActiveNavItem'
 6 | 
 7 | class App extends Component {
 8 |     handleLogOut = () => {
 9 |         const { dispatch } = this.props
10 | 
11 |         dispatch(logOut())
12 |     }
13 | 
14 |     render() {
15 |         const { path, authed } = this.props
16 | 
17 |         return (
18 |             <div>
19 |                 <nav className="navbar navbar-default">
20 |                     <div className="container-fluid">
21 |                         <div className="navbar-header">
22 |                             <a className="navbar-brand" href="#">React Redux Example</sup></a>
23 |                         </div>
24 |                         <div className="collapse navbar-collapse">
25 |                             <ul className="nav navbar-nav">
26 |                                 <ActiveNavItem path="/" text="Dashboard" currentPath={path}/>
27 |                                 <ActiveNavItem path="/homeRecommendations" text="首页推荐" currentPath={path}/>
28 |                                 <ActiveNavItem path="/invitationCodes" text="邀请码" currentPath={path}/>
29 |                                 <ActiveNavItem path="/users" text="用户" currentPath={path}/>
30 |                                 <ActiveNavItem path="/questions" text="提问" currentPath={path}/>
31 |                                 <ActiveNavItem path="/answers" text="回答" currentPath={path}/>
32 |                                 <ActiveNavItem path="/pendingAnonymousQuestionsPage" text="待答匿名提问" currentPath={path}/>
33 |                                 <ActiveNavItem path="/reports" text="举报" currentPath={path}/>
34 |                                 <ActiveNavItem path="/broadcastSystemNotifications" text="系统通知" currentPath={path}/>
35 |                             </ul>
36 |                             <ul className="nav navbar-nav navbar-right">
37 |                                 {authed ?
38 |                                     <li><a href="javascript: void(0)"
39 |                                            onClick={this.handleLogOut}>登出</a></li> : null}
40 |                             </ul>
41 |                         </div>
42 |                     </div>
43 |                 </nav>
44 | 
45 |                 <div id="page-body" className="container">
46 |                     {this.props.children}
47 |                 </div>
48 |             </div>
49 |         )
50 |     }
51 | }
52 | 
53 | function mapStateToProps(state) {
54 |     return {
55 |         authed: state.account.authed,
56 |         path: state.routing.locationBeforeTransitions.pathname
57 |     }
58 | }
59 | 
60 | export default connect(mapStateToProps)(App)
61 | 


--------------------------------------------------------------------------------
/containers/AuthPage.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import { browserHistory } from 'react-router'
 3 | import { connect } from 'react-redux'
 4 | import { bindActionCreators } from 'redux'
 5 | import Radium from 'radium'
 6 | import * as auth from '../auth'
 7 | import { logIn } from '../actions/account'
 8 | 
 9 | @Radium
10 | export default class AuthPage extends React.Component {
11 |     state = {
12 |         password: ""
13 |     }
14 | 
15 |     componentDidMount() {
16 |         this.refs.password.focus()
17 |     }
18 | 
19 |     handlePasswordChange = (e) => {
20 |         this.setState({password: e.target.value.trim()})
21 |     }
22 | 
23 |     handleSubmit = (e) => {
24 |         const { dispatch } = this.props
25 | 
26 |         e.preventDefault()
27 |         dispatch(logIn(this.state.password))
28 |         this.setState({password: ""})
29 |     }
30 | 
31 |     render() {
32 |         const { dispatch } = this.props
33 | 
34 |         return (
35 |             <div className="row">
36 |                 <div className="col-md-8 col-md-offset-2">
37 |                     <h3 className="text-center">谁？</h3>
38 | 
39 |                     <form onSubmit={this.handleSubmit}>
40 |                         <div className="form-group">
41 |                             <input className="form-control" rows="3" ref="password" value={this.state.password}
42 |                                    onChange={this.handlePasswordChange}/>
43 |                         </div>
44 |                         <button type="submit" className="btn btn-primary btn-block">敲门</button>
45 |                     </form>
46 |                 </div>
47 |             </div>
48 |         )
49 |     }
50 | }
51 | 
52 | const mapStateToProps = (state) => {
53 |     return {}
54 | }
55 | 
56 | const styles = {}
57 | 
58 | export default connect(mapStateToProps)(AuthPage)
59 | 


--------------------------------------------------------------------------------
/containers/BroadcastSystemNotificationsPage.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import { connect } from 'react-redux'
 3 | import { bindActionCreators } from 'redux'
 4 | import { fetchBroadcastSystemNotifications, pushBroadcastSystemNotification } from '../actions/broadcastSystemNotifications'
 5 | import BroadcastSystemNotificationsList from '../components/notification/BroadcastSystemNotificationsList'
 6 | 
 7 | export default class BroadcastSystemNotificationsPage extends React.Component {
 8 |     state = {
 9 |         content: ''
10 |     }
11 | 
12 |     componentDidMount() {
13 |         const { dispatch } = this.props
14 | 
15 |         dispatch(fetchBroadcastSystemNotifications())
16 |     }
17 | 
18 |     handleContentChange = (e) => {
19 |         this.setState({content: e.target.value.trim()})
20 |     }
21 | 
22 |     handleSubmit = (e) => {
23 |         const { dispatch } = this.props
24 | 
25 |         e.preventDefault()
26 | 
27 |         if (this.state.content === '') {
28 |             window.alert('请输入内容')
29 |             return
30 |         }
31 | 
32 |         dispatch(pushBroadcastSystemNotification(this.state.content))
33 |         this.setState({content: ""})
34 |     }
35 | 
36 |     render() {
37 |         return (
38 |             <div className="row">
39 |                 <div className="col-md-8">
40 |                     <h3>推送系统通知</h3>
41 | 
42 |                     <form onSubmit={this.handleSubmit}>
43 |                         <div className="form-group">
44 |                             <label>通知内容</label>
45 |                             <textarea className="form-control" rows="3"
46 |                                       onChange={this.handleContentChange} value={this.state.content}/>
47 |                         </div>
48 |                         <button type="submit" className="btn btn-default">推送</button>
49 |                     </form>
50 | 
51 |                     <h3>推送记录</h3>
52 | 
53 |                     <BroadcastSystemNotificationsList notifications={this.props.notifications}/>
54 |                 </div>
55 |             </div>
56 |         )
57 |     }
58 | }
59 | 
60 | const mapStateToProps = (state) => {
61 |     return {
62 |         notifications: state.broadcastSystemNotifications
63 |     }
64 | }
65 | 
66 | export default connect(mapStateToProps)(BroadcastSystemNotificationsPage)
67 | 


--------------------------------------------------------------------------------
/containers/DashboardPage.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import { connect } from 'react-redux'
 3 | import { bindActionCreators } from 'redux'
 4 | import { Link } from 'react-router'
 5 | import { fetchDashboardData } from '../actions/dashboard'
 6 | 
 7 | export default class DashboardPage extends React.Component {
 8 |     componentDidMount() {
 9 |         const { dispatch } = this.props
10 | 
11 |         dispatch(fetchDashboardData())
12 |     }
13 | 
14 |     render() {
15 |         const { dispatch, usersCount, questionsCount, answersCount, reportsCount } = this.props
16 | 
17 |         return (
18 |             <div>
19 |                 <h3>Dashboard</h3>
20 | 
21 |                 <div className="row">
22 |                     <div className="col-md-4">
23 |                         <table className="table table-bordered">
24 |                             <tbody>
25 |                             <tr>
26 |                                 <td>今日注册用户</td>
27 |                                 <td>{usersCount}</td>
28 |                                 <td>
29 |                                     <Link to="/users">详情</Link>
30 |                                 </td>
31 |                             </tr>
32 |                             <tr>
33 |                                 <td>今日提问</td>
34 |                                 <td>{questionsCount}</td>
35 |                                 <td>
36 |                                     <Link to="/questions">详情</Link>
37 |                                 </td>
38 |                             </tr>
39 |                             <tr>
40 |                                 <td>今日回答</td>
41 |                                 <td>{answersCount}</td>
42 |                                 <td>
43 |                                     <Link to="/answers">详情</Link>
44 |                                 </td>
45 |                             </tr>
46 |                             <tr>
47 |                                 <td>今日举报</td>
48 |                                 <td>{reportsCount}</td>
49 |                                 <td>
50 |                                     <Link to="/reports">详情</Link>
51 |                                 </td>
52 |                             </tr>
53 |                             </tbody>
54 |                         </table>
55 |                     </div>
56 |                 </div>
57 |             </div>
58 |         )
59 |     }
60 | }
61 | 
62 | const mapStateToProps = (state) => {
63 |     return {
64 |         usersCount: state.dashboard.usersCount,
65 |         questionsCount: state.dashboard.questionsCount,
66 |         answersCount: state.dashboard.answersCount,
67 |         reportsCount: state.dashboard.reportsCount
68 |     }
69 | }
70 | 
71 | export default connect(mapStateToProps)(DashboardPage)
72 | 


--------------------------------------------------------------------------------
/containers/DevTools.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import { createDevTools } from 'redux-devtools'
 3 | import LogMonitor from 'redux-devtools-log-monitor'
 4 | import DockMonitor from 'redux-devtools-dock-monitor'
 5 | 
 6 | export default createDevTools(
 7 |     <DockMonitor toggleVisibilityKey="ctrl-h"
 8 |                  changePositionKey="ctrl-w"
 9 |                  defaultSize={0.2}>
10 |         <LogMonitor />
11 |     </DockMonitor>
12 | )
13 | 


--------------------------------------------------------------------------------
/containers/HomeRecommendationsPage.js:
--------------------------------------------------------------------------------
  1 | import React from 'react'
  2 | import { connect } from 'react-redux'
  3 | import { bindActionCreators } from 'redux'
  4 | import Radium from 'radium'
  5 | import { fetchHomeRecommendations, removeHomeRecommendation,
  6 |     updateHomeRecommendationUserBackgroundImage, addHomeRecommendation, topHomeRecommendation } from '../actions/homeRecommendations'
  7 | import Pagination from '../components/public/Pagination'
  8 | import HomeRecommendationsList from '../components/homeRecommendations/HomeRecommendationsList'
  9 | import AddHomeRecommendationModal from '../components/homeRecommendations/AddHomeRecommendationModal'
 10 | 
 11 | const perPage = 15
 12 | 
 13 | @Radium
 14 | export default class HomeRecommendationsPage extends React.Component {
 15 |     state = {
 16 |         modalIsOpen: false
 17 |     }
 18 | 
 19 |     openModal = () => {
 20 |         this.setState({modalIsOpen: true})
 21 |     }
 22 | 
 23 |     closeModal = () => {
 24 |         this.setState({modalIsOpen: false})
 25 |     }
 26 | 
 27 |     componentDidMount() {
 28 |         const { dispatch } = this.props
 29 | 
 30 |         dispatch(fetchHomeRecommendations(1, perPage))
 31 |     }
 32 | 
 33 |     selectImageFile = (homeRecommendation) => {
 34 |         this.targetHomeRecommendation = homeRecommendation
 35 | 
 36 |         if (this.fileInput !== null) {
 37 |             this.fileInput.click();
 38 |         }
 39 |     }
 40 | 
 41 |     handleInputChange = (e) => {
 42 |         const { dispatch } = this.props
 43 | 
 44 |         dispatch(updateHomeRecommendationUserBackgroundImage(this.targetHomeRecommendation, e.target.files[0]))
 45 |     }
 46 | 
 47 |     render() {
 48 |         const { dispatch, recommendations } = this.props
 49 | 
 50 |         return (
 51 |             <div>
 52 |                 <h3>首页推荐管理</h3>
 53 | 
 54 |                 <div className="btn-group">
 55 |                     <button type="button" className="btn btn-default" onClick={this.openModal}>
 56 |                         <span className="fa fa-plus"/> 添加推荐
 57 |                     </button>
 58 |                 </div>
 59 | 
 60 |                 <div style={styles.homeRecommendationList}>
 61 |                     <HomeRecommendationsList
 62 |                         homeRecommendations={recommendations}
 63 |                         removeHomeRecommendation={bindActionCreators(removeHomeRecommendation, dispatch)}
 64 |                         selectImageFile={this.selectImageFile}
 65 |                         topHomeRecommendation={bindActionCreators(topHomeRecommendation, dispatch)}/>
 66 |                 </div>
 67 | 
 68 |                 <input type="file" accept="image/*" style={{display: "none"}} ref={(ref) => this.fileInput = ref}
 69 |                        onChange={this.handleInputChange}/>
 70 | 
 71 |                 <AddHomeRecommendationModal
 72 |                     modalIsOpen={this.state.modalIsOpen}
 73 |                     closeModal={this.closeModal}
 74 |                     addHomeRecommendation={bindActionCreators(addHomeRecommendation, dispatch)}/>
 75 | 
 76 |                 <Pagination
 77 |                     totalCount={this.props.totalCount}
 78 |                     currentPage={this.props.currentPage}
 79 |                     redirect={bindActionCreators((page) => fetchHomeRecommendations(page, perPage), dispatch)}
 80 |                     perPage={perPage}/>
 81 |             </div>
 82 |         )
 83 |     }
 84 | }
 85 | 
 86 | const mapStateToProps = (state) => {
 87 |     return {
 88 |         totalCount: state.homeRecommendations.totalCount,
 89 |         currentPage: state.homeRecommendations.currentPage,
 90 |         recommendations: state.homeRecommendations.recommendations[state.homeRecommendations.currentPage] || []
 91 |     }
 92 | }
 93 | 
 94 | const styles = {
 95 |     homeRecommendationList: {
 96 |         marginTop: '10px'
 97 |     }
 98 | }
 99 | 
100 | 
101 | export default connect(mapStateToProps)(HomeRecommendationsPage)
102 | 


--------------------------------------------------------------------------------
/containers/InvitationCodesPage.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import { connect } from 'react-redux'
 3 | import { bindActionCreators } from 'redux'
 4 | import Radium from 'radium'
 5 | import { fetchInvitationCodes, markInvitationSended, generateInvitationCodes } from '../actions/invitationCodes'
 6 | import Pagination from '../components/public/Pagination'
 7 | import InvitationCodesList from '../components/invitationCodes/InvitationCodesList'
 8 | import MarkInvitationCodeSendedModal from '../components/invitationCodes/MarkInvitationCodeSendedModal'
 9 | 
10 | const perPage = 15
11 | 
12 | @Radium
13 | export default class InvitationCodesPage extends React.Component {
14 |     state = {
15 |         modalIsOpen: false,
16 |         codeForModal: null
17 |     }
18 | 
19 |     openModal = (code) => {
20 |         this.setState({modalIsOpen: true, codeForModal: code})
21 |     }
22 | 
23 |     closeModal = () => {
24 |         this.setState({modalIsOpen: false})
25 |     }
26 | 
27 |     componentDidMount() {
28 |         const { dispatch } = this.props
29 | 
30 |         dispatch(fetchInvitationCodes(this.props.currentPage, perPage))
31 |     }
32 | 
33 |     handleGenerateCodes = () => {
34 |         const { dispatch } = this.props
35 | 
36 |         dispatch(generateInvitationCodes())
37 |     }
38 | 
39 |     render() {
40 |         const { dispatch } = this.props
41 | 
42 |         return (
43 |             <div>
44 |                 <h3>邀请码管理</h3>
45 | 
46 |                 <div className="btn-group">
47 |                     <button type="button" className="btn btn-default"
48 |                             onClick={this.handleGenerateCodes}>
49 |                         <span className="fa fa-plus"/> 生成 5 个邀请码
50 |                     </button>
51 |                 </div>
52 | 
53 |                 <div style={styles.invitationCodeList}>
54 |                     <InvitationCodesList
55 |                         invitationCodes={this.props.codes}
56 |                         openModal={this.openModal}/>
57 |                 </div>
58 | 
59 |                 <MarkInvitationCodeSendedModal
60 |                     code={this.state.codeForModal}
61 |                     closeModal={this.closeModal}
62 |                     modalIsOpen={this.state.modalIsOpen}
63 |                     markSended={bindActionCreators(markInvitationSended, dispatch)}/>
64 | 
65 |                 <Pagination
66 |                     totalCount={this.props.totalCount}
67 |                     currentPage={this.props.currentPage}
68 |                     redirect={bindActionCreators((page) => fetchInvitationCodes(page, perPage), dispatch)}
69 |                     perPage={perPage}/>
70 |             </div>
71 |         )
72 |     }
73 | }
74 | 
75 | function mapStateToProps(state) {
76 |     return {
77 |         totalCount: state.invitationCodes.totalCount,
78 |         currentPage: state.invitationCodes.currentPage,
79 |         codes: state.invitationCodes.codes[state.invitationCodes.currentPage] || []
80 |     }
81 | }
82 | 
83 | const styles = {
84 |     invitationCodeList: {
85 |         marginTop: '10px'
86 |     }
87 | }
88 | 
89 | export default connect(mapStateToProps)(InvitationCodesPage)
90 | 


--------------------------------------------------------------------------------
/containers/PendingAnonymousQuestionsPage.js:
--------------------------------------------------------------------------------
  1 | import React from 'react'
  2 | import { connect } from 'react-redux'
  3 | import { bindActionCreators } from 'redux'
  4 | import { fetchPendingAnonymousQuestions, updateQuestion, deleteQuestion as _deleteQuestion } from '../actions/question'
  5 | import Pagination from '../components/public/Pagination'
  6 | import QuestionsList from '../components/question/QuestionsList'
  7 | import QuestionDetailsModal from '../components/question/QuestionDetailsModal'
  8 | import UpdateQuestionModal from '../components/question/UpdateQuestionModal'
  9 | 
 10 | const perPage = 15
 11 | 
 12 | export default class PendingAnonymousQuestionsPage extends React.Component {
 13 |     state = {
 14 |         updateQuestionModalIsOpen: false,
 15 |         questionDetailsModalIsOpen: false,
 16 | 
 17 |         questionForUpdateModal: null,
 18 |         questionForDetailsModal: null
 19 |     }
 20 | 
 21 |     componentDidMount() {
 22 |         const { dispatch } = this.props
 23 | 
 24 |         dispatch(fetchPendingAnonymousQuestions(1, perPage))
 25 |     }
 26 | 
 27 |     deleteQuestion = (question) => {
 28 |         const { dispatch } = this.props
 29 | 
 30 |         if (!window.confirm('确认删除此问题')) {
 31 |             return
 32 |         }
 33 | 
 34 |         dispatch(_deleteQuestion(question))
 35 |     }
 36 | 
 37 |     openUpdateQuestionModal = (question) => {
 38 |         this.setState({
 39 |             questionForUpdateModal: question,
 40 |             updateQuestionModalIsOpen: true
 41 |         })
 42 |     }
 43 | 
 44 |     closeUpdateQuestionModal = () => {
 45 |         this.setState({
 46 |             questionForUpdateModal: null,
 47 |             updateQuestionModalIsOpen: false
 48 |         })
 49 |     }
 50 | 
 51 |     openQuestionDetailsModal = (question) => {
 52 |         this.setState({
 53 |             questionForDetailsModal: question,
 54 |             questionDetailsModalIsOpen: true
 55 |         })
 56 |     }
 57 | 
 58 |     closeQuestionDetailsModal = () => {
 59 |         this.setState({
 60 |             questionForDetailsModal: null,
 61 |             questionDetailsModalIsOpen: false
 62 |         })
 63 |     }
 64 | 
 65 |     render() {
 66 |         const { dispatch, questions } = this.props
 67 | 
 68 |         return (
 69 |             <div>
 70 |                 <h3>待回答的匿名提问</h3>
 71 | 
 72 |                 <QuestionsList
 73 |                     questions={questions}
 74 |                     openUpdateQuestionModal={this.openUpdateQuestionModal}
 75 |                     openQuestionDetailsModal={this.openQuestionDetailsModal}
 76 |                     deleteQuestion={this.deleteQuestion}/>
 77 | 
 78 |                 <UpdateQuestionModal question={this.state.questionForUpdateModal}
 79 |                                      modalIsOpen={this.state.updateQuestionModalIsOpen}
 80 |                                      updateQuestion={bindActionCreators(updateQuestion, dispatch)}
 81 |                                      closeModal={this.closeUpdateQuestionModal}/>
 82 | 
 83 |                 <QuestionDetailsModal question={this.state.questionForDetailsModal}
 84 |                                       modalIsOpen={this.state.questionDetailsModalIsOpen}
 85 |                                       closeModal={this.closeQuestionDetailsModal}/>
 86 | 
 87 |                 <Pagination
 88 |                     totalCount={this.props.totalCount}
 89 |                     currentPage={this.props.currentPage}
 90 |                     redirect={bindActionCreators((page) => fetchPendingAnonymousQuestions(page, perPage), dispatch)}
 91 |                     perPage={perPage}/>
 92 |             </div>
 93 |         )
 94 |     }
 95 | }
 96 | 
 97 | const mapStateToProps = (state) => {
 98 |     return {
 99 |         totalCount: state.pendingAnonymousQuestions.totalCount,
100 |         currentPage: state.pendingAnonymousQuestions.currentPage,
101 |         questions: state.pendingAnonymousQuestions.questions
102 |     }
103 | }
104 | 
105 | export default connect(mapStateToProps)(PendingAnonymousQuestionsPage)
106 | 


--------------------------------------------------------------------------------
/containers/QuestionsPage.js:
--------------------------------------------------------------------------------
  1 | import React from 'react'
  2 | import { connect } from 'react-redux'
  3 | import { bindActionCreators } from 'redux'
  4 | import { fetchQuestions, updateQuestion, deleteQuestion as _deleteQuestion } from '../actions/question'
  5 | import Pagination from '../components/public/Pagination'
  6 | import QuestionsList from '../components/question/QuestionsList'
  7 | import QuestionDetailsModal from '../components/question/QuestionDetailsModal'
  8 | import UpdateQuestionModal from '../components/question/UpdateQuestionModal'
  9 | 
 10 | const perPage = 15
 11 | 
 12 | export default class QuestionsPage extends React.Component {
 13 |     state = {
 14 |         updateQuestionModalIsOpen: false,
 15 |         questionDetailsModalIsOpen: false,
 16 | 
 17 |         questionForUpdateModal: null,
 18 |         questionForDetailsModal: null
 19 |     }
 20 | 
 21 |     componentDidMount() {
 22 |         const { dispatch } = this.props
 23 | 
 24 |         dispatch(fetchQuestions(1, perPage))
 25 |     }
 26 | 
 27 |     deleteQuestion = (question) => {
 28 |         const { dispatch } = this.props
 29 | 
 30 |         if (!window.confirm('确认删除此问题')) {
 31 |             return
 32 |         }
 33 | 
 34 |         dispatch(_deleteQuestion(question))
 35 |     }
 36 | 
 37 |     openUpdateQuestionModal = (question) => {
 38 |         this.setState({
 39 |             questionForUpdateModal: question,
 40 |             updateQuestionModalIsOpen: true
 41 |         })
 42 |     }
 43 | 
 44 |     closeUpdateQuestionModal = () => {
 45 |         this.setState({
 46 |             questionForUpdateModal: null,
 47 |             updateQuestionModalIsOpen: false
 48 |         })
 49 |     }
 50 | 
 51 |     openQuestionDetailsModal = (question) => {
 52 |         this.setState({
 53 |             questionForDetailsModal: question,
 54 |             questionDetailsModalIsOpen: true
 55 |         })
 56 |     }
 57 | 
 58 |     closeQuestionDetailsModal = () => {
 59 |         this.setState({
 60 |             questionForDetailsModal: null,
 61 |             questionDetailsModalIsOpen: false
 62 |         })
 63 |     }
 64 | 
 65 |     render() {
 66 |         const { dispatch, questions } = this.props
 67 | 
 68 |         return (
 69 |             <div>
 70 |                 <h3>提问</h3>
 71 | 
 72 |                 <QuestionsList
 73 |                     questions={questions}
 74 |                     openUpdateQuestionModal={this.openUpdateQuestionModal}
 75 |                     openQuestionDetailsModal={this.openQuestionDetailsModal}
 76 |                     deleteQuestion={this.deleteQuestion}/>
 77 | 
 78 |                 <Pagination
 79 |                     totalCount={this.props.totalCount}
 80 |                     currentPage={this.props.currentPage}
 81 |                     redirect={bindActionCreators((page) => fetchQuestions(page, perPage), dispatch)}
 82 |                     perPage={perPage}/>
 83 | 
 84 |                 <UpdateQuestionModal question={this.state.questionForUpdateModal}
 85 |                                      modalIsOpen={this.state.updateQuestionModalIsOpen}
 86 |                                      updateQuestion={bindActionCreators(updateQuestion, dispatch)}
 87 |                                      closeModal={this.closeUpdateQuestionModal}/>
 88 | 
 89 |                 <QuestionDetailsModal question={this.state.questionForDetailsModal}
 90 |                                       modalIsOpen={this.state.questionDetailsModalIsOpen}
 91 |                                       closeModal={this.closeQuestionDetailsModal}/>
 92 |             </div>
 93 |         )
 94 |     }
 95 | }
 96 | 
 97 | const mapStateToProps = (state) => {
 98 |     return {
 99 |         totalCount: state.questions.totalCount,
100 |         currentPage: state.questions.currentPage,
101 |         questions: state.questions.questions
102 |     }
103 | }
104 | 
105 | export default connect(mapStateToProps)(QuestionsPage)
106 | 


--------------------------------------------------------------------------------
/containers/ReportsPage.js:
--------------------------------------------------------------------------------
  1 | import React from 'react'
  2 | import { connect } from 'react-redux'
  3 | import { bindActionCreators } from 'redux'
  4 | import { updateQuestion, deleteQuestion as _deleteQuestion } from '../actions/question'
  5 | import { fetchReportedQuestions } from '../actions/reportedQuestions'
  6 | import Pagination from '../components/public/Pagination'
  7 | import ReportedQuestionsList from '../components/reportedQuestions/ReportedQuestionsList'
  8 | import QuestionDetailsModal from '../components/question/QuestionDetailsModal'
  9 | import UpdateQuestionModal from '../components/question/UpdateQuestionModal'
 10 | 
 11 | const perPage = 15
 12 | 
 13 | export default class ReportsPage extends React.Component {
 14 |     state = {
 15 |         updateQuestionModalIsOpen: false,
 16 |         questionDetailsModalIsOpen: false,
 17 | 
 18 |         questionForUpdateModal: null,
 19 |         questionForDetailsModal: null
 20 |     }
 21 | 
 22 |     componentDidMount() {
 23 |         const { dispatch } = this.props
 24 | 
 25 |         dispatch(fetchReportedQuestions(1, perPage))
 26 |     }
 27 | 
 28 |     deleteQuestion = (question) => {
 29 |         const { dispatch } = this.props
 30 | 
 31 |         if (!window.confirm('确认删除此问题')) {
 32 |             return
 33 |         }
 34 | 
 35 |         dispatch(_deleteQuestion(question))
 36 |     }
 37 | 
 38 |     openUpdateQuestionModal = (question) => {
 39 |         this.setState({
 40 |             questionForUpdateModal: question,
 41 |             updateQuestionModalIsOpen: true
 42 |         })
 43 |     }
 44 | 
 45 |     closeUpdateQuestionModal = () => {
 46 |         this.setState({
 47 |             questionForUpdateModal: null,
 48 |             updateQuestionModalIsOpen: false
 49 |         })
 50 |     }
 51 | 
 52 |     openQuestionDetailsModal = (question) => {
 53 |         this.setState({
 54 |             questionForDetailsModal: question,
 55 |             questionDetailsModalIsOpen: true
 56 |         })
 57 |     }
 58 | 
 59 |     closeQuestionDetailsModal = () => {
 60 |         this.setState({
 61 |             questionForDetailsModal: null,
 62 |             questionDetailsModalIsOpen: false
 63 |         })
 64 |     }
 65 | 
 66 |     render() {
 67 |         const { dispatch, reportedQuestions } = this.props
 68 | 
 69 |         return (
 70 |             <div>
 71 |                 <h3>问题举报</h3>
 72 | 
 73 |                 <ReportedQuestionsList
 74 |                     reportedQuestions={reportedQuestions}
 75 |                     openUpdateQuestionModal={this.openUpdateQuestionModal}
 76 |                     openQuestionDetailsModal={this.openQuestionDetailsModal}
 77 |                     deleteQuestion={this.deleteQuestion}/>
 78 | 
 79 |                 <Pagination
 80 |                     totalCount={this.props.totalCount}
 81 |                     currentPage={this.props.currentPage}
 82 |                     redirect={bindActionCreators((page) => fetchReportedQuestions(page, perPage), dispatch)}
 83 |                     perPage={perPage}/>
 84 | 
 85 |                 <UpdateQuestionModal question={this.state.questionForUpdateModal}
 86 |                                      modalIsOpen={this.state.updateQuestionModalIsOpen}
 87 |                                      updateQuestion={bindActionCreators(updateQuestion, dispatch)}
 88 |                                      closeModal={this.closeUpdateQuestionModal}/>
 89 | 
 90 |                 <QuestionDetailsModal question={this.state.questionForDetailsModal}
 91 |                                       modalIsOpen={this.state.questionDetailsModalIsOpen}
 92 |                                       closeModal={this.closeQuestionDetailsModal}/>
 93 |             </div>
 94 |         )
 95 |     }
 96 | }
 97 | 
 98 | const mapStateToProps = (state) => {
 99 |     return {
100 |         totalCount: state.reportedQuestions.totalCount,
101 |         currentPage: state.reportedQuestions.currentPage,
102 |         reportedQuestions: state.reportedQuestions.reportedQuestions
103 |     }
104 | }
105 | 
106 | export default connect(mapStateToProps)(ReportsPage)
107 | 


--------------------------------------------------------------------------------
/containers/Root.dev.js:
--------------------------------------------------------------------------------
 1 | import React, { PropTypes } from 'react'
 2 | import { Provider } from 'react-redux'
 3 | import routes from '../routes'
 4 | import DevTools from './DevTools'
 5 | import { Router } from 'react-router'
 6 | 
 7 | export default class Root extends React.Component {
 8 |     render() {
 9 |         const { store, history } = this.props
10 |         return (
11 |             <Provider store={store}>
12 |                 <div>
13 |                     <Router history={history} routes={routes} />
14 |                     {/*<DevTools />*/}
15 |                 </div>
16 |             </Provider>
17 |         )
18 |     }
19 | }
20 | 
21 | Root.propTypes = {
22 |     store: PropTypes.object.isRequired,
23 |     history: PropTypes.object.isRequired
24 | }
25 | 


--------------------------------------------------------------------------------
/containers/Root.js:
--------------------------------------------------------------------------------
1 | if (process.env.NODE_ENV === 'production') {
2 |     module.exports = require('./Root.prod')
3 | } else {
4 |     module.exports = require('./Root.dev')
5 | }
6 | 


--------------------------------------------------------------------------------
/containers/Root.prod.js:
--------------------------------------------------------------------------------
 1 | import React, { PropTypes } from 'react'
 2 | import { Provider } from 'react-redux'
 3 | import { Router } from 'react-router'
 4 | import routes from '../routes'
 5 | 
 6 | export default class Root extends React.Component {
 7 |     render() {
 8 |         const { store, history } = this.props
 9 |         return (
10 |             <Provider store={store}>
11 |                 <Router history={history} routes={routes}/>
12 |             </Provider>
13 |         )
14 |     }
15 | }
16 | 
17 | Root.propTypes = {
18 |     store: PropTypes.object.isRequired,
19 |     history: PropTypes.object.isRequired
20 | }


--------------------------------------------------------------------------------
/containers/UserPage.js:
--------------------------------------------------------------------------------
  1 | import React from 'react'
  2 | import { connect } from 'react-redux'
  3 | import { bindActionCreators } from 'redux'
  4 | import update from 'react-addons-update'
  5 | import Radium from 'radium'
  6 | import AV from 'avoscloud-sdk'
  7 | import { User } from '../models'
  8 | import UserPageHeader from '../components/users/UserPageHeader'
  9 | import UserTabs from '../components/users/UserTabs'
 10 | import AskQuestionModal from '../components/question/AskQuestionModal'
 11 | 
 12 | @Radium
 13 | export default class UserPage extends React.Component {
 14 |     state = {
 15 |         user: null,
 16 |         askQuestionModalIsOpen: false
 17 |     }
 18 | 
 19 |     componentWillReceiveProps(nextProps) {
 20 |         if (this.props.params.id !== nextProps.params.id) {
 21 |             this.fetchData(nextProps.params.id)
 22 |         }
 23 |     }
 24 | 
 25 |     componentDidMount() {
 26 |         this.fetchData(this.props.params.id)
 27 |     }
 28 | 
 29 | 
 30 |     askQuestion = (title) => {
 31 |         User.askAnonymousQuestion(this.state.user, title).then(function (question) {
 32 |             this.setState({
 33 |                 user: update(this.state.user, {
 34 |                     attributes: {pendingQuestionsCount: {$apply: count => count + 1}}
 35 |                 }),
 36 |                 pendingQuestions: update(this.state.pendingQuestions, {$unshift: [question]})
 37 |             })
 38 |         }.bind(this))
 39 |     }
 40 | 
 41 |     fetchData = (id) => {
 42 |         const user = AV.Object.createWithoutData('_User', id)
 43 | 
 44 |         user.fetch().then(function (user) {
 45 |             this.setState({user: user})
 46 |         }.bind(this))
 47 |     }
 48 | 
 49 |     openAskQuestionModal = () => {
 50 |         this.setState({askQuestionModalIsOpen: true})
 51 |     }
 52 | 
 53 |     closeAskQuestionModal = () => {
 54 |         this.setState({askQuestionModalIsOpen: false})
 55 |     }
 56 | 
 57 |     render() {
 58 |         const { user } = this.state
 59 | 
 60 |         return (
 61 |             <div>
 62 |                 <div className="row">
 63 |                     <div className="col-md-8">
 64 |                         {user ? <UserPageHeader user={this.state.user}/> : null}
 65 |                     </div>
 66 | 
 67 |                     <div className="col-md-4">
 68 |                         <div className="btn-group pull-right">
 69 |                             {/*
 70 |                              <button type="button" className="btn btn-default">
 71 |                              编辑
 72 |                              </button>
 73 |                              {user && !user.get('opened') ?
 74 |                              <button type="button" className="btn btn-default">
 75 |                              开通
 76 |                              </button> : null}
 77 |                              */}
 78 |                             {user && user.get('opened') ?
 79 |                                 <button type="button" className="btn btn-default"
 80 |                                         onClick={this.openAskQuestionModal}>提问
 81 |                                 </button> : null}
 82 |                         </div>
 83 |                     </div>
 84 |                 </div>
 85 | 
 86 |                 <div style={styles.tabs}>
 87 |                     {user ? <UserTabs user={user}/> : null}
 88 |                 </div>
 89 | 
 90 |                 <AskQuestionModal
 91 |                     closeModal={this.closeAskQuestionModal}
 92 |                     modalIsOpen={this.state.askQuestionModalIsOpen}
 93 |                     askQuestion={this.askQuestion}/>
 94 |             </div>
 95 |         )
 96 |     }
 97 | }
 98 | 
 99 | //const mapStateToProps = (state) => {
100 | //    return {}
101 | //}
102 | 
103 | const styles = {
104 |     header: {
105 |         marginBottom: '15px'
106 |     },
107 |     name: {
108 |         marginTop: '4px'
109 |     },
110 |     statusLabel: {
111 |         marginLeft: '10px',
112 |         fontSize: '12px'
113 |     },
114 |     desc: {
115 |         marginBottom: '15px'
116 |     },
117 |     tabs: {
118 |         marginTop: '10px'
119 |     }
120 | }
121 | 
122 | export default UserPage
123 | //export default connect(mapStateToProps)(UserPage)
124 | 


--------------------------------------------------------------------------------
/containers/UsersPage.js:
--------------------------------------------------------------------------------
  1 | import React, { Component } from 'react'
  2 | import Radium from 'radium'
  3 | import { connect } from 'react-redux'
  4 | import { bindActionCreators } from 'redux'
  5 | import Pagination from '../components/public/Pagination'
  6 | import UsersList from '../components/users/UsersList'
  7 | import UserModal from '../components/users/UserModal'
  8 | import { fetchUsers, openUserQAPage, closeUserQAPage, updateUser, searchUsers } from '../actions/users'
  9 | 
 10 | const perPage = 15
 11 | 
 12 | @Radium
 13 | export default class UsersPage extends Component {
 14 |     state = {
 15 |         modalIsOpen: false,
 16 |         userForModal: null,
 17 |         searchKeyword: ""
 18 |     }
 19 | 
 20 |     openModal = (user) => {
 21 |         this.setState({modalIsOpen: true, userForModal: user})
 22 |     }
 23 | 
 24 |     closeModal = () => {
 25 |         this.setState({modalIsOpen: false})
 26 |     }
 27 | 
 28 |     componentDidMount() {
 29 |         const { dispatch } = this.props
 30 | 
 31 |         dispatch(fetchUsers(1, perPage))
 32 |     }
 33 | 
 34 |     handleKeywordChange = (e) => {
 35 |         const { dispatch } = this.props
 36 |         const keyword = e.target.value.trim()
 37 | 
 38 |         this.setState({searchKeyword: keyword})
 39 | 
 40 |         if (keyword === "") {
 41 |             dispatch(fetchUsers(1, perPage))
 42 |         }
 43 |     }
 44 | 
 45 |     handleSearch = () => {
 46 |         const { dispatch } = this.props
 47 | 
 48 |         if (this.state.searchKeyword === "") {
 49 |             dispatch(fetchUsers(1, perPage))
 50 |         } else {
 51 |             dispatch(searchUsers(this.state.searchKeyword))
 52 |         }
 53 |     }
 54 | 
 55 |     render() {
 56 |         const { dispatch } = this.props
 57 | 
 58 |         return (
 59 |             <div>
 60 |                 <h3>用户管理</h3>
 61 | 
 62 |                 <div className="input-group" style={styles.searchWap}>
 63 |                     <input type="text" className="form-control" placeholder="搜索用户" value={this.state.searchKeyword}
 64 |                            onChange={this.handleKeywordChange}/>
 65 |                     <span className="input-group-btn">
 66 |                         <button className="btn btn-default" type="button" onClick={this.handleSearch}>
 67 |                             <i className="fa fa-search"/>
 68 |                         </button>
 69 |                     </span>
 70 |                 </div>
 71 | 
 72 |                 <UsersList users={this.props.users}
 73 |                            openModal={this.openModal}
 74 |                            openUserQAPage={bindActionCreators(openUserQAPage, dispatch)}
 75 |                            closeUserQAPage={bindActionCreators(closeUserQAPage, dispatch)}/>
 76 | 
 77 |                 <UserModal user={this.state.userForModal}
 78 |                            modalIsOpen={this.state.modalIsOpen}
 79 |                            updateUser={bindActionCreators(updateUser, dispatch)}
 80 |                            closeModal={this.closeModal}/>
 81 | 
 82 |                 <Pagination
 83 |                     totalCount={this.props.totalCount}
 84 |                     currentPage={this.props.currentPage}
 85 |                     redirect={bindActionCreators((page) => fetchUsers(page, perPage), dispatch)}
 86 |                     perPage={perPage}/>
 87 |             </div>
 88 |         )
 89 |     }
 90 | }
 91 | 
 92 | const mapStateToProps = (state) => {
 93 |     return {
 94 |         users: state.users.users,
 95 |         currentPage: state.users.currentPage,
 96 |         totalCount: state.users.totalCount
 97 |     }
 98 | }
 99 | 
100 | const styles = {
101 |     searchWap: {
102 |         maxWidth: "500px",
103 |         marginBottom: "10px"
104 |     }
105 | }
106 | 
107 | export default connect(mapStateToProps)(UsersPage)
108 | 


--------------------------------------------------------------------------------
/containers/VisitorQuestionsReviewPage.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import { connect } from 'react-redux'
 3 | import { bindActionCreators } from 'redux'
 4 | 
 5 | export default class VisitorQuestionsReviewPage extends React.Component {
 6 |     componentDidMount() {
 7 |         const { dispatch } = this.props
 8 | 
 9 |     }
10 | 
11 |     render() {
12 |         const { dispatch } = this.props
13 | 
14 |         return (
15 |             <div>
16 |                 <h3>匿名提问审核</h3>
17 |             </div>
18 |         )
19 |     }
20 | }
21 | 
22 | const mapStateToProps = (state) => {
23 |     return {
24 |         questions: []
25 |     }
26 | }
27 | 
28 | export default connect(mapStateToProps)(VisitorQuestionsReviewPage)
29 | 


--------------------------------------------------------------------------------
/fabfile.py:
--------------------------------------------------------------------------------
 1 | # coding: utf-8
 2 | from fabric.api import run, env, cd
 3 | 
 4 | def deploy():
 5 |     env.host_string = "root@12.34.56.78"
 6 |     with cd('/var/www/react-redux-example'):
 7 |         run('git reset --hard HEAD')
 8 |         run('git pull')
 9 |         run('npm install')
10 |         run('npm run build')
11 |         run('npm run upload')
12 | 


--------------------------------------------------------------------------------
/filters.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import moment from 'moment'
 3 | 
 4 | export function friendlyTime(time) {
 5 |     if (!time) {
 6 |         return ""
 7 |     }
 8 | 
 9 |     return (
10 |         <span>{moment(time).format('YYYY-MM-DD HH:mm:ss')}</span>
11 |     )
12 | }
13 | 
14 | export function friendlyTimeWithLineBreak(time) {
15 |     if (!time) {
16 |         return ""
17 |     }
18 | 
19 |     return (
20 |         <span>
21 |             {moment(time).format('YYYY-MM-DD')}
22 |             <br/>
23 |             {moment(time).format('HH:mm:ss')}
24 |         </span>
25 |     )
26 | }
27 | 
28 | export function truncate(content, maxLength) {
29 |     return content && content.length > maxLength ? content.substring(0, maxLength) + "..." : content
30 | }
31 | 


--------------------------------------------------------------------------------
/fis-conf.js:
--------------------------------------------------------------------------------
 1 | fis.set('project.files', ['index.html', 'static/**', 'webpack-output/**']);
 2 | 
 3 | fis.match('static/**.js', {
 4 |     optimizer: fis.plugin('uglify-js')
 5 | });
 6 | 
 7 | fis.match('*.css', {
 8 |     optimizer: fis.plugin('clean-css')
 9 | });
10 | 
11 | fis.match('*.png', {
12 |     optimizer: fis.plugin('png-compressor')
13 | });
14 | 
15 | fis.match('*.{js,css,png}', {
16 |     useHash: true,
17 |     domain: 'http://somecdn.com',
18 | });
19 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <title>React Redux Example</title>
 6 |     <link rel="Shortcut Icon" href="/static/images/logo.png">
 7 |     <link rel="stylesheet" href="/static/styles/bootstrap.min.css">
 8 |     <link rel="stylesheet" href="/static/styles/font-awesome.min.css">
 9 |     <link rel="stylesheet" href="/static/styles/hint.min.css">
10 |     <link rel="stylesheet" href="/static/styles/react-modal.css">
11 |   </head>
12 |   <body>
13 |     <div id="react-container"></div>
14 |     <script type="text/javascript" src="/static/scripts/fetch.js"></script>
15 |     <script type="text/javascript" src="/webpack-output/bundle.js"></script>
16 |   </body>
17 | </html>
18 | 


--------------------------------------------------------------------------------
/index.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import { render } from 'react-dom'
 3 | import { browserHistory } from 'react-router'
 4 | import { syncHistoryWithStore } from 'react-router-redux'
 5 | import store from './store'
 6 | import Root from './containers/Root'
 7 | import * as auth from './auth'
 8 | import { initLeanCloud } from './utils'
 9 | 
10 | require('./static/styles/bootstrap.theme.scss')
11 | 
12 | if (auth.loggedIn()) {
13 |     initLeanCloud()
14 | }
15 | 
16 | const history = syncHistoryWithStore(browserHistory, store)
17 | 
18 | render(
19 |     <Root store={store} history={history}/>,
20 |     document.getElementById('react-container')
21 | )
22 | 


--------------------------------------------------------------------------------
/models/Answer.js:
--------------------------------------------------------------------------------
 1 | import AV from 'avoscloud-sdk'
 2 | 
 3 | const Answer = AV.Object.extend('Answer')
 4 | 
 5 | /**
 6 |  * Class Methods
 7 |  */
 8 | 
 9 | /**
10 |  * Instance Methods
11 |  */
12 | 
13 | export default Answer
14 | 


--------------------------------------------------------------------------------
/models/BroadcastSystemNotification.js:
--------------------------------------------------------------------------------
 1 | import AV from 'avoscloud-sdk'
 2 | import UserNotification from './UserNotification'
 3 | 
 4 | const BroadcastSystemNotification = AV.Object.extend('BroadcastSystemNotification')
 5 | 
 6 | /**
 7 |  * Class Methods
 8 |  */
 9 | 
10 | BroadcastSystemNotification.fetchAll = function (page = 1, perPage = 15) {
11 |     const query = new AV.Query(BroadcastSystemNotification)
12 | 
13 |     //query.limit(perPage)
14 |     //query.skip(perPage * (page - 1))
15 |     query.addDescending('createdAt')
16 | 
17 |     return query.find()
18 | }
19 | 
20 | BroadcastSystemNotification.push = function (content) {
21 |     const query = new AV.Query(AV.User)
22 | 
23 |     // 若要发送给所有人, 则注释掉下一行
24 |     //query.equalTo('objectId', "56713bcc60b2e41662ab72e6")
25 |     return query.find().then(function (users) {
26 |         const notifications = users.map((user) => {
27 |             const notification = new UserNotification()
28 | 
29 |             notification.set('kind', 2)
30 |             notification.set('content', content)
31 |             notification.set('user', user)
32 | 
33 |             user.increment('unreadOtherNotificationsCount')
34 |             user.save()
35 | 
36 |             return notification
37 |         })
38 | 
39 |         return AV.Object.saveAll(notifications)
40 |     }).then(function () {
41 |         return AV.Push.send({
42 |             data: {
43 |                 alert: content,
44 |                 badge: 'Increment',
45 |                 kind: '2'
46 |             }
47 |         });
48 |     }).then(function () {
49 |         const broadcastSystemNotifications = new BroadcastSystemNotification()
50 | 
51 |         broadcastSystemNotifications.set('content', content)
52 |         return broadcastSystemNotifications.save()
53 |     })
54 | }
55 | 
56 | /**
57 |  * Instance Methods
58 |  */
59 | 
60 | export default BroadcastSystemNotification
61 | 


--------------------------------------------------------------------------------
/models/HomeRecommendation.js:
--------------------------------------------------------------------------------
  1 | import AV from 'avoscloud-sdk'
  2 | 
  3 | const HomeRecommendation = AV.Object.extend('HomeRecommendation')
  4 | 
  5 | /**
  6 |  * Class Methods
  7 |  */
  8 | 
  9 | HomeRecommendation.fetchAll = function (page = 1, perPage = 15) {
 10 |     const query = new AV.Query(HomeRecommendation)
 11 |     const countQuery = new AV.Query(HomeRecommendation)
 12 | 
 13 |     query.addDescending('createdAt')
 14 |     query.limit(perPage)
 15 |     query.skip(perPage * (page - 1))
 16 |     query.include('user')
 17 | 
 18 |     return AV.Promise.when(query.find(), countQuery.count())
 19 | }
 20 | 
 21 | HomeRecommendation.add = function (kind, object) {
 22 |     const query = new AV.Query(HomeRecommendation)
 23 | 
 24 |     query.equalTo('kind', kind)
 25 |     if (kind === 'user') {
 26 |         query.equalTo('user', object)
 27 |     }
 28 | 
 29 |     return query.first().then(function (homeRecommendation) {
 30 |         if (homeRecommendation) {
 31 |             homeRecommendation.destroy()
 32 |         }
 33 | 
 34 |         const newHomeRecommendation = new HomeRecommendation()
 35 |         newHomeRecommendation.set('kind', kind)
 36 | 
 37 |         if (kind === 'user') {
 38 |             newHomeRecommendation.set('user', object)
 39 |         }
 40 | 
 41 |         return newHomeRecommendation.save()
 42 |     })
 43 | }
 44 | 
 45 | /**
 46 |  * Instance Methods
 47 |  */
 48 | 
 49 | Object.assign(HomeRecommendation.prototype, {
 50 |     updateUserBackgroundImage(imageFile) {
 51 |         const user = this.get('user')
 52 | 
 53 |         return resizeImageFile(imageFile, 600, 300).then(function (imageBase64Data) {
 54 |             const avFile = new AV.File("backgroundImage.png", {base64: imageBase64Data})
 55 | 
 56 |             return avFile.save()
 57 |         }).then(function (fileObject) {
 58 |             user.set('userCardBackgroundImage', fileObject)
 59 | 
 60 |             return user.save()
 61 |         }).then(function () {
 62 |             return this
 63 |         })
 64 |     },
 65 | 
 66 |     top() {
 67 |         this.destroy()
 68 |         const homeRecommendation = new HomeRecommendation()
 69 | 
 70 |         homeRecommendation.set('kind', 'user')
 71 |         homeRecommendation.set('user', this.get('user'))
 72 | 
 73 |         return homeRecommendation.save()
 74 |     }
 75 | })
 76 | 
 77 | function resizeImageFile(imageFile, targetWidth, targetHeight) {
 78 |     const image = new Image()
 79 |     const canvas = document.createElement('canvas')
 80 |     const context = canvas.getContext('2d')
 81 | 
 82 |     canvas.style.visibility = "hidden"
 83 |     canvas.width = targetWidth
 84 |     canvas.height = targetHeight
 85 |     document.body.appendChild(canvas)
 86 | 
 87 |     return new AV.Promise(function (resolve, reject) {
 88 |         image.src = URL.createObjectURL(imageFile)
 89 | 
 90 |         image.onload = function () {
 91 |             if (this.width < targetWidth || this.height < targetHeight) {
 92 |                 const alertString = `图片大小至少为 ${targetWidth} x ${targetHeight}`
 93 | 
 94 |                 reject(alertString)
 95 |                 window.alert(alertString)
 96 |                 return
 97 |             }
 98 | 
 99 |             let sx, sy, sWidth, sHeight;
100 | 
101 |             if (this.width > 2 * this.height) {
102 |                 sWidth = 2 * this.height
103 |                 sHeight = this.height
104 |                 sx = (this.width - sWidth) / 2
105 |                 sy = 0
106 |             } else {
107 |                 sWidth = this.width
108 |                 sHeight = sWidth / 2
109 |                 sx = 0
110 |                 sy = (this.height - sHeight) / 2
111 |             }
112 | 
113 |             // See: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/drawImage
114 |             context.drawImage(image, sx, sy, sWidth, sHeight, 0, 0, targetWidth, targetHeight)
115 | 
116 |             const imageBase64Data = canvas.toDataURL().split('base64,')[1]
117 | 
118 |             resolve(imageBase64Data)
119 |         }
120 |     })
121 | }
122 | 
123 | export default HomeRecommendation
124 | 


--------------------------------------------------------------------------------
/models/InvitationCode.js:
--------------------------------------------------------------------------------
 1 | import AV from 'avoscloud-sdk'
 2 | 
 3 | const InvitationCode = AV.Object.extend('InvitationCode')
 4 | 
 5 | /**
 6 |  * Class Methods
 7 |  */
 8 | 
 9 | InvitationCode.fetchAll = function (page = 1, perPage = 15) {
10 |     const query = new AV.Query(InvitationCode)
11 |     const countQuery = new AV.Query(InvitationCode)
12 | 
13 |     query.addDescending('createdAt')
14 |     query.skip(perPage * (page - 1))
15 |     query.limit(perPage)
16 |     query.include('createdBy')
17 |     query.include('user')
18 | 
19 |     return AV.Promise.when(query.find(), countQuery.count())
20 | }
21 | 
22 | InvitationCode.generateCodes = function (count = 5) {
23 |     return AV.Cloud.run('generateInvitationCodeByAdmin').then(function (codes) {
24 |         return codes.map((code) => {
25 |             // Convert pain Object to AV Object
26 |             var object = AV.Object._create('InvitationCode')
27 |             object._finishFetch(code, true)
28 |             return object
29 |         })
30 |     })
31 | }
32 | 
33 | /**
34 |  * Instance Methods
35 |  */
36 | 
37 | Object.assign(InvitationCode.prototype, {
38 |     markSended(sendedTo){
39 |         this.set('sended', true)
40 |         this.set('sendedAt', new Date())
41 |         this.set('sendedTo', sendedTo)
42 | 
43 |         return this.save()
44 |     }
45 | })
46 | 
47 | export default InvitationCode
48 | 


--------------------------------------------------------------------------------
/models/LikeQuestion.js:
--------------------------------------------------------------------------------
 1 | import AV from 'avoscloud-sdk'
 2 | 
 3 | const LikeQuestion = AV.Object.extend('LikeQuestion')
 4 | 
 5 | /**
 6 |  * Class Methods
 7 |  */
 8 | 
 9 | /**
10 |  * Instance Methods
11 |  */
12 | 
13 | export default LikeQuestion
14 | 


--------------------------------------------------------------------------------
/models/Question.js:
--------------------------------------------------------------------------------
  1 | import AV from 'avoscloud-sdk'
  2 | import QuestionComment from './QuestionComment'
  3 | 
  4 | const Question = AV.Object.extend('Question')
  5 | 
  6 | /**
  7 |  * Class Methods
  8 |  */
  9 | 
 10 | Question.fetchAll = function (page = 1, perPage = 15) {
 11 |     const query = new AV.Query(Question)
 12 |     const countQuery = new AV.Query(Question)
 13 | 
 14 |     query.limit(perPage)
 15 |     query.skip(perPage * (page - 1))
 16 |     query.include('asker')
 17 |     query.include('user')
 18 |     query.addDescending('createdAt')
 19 | 
 20 |     return AV.Promise.when(query.find(), countQuery.count())
 21 | }
 22 | 
 23 | Question.fetchPendingAnonymousQuestions = function (page = 1, perPage = 15) {
 24 |     const query = new AV.Query(Question)
 25 |     const countQuery = new AV.Query(Question)
 26 | 
 27 |     query.equalTo('anonymous', true)
 28 |     query.equalTo('answered', false)
 29 |     query.limit(perPage)
 30 |     query.skip(perPage * (page - 1))
 31 |     query.include('asker')
 32 |     query.include('user')
 33 |     query.addDescending('createdAt')
 34 | 
 35 |     countQuery.equalTo('anonymous', true)
 36 |     countQuery.equalTo('answered', false)
 37 | 
 38 |     return AV.Promise.when(query.find(), countQuery.count())
 39 | }
 40 | 
 41 | Question.fetchAnswers = function (page = 1, perPage = 15) {
 42 |     const query = new AV.Query(Question)
 43 |     const countQuery = new AV.Query(Question)
 44 | 
 45 |     query.equalTo('answered', true)
 46 |     query.limit(perPage)
 47 |     query.skip(perPage * (page - 1))
 48 |     query.include('asker')
 49 |     query.include('user')
 50 |     query.addDescending('answeredAt')
 51 | 
 52 |     countQuery.equalTo('answered', true)
 53 | 
 54 |     return AV.Promise.when(query.find(), countQuery.count())
 55 | }
 56 | 
 57 | Question.fetchTodayQuestionsCount = function () {
 58 |     const query = new AV.Query(Question)
 59 |     const now = new Date()
 60 | 
 61 |     now.setHours(0, 0, 0, 0)
 62 |     query.greaterThan('createdAt', now)
 63 | 
 64 |     return query.count()
 65 | }
 66 | 
 67 | Question.fetchTodayAnswersCount = function () {
 68 |     const query = new AV.Query(Question)
 69 |     const now = new Date()
 70 | 
 71 |     now.setHours(0, 0, 0, 0)
 72 |     query.greaterThan('answeredAt', now)
 73 | 
 74 |     return query.count()
 75 | }
 76 | 
 77 | /**
 78 |  * Instance Methods
 79 |  */
 80 | 
 81 | Object.assign(Question.prototype, {
 82 |     update(title) {
 83 |         this.set('title', title)
 84 |         return this.save()
 85 |     },
 86 | 
 87 |     fetchComments(page = 1, perPage = 15) {
 88 |         const query = new AV.Query(QuestionComment)
 89 | 
 90 |         query.equalTo('question', this)
 91 |         query.addAscending('createdAt')
 92 |         query.limit(perPage)
 93 |         query.skip(perPage * (page - 1))
 94 |         query.include('user')
 95 | 
 96 |         return query.find()
 97 |     }
 98 | })
 99 | 
100 | export default Question
101 | 


--------------------------------------------------------------------------------
/models/QuestionComment.js:
--------------------------------------------------------------------------------
 1 | import AV from 'avoscloud-sdk'
 2 | 
 3 | const QuestionComment = AV.Object.extend('QuestionComment')
 4 | 
 5 | /**
 6 |  * Class Methods
 7 |  */
 8 | 
 9 | /**
10 |  * Instance Methods
11 |  */
12 | 
13 | export default QuestionComment
14 | 


--------------------------------------------------------------------------------
/models/ReportQuestion.js:
--------------------------------------------------------------------------------
 1 | import AV from 'avoscloud-sdk'
 2 | 
 3 | const ReportQuestion = AV.Object.extend('ReportQuestion')
 4 | 
 5 | /**
 6 |  * Class Methods
 7 |  */
 8 | 
 9 | ReportQuestion.fetchAll = function (page = 1, perPage = 15) {
10 |     const query = new AV.Query(ReportQuestion)
11 |     const countQuery = new AV.Query(ReportQuestion)
12 | 
13 |     query.include('reporter')
14 |     query.include('question')
15 |     query.include('question.user')
16 |     query.include('question.asker')
17 |     query.addDescending('createdAt')
18 |     query.limit(perPage)
19 |     query.skip(perPage * (page - 1))
20 | 
21 |     return AV.Promise.when(query.find(), countQuery.count())
22 | }
23 | 
24 | ReportQuestion.fetchTodayReportedQuestionsCount = function () {
25 |     const query = new AV.Query(ReportQuestion)
26 |     const now = new Date()
27 | 
28 |     now.setHours(0, 0, 0, 0)
29 |     query.greaterThan('createdAt', now)
30 | 
31 |     return query.count()
32 | }
33 | 
34 | /**
35 |  * Instance Methods
36 |  */
37 | 
38 | export default ReportQuestion
39 | 


--------------------------------------------------------------------------------
/models/User.js:
--------------------------------------------------------------------------------
  1 | import AV from 'avoscloud-sdk'
  2 | import UserTagAssociation from './UserTagAssociation'
  3 | import Question from './Question'
  4 | 
  5 | const User = AV.User
  6 | 
  7 | /**
  8 |  * Class Methods
  9 |  */
 10 | 
 11 | User.fetchTodayUsersCount = function () {
 12 |     const query = new AV.Query(User)
 13 |     const now = new Date()
 14 | 
 15 |     now.setHours(0, 0, 0, 0)
 16 |     query.greaterThan('createdAt', now)
 17 | 
 18 |     return query.count()
 19 | }
 20 | 
 21 | User.askAnonymousQuestion = function (targetUser, title) {
 22 |     const question = new Question()
 23 | 
 24 |     question.fetchWhenSave(true)
 25 |     question.set('user', targetUser)
 26 |     question.set('anonymous', true)
 27 |     question.set('title', title)
 28 | 
 29 |     return question.save()
 30 | }
 31 | 
 32 | User.fetchAll = function (page = 1, perPage = 15) {
 33 |     const query = new AV.Query(User)
 34 |     const countQuery = new AV.Query(User)
 35 | 
 36 |     query.addDescending('createdAt')
 37 |     query.skip(perPage * (page - 1))
 38 |     query.limit(perPage)
 39 | 
 40 |     return AV.Promise.when(query.find(), countQuery.count())
 41 | }
 42 | 
 43 | User.searchByName = function (name, page = 1, perPage = 15) {
 44 |     const query = new AV.Query(User)
 45 |     const countQuery = new AV.Query(User)
 46 | 
 47 |     query.contains('name', name)
 48 |     query.skip(perPage * (page - 1))
 49 |     query.limit(perPage)
 50 | 
 51 |     countQuery.contains('name', name)
 52 | 
 53 |     return AV.Promise.when(query.find(), countQuery.count())
 54 | }
 55 | 
 56 | User.searchOpenedUserByName = function (name, page = 1, perPage = 15) {
 57 |     const query = new AV.Query(User)
 58 |     const countQuery = new AV.Query(User)
 59 | 
 60 |     query.contains('name', name)
 61 |     query.equalTo('opened', true)
 62 |     query.skip(perPage * (page - 1))
 63 |     query.limit(perPage)
 64 | 
 65 |     countQuery.contains('name', name)
 66 |     countQuery.equalTo('opened', true)
 67 | 
 68 |     return AV.Promise.when(query.find(), countQuery.count())
 69 | }
 70 | 
 71 | /**
 72 |  * Instance Methods
 73 |  */
 74 | 
 75 | Object.assign(User.prototype, {
 76 |     fetchQuestionsByLikesCount(page = 1, perPage = 15) {
 77 |         const query = new AV.Query(Question)
 78 | 
 79 |         query.limit(perPage)
 80 |         query.skip(perPage * (page - 1))
 81 |         query.equalTo('user', this)
 82 |         query.equalTo('answered', true)
 83 |         query.include('asker')
 84 |         query.include('user')
 85 |         query.addDescending('likesCount')
 86 | 
 87 |         return query.find()
 88 |     },
 89 | 
 90 |     fetchQuestionsByTime(page = 1, perPage = 15) {
 91 |         const query = new AV.Query(Question)
 92 | 
 93 |         query.limit(perPage)
 94 |         query.skip(perPage * (page - 1))
 95 |         query.equalTo('user', this)
 96 |         query.equalTo('answered', true)
 97 |         query.include('asker')
 98 |         query.include('user')
 99 |         query.addDescending('createdAt')
100 | 
101 |         return query.find()
102 |     },
103 | 
104 |     fetchPendingQuestions(page = 1, perPage = 15) {
105 |         const query = new AV.Query(Question)
106 | 
107 |         query.limit(perPage)
108 |         query.skip(perPage * (page - 1))
109 |         query.equalTo('user', this)
110 |         query.equalTo('answered', false)
111 |         query.include('asker')
112 |         query.include('user')
113 |         query.addDescending('createdAt')
114 | 
115 |         return query.find()
116 |     },
117 | 
118 |     fetchDrafts(page = 1, perPage = 15){
119 |         const query = new AV.Query(Question)
120 | 
121 |         query.limit(perPage)
122 |         query.skip(perPage * (page - 1))
123 |         query.equalTo('user', this)
124 |         query.equalTo('drafted', true)
125 |         query.include('asker')
126 |         query.include('user')
127 |         query.addDescending('draftedAt')
128 | 
129 |         return query.find()
130 |     },
131 | 
132 |     fetchAskedQuestions(page = 1, perPage = 15){
133 |         const query = new AV.Query(Question)
134 | 
135 |         query.limit(perPage)
136 |         query.skip(perPage * (page - 1))
137 |         query.equalTo('asker', this)
138 |         query.include('asker')
139 |         query.include('user')
140 |         query.addDescending('createdAt')
141 | 
142 |         return query.find()
143 |     },
144 | 
145 |     openQAPage() {
146 |         this.set('authed', true)
147 |         this.set('opened', true)
148 |         this.set('processingQARequest', false)
149 | 
150 |         return this.save()
151 |     },
152 | 
153 |     closeQAPage() {
154 |         this.set('authed', false)
155 |         this.set('opened', false)
156 |         this.set('processingQARequest', false)
157 | 
158 |         return this.save()
159 |     },
160 | 
161 |     update(name, title, achievements, desc, mobilePhoneNumber, tags){
162 |         // 删除该用户的 userTagAssociations
163 |         const query = new AV.Query(UserTagAssociation)
164 |         query.equalTo('user', this)
165 |         query.destroyAll()
166 | 
167 |         this.set('name', name)
168 |         this.set('title', title)
169 |         this.set('achievements', achievements)
170 |         this.set('desc', desc)
171 |         this.set('mobilePhoneNumber', mobilePhoneNumber)
172 |         this.set('tags', tags)
173 | 
174 |         return this.save().then(function (user) {
175 |             // 新建 userTagAssociations
176 |             AV.Object.saveAll(tags.map((tag) => {
177 |                 const userTagAssociation = new UserTagAssociation()
178 |                 userTagAssociation.set('tag', tag)
179 |                 userTagAssociation.set('user', user)
180 |                 return userTagAssociation
181 |             }))
182 | 
183 |             return user
184 |         })
185 |     }
186 | })
187 | 
188 | export default User
189 | 


--------------------------------------------------------------------------------
/models/UserNotification.js:
--------------------------------------------------------------------------------
 1 | import AV from 'avoscloud-sdk'
 2 | 
 3 | const UserNotification = AV.Object.extend('UserNotification')
 4 | 
 5 | /**
 6 |  * Class Methods
 7 |  */
 8 | 
 9 | /**
10 |  * Instance Methods
11 |  */
12 | 
13 | export default UserNotification
14 | 


--------------------------------------------------------------------------------
/models/UserNotificationSender.js:
--------------------------------------------------------------------------------
 1 | import AV from 'avoscloud-sdk'
 2 | 
 3 | const UserNotificationSender = AV.Object.extend('UserNotificationSender')
 4 | 
 5 | /**
 6 |  * Class Methods
 7 |  */
 8 | 
 9 | /**
10 |  * Instance Methods
11 |  */
12 | 
13 | export default UserNotificationSender
14 | 


--------------------------------------------------------------------------------
/models/UserTag.js:
--------------------------------------------------------------------------------
 1 | import AV from 'avoscloud-sdk'
 2 | 
 3 | const UserTag = AV.Object.extend('UserTag')
 4 | 
 5 | /**
 6 |  * Class Methods
 7 |  */
 8 | 
 9 | /**
10 |  * Instance Methods
11 |  */
12 | 
13 | export default UserTag
14 | 


--------------------------------------------------------------------------------
/models/UserTagAssociation.js:
--------------------------------------------------------------------------------
 1 | import AV from 'avoscloud-sdk'
 2 | 
 3 | const UserTagAssociation = AV.Object.extend('UserTagAssociation')
 4 | 
 5 | /**
 6 |  * Class Methods
 7 |  */
 8 | 
 9 | /**
10 |  * Instance Methods
11 |  */
12 | 
13 | export default UserTagAssociation
14 | 


--------------------------------------------------------------------------------
/models/index.js:
--------------------------------------------------------------------------------
 1 | import AV from 'avoscloud-sdk'
 2 | import Answer from './Answer'
 3 | import HomeRecommendation from './HomeRecommendation'
 4 | import InvitationCode from './InvitationCode'
 5 | import LikeQuestion from './LikeQuestion'
 6 | import Question from './Question'
 7 | import QuestionComment from './QuestionComment'
 8 | import ReportQuestion from './ReportQuestion'
 9 | import User from './User'
10 | import UserNotification from './UserNotification'
11 | import UserNotificationSender from './UserNotificationSender'
12 | import UserTag from './UserTag'
13 | import UserTagAssociation from './UserTagAssociation'
14 | import BroadcastSystemNotification from './BroadcastSystemNotification'
15 | 
16 | export { Answer, HomeRecommendation, InvitationCode, LikeQuestion, Question, QuestionComment, ReportQuestion,
17 |     User, UserNotification, UserNotificationSender, UserTag, UserTagAssociation, BroadcastSystemNotification}
18 | 
19 | export const fetchDashboardData = function () {
20 |     return AV.Promise.when(User.fetchTodayUsersCount(), Question.fetchTodayQuestionsCount(),
21 |         Question.fetchTodayAnswersCount(), ReportQuestion.fetchTodayReportedQuestionsCount())
22 | }
23 | 


--------------------------------------------------------------------------------
/nginx.conf:
--------------------------------------------------------------------------------
 1 | server {
 2 |     listen 6688;
 3 |     server_name admin.上山打老虎.com;
 4 |     root /var/www/react-redux-example/output;
 5 | 
 6 |     location ~* \.(?:css|png|js)$ {
 7 |         expires max;
 8 |         add_header Cache-Control "public";
 9 |     }
10 | 
11 |     location / {
12 |         try_files $uri /index.html;
13 |     }
14 | }
15 | 
16 | server {
17 |     listen       80;
18 |     server_name  www.上山打老虎.com;
19 |     return       301 http://上山打老虎.com;
20 | }
21 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "react-redux-example",
 3 |   "version": "1.0.0",
 4 |   "description": "",
 5 |   "main": "index.js",
 6 |   "scripts": {
 7 |     "start": "node server.js",
 8 |     "build": "NODE_ENV=production webpack --progress --config webpack.config.prod.js && fis3 release -d ./output",
 9 |     "deploy": "fab deploy -i ~/.ssh/kp-******"
10 |   },
11 |   "repository": {
12 |     "type": "git",
13 |     "url": "https://github.com/hustlzp/react-redux-example.git"
14 |   },
15 |   "author": "hustlzp",
16 |   "license": "ISC",
17 |   "devDependencies": {
18 |     "avoscloud-sdk": "^0.6.9",
19 |     "babel-core": "^6.4.0",
20 |     "babel-loader": "^6.2.3",
21 |     "babel-plugin-transform-decorators-legacy": "^1.3.4",
22 |     "babel-plugin-transform-object-rest-spread": "^6.5.0",
23 |     "babel-preset-es2015": "^6.3.13",
24 |     "babel-preset-react": "^6.5.0",
25 |     "babel-preset-react-hmre": "^1.1.0",
26 |     "babel-preset-stage-1": "^6.5.0",
27 |     "bootstrap": "^3.3.6",
28 |     "css-loader": "^0.23.1",
29 |     "font-awesome": "^4.5.0",
30 |     "hint.css": "^2.1.0",
31 |     "history": "^1.17.0",
32 |     "jsx-control-statements": "^3.1.0",
33 |     "lodash": "^4.5.1",
34 |     "moment": "^2.11.2",
35 |     "node-sass": "^3.4.2",
36 |     "normalize.css": "^3.0.3",
37 |     "radium": "^0.16.6",
38 |     "react": "^0.14.6",
39 |     "react-addons-update": "^0.14.7",
40 |     "react-dom": "^0.14.6",
41 |     "react-modal": "^0.6.1",
42 |     "react-redux": "^4.0.6",
43 |     "react-router": "^2.0.0",
44 |     "react-router-redux": "^4.0.0",
45 |     "react-tabs": "^0.5.3",
46 |     "redux": "^3.0.5",
47 |     "redux-devtools": "^3.1.1",
48 |     "redux-devtools-dock-monitor": "^1.1.0",
49 |     "redux-devtools-log-monitor": "^1.0.4",
50 |     "redux-logger": "^2.6.0",
51 |     "redux-thunk": "^1.0.3",
52 |     "sass-loader": "^3.1.2",
53 |     "style-loader": "^0.13.0",
54 |     "webpack": "^1.12.14",
55 |     "webpack-dev-middleware": "^1.5.1",
56 |     "webpack-hot-middleware": "^2.8.1",
57 |     "express": "^4.13.4",
58 |     "whatwg-fetch": "^0.11.0"
59 |   }
60 | }
61 | 


--------------------------------------------------------------------------------
/qrsync.conf.json:
--------------------------------------------------------------------------------
1 | {
2 |   "src": "output",
3 |   "dest": "qiniu:access_key=12345&secret_key=上山打老虎",
4 |   "debug_level": 0
5 | }


--------------------------------------------------------------------------------
/reducers/account.js:
--------------------------------------------------------------------------------
 1 | import update from 'react-addons-update'
 2 | import { createReducer } from '../utils'
 3 | import * as auth from '../auth'
 4 | import * as actionType from '../actions/account'
 5 | 
 6 | export default createReducer({authed: auth.loggedIn()}, {
 7 |     // 登录
 8 |     [actionType.LOG_IN_START](state, action) {
 9 |         return state
10 |     },
11 |     [actionType.LOG_IN_SUCCESS](state, action) {
12 |         return update(state, {authed: {$set: true}})
13 |     },
14 |     [actionType.LOG_IN_ERROR](state, action) {
15 |         return state
16 |     },
17 | 
18 |     // 登出
19 |     [actionType.LOG_OUT](state, action) {
20 |         return update(state, {authed: {$set: false}})
21 |     },
22 | 
23 | })
24 | 


--------------------------------------------------------------------------------
/reducers/answers.js:
--------------------------------------------------------------------------------
 1 | import update from 'react-addons-update'
 2 | import * as actionType from '../actions/question'
 3 | import { createReducer } from '../utils'
 4 | 
 5 | export default createReducer({totalCount: 0, currentPage: 1, answers: []}, {
 6 |     // 获取已回答问题
 7 |     [actionType.FETCH_ANSWERS_START](state, action) {
 8 |         return state
 9 |     },
10 |     [actionType.FETCH_ANSWERS_SUCCESS](state, action) {
11 |         return update(state, {
12 |             currentPage: {$set: action.page},
13 |             totalCount: {$set: action.totalCount},
14 |             answers: {$set: action.answers}
15 |         })
16 |     },
17 |     [actionType.FETCH_ANSWERS_ERROR](state, action) {
18 |         return state
19 |     },
20 | 
21 |     // 更新问题
22 |     [actionType.UPDATE_QUESTION_START](state, action) {
23 |         return state
24 |     },
25 |     [actionType.UPDATE_QUESTION_SUCCESS](state, action) {
26 |         return update(state, {
27 |             answers: {
28 |                 $set: state.answers.map((question) => {
29 |                     return question.id === action.question.id ? action.question : question
30 |                 })
31 |             }
32 |         })
33 |     },
34 |     [actionType.UPDATE_QUESTION_ERROR](state, action){
35 |         return state
36 |     },
37 | 
38 |     // 删除提问
39 |     [actionType.DELETE_QUESTION_START](state, action) {
40 |         return state
41 |     },
42 |     [actionType.DELETE_QUESTION_SUCCESS](state, action) {
43 |         return update(state, {
44 |             answers: {
45 |                 $set: state.answers.filter(question => question.id !== action.question.id)
46 |             }
47 |         })
48 |     },
49 |     [actionType.DELETE_QUESTION_ERROR](state, action) {
50 |         return state
51 |     },
52 | })
53 | 


--------------------------------------------------------------------------------
/reducers/broadcastSystemNotifications.js:
--------------------------------------------------------------------------------
 1 | import update from 'react-addons-update'
 2 | import * as actionType from '../actions/broadcastSystemNotifications'
 3 | import { createReducer } from '../utils'
 4 | 
 5 | export default createReducer([], {
 6 |     // 获取系统通知
 7 |     [actionType.FETCH_BROADCAST_SYSTEM_NOTIFICATIONS_START](state, action)  {
 8 |         return state
 9 |     },
10 |     [actionType.FETCH_BROADCAST_SYSTEM_NOTIFICATIONS_SUCCESS](state, action){
11 |         return [...action.notifications]
12 |     },
13 |     [actionType.FETCH_BROADCAST_SYSTEM_NOTIFICATIONS_ERROR](state, action) {
14 |         return state
15 |     },
16 | 
17 |     // 发送广播系统通知
18 |     [actionType.PUSH_BROADCAST_SYSTEM_NOTIFICATION_START](state, action) {
19 |         return state
20 |     },
21 |     [actionType.PUSH_BROADCAST_SYSTEM_NOTIFICATION_SUCCESS](state, action) {
22 |         return update(state, {$unshift: [action.notification]})
23 |     },
24 |     [actionType.PUSH_BROADCAST_SYSTEM_NOTIFICATION_ERROR](state, action) {
25 |         return state
26 |     },
27 | })
28 | 


--------------------------------------------------------------------------------
/reducers/dashboard.js:
--------------------------------------------------------------------------------
 1 | import update from 'react-addons-update'
 2 | import * as actionType from '../actions/dashboard'
 3 | import { createReducer } from '../utils'
 4 | 
 5 | export default createReducer({usersCount: 0, questionsCount: 0, answersCount: 0, reportsCount: 0}, {
 6 |     // 获取Dashboard数据
 7 |     [actionType.FETCH_DASHBOARD_DATA_START](state, action) {
 8 |         return state
 9 |     },
10 |     [actionType.FETCH_DASHBOARD_DATA_SUCCESS](state, action) {
11 |         return update(state, {$merge: {...action}})
12 |     },
13 |     [actionType.FETCH_DASHBOARD_DATA_ERROR](state, action) {
14 |         return state
15 |     },
16 | })
17 | 


--------------------------------------------------------------------------------
/reducers/homeRecommendations.js:
--------------------------------------------------------------------------------
  1 | import update from 'react-addons-update'
  2 | import * as actionType from '../actions/homeRecommendations'
  3 | import { createReducer } from '../utils'
  4 | 
  5 | export default createReducer({totalCount: 0, currentPage: 1, recommendations: {}}, {
  6 |     // 获取首页推荐
  7 |     [actionType.FETCH_HOME_RECOMMENDATIONS_START](state, action) {
  8 |         return state
  9 |     },
 10 |     [actionType.FETCH_HOME_RECOMMENDATIONS_SUCCESS](state, action) {
 11 |         return update(state, {
 12 |             totalCount: {$set: action.totalCount},
 13 |             currentPage: {$set: action.page},
 14 |             recommendations: {[action.page]: {$set: action.recommendations}}
 15 |         })
 16 |     },
 17 |     [actionType.FETCH_HOME_RECOMMENDATIONS_ERROR] (state, action){
 18 |         return state
 19 |     },
 20 | 
 21 |     // 移除首页推荐
 22 |     [actionType.REMOVE_HOME_RECOMMENDATION_START](state, action) {
 23 |         return state
 24 |     },
 25 |     [actionType.REMOVE_HOME_RECOMMENDATION_SUCCESS](state, action) {
 26 |         return update(state, {
 27 |             recommendations: {
 28 |                 [state.currentPage]: {
 29 |                     $set: state.recommendations[state.currentPage].filter((recommendation) => {
 30 |                         return recommendation.id !== action.recommendation.id
 31 |                     })
 32 |                 }
 33 |             }
 34 |         })
 35 |     },
 36 |     [actionType.REMOVE_HOME_RECOMMENDATION_ERROR](state, action) {
 37 |         return state
 38 |     },
 39 | 
 40 |     // 更新首页推荐用户的背景图片
 41 |     [actionType.UPDATE_HOME_RECOMMENDATION_USER_BACKGROUND_IMAGE_START](state, action){
 42 |         return state
 43 |     },
 44 |     [actionType.UPDATE_HOME_RECOMMENDATION_USER_BACKGROUND_IMAGE_SUCCESS](state, action) {
 45 |         return update(state, {
 46 |             recommendations: {
 47 |                 [state.currentPage]: {
 48 |                     $set: state.recommendations[state.currentPage].map((recommendation) => {
 49 |                         return recommendation.id === action.recommendation.id ? action.recommendation : recommendation
 50 |                     })
 51 |                 }
 52 |             }
 53 |         })
 54 |     },
 55 |     [actionType.UPDATE_HOME_RECOMMENDATION_USER_BACKGROUND_IMAGE_ERROR](state, action){
 56 |         return state
 57 |     },
 58 | 
 59 |     // 添加首页推荐
 60 |     [actionType.ADD_HOME_RECOMMENDATION_START](state, action) {
 61 |         return state
 62 |     },
 63 |     [actionType.ADD_HOME_RECOMMENDATION_SUCCESS](state, action) {
 64 |         let newState = update(state, {
 65 |             currentPage: {$set: 1},
 66 |             recommendations: {
 67 |                 [state.currentPage]: {
 68 |                     $set: state.recommendations[state.currentPage].filter((recommendation) => {
 69 |                         return recommendation.id !== action.recommendation.id
 70 |                     })
 71 |                 }
 72 |             }
 73 |         })
 74 | 
 75 |         return update(newState, {
 76 |             recommendations: {1: {$unshift: [action.recommendation]}}
 77 |         })
 78 |     },
 79 |     [actionType.ADD_HOME_RECOMMENDATION_ERROR](state, action) {
 80 |         return state
 81 |     },
 82 | 
 83 |     // 置顶首页推荐
 84 |     [actionType.TOP_HOME_RECOMMENDATION_START](state, action) {
 85 |         return state
 86 |     },
 87 |     [actionType.TOP_HOME_RECOMMENDATION_SUCCESS](state, action) {
 88 |         let newState = update(state, {
 89 |             currentPage: {$set: 1},
 90 |             recommendations: {
 91 |                 [state.currentPage]: {
 92 |                     $set: state.recommendations[state.currentPage].filter((recommendation) => {
 93 |                         return recommendation.id !== action.recommendation.id
 94 |                     })
 95 |                 }
 96 |             }
 97 |         })
 98 | 
 99 |         return update(newState, {
100 |             recommendations: {1: {$unshift: [action.recommendation]}}
101 |         })
102 |     },
103 |     [actionType.TOP_HOME_RECOMMENDATION_ERROR](state, action) {
104 |         return state
105 |     },
106 | })
107 | 


--------------------------------------------------------------------------------
/reducers/index.js:
--------------------------------------------------------------------------------
 1 | import { combineReducers } from 'redux'
 2 | import { routerReducer } from 'react-router-redux'
 3 | import account from './account'
 4 | import users from './users'
 5 | import invitationCodes from './invitationCodes'
 6 | import homeRecommendations from './homeRecommendations'
 7 | import reportedQuestions from './reportedQuestions'
 8 | import pendingAnonymousQuestions from './pendingAnonymousQuestions'
 9 | import broadcastSystemNotifications from './broadcastSystemNotifications'
10 | import questions from './questions'
11 | import answers from './answers'
12 | import dashboard from './dashboard'
13 | 
14 | const rootReducer = combineReducers({
15 |     routing: routerReducer,
16 |     dashboard,
17 |     account,
18 |     users,
19 |     invitationCodes,
20 |     homeRecommendations,
21 |     reportedQuestions,
22 |     pendingAnonymousQuestions,
23 |     broadcastSystemNotifications,
24 |     questions,
25 |     answers
26 | })
27 | 
28 | export default rootReducer


--------------------------------------------------------------------------------
/reducers/invitationCodes.js:
--------------------------------------------------------------------------------
 1 | import update from 'react-addons-update'
 2 | import * as actionType from '../actions/invitationCodes'
 3 | import { createReducer } from '../utils'
 4 | 
 5 | export default createReducer({totalCount: 0, currentPage: 1, codes: {}}, {
 6 |     // 获取验证码
 7 |     [actionType.FETCH_INVITATION_CODES_START](state, action) {
 8 |         return state
 9 |     },
10 |     [actionType.FETCH_INVITATION_CODES_SUCCESS](state, action) {
11 |         return update(state, {
12 |             totalCount: {$set: action.totalCount},
13 |             currentPage: {$set: action.page},
14 |             codes: {[action.page]: {$set: action.codes}}
15 |         })
16 |     },
17 |     [actionType.FETCH_INVITATION_CODES_ERROR](state, action){
18 |         return state
19 |     },
20 | 
21 |     // 标记验证码为已读
22 |     [actionType.MARK_INVITATION_CODE_SENDED_START](state, action) {
23 |         return state
24 |     },
25 |     [actionType.MARK_INVITATION_CODE_SENDED_SUCCESS](state, action) {
26 |         return update(state, {
27 |             codes: {
28 |                 [state.currentPage]: {
29 |                     $set: state.codes[state.currentPage].map((code) => {
30 |                         return code.id === action.code.id ? action.code : code
31 |                     })
32 |                 }
33 |             }
34 |         })
35 |     },
36 |     [actionType.MARK_INVITATION_CODE_SENDED_ERROR](state, action){
37 |         return state
38 |     },
39 | 
40 |     // 生成新的邀请码
41 |     [actionType.GENERATE_INVITATION_CODES_START](state, action) {
42 |         return state
43 |     },
44 |     [actionType.GENERATE_INVITATION_CODES_SUCCESS](state, action) {
45 |         return update(state, {
46 |                 totalCount: {$apply: count => count + action.count},
47 |                 currentPage: {$set: 1},
48 |                 codes: {1: {$unshift: action.codes}}
49 |             }
50 |         )
51 |     },
52 |     [actionType.GENERATE_INVITATION_CODES_ERROR](state, action){
53 |         return state
54 |     },
55 | 
56 | })
57 | 


--------------------------------------------------------------------------------
/reducers/pendingAnonymousQuestions.js:
--------------------------------------------------------------------------------
 1 | import update from 'react-addons-update'
 2 | import * as actionType from '../actions/question'
 3 | import { createReducer } from '../utils'
 4 | 
 5 | export default createReducer({totalCount: 0, currentPage: 1, questions: []}, {
 6 |     // 获取匿名提问
 7 |     [actionType.FETCH_PENDING_ANONYMOUS_QUESTIONS_START](state, action) {
 8 |         return state
 9 |     },
10 |     [actionType.FETCH_PENDING_ANONYMOUS_QUESTIONS_SUCCESS](state, action) {
11 |         return update(state, {
12 |             currentPage: {$set: action.page},
13 |             totalCount: {$set: action.totalCount},
14 |             questions: {$set: action.questions}
15 |         })
16 |     },
17 |     [actionType.FETCH_PENDING_ANONYMOUS_QUESTIONS_ERROR](state, action){
18 |         return state
19 |     },
20 | 
21 |     // 更新问题
22 |     [actionType.UPDATE_QUESTION_START](state, action) {
23 |         return state
24 |     },
25 |     [actionType.UPDATE_QUESTION_SUCCESS](state, action) {
26 |         return update(state, {
27 |             questions: {
28 |                 $set: state.questions.map((question) => {
29 |                     return question.id === action.question.id ? action.question : question
30 |                 })
31 |             }
32 |         })
33 |     },
34 |     [actionType.UPDATE_QUESTION_ERROR](state, action){
35 |         return state
36 |     },
37 | 
38 |     // 删除提问
39 |     [actionType.DELETE_QUESTION_START](state, action) {
40 |         return state
41 |     },
42 |     [actionType.DELETE_QUESTION_SUCCESS](state, action) {
43 |         return update(state, {
44 |             questions: {
45 |                 $set: state.questions.filter(question => question.id !== action.question.id)
46 |             }
47 |         })
48 |     },
49 |     [actionType.DELETE_QUESTION_ERROR](state, action) {
50 |         return state
51 |     },
52 | 
53 | })
54 | 


--------------------------------------------------------------------------------
/reducers/questions.js:
--------------------------------------------------------------------------------
 1 | import update from 'react-addons-update'
 2 | import * as actionType from '../actions/question'
 3 | import { createReducer } from '../utils'
 4 | 
 5 | export default createReducer({totalCount: 0, currentPage: 1, questions: []}, {
 6 |     // 获取问题
 7 |     [actionType.FETCH_QUESTIONS_START](state, action) {
 8 |         return state
 9 |     },
10 |     [actionType.FETCH_QUESTIONS_SUCCESS](state, action) {
11 |         return update(state, {
12 |             currentPage: {$set: action.page},
13 |             totalCount: {$set: action.totalCount},
14 |             questions: {$set: action.questions}
15 |         })
16 |     },
17 |     [actionType.FETCH_QUESTIONS_ERROR](state, action){
18 |         return state
19 |     },
20 | 
21 |     // 更新问题
22 |     [actionType.UPDATE_QUESTION_START](state, action) {
23 |         return state
24 |     },
25 |     [actionType.UPDATE_QUESTION_SUCCESS](state, action) {
26 |         return update(state, {
27 |             questions: {
28 |                 $set: state.questions.map((question) => {
29 |                     return question.id === action.question.id ? action.question : question
30 |                 })
31 |             }
32 |         })
33 |     },
34 |     [actionType.UPDATE_QUESTION_ERROR](state, action){
35 |         return state
36 |     },
37 | 
38 |     // 删除提问
39 |     [actionType.DELETE_QUESTION_START](state, action) {
40 |         return state
41 |     },
42 |     [actionType.DELETE_QUESTION_SUCCESS](state, action) {
43 |         return update(state, {
44 |             questions: {
45 |                 $set: state.questions.filter(question => question.id !== action.question.id)
46 |             }
47 |         })
48 |     },
49 |     [actionType.DELETE_QUESTION_ERROR](state, action) {
50 |         return state
51 |     },
52 | 
53 | })
54 | 


--------------------------------------------------------------------------------
/reducers/reportedQuestions.js:
--------------------------------------------------------------------------------
 1 | import update from 'react-addons-update'
 2 | import * as reportActionType from '../actions/reportedQuestions'
 3 | import * as questionActionType from '../actions/question'
 4 | import { createReducer } from '../utils'
 5 | 
 6 | export default createReducer({totalCount: 0, currentPage: 1, reportedQuestions: []}, {
 7 |     // 获取举报问题
 8 |     [reportActionType.FETCH_REPORTED_QUESTIONS_START](state, action) {
 9 |         return state
10 |     },
11 |     [reportActionType.FETCH_REPORTED_QUESTIONS_SUCCESS](state, action) {
12 |         return update(state, {
13 |             currentPage: {$set: action.page},
14 |             totalCount: {$set: action.totalCount},
15 |             reportedQuestions: {$set: action.questions}
16 |         })
17 |     },
18 |     [reportActionType.FETCH_REPORTED_QUESTIONS_ERROR](state, action){
19 |         return state
20 |     },
21 | 
22 |     // 删除提问
23 |     [questionActionType.DELETE_QUESTION_START](state, action) {
24 |         return state
25 |     },
26 |     [questionActionType.DELETE_QUESTION_SUCCESS](state, action) {
27 |         return update(state, {
28 |             reportedQuestions: {
29 |                 $set: state.reportedQuestions.filter(report => report.get('question').id !== action.question.id)
30 |             }
31 |         })
32 |     },
33 |     [questionActionType.DELETE_QUESTION_ERROR](state, action) {
34 |         return state
35 |     },
36 | 
37 |     // 更新问题
38 |     [questionActionType.UPDATE_QUESTION_START](state, action) {
39 |         return state
40 |     },
41 |     [questionActionType.UPDATE_QUESTION_SUCCESS](state, action) {
42 |         return update(state, {
43 |             reportedQuestions: {
44 |                 $set: state.reportedQuestions.map((report) => {
45 |                     if (report.get('question').id === action.question.id) {
46 |                         return update(report, {attributes: {question: {$set: action.question}}})
47 |                     } else {
48 |                         return report
49 |                     }
50 |                 })
51 |             }
52 |         })
53 |     },
54 |     [questionActionType.UPDATE_QUESTION_ERROR](state, action){
55 |         return state
56 |     },
57 | 
58 | })
59 | 


--------------------------------------------------------------------------------
/reducers/users.js:
--------------------------------------------------------------------------------
 1 | import update from 'react-addons-update'
 2 | import * as actionType from '../actions/users'
 3 | import { createReducer } from '../utils'
 4 | 
 5 | export default createReducer({totalCount: 0, currentPage: 1, users: []}, {
 6 |     // 获取用户
 7 |     [actionType.FETCH_USERS_START](state, action) {
 8 |         return state
 9 |     },
10 |     [actionType.FETCH_USERS_SUCCESS](state, action) {
11 |         return update(state, {
12 |             currentPage: {$set: action.page},
13 |             totalCount: {$set: action.totalCount},
14 |             users: {$set: action.users}
15 |         })
16 |     },
17 |     [actionType.FETCH_USERS_ERROR](state, action) {
18 |         return state
19 |     },
20 | 
21 |     // 开通问答主页
22 |     [actionType.OPEN_USER_QA_PAGE_START](state, action) {
23 |         return state
24 |     },
25 |     [actionType.OPEN_USER_QA_PAGE_SUCCESS](state, action) {
26 |         return update(state, {
27 |             users: {
28 |                 $set: state.users.map((user) => {
29 |                     return user.id === action.user.id ? action.user : user
30 |                 })
31 |             }
32 |         })
33 |     },
34 |     [actionType.OPEN_USER_QA_PAGE_ERROR](state, action) {
35 |         return state
36 |     },
37 | 
38 |     // 关闭问答主页
39 |     [actionType.CLOSE_USER_QA_PAGE_START](state, action) {
40 |         return state
41 |     },
42 |     [actionType.CLOSE_USER_QA_PAGE_SUCCESS](state, action) {
43 |         return update(state, {
44 |             users: {
45 |                 $set: state.users.map((user) => {
46 |                     return user.id === action.user.id ? action.user : user
47 |                 })
48 |             }
49 |         })
50 |     },
51 |     [actionType.CLOSE_USER_QA_PAGE_ERROR](state, action) {
52 |         return state
53 |     },
54 | 
55 |     // 更新用户
56 |     [actionType.UPDATE_USER_START](state, action) {
57 |         return state
58 |     },
59 |     [actionType.UPDATE_USER_SUCCESS](state, action) {
60 |         return update(state, {
61 |             users: {
62 |                 $set: state.map((user) => {
63 |                     return user.id === action.user.id ? action.user : user
64 |                 })
65 |             }
66 |         })
67 |     },
68 |     [actionType.UPDATE_USER_ERROR](state, action) {
69 |         return state
70 |     },
71 | 
72 |     // 搜索用户
73 |     [actionType.SEARCH_USERS_START](state, action) {
74 |         return state
75 |     },
76 |     [actionType.SEARCH_USERS_SUCCESS](state, action) {
77 |         return update(state, {
78 |             users: {$set: action.users}
79 |         })
80 |     },
81 |     [actionType.SEARCH_USERS_ERROR](state, action) {
82 |         return state
83 |     },
84 | 
85 | })
86 | 


--------------------------------------------------------------------------------
/routes.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import { Route, IndexRoute } from 'react-router'
 3 | import App from './containers/App'
 4 | import AuthPage from './containers/AuthPage'
 5 | import PendingAnonymousQuestionsPage from './containers/PendingAnonymousQuestionsPage'
 6 | import DashboardPage from './containers/DashboardPage'
 7 | import HomeRecommendationsPage from './containers/HomeRecommendationsPage'
 8 | import InvitationCodesPage from './containers/InvitationCodesPage'
 9 | import QuestionsPage from './containers/QuestionsPage'
10 | import AnswersPage from './containers/AnswersPage'
11 | import BroadcastSystemNotificationsPage from './containers/BroadcastSystemNotificationsPage'
12 | import ReportsPage from './containers/ReportsPage'
13 | import UsersPage from './containers/UsersPage'
14 | import UserPage from './containers/UserPage'
15 | import VisitorQuestionsReviewPage from './containers/VisitorQuestionsReviewPage'
16 | import * as auth from './auth'
17 | 
18 | function requireAuth(nextState, replace) {
19 |     if (!auth.loggedIn()) {
20 |         replace('/auth')
21 |     }
22 | }
23 | 
24 | export default (
25 |     <Route path="/" component={App}>
26 |         <IndexRoute component={DashboardPage} onEnter={requireAuth}/>
27 |         <Route path="homeRecommendations" component={HomeRecommendationsPage} onEnter={requireAuth}/>
28 |         <Route path="users" component={UsersPage} onEnter={requireAuth}/>
29 |         <Route path="invitationCodes" component={InvitationCodesPage} onEnter={requireAuth}/>
30 |         <Route path="reports" component={ReportsPage} onEnter={requireAuth}/>
31 |         <Route path="pendingAnonymousQuestionsPage" component={PendingAnonymousQuestionsPage} onEnter={requireAuth}/>
32 |         <Route path="visitorQuestions" component={VisitorQuestionsReviewPage} onEnter={requireAuth}/>
33 |         <Route path="questions" component={QuestionsPage} onEnter={requireAuth}/>
34 |         <Route path="answers" component={AnswersPage} onEnter={requireAuth}/>
35 |         <Route path="broadcastSystemNotifications" component={BroadcastSystemNotificationsPage} onEnter={requireAuth}/>
36 |         <Route path="user/:id" component={UserPage} onEnter={requireAuth}/>
37 | 
38 |         <Route path="auth" component={AuthPage}/>
39 |     </Route>
40 | )
41 | 


--------------------------------------------------------------------------------
/server.js:
--------------------------------------------------------------------------------
 1 | var webpack = require('webpack');
 2 | var express = require('express');
 3 | var webpackDevMiddleware = require('webpack-dev-middleware');
 4 | var webpackHotMiddleware = require('webpack-hot-middleware');
 5 | var config = require('./webpack.config.dev');
 6 | 
 7 | var app = express();
 8 | var port = 3000;
 9 | 
10 | app.use('/static', express.static('static'));
11 | 
12 | var compiler = webpack(config);
13 | app.use(webpackDevMiddleware(compiler, {noInfo: true, publicPath: config.output.publicPath}));
14 | app.use(webpackHotMiddleware(compiler));
15 | 
16 | app.use(function (req, res) {
17 |     res.sendFile(__dirname + '/index.html')
18 | });
19 | 
20 | app.listen(port, function (error) {
21 |     if (error) {
22 |         console.error(error)
23 |     } else {
24 |         console.info("Listening on port %s. Open up http://localhost:%s/ in your browser.", port, port)
25 |     }
26 | });
27 | 


--------------------------------------------------------------------------------
/static/fonts/FontAwesome.otf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hustlzp/react-redux-example/9335dc690d584a150ca2d1d76f99a2d92faee5a1/static/fonts/FontAwesome.otf


--------------------------------------------------------------------------------
/static/fonts/fontawesome-webfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hustlzp/react-redux-example/9335dc690d584a150ca2d1d76f99a2d92faee5a1/static/fonts/fontawesome-webfont.eot


--------------------------------------------------------------------------------
/static/fonts/fontawesome-webfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hustlzp/react-redux-example/9335dc690d584a150ca2d1d76f99a2d92faee5a1/static/fonts/fontawesome-webfont.ttf


--------------------------------------------------------------------------------
/static/fonts/fontawesome-webfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hustlzp/react-redux-example/9335dc690d584a150ca2d1d76f99a2d92faee5a1/static/fonts/fontawesome-webfont.woff


--------------------------------------------------------------------------------
/static/fonts/fontawesome-webfont.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hustlzp/react-redux-example/9335dc690d584a150ca2d1d76f99a2d92faee5a1/static/fonts/fontawesome-webfont.woff2


--------------------------------------------------------------------------------
/static/images/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hustlzp/react-redux-example/9335dc690d584a150ca2d1d76f99a2d92faee5a1/static/images/logo.png


--------------------------------------------------------------------------------
/static/scripts/fetch.js:
--------------------------------------------------------------------------------
  1 | (function(self) {
  2 |   'use strict';
  3 | 
  4 |   if (self.fetch) {
  5 |     return
  6 |   }
  7 | 
  8 |   function normalizeName(name) {
  9 |     if (typeof name !== 'string') {
 10 |       name = String(name)
 11 |     }
 12 |     if (/[^a-z0-9\-#$%&'*+.\^_`|~]/i.test(name)) {
 13 |       throw new TypeError('Invalid character in header field name')
 14 |     }
 15 |     return name.toLowerCase()
 16 |   }
 17 | 
 18 |   function normalizeValue(value) {
 19 |     if (typeof value !== 'string') {
 20 |       value = String(value)
 21 |     }
 22 |     return value
 23 |   }
 24 | 
 25 |   function Headers(headers) {
 26 |     this.map = {}
 27 | 
 28 |     if (headers instanceof Headers) {
 29 |       headers.forEach(function(value, name) {
 30 |         this.append(name, value)
 31 |       }, this)
 32 | 
 33 |     } else if (headers) {
 34 |       Object.getOwnPropertyNames(headers).forEach(function(name) {
 35 |         this.append(name, headers[name])
 36 |       }, this)
 37 |     }
 38 |   }
 39 | 
 40 |   Headers.prototype.append = function(name, value) {
 41 |     name = normalizeName(name)
 42 |     value = normalizeValue(value)
 43 |     var list = this.map[name]
 44 |     if (!list) {
 45 |       list = []
 46 |       this.map[name] = list
 47 |     }
 48 |     list.push(value)
 49 |   }
 50 | 
 51 |   Headers.prototype['delete'] = function(name) {
 52 |     delete this.map[normalizeName(name)]
 53 |   }
 54 | 
 55 |   Headers.prototype.get = function(name) {
 56 |     var values = this.map[normalizeName(name)]
 57 |     return values ? values[0] : null
 58 |   }
 59 | 
 60 |   Headers.prototype.getAll = function(name) {
 61 |     return this.map[normalizeName(name)] || []
 62 |   }
 63 | 
 64 |   Headers.prototype.has = function(name) {
 65 |     return this.map.hasOwnProperty(normalizeName(name))
 66 |   }
 67 | 
 68 |   Headers.prototype.set = function(name, value) {
 69 |     this.map[normalizeName(name)] = [normalizeValue(value)]
 70 |   }
 71 | 
 72 |   Headers.prototype.forEach = function(callback, thisArg) {
 73 |     Object.getOwnPropertyNames(this.map).forEach(function(name) {
 74 |       this.map[name].forEach(function(value) {
 75 |         callback.call(thisArg, value, name, this)
 76 |       }, this)
 77 |     }, this)
 78 |   }
 79 | 
 80 |   function consumed(body) {
 81 |     if (body.bodyUsed) {
 82 |       return Promise.reject(new TypeError('Already read'))
 83 |     }
 84 |     body.bodyUsed = true
 85 |   }
 86 | 
 87 |   function fileReaderReady(reader) {
 88 |     return new Promise(function(resolve, reject) {
 89 |       reader.onload = function() {
 90 |         resolve(reader.result)
 91 |       }
 92 |       reader.onerror = function() {
 93 |         reject(reader.error)
 94 |       }
 95 |     })
 96 |   }
 97 | 
 98 |   function readBlobAsArrayBuffer(blob) {
 99 |     var reader = new FileReader()
100 |     reader.readAsArrayBuffer(blob)
101 |     return fileReaderReady(reader)
102 |   }
103 | 
104 |   function readBlobAsText(blob) {
105 |     var reader = new FileReader()
106 |     reader.readAsText(blob)
107 |     return fileReaderReady(reader)
108 |   }
109 | 
110 |   var support = {
111 |     blob: 'FileReader' in self && 'Blob' in self && (function() {
112 |       try {
113 |         new Blob();
114 |         return true
115 |       } catch(e) {
116 |         return false
117 |       }
118 |     })(),
119 |     formData: 'FormData' in self,
120 |     arrayBuffer: 'ArrayBuffer' in self
121 |   }
122 | 
123 |   function Body() {
124 |     this.bodyUsed = false
125 | 
126 | 
127 |     this._initBody = function(body) {
128 |       this._bodyInit = body
129 |       if (typeof body === 'string') {
130 |         this._bodyText = body
131 |       } else if (support.blob && Blob.prototype.isPrototypeOf(body)) {
132 |         this._bodyBlob = body
133 |       } else if (support.formData && FormData.prototype.isPrototypeOf(body)) {
134 |         this._bodyFormData = body
135 |       } else if (!body) {
136 |         this._bodyText = ''
137 |       } else if (support.arrayBuffer && ArrayBuffer.prototype.isPrototypeOf(body)) {
138 |         // Only support ArrayBuffers for POST method.
139 |         // Receiving ArrayBuffers happens via Blobs, instead.
140 |       } else {
141 |         throw new Error('unsupported BodyInit type')
142 |       }
143 | 
144 |       if (!this.headers.get('content-type')) {
145 |         if (typeof body === 'string') {
146 |           this.headers.set('content-type', 'text/plain;charset=UTF-8')
147 |         } else if (this._bodyBlob && this._bodyBlob.type) {
148 |           this.headers.set('content-type', this._bodyBlob.type)
149 |         }
150 |       }
151 |     }
152 | 
153 |     if (support.blob) {
154 |       this.blob = function() {
155 |         var rejected = consumed(this)
156 |         if (rejected) {
157 |           return rejected
158 |         }
159 | 
160 |         if (this._bodyBlob) {
161 |           return Promise.resolve(this._bodyBlob)
162 |         } else if (this._bodyFormData) {
163 |           throw new Error('could not read FormData body as blob')
164 |         } else {
165 |           return Promise.resolve(new Blob([this._bodyText]))
166 |         }
167 |       }
168 | 
169 |       this.arrayBuffer = function() {
170 |         return this.blob().then(readBlobAsArrayBuffer)
171 |       }
172 | 
173 |       this.text = function() {
174 |         var rejected = consumed(this)
175 |         if (rejected) {
176 |           return rejected
177 |         }
178 | 
179 |         if (this._bodyBlob) {
180 |           return readBlobAsText(this._bodyBlob)
181 |         } else if (this._bodyFormData) {
182 |           throw new Error('could not read FormData body as text')
183 |         } else {
184 |           return Promise.resolve(this._bodyText)
185 |         }
186 |       }
187 |     } else {
188 |       this.text = function() {
189 |         var rejected = consumed(this)
190 |         return rejected ? rejected : Promise.resolve(this._bodyText)
191 |       }
192 |     }
193 | 
194 |     if (support.formData) {
195 |       this.formData = function() {
196 |         return this.text().then(decode)
197 |       }
198 |     }
199 | 
200 |     this.json = function() {
201 |       return this.text().then(JSON.parse)
202 |     }
203 | 
204 |     return this
205 |   }
206 | 
207 |   // HTTP methods whose capitalization should be normalized
208 |   var methods = ['DELETE', 'GET', 'HEAD', 'OPTIONS', 'POST', 'PUT']
209 | 
210 |   function normalizeMethod(method) {
211 |     var upcased = method.toUpperCase()
212 |     return (methods.indexOf(upcased) > -1) ? upcased : method
213 |   }
214 | 
215 |   function Request(input, options) {
216 |     options = options || {}
217 |     var body = options.body
218 |     if (Request.prototype.isPrototypeOf(input)) {
219 |       if (input.bodyUsed) {
220 |         throw new TypeError('Already read')
221 |       }
222 |       this.url = input.url
223 |       this.credentials = input.credentials
224 |       if (!options.headers) {
225 |         this.headers = new Headers(input.headers)
226 |       }
227 |       this.method = input.method
228 |       this.mode = input.mode
229 |       if (!body) {
230 |         body = input._bodyInit
231 |         input.bodyUsed = true
232 |       }
233 |     } else {
234 |       this.url = input
235 |     }
236 | 
237 |     this.credentials = options.credentials || this.credentials || 'omit'
238 |     if (options.headers || !this.headers) {
239 |       this.headers = new Headers(options.headers)
240 |     }
241 |     this.method = normalizeMethod(options.method || this.method || 'GET')
242 |     this.mode = options.mode || this.mode || null
243 |     this.referrer = null
244 | 
245 |     if ((this.method === 'GET' || this.method === 'HEAD') && body) {
246 |       throw new TypeError('Body not allowed for GET or HEAD requests')
247 |     }
248 |     this._initBody(body)
249 |   }
250 | 
251 |   Request.prototype.clone = function() {
252 |     return new Request(this)
253 |   }
254 | 
255 |   function decode(body) {
256 |     var form = new FormData()
257 |     body.trim().split('&').forEach(function(bytes) {
258 |       if (bytes) {
259 |         var split = bytes.split('=')
260 |         var name = split.shift().replace(/\+/g, ' ')
261 |         var value = split.join('=').replace(/\+/g, ' ')
262 |         form.append(decodeURIComponent(name), decodeURIComponent(value))
263 |       }
264 |     })
265 |     return form
266 |   }
267 | 
268 |   function headers(xhr) {
269 |     var head = new Headers()
270 |     var pairs = xhr.getAllResponseHeaders().trim().split('\n')
271 |     pairs.forEach(function(header) {
272 |       var split = header.trim().split(':')
273 |       var key = split.shift().trim()
274 |       var value = split.join(':').trim()
275 |       head.append(key, value)
276 |     })
277 |     return head
278 |   }
279 | 
280 |   Body.call(Request.prototype)
281 | 
282 |   function Response(bodyInit, options) {
283 |     if (!options) {
284 |       options = {}
285 |     }
286 | 
287 |     this.type = 'default'
288 |     this.status = options.status
289 |     this.ok = this.status >= 200 && this.status < 300
290 |     this.statusText = options.statusText
291 |     this.headers = options.headers instanceof Headers ? options.headers : new Headers(options.headers)
292 |     this.url = options.url || ''
293 |     this._initBody(bodyInit)
294 |   }
295 | 
296 |   Body.call(Response.prototype)
297 | 
298 |   Response.prototype.clone = function() {
299 |     return new Response(this._bodyInit, {
300 |       status: this.status,
301 |       statusText: this.statusText,
302 |       headers: new Headers(this.headers),
303 |       url: this.url
304 |     })
305 |   }
306 | 
307 |   Response.error = function() {
308 |     var response = new Response(null, {status: 0, statusText: ''})
309 |     response.type = 'error'
310 |     return response
311 |   }
312 | 
313 |   var redirectStatuses = [301, 302, 303, 307, 308]
314 | 
315 |   Response.redirect = function(url, status) {
316 |     if (redirectStatuses.indexOf(status) === -1) {
317 |       throw new RangeError('Invalid status code')
318 |     }
319 | 
320 |     return new Response(null, {status: status, headers: {location: url}})
321 |   }
322 | 
323 |   self.Headers = Headers;
324 |   self.Request = Request;
325 |   self.Response = Response;
326 | 
327 |   self.fetch = function(input, init) {
328 |     return new Promise(function(resolve, reject) {
329 |       var request
330 |       if (Request.prototype.isPrototypeOf(input) && !init) {
331 |         request = input
332 |       } else {
333 |         request = new Request(input, init)
334 |       }
335 | 
336 |       var xhr = new XMLHttpRequest()
337 | 
338 |       function responseURL() {
339 |         if ('responseURL' in xhr) {
340 |           return xhr.responseURL
341 |         }
342 | 
343 |         // Avoid security warnings on getResponseHeader when not allowed by CORS
344 |         if (/^X-Request-URL:/m.test(xhr.getAllResponseHeaders())) {
345 |           return xhr.getResponseHeader('X-Request-URL')
346 |         }
347 | 
348 |         return;
349 |       }
350 | 
351 |       xhr.onload = function() {
352 |         var status = (xhr.status === 1223) ? 204 : xhr.status
353 |         if (status < 100 || status > 599) {
354 |           reject(new TypeError('Network request failed'))
355 |           return
356 |         }
357 |         var options = {
358 |           status: status,
359 |           statusText: xhr.statusText,
360 |           headers: headers(xhr),
361 |           url: responseURL()
362 |         }
363 |         var body = 'response' in xhr ? xhr.response : xhr.responseText;
364 |         resolve(new Response(body, options))
365 |       }
366 | 
367 |       xhr.onerror = function() {
368 |         reject(new TypeError('Network request failed'))
369 |       }
370 | 
371 |       xhr.open(request.method, request.url, true)
372 | 
373 |       if (request.credentials === 'include') {
374 |         xhr.withCredentials = true
375 |       }
376 | 
377 |       if ('responseType' in xhr && support.blob) {
378 |         xhr.responseType = 'blob'
379 |       }
380 | 
381 |       request.headers.forEach(function(value, name) {
382 |         xhr.setRequestHeader(name, value)
383 |       })
384 | 
385 |       xhr.send(typeof request._bodyInit === 'undefined' ? null : request._bodyInit)
386 |     })
387 |   }
388 |   self.fetch.polyfill = true
389 | })(typeof self !== 'undefined' ? self : this);
390 | 


--------------------------------------------------------------------------------
/static/styles/bootstrap.theme.scss:
--------------------------------------------------------------------------------
1 | .h1, .h2, .h3, h1, h2, h3 {
2 |   margin-top: 20px;
3 |   margin-bottom: 20px;
4 | }
5 | 
6 | .badge {
7 |   font-weight: normal;
8 | }
9 | 


--------------------------------------------------------------------------------
/static/styles/hint.min.css:
--------------------------------------------------------------------------------
1 | /*! Hint.css - v2.1.0 - 2016-02-15
2 | * http://kushagragour.in/lab/hint/
3 | * Copyright (c) 2016 Kushagra Gour; Licensed  */
4 | 
5 | .hint--bottom-left:before,.hint--bottom-right:before,.hint--bottom:before{margin-top:-12px}[data-hint]{position:relative;display:inline-block}[data-hint]:after,[data-hint]:before{position:absolute;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:hidden;opacity:0;z-index:1000000;pointer-events:none;-webkit-transition:.3s ease;-moz-transition:.3s ease;transition:.3s ease;-webkit-transition-delay:0ms;-moz-transition-delay:0ms;transition-delay:0ms}[data-hint]:hover:after,[data-hint]:hover:before{visibility:visible;opacity:1;-webkit-transition-delay:100ms;-moz-transition-delay:100ms;transition-delay:100ms}[data-hint]:before{content:'';position:absolute;background:0 0;border:6px solid transparent;z-index:1000001}[data-hint]:after{content:attr(data-hint);background:#383838;color:#fff;padding:8px 10px;font-size:12px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;line-height:12px;white-space:nowrap;text-shadow:0 -1px 0 #000;box-shadow:4px 4px 8px rgba(0,0,0,.3)}[data-hint='']:after,[data-hint='']:before{display:none!important}.hint--top-left:before,.hint--top-right:before,.hint--top:before{border-top-color:#383838}.hint--bottom-left:before,.hint--bottom-right:before,.hint--bottom:before{border-bottom-color:#383838}.hint--top:before{margin-bottom:-12px}.hint--top:after,.hint--top:before{bottom:100%;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}.hint--top:focus:after,.hint--top:focus:before,.hint--top:hover:after,.hint--top:hover:before{-webkit-transform:translateX(-50%) translateY(-8px);-moz-transform:translateX(-50%) translateY(-8px);transform:translateX(-50%) translateY(-8px)}.hint--bottom:after,.hint--bottom:before{top:100%;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}.hint--bottom:focus:after,.hint--bottom:focus:before,.hint--bottom:hover:after,.hint--bottom:hover:before{-webkit-transform:translateX(-50%) translateY(8px);-moz-transform:translateX(-50%) translateY(8px);transform:translateX(-50%) translateY(8px)}.hint--right:before{border-right-color:#383838;margin-left:-12px;margin-bottom:-6px}.hint--right:after{margin-bottom:-14px}.hint--right:after,.hint--right:before{left:100%;bottom:50%}.hint--right:focus:after,.hint--right:focus:before,.hint--right:hover:after,.hint--right:hover:before{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.hint--left:before{border-left-color:#383838;margin-right:-12px;margin-bottom:-6px}.hint--left:after{margin-bottom:-14px}.hint--top-left:before,.hint--top-right:before{margin-bottom:-12px}.hint--left:after,.hint--left:before{right:100%;bottom:50%}.hint--left:focus:after,.hint--left:focus:before,.hint--left:hover:after,.hint--left:hover:before{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.hint--top-left:after,.hint--top-left:before{bottom:100%;left:50%;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%)}.hint--top-left:after{margin-left:6px}.hint--top-left:focus:after,.hint--top-left:focus:before,.hint--top-left:hover:after,.hint--top-left:hover:before{-webkit-transform:translateX(-100%) translateY(-8px);-moz-transform:translateX(-100%) translateY(-8px);transform:translateX(-100%) translateY(-8px)}.hint--top-right:after,.hint--top-right:before{bottom:100%;left:50%;-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}.hint--top-right:after{margin-left:-6px}.hint--top-right:focus:after,.hint--top-right:focus:before,.hint--top-right:hover:after,.hint--top-right:hover:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--bottom-left:after,.hint--bottom-left:before{top:100%;left:50%;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%)}.hint--bottom-left:after{margin-left:6px}.hint--bottom-left:focus:after,.hint--bottom-left:focus:before,.hint--bottom-left:hover:after,.hint--bottom-left:hover:before{-webkit-transform:translateX(-100%) translateY(8px);-moz-transform:translateX(-100%) translateY(8px);transform:translateX(-100%) translateY(8px)}.hint--bottom-right:after,.hint--bottom-right:before{top:100%;left:50%;-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}.hint--bottom-right:after{margin-left:-6px}.hint--bottom-right:focus:after,.hint--bottom-right:focus:before,.hint--bottom-right:hover:after,.hint--bottom-right:hover:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--error:after{background-color:#b34e4d;text-shadow:0 -1px 0 #592726}.hint--error.hint--top-left:before,.hint--error.hint--top-right:before,.hint--error.hint--top:before{border-top-color:#b34e4d}.hint--error.hint--bottom-left:before,.hint--error.hint--bottom-right:before,.hint--error.hint--bottom:before{border-bottom-color:#b34e4d}.hint--error.hint--left:before{border-left-color:#b34e4d}.hint--error.hint--right:before{border-right-color:#b34e4d}.hint--warning:after{background-color:#c09854;text-shadow:0 -1px 0 #6c5328}.hint--warning.hint--top-left:before,.hint--warning.hint--top-right:before,.hint--warning.hint--top:before{border-top-color:#c09854}.hint--warning.hint--bottom-left:before,.hint--warning.hint--bottom-right:before,.hint--warning.hint--bottom:before{border-bottom-color:#c09854}.hint--warning.hint--left:before{border-left-color:#c09854}.hint--warning.hint--right:before{border-right-color:#c09854}.hint--info:after{background-color:#3986ac;text-shadow:0 -1px 0 #1a3c4d}.hint--info.hint--top-left:before,.hint--info.hint--top-right:before,.hint--info.hint--top:before{border-top-color:#3986ac}.hint--info.hint--bottom-left:before,.hint--info.hint--bottom-right:before,.hint--info.hint--bottom:before{border-bottom-color:#3986ac}.hint--info.hint--left:before{border-left-color:#3986ac}.hint--info.hint--right:before{border-right-color:#3986ac}.hint--success:after{background-color:#458746;text-shadow:0 -1px 0 #1a321a}.hint--success.hint--top-left:before,.hint--success.hint--top-right:before,.hint--success.hint--top:before{border-top-color:#458746}.hint--success.hint--bottom-left:before,.hint--success.hint--bottom-right:before,.hint--success.hint--bottom:before{border-bottom-color:#458746}.hint--success.hint--left:before{border-left-color:#458746}.hint--success.hint--right:before{border-right-color:#458746}.hint--always:after,.hint--always:before{opacity:1;visibility:visible}.hint--always.hint--top:after,.hint--always.hint--top:before{-webkit-transform:translateX(-50%) translateY(-8px);-moz-transform:translateX(-50%) translateY(-8px);transform:translateX(-50%) translateY(-8px)}.hint--always.hint--top-left:after,.hint--always.hint--top-left:before{-webkit-transform:translateX(-100%) translateY(-8px);-moz-transform:translateX(-100%) translateY(-8px);transform:translateX(-100%) translateY(-8px)}.hint--always.hint--top-right:after,.hint--always.hint--top-right:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--bottom:after,.hint--always.hint--bottom:before{-webkit-transform:translateX(-50%) translateY(8px);-moz-transform:translateX(-50%) translateY(8px);transform:translateX(-50%) translateY(8px)}.hint--always.hint--bottom-left:after,.hint--always.hint--bottom-left:before{-webkit-transform:translateX(-100%) translateY(8px);-moz-transform:translateX(-100%) translateY(8px);transform:translateX(-100%) translateY(8px)}.hint--always.hint--bottom-right:after,.hint--always.hint--bottom-right:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--left:after,.hint--always.hint--left:before{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.hint--always.hint--right:after,.hint--always.hint--right:before{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.hint--rounded:after{border-radius:4px}.hint--no-animate:after,.hint--no-animate:before{-webkit-transition-duration:0ms;-moz-transition-duration:0ms;transition-duration:0ms}.hint--bounce:after,.hint--bounce:before{-webkit-transition:opacity .3s ease,visibility .3s ease,-webkit-transform .3s cubic-bezier(.71,1.7,.77,1.24);-moz-transition:opacity .3s ease,visibility .3s ease,-moz-transform .3s cubic-bezier(.71,1.7,.77,1.24);transition:opacity .3s ease,visibility .3s ease,transform .3s cubic-bezier(.71,1.7,.77,1.24)}


--------------------------------------------------------------------------------
/static/styles/react-modal.css:
--------------------------------------------------------------------------------
 1 | .ReactModal__Overlay {
 2 |     -webkit-perspective: 600;
 3 |     perspective: 600;
 4 |     opacity: 0;
 5 |     overflow-x: hidden;
 6 |     overflow-y: auto;
 7 |     background-color: rgba(0, 0, 0, 0.5);
 8 | }
 9 | 
10 | .ReactModal__Overlay--after-open {
11 |     opacity: 1;
12 |     transition: opacity 150ms ease-out;
13 | }
14 | 
15 | .ReactModal__Content {
16 |     -webkit-transform: scale(0.5) rotateX(-30deg);
17 | }
18 | 
19 | .ReactModal__Content--after-open {
20 |     -webkit-transform: scale(1) rotateX(0deg);
21 |     transition: all 150ms ease-in;
22 | }
23 | 
24 | .ReactModal__Overlay--before-close {
25 |     opacity: 0;
26 | }
27 | 
28 | .ReactModal__Content--before-close {
29 |     -webkit-transform: scale(0.5) rotateX(30deg);
30 |     transition: all 150ms ease-in;
31 | }
32 | 
33 | .ReactModal__Content.modal-dialog {
34 |     border: none;
35 |     background-color: transparent;
36 | }


--------------------------------------------------------------------------------
/store/index.js:
--------------------------------------------------------------------------------
1 | if (process.env.NODE_ENV === 'production') {
2 |     module.exports = require('./store.prod')
3 | } else {
4 |     module.exports = require('./store.dev')
5 | }
6 | 


--------------------------------------------------------------------------------
/store/store.dev.js:
--------------------------------------------------------------------------------
 1 | import { createStore, applyMiddleware, compose } from 'redux'
 2 | import thunk from 'redux-thunk'
 3 | import { browserHistory } from 'react-router'
 4 | import createLogger from 'redux-logger'
 5 | import { routerMiddleware } from 'react-router-redux'
 6 | import reducer from '../reducers'
 7 | import DevTools from '../containers/DevTools'
 8 | 
 9 | const reduxRouterMiddleware = routerMiddleware(browserHistory)
10 | const store = createStore(reducer, {}, compose(
11 |     applyMiddleware(thunk, reduxRouterMiddleware, createLogger()),
12 |     DevTools.instrument()
13 | ));
14 | 
15 | // Hot reload reducers (requires Webpack or Browserify HMR to be enabled)
16 | if (module.hot) {
17 |     module.hot.accept('../reducers', () =>
18 |         store.replaceReducer(require('../reducers')/*.default if you use Babel 6+ */)
19 |     );
20 | }
21 | 
22 | export default store
23 | 


--------------------------------------------------------------------------------
/store/store.prod.js:
--------------------------------------------------------------------------------
 1 | import { createStore, applyMiddleware } from 'redux'
 2 | import thunk from 'redux-thunk'
 3 | import { browserHistory } from 'react-router'
 4 | import { routerMiddleware } from 'react-router-redux'
 5 | import reducer from '../reducers'
 6 | 
 7 | const reduxRouterMiddleware = routerMiddleware(browserHistory)
 8 | const store = createStore(reducer, {}, applyMiddleware(thunk, reduxRouterMiddleware));
 9 | 
10 | export default store
11 | 


--------------------------------------------------------------------------------
/utils.js:
--------------------------------------------------------------------------------
 1 | import AV from 'avoscloud-sdk'
 2 | 
 3 | export function createReducer(initialState, handlers) {
 4 |     return (state = initialState, action) => {
 5 |         return handlers[action.type]
 6 |             ? handlers[action.type](state, action)
 7 |             : state
 8 |     }
 9 | }
10 | 
11 | export function initLeanCloud(appId = localStorage.getItem('appId'), appKey = localStorage.getItem('appKey'), appMasterKey = localStorage.getItem('appMasterKey')) {
12 |     AV.initialize(appId, appKey);
13 |     AV.masterKey = appMasterKey
14 |     AV._useMasterKey = true
15 | }
16 | 
17 | export function deinitLeanCloud() {
18 |     AV.applicationId = null
19 |     AV.applicationKey = null
20 |     AV.masterKey = null
21 |     AV._useMasterKey = false
22 | }
23 | 


--------------------------------------------------------------------------------
/webpack.config.dev.js:
--------------------------------------------------------------------------------
 1 | var path = require('path');
 2 | var webpack = require('webpack');
 3 | 
 4 | module.exports = {
 5 |     devtool: 'cheap-module-eval-source-map',
 6 |     entry: [
 7 |         'webpack-hot-middleware/client',
 8 |         './index.js'
 9 |     ],
10 |     output: {
11 |         path: path.join(__dirname, 'webpack-output'),
12 |         filename: 'bundle.js',
13 |         publicPath: '/webpack-output/'
14 |     },
15 |     plugins: [
16 |         new webpack.optimize.OccurenceOrderPlugin(),
17 |         new webpack.HotModuleReplacementPlugin(),
18 |         new webpack.NoErrorsPlugin()
19 |     ],
20 |     module: {
21 |         loaders: [
22 |             {
23 |                 test: /.js$/,
24 |                 loader: 'babel',
25 |                 exclude: /node_modules/,
26 |                 include: __dirname
27 |             },
28 |             {
29 |                 test: /\.css$/,
30 |                 loaders: ["style", "css"]
31 |             },
32 |             {
33 |                 test: /\.scss$/,
34 |                 loaders: ["style", "css", "sass"]
35 |             }
36 |         ]
37 |     },
38 | };
39 | 


--------------------------------------------------------------------------------
/webpack.config.prod.js:
--------------------------------------------------------------------------------
 1 | var path = require('path');
 2 | var webpack = require('webpack');
 3 | 
 4 | module.exports = {
 5 |     devtool: 'source-map',
 6 |     entry: [
 7 |         './index.js'
 8 |     ],
 9 |     output: {
10 |         path: path.join(__dirname, 'webpack-output'),
11 |         filename: 'bundle.js',
12 |         publicPath: '/webpack-output/'
13 |     },
14 |     plugins: [
15 |         new webpack.optimize.UglifyJsPlugin({
16 |             compress: {
17 |                 warnings: false
18 |             }
19 |         }),
20 |         new webpack.optimize.DedupePlugin(),
21 |         new webpack.optimize.OccurenceOrderPlugin(),
22 |         new webpack.DefinePlugin({
23 |             'process.env.NODE_ENV': JSON.stringify('production')
24 |         }),
25 |     ],
26 |     module: {
27 |         loaders: [
28 |             {
29 |                 test: /.js$/,
30 |                 loader: 'babel',
31 |                 exclude: /node_modules/,
32 |                 include: __dirname
33 |             },
34 |             {
35 |                 test: /\.css$/,
36 |                 loaders: ["style", "css"]
37 |             },
38 |             {
39 |                 test: /\.scss$/,
40 |                 loaders: ["style", "css", "sass"]
41 |             }
42 |         ]
43 |     },
44 | };
45 | 


--------------------------------------------------------------------------------