51 lines
1.3 KiB
JavaScript
51 lines
1.3 KiB
JavaScript
|
/**
|
||
|
|
* Object to handle the creation of operation categories.
|
||
|
|
*
|
||
|
|
* @author n1474335 [n1474335@gmail.com]
|
||
|
|
* @copyright Crown Copyright 2016
|
||
|
|
* @license Apache-2.0
|
||
|
|
*
|
||
|
|
* @constructor
|
||
|
|
* @param {string} name - The name of the category.
|
||
|
|
* @param {boolean} selected - Whether this category is pre-selected or not.
|
||
|
|
*/
|
||
|
|
var HTMLCategory = function(name, selected) {
|
||
|
|
this.name = name;
|
||
|
|
this.selected = selected;
|
||
|
|
this.op_list = [];
|
||
|
|
};
|
||
|
|
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Adds an operation to this category.
|
||
|
|
*
|
||
|
|
* @param {HTMLOperation} operation - The operation to add.
|
||
|
|
*/
|
||
|
|
HTMLCategory.prototype.add_operation = function(operation) {
|
||
|
|
this.op_list.push(operation);
|
||
|
|
};
|
||
|
|
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Renders the category and all operations within it in HTML.
|
||
|
|
*
|
||
|
|
* @returns {string}
|
||
|
|
*/
|
||
|
|
HTMLCategory.prototype.to_html = function() {
|
||
|
|
var cat_name = "cat" + this.name.replace(/[\s/-:_]/g, "");
|
||
|
|
var html = "<div class='panel category'>\
|
||
|
|
<a class='category-title' data-toggle='collapse'\
|
||
|
|
data-parent='#categories' href='#" + cat_name + "'>\
|
||
|
|
" + this.name + "\
|
||
|
|
</a>\
|
||
|
|
<div id='" + cat_name + "' class='panel-collapse collapse\
|
||
|
|
" + (this.selected ? " in" : "") + "'><ul class='op_list'>";
|
||
|
|
|
||
|
|
for (var i = 0; i < this.op_list.length; i++) {
|
||
|
|
html += this.op_list[i].to_stub_html();
|
||
|
|
}
|
||
|
|
|
||
|
|
html += "</ul></div></div>";
|
||
|
|
return html;
|
||
|
|
};
|