[Draft]Feedreader webui

webui-src/app/boards/boards.js

@@ -7,41 +7,49 @@ const peopleUtil = require('people/people_util');
 
 const getBoards = {
   All: [],
-  PopularBoards: [],
-  SubscribedBoards: [],
+  Popular: [],
+  Subscribed: [],
   MyBoards: [],
-  OtherBoards: [],
+  Other: [],
   async load() {
-    const res = await rs.rsJsonApiRequest('/rsPosted/getBoardsSummaries');
-    const data = res.body;
-    getBoards.All = data.groupInfo;
-    getBoards.PopularBoards = getBoards.All;
-    getBoards.PopularBoards.sort((a, b) => b.mPop - a.mPop);
-    getBoards.OtherBoards = getBoards.PopularBoards.slice(5);
-    getBoards.PopularBoards = getBoards.PopularBoards.slice(0, 5);
-    getBoards.SubscribedBoards = getBoards.All.filter(
-      (board) => board.mSubscribeFlags === util.GROUP_SUBSCRIBE_SUBSCRIBED
-    );
-    getBoards.MyBoards = getBoards.All.filter(
-      (board) => board.mSubscribeFlags === util.GROUP_MY_BOARD
-    );
+    try {
+      const res = await rs.rsJsonApiRequest('/rsPosted/getBoardsSummaries');
+      const boards = res && res.body && Array.isArray(res.body.groupInfo) ? res.body.groupInfo : null;
+      if (!boards) {
+        console.warn('Boards summaries response did not include groupInfo', res && res.body);
+        return;
+      }
+      getBoards.All = boards;
+      const popular = [...boards].sort((a, b) => (b.mPop || 0) - (a.mPop || 0));
+      getBoards.Other = popular.slice(5);
+      getBoards.Popular = popular.slice(0, 5);
+      getBoards.Subscribed = boards.filter(
+        (board) => board.mSubscribeFlags === util.GROUP_SUBSCRIBE_SUBSCRIBED
+      );
+      getBoards.MyBoards = boards.filter(
+        (board) => board.mSubscribeFlags === util.GROUP_MY_BOARD
+      );
+      m.redraw();
+    } catch (error) {
+      console.warn('Failed to load board summaries', error);
+    }
   },
 };
 
 const sections = {
   MyBoards: require('boards/my_boards'),
-  SubscribedBoards: require('boards/subscribed_boards'),
-  PopularBoards: require('boards/popular_boards'),
-  OtherBoards: require('boards/other_boards'),
+  Subscribed: require('boards/subscribed_boards'),
+  Popular: require('boards/popular_boards'),
+  Other: require('boards/other_boards'),
 };
 
 const Layout = () => {
   let ownId;
 
   return {
     oninit: () => {
-      rs.setBackgroundTask(getBoards.load, 5000, () => {
-        // return m.route.get() === '/files/files';
+      rs.setBackgroundTask(getBoards.load, 30000, () => {
+        return m.route.get().startsWith('/boards');
       });
       peopleUtil.ownIds((data) => {
         ownId = data;
@@ -95,6 +103,7 @@ module.exports = {
       m(widget.Sidebar, {
         tabs: Object.keys(sections),
         baseRoute: '/boards/',
+        mobileDrawer: true,
       }),
       m('.node-panel', m(Layout, { pathInfo: vnode.attrs })),
     ];