Revert "181 responsive UI"

src/web/HTMLCategory.mjs

@@ -0,0 +1,59 @@
+/**
+ * @author n1474335 [n1474335@gmail.com]
+ * @copyright Crown Copyright 2016
+ * @license Apache-2.0
+ */
+
+/**
+ * Object to handle the creation of operation categories.
+ */
+class HTMLCategory {
+
+    /**
+     * HTMLCategory constructor.
+     *
+     * @param {string} name - The name of the category.
+     * @param {boolean} selected - Whether this category is pre-selected or not.
+     */
+    constructor(name, selected) {
+        this.name = name;
+        this.selected = selected;
+        this.opList = [];
+    }
+
+
+    /**
+     * Adds an operation to this category.
+     *
+     * @param {HTMLOperation} operation - The operation to add.
+     */
+    addOperation(operation) {
+        this.opList.push(operation);
+    }
+
+
+    /**
+     * Renders the category and all operations within it in HTML.
+     *
+     * @returns {string}
+     */
+    toHtml() {
+        const catName = "cat" + this.name.replace(/[\s/\-:_]/g, "");
+        let html = `<div class="panel category">
+        <a class="category-title" data-toggle="collapse" data-target="#${catName}">
+            ${this.name}
+        </a>
+        <div id="${catName}" class="panel-collapse collapse ${(this.selected ? " show" : "")}" data-parent="#categories">
+            <ul class="op-list">`;
+
+        for (let i = 0; i < this.opList.length; i++) {
+            html += this.opList[i].toStubHtml();
+        }
+
+        html += "</ul></div></div>";
+        return html;
+    }
+
+}
+
+export default HTMLCategory;