mirror of https://github.com/gchq/CyberChef.git
60 lines
1.4 KiB
JavaScript
Executable File
60 lines
1.4 KiB
JavaScript
Executable File
/**
|
|
* @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;
|