🇨🇳 add 动态

Author: qddegtya

apilist.js

@@ -20,22 +20,52 @@ var fetchResourceWithPage = (request, offset=0, pageSize=20) => {
   }
 };
 
+/**
+ * 节点
+ */
+
 // 默认主题列表
-var TOPIC_API = apiResourceWrapper('topics.json');
+const TOPIC_API = apiResourceWrapper('topics.json');
+
+/**
+ * 帖子
+ */
+
 // 最近主题
-var RECENT_TOP_API = requestParamsWrapper(TOPIC_API, 'type=recent');
+const RECENT_TOP_API = requestParamsWrapper(TOPIC_API, 'type=recent');
 // 热门主题
-var POP_TOPIC_API = requestParamsWrapper(TOPIC_API, 'type=popular');
+const POP_TOPIC_API = requestParamsWrapper(TOPIC_API, 'type=popular');
 // 精华主题
-var EXEC_TOPIC_API = requestParamsWrapper(TOPIC_API, 'type=excellent');
+const EXEC_TOPIC_API = requestParamsWrapper(TOPIC_API, 'type=excellent');
 // 还没有任何回复的
-var NO_REPLY_API = requestParamsWrapper(TOPIC_API, 'type=no_reply');
+const NO_REPLY_API = requestParamsWrapper(TOPIC_API, 'type=no_reply');
+
+
+/**
+ * 动态
+ */
+
+// 职业
+const JOB_API = requestParamsWrapper(TOPIC_API, 'node_id=12');
+// 问答
+const QA_API = requestParamsWrapper(TOPIC_API, 'node_id=20');
+// 招聘
+const JD_API = requestParamsWrapper(TOPIC_API, 'node_id=19');
+// 活动
+const AC_API = requestParamsWrapper(TOPIC_API, 'node_id=24');
+
 
 module.exports = {
   TOPIC_API,
   POP_TOPIC_API,
   EXEC_TOPIC_API,
   NO_REPLY_API,
   RECENT_TOP_API,
+  
+  JOB_API,
+  QA_API,
+  JD_API,
+  AC_API,
+  
   fetchResourceWithPage
 };

components/a-AppMain.js

@@ -47,7 +47,7 @@ var AppNavBar = React.createClass({
 				translucent={false}
 			>
 			<TabBarIOS.Item
-				title="社区"
+				title="帖子"
 				icon={{uri: require('image!iconfont-zuijinfabu')}}
 				selected={this.state.selectedTab === 'indexTab'}
 				onPress={() => {
@@ -63,7 +63,7 @@ var AppNavBar = React.createClass({
 				)}
 			</TabBarIOS.Item>
 			<TabBarIOS.Item
-				title="话题"
+				title="标签"
 				icon={{uri: require('image!iconfont-jinghua')}}
 				selected={this.state.selectedTab === 'niceTab'}
 				onPress={() => {
@@ -77,7 +77,7 @@ var AppNavBar = React.createClass({
 				)}
 			</TabBarIOS.Item>
 			<TabBarIOS.Item
-				title="招聘"
+				title="动态"
 				icon={{uri: require('image!iconfont-hot')}}
 				selected={this.state.selectedTab === 'hotTab'}
 				onPress={() => {
@@ -86,10 +86,10 @@ var AppNavBar = React.createClass({
                   });
                 }}>
 				{this._renderPage([
-                      {api: apilist.RECENT_TOP_API, apiName: 'RECENT_TOP_API', tabLable: '最新'},
-                      {api: apilist.POP_TOPIC_API, apiName: 'POP_TOPIC_API', tabLable: '最热'},
-                      {api: apilist.NO_REPLY_API, apiName: 'NO_REPLY_API', tabLable: '沙发'},
-                      {api: apilist.EXEC_TOPIC_API, apiName: 'EXEC_TOPIC_API', tabLable: '精华'}]
+                      {api: apilist.JOB_API, apiName: 'JOB_API', tabLable: '职业'},
+                      {api: apilist.QA_API, apiName: 'QA_API', tabLable: '问答'},
+                      {api: apilist.JD_API, apiName: 'JD_API', tabLable: '招聘'},
+                      {api: apilist.AC_API, apiName: 'AC_API', tabLable: '活动'}]
 				)}
 			</TabBarIOS.Item>
 			<TabBarIOS.Item

components/a-TopicCard.js

@@ -30,10 +30,32 @@ var TopicCard = React.createClass({
     this.fetchTopicsData();
   },
 
-  _avatarFilter(avatar) {
-    return /testerhome/i.test(avatar) ?
+  _avatarFilter(topic) {
+    let avatar = topic.user && 
+                 topic.user.avatar_url && 
+                 topic.user.avatar_url;
+                 
+    if(avatar) {
+      return /testerhome/i.test(avatar) ?
            avatar :
            'https://testerhome.com' + avatar;
+    } else {
+      // TODO
+      // 替换成匿名用户头像地址
+      return 'https://testerhome.com/user/big_avatar/118.jpg';
+    }
+  },
+  
+  _checkUser(topic) {
+    let login = topic.user && 
+                 topic.user.login && 
+                 topic.user.login;
+                 
+    if(login) {
+      return login;
+    } else {
+      return '匿名用户';
+    }
   },
 
   _stringFilter(title, len) {
@@ -52,14 +74,13 @@ var TopicCard = React.createClass({
   },
 
   _loadMore() {
-    // console.log('reached to bottom');
-    // this.fetchTopicsData(
-    //   apilist.fetchResourceWithPage(
-    //     apilist[this.props.currentReqName],
-    //     this.state.currentOffset + 20
-    //   ),
-    //   20
-    // )
+    this.fetchTopicsData(
+      apilist.fetchResourceWithPage(
+        apilist[this.props.currentReqName],
+        this.state.currentOffset + 20
+      ),
+      20
+    );
   },
 
   _reload() {
@@ -119,15 +140,15 @@ var TopicCard = React.createClass({
         <View style={styles.avatar}>
           <Image
             style={styles.avatarImg}
-            source={{uri:this._avatarFilter(topic.user.avatar_url)}}
+            source={{uri:this._avatarFilter(topic)}}
             resizeMode='cover'
           />
         </View>
 
         <View style={styles.titleMeta}>
           <Text style={styles.topicTitle}>{topic.title}</Text>
             <View style={styles.metaarea}>
-              <Text style={styles.metainfo}>{topic.user.login}</Text>
+              <Text style={styles.metainfo}>{this._checkUser(topic)}</Text>
               <Text style={styles.metainfo}>刚刚更新</Text>
             </View>
 

components/a-TopicPage.js

@@ -14,7 +14,7 @@ var TopicPage = React.createClass({
   _renderSlidesContent(slides) {
       return slides.map((obj) => {
         return (
-         <View tabLabel={obj.tabLable} style={{ flex: 1 }}>
+         <View key={obj.apiName} tabLabel={obj.tabLable} style={{ flex: 1 }}>
           <TopicCard
             resourceApi={obj.api}
             currentReqName={obj.apiName}

iOS/Demo/AppDelegate.m

@@ -31,7 +31,7 @@ - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(
    * on the same Wi-Fi network.
    */
 
-  jsCodeLocation = [NSURL URLWithString:@"http://192.168.1.2:8081/index.ios.bundle"];
+  jsCodeLocation = [NSURL URLWithString:@"http://192.168.1.236:8081/index.ios.bundle"];
 
   /**
    * OPTION 2