ESM: Rewritten src/web/ in ESM format.

src/web/HTMLCategory.mjs

@@ -0,0 +1,60 @@
+/**
+ * @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-parent='#categories' href='#" + catName + "'>\
+                " + this.name + "\
+            </a>\
+            <div id='" + catName + "' class='panel-collapse collapse\
+            " + (this.selected ? " in" : "") + "'><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;