From e9fd4e8ef1ed18258ac756bcbeb6ada512d7ad85 Mon Sep 17 00:00:00 2001 From: rottencandy Date: Sat, 10 Aug 2019 16:50:54 +0530 Subject: [PATCH] Add channels tab --- webui-src/app/channels/channels.js | 34 ++++++++++++++++++++++++++++++ webui-src/app/main.js | 8 ++++++- 2 files changed, 41 insertions(+), 1 deletion(-) create mode 100644 webui-src/app/channels/channels.js diff --git a/webui-src/app/channels/channels.js b/webui-src/app/channels/channels.js new file mode 100644 index 0000000..c362755 --- /dev/null +++ b/webui-src/app/channels/channels.js @@ -0,0 +1,34 @@ +let m = require('mithril'); +let rs = require('rswebui'); + + +let Channel = () => { + return { + view: () => m('.channel'), + }; +}; + +let MyChannels = () => { + return { + view: () => m('.widget', [ + m('h3', 'My channels'), + m('hr'), + m(Channel), + ]) + }; +}; + +const Layout = () => { + return { + view: vnode => m('.tab-page', [ + m(MyChannels), + ]), + }; +}; + +module.exports = { + view: (vnode) => { + return m(Layout); + }, +}; + diff --git a/webui-src/app/main.js b/webui-src/app/main.js index cd79f58..07c09b5 100644 --- a/webui-src/app/main.js +++ b/webui-src/app/main.js @@ -6,9 +6,10 @@ let rs = require('rswebui'); const navIcon = { home: m('i.fas.fa-home'), network: m('i.fas.fa-share-alt'), - chat: m('i.fas.fa-share-alt'), + chat: m('i.fas.fa-comments'), mail: m('i.fas.fa-envelope'), files: m('i.fas.fa-folder-open'), + channels: m('i.fas.fa-tv'), config: m('i.fas.fa-cogs'), }; @@ -39,6 +40,7 @@ const Layout = () => { chat: '/chat', mail: '/mail/inbox', files: '/files', + channels: '/channels', config: '/config/network', }, }), @@ -53,6 +55,7 @@ function onSuccess() { let chat = require('chat'); let mail = require('mail_resolver'); let files = require('files_resolver'); + let channels = require('channels'); let config = require('config_resolver'); m.route(document.getElementById('main'), '/home', { @@ -74,6 +77,9 @@ function onSuccess() { '/files': { render: (v) => m(Layout, m(files)) }, + '/channels': { + render: (v) => m(Layout, m(channels)) + }, '/config/:tab': { render: (v) => m(Layout, m(config, v.attrs)) },