split files into client/ and server/

1 files changed, 44 insertions, 0 deletions

diff --git a/client/js/views/help_view.js b/client/js/views/help_view.js
new file mode 100644
index 0000000..4f68a7d
--- /dev/null
+++ b/client/js/views/help_view.js
@@ -0,0 +1,44 @@
+'use strict';
+
+const config = require('../config.js');
+const BaseView = require('./base_view.js');
+
+class HelpView extends BaseView {
+    constructor() {
+        super();
+        this.template = this.getTemplate('help-template');
+        this.sectionTemplates = {};
+        const sectionKeys = ['about', 'keyboard', 'search', 'comments', 'tos'];
+        for (let section of sectionKeys) {
+            const templateName = 'help-' + section + '-template';
+            this.sectionTemplates[section] = this.getTemplate(templateName);
+        }
+    }
+
+    render(section) {
+        if (!section) {
+            section = 'about';
+        }
+        if (!(section in this.sectionTemplates)) {
+            this.showView('');
+            return;
+        }
+
+        const content = this.sectionTemplates[section]({
+            'name': config.basic.name,
+        });
+
+        this.showView(this.template({'content': content}));
+
+        const allItemsSelector = '#content-holder [data-name]';
+        for (let item of document.querySelectorAll(allItemsSelector)) {
+            if (item.getAttribute('data-name') === section) {
+                item.className = 'active';
+            } else {
+                item.className = '';
+            }
+        }
+    }
+}
+
+module.exports = HelpView;