mirror of
https://github.com/gchq/CyberChef.git
synced 2025-04-21 07:16:17 -04:00
513 lines
17 KiB
HTML
Executable file
513 lines
17 KiB
HTML
Executable file
<!DOCTYPE html>
|
|
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width">
|
|
<title>CyberChef Source: views/html/OperationsWaiter.js</title>
|
|
|
|
<!--[if lt IE 9]>
|
|
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
|
|
<![endif]-->
|
|
<link type="text/css" rel="stylesheet" href="styles/sunlight.default.css">
|
|
|
|
<link type="text/css" rel="stylesheet" href="styles/site.cerulean.css">
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="navbar navbar-default navbar-fixed-top navbar-inverse">
|
|
<div class="container">
|
|
<div class="navbar-header">
|
|
<a class="navbar-brand" href="index.html"><img class="branding-logo" src="../build/prod/images/cyberchef-32x32.png"
|
|
alt="logo"/>CyberChef</a>
|
|
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#topNavigation">
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
</button>
|
|
</div>
|
|
<div class="navbar-collapse collapse" id="topNavigation">
|
|
<ul class="nav navbar-nav">
|
|
|
|
<li class="dropdown">
|
|
<a href="namespaces.list.html" class="dropdown-toggle" data-toggle="dropdown">Namespaces<b class="caret"></b></a>
|
|
<ul class="dropdown-menu inline">
|
|
<li><a href="FlowControl.html">FlowControl</a></li><li><a href="Utils.html">Utils</a></li><li><a href="Base.html">Base</a></li><li><a href="Base64.html">Base64</a></li><li><a href="BitwiseOp.html">BitwiseOp</a></li><li><a href="ByteRepr.html">ByteRepr</a></li><li><a href="CharEnc.html">CharEnc</a></li><li><a href="Checksum.html">Checksum</a></li><li><a href="Cipher.html">Cipher</a></li><li><a href="Code.html">Code</a></li><li><a href="Compress.html">Compress</a></li><li><a href="Convert.html">Convert</a></li><li><a href="DateTime.html">DateTime</a></li><li><a href="Endian.html">Endian</a></li><li><a href="Entropy.html">Entropy</a></li><li><a href="Extract.html">Extract</a></li><li><a href="FileType.html">FileType</a></li><li><a href="HTML.html">HTML</a></li><li><a href="HTTP.html">HTTP</a></li><li><a href="Hash.html">Hash</a></li><li><a href="Hexdump.html">Hexdump</a></li><li><a href="IP.html">IP</a></li><li><a href="JS.html">JS</a></li><li><a href="MAC.html">MAC</a></li><li><a href="Numberwang.html">Numberwang</a></li><li><a href="OS.html">OS</a></li><li><a href="PublicKey.html">PublicKey</a></li><li><a href="Punycode.html">Punycode</a></li><li><a href="QuotedPrintable.html">QuotedPrintable</a></li><li><a href="Rotate.html">Rotate</a></li><li><a href="SeqUtils.html">SeqUtils</a></li><li><a href="StrUtils.html">StrUtils</a></li><li><a href="Tidy.html">Tidy</a></li><li><a href="URL_.html">URL_</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Unicode.html">Unicode</a></li>
|
|
</ul>
|
|
</li>
|
|
|
|
<li class="dropdown">
|
|
<a href="classes.list.html" class="dropdown-toggle" data-toggle="dropdown">Classes<b class="caret"></b></a>
|
|
<ul class="dropdown-menu inline">
|
|
<li><a href="Chef.html">Chef</a></li><li><a href="Dish.html">Dish</a></li><li><a href="Ingredient.html">Ingredient</a></li><li><a href="Operation.html">Operation</a></li><li><a href="Recipe.html">Recipe</a></li><li><a href="ControlsWaiter.html">ControlsWaiter</a></li><li><a href="HTMLApp.html">HTMLApp</a></li><li><a href="HTMLCategory.html">HTMLCategory</a></li><li><a href="HTMLIngredient.html">HTMLIngredient</a></li><li><a href="HTMLOperation.html">HTMLOperation</a></li><li><a href="HighlighterWaiter.html">HighlighterWaiter</a></li><li><a href="InputWaiter.html">InputWaiter</a></li><li><a href="Manager.html">Manager</a></li><li><a href="OperationsWaiter.html">OperationsWaiter</a></li><li><a href="OptionsWaiter.html">OptionsWaiter</a></li><li><a href="OutputWaiter.html">OutputWaiter</a></li><li><a href="RecipeWaiter.html">RecipeWaiter</a></li><li><a href="SeasonalWaiter.html">SeasonalWaiter</a></li><li><a href="WindowWaiter.html">WindowWaiter</a></li>
|
|
</ul>
|
|
</li>
|
|
|
|
<li class="dropdown">
|
|
<a href="events.list.html" class="dropdown-toggle" data-toggle="dropdown">Events<b class="caret"></b></a>
|
|
<ul class="dropdown-menu inline">
|
|
<li><a href="Manager.html#event:appstart">Manager#event:appstart</a></li><li><a href="Manager.html#event:operationadd">Manager#event:operationadd</a></li><li><a href="Manager.html#event:operationremove">Manager#event:operationremove</a></li><li><a href="Manager.html#event:oplistcreate">Manager#event:oplistcreate</a></li><li><a href="Manager.html#event:statechange">Manager#event:statechange</a></li>
|
|
</ul>
|
|
</li>
|
|
|
|
<li class="dropdown">
|
|
<a href="global.html" class="dropdown-toggle" data-toggle="dropdown">Global<b class="caret"></b></a>
|
|
<ul class="dropdown-menu inline">
|
|
<li><a href="global.html#Categories">Categories</a></li><li><a href="global.html#OperationConfig">OperationConfig</a></li><li><a href="global.html#main">main</a></li>
|
|
</ul>
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
<div class="col-sm-3 col-md-3">
|
|
<form class="navbar-form" role="search">
|
|
<div class="input-group">
|
|
<input type="text" class="form-control" placeholder="Search" name="q" id="search-input">
|
|
<div class="input-group-btn">
|
|
<button class="btn btn-default" id="search-submit"><i class="glyphicon glyphicon-search"></i></button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="container" id="toc-content">
|
|
<div class="row">
|
|
|
|
|
|
<div class="col-md-12">
|
|
|
|
<div id="main">
|
|
|
|
|
|
<h1 class="page-title">Source: views/html/OperationsWaiter.js</h1>
|
|
|
|
<section>
|
|
<article>
|
|
<pre
|
|
class="sunlight-highlight-javascript linenums">/* globals Sortable */
|
|
|
|
/**
|
|
* Waiter to handle events related to the operations.
|
|
*
|
|
* @author n1474335 [n1474335@gmail.com]
|
|
* @copyright Crown Copyright 2016
|
|
* @license Apache-2.0
|
|
*
|
|
* @constructor
|
|
* @param {HTMLApp} app - The main view object for CyberChef.
|
|
* @param {Manager} manager - The CyberChef event manager.
|
|
*/
|
|
var OperationsWaiter = function(app, manager) {
|
|
this.app = app;
|
|
this.manager = manager;
|
|
|
|
this.options = {};
|
|
this.remove_intent = false;
|
|
};
|
|
|
|
|
|
/**
|
|
* Handler for search events.
|
|
* Finds operations which match the given search term and displays them under the search box.
|
|
*
|
|
* @param {event} e
|
|
*/
|
|
OperationsWaiter.prototype.search_operations = function(e) {
|
|
var ops, selected;
|
|
|
|
if (e.type == "search") { // Search
|
|
e.preventDefault();
|
|
ops = document.querySelectorAll("#search-results li");
|
|
if (ops.length) {
|
|
selected = this.get_selected_op(ops);
|
|
if (selected > -1) {
|
|
this.manager.recipe.add_operation(ops[selected].innerHTML);
|
|
this.app.auto_bake();
|
|
}
|
|
}
|
|
}
|
|
|
|
if (e.keyCode == 13) { // Return
|
|
e.preventDefault();
|
|
} else if (e.keyCode == 40) { // Down
|
|
e.preventDefault();
|
|
ops = document.querySelectorAll("#search-results li");
|
|
if (ops.length) {
|
|
selected = this.get_selected_op(ops);
|
|
if (selected > -1) {
|
|
ops[selected].classList.remove("selected-op");
|
|
}
|
|
if (selected == ops.length-1) selected = -1;
|
|
ops[selected+1].classList.add("selected-op");
|
|
}
|
|
} else if (e.keyCode == 38) { // Up
|
|
e.preventDefault();
|
|
ops = document.querySelectorAll("#search-results li");
|
|
if (ops.length) {
|
|
selected = this.get_selected_op(ops);
|
|
if (selected > -1) {
|
|
ops[selected].classList.remove("selected-op");
|
|
}
|
|
if (selected === 0) selected = ops.length;
|
|
ops[selected-1].classList.add("selected-op");
|
|
}
|
|
} else {
|
|
var search_results_el = document.getElementById("search-results"),
|
|
el = e.target,
|
|
str = el.value;
|
|
|
|
while (search_results_el.firstChild) {
|
|
search_results_el.removeChild(search_results_el.firstChild);
|
|
}
|
|
|
|
$("#categories .in").collapse("hide");
|
|
if (str) {
|
|
var matched_ops = this.filter_operations(str, true),
|
|
matched_ops_html = "";
|
|
|
|
for (var i = 0; i < matched_ops.length; i++) {
|
|
matched_ops_html += matched_ops[i].to_stub_html();
|
|
}
|
|
|
|
search_results_el.innerHTML = matched_ops_html;
|
|
search_results_el.dispatchEvent(this.manager.oplistcreate);
|
|
}
|
|
}
|
|
};
|
|
|
|
|
|
/**
|
|
* Filters operations based on the search string and returns the matching ones.
|
|
*
|
|
* @param {string} search_str
|
|
* @param {boolean} highlight - Whether or not to highlight the matching string in the operation
|
|
* name and description
|
|
* @returns {string[]}
|
|
*/
|
|
OperationsWaiter.prototype.filter_operations = function(search_str, highlight) {
|
|
var matched_ops = [],
|
|
matched_descs = [];
|
|
|
|
search_str = search_str.toLowerCase();
|
|
|
|
for (var op_name in this.app.operations) {
|
|
var op = this.app.operations[op_name],
|
|
name_pos = op_name.toLowerCase().indexOf(search_str),
|
|
desc_pos = op.description.toLowerCase().indexOf(search_str);
|
|
|
|
if (name_pos >= 0 || desc_pos >= 0) {
|
|
var operation = new HTMLOperation(op_name, this.app.operations[op_name], this.app, this.manager);
|
|
if (highlight) {
|
|
operation.highlight_search_string(search_str, name_pos, desc_pos);
|
|
}
|
|
|
|
if (name_pos < 0) {
|
|
matched_ops.push(operation);
|
|
} else {
|
|
matched_descs.push(operation);
|
|
}
|
|
}
|
|
}
|
|
|
|
return matched_descs.concat(matched_ops);
|
|
};
|
|
|
|
|
|
/**
|
|
* Finds the operation which has been selected using keyboard shortcuts. This will have the class
|
|
* 'selected-op' set. Returns the index of the operation within the given list.
|
|
*
|
|
* @param {element[]} ops
|
|
* @returns {number}
|
|
*/
|
|
OperationsWaiter.prototype.get_selected_op = function(ops) {
|
|
for (var i = 0; i < ops.length; i++) {
|
|
if (ops[i].classList.contains("selected-op")) {
|
|
return i;
|
|
}
|
|
}
|
|
return -1;
|
|
};
|
|
|
|
|
|
/**
|
|
* Handler for oplistcreate events.
|
|
*
|
|
* @listens Manager#oplistcreate
|
|
* @param {event} e
|
|
*/
|
|
OperationsWaiter.prototype.op_list_create = function(e) {
|
|
this.manager.recipe.create_sortable_seed_list(e.target);
|
|
$("[data-toggle=popover]").popover();
|
|
};
|
|
|
|
|
|
/**
|
|
* Handler for operation doubleclick events.
|
|
* Adds the operation to the recipe and auto bakes.
|
|
*
|
|
* @param {event} e
|
|
*/
|
|
OperationsWaiter.prototype.operation_dblclick = function(e) {
|
|
var li = e.target;
|
|
|
|
this.manager.recipe.add_operation(li.textContent);
|
|
this.app.auto_bake();
|
|
};
|
|
|
|
|
|
/**
|
|
* Handler for edit favourites click events.
|
|
* Sets up the 'Edit favourites' pane and displays it.
|
|
*
|
|
* @param {event} e
|
|
*/
|
|
OperationsWaiter.prototype.edit_favourites_click = function(e) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
|
|
// Add favourites to modal
|
|
var fav_cat = this.app.categories.filter(function(c) {
|
|
return c.name == "Favourites";
|
|
})[0];
|
|
|
|
var html = "";
|
|
for (var i = 0; i < fav_cat.ops.length; i++) {
|
|
var op_name = fav_cat.ops[i];
|
|
var operation = new HTMLOperation(op_name, this.app.operations[op_name], this.app, this.manager);
|
|
html += operation.to_stub_html(true);
|
|
}
|
|
|
|
var edit_favourites_list = document.getElementById("edit-favourites-list");
|
|
edit_favourites_list.innerHTML = html;
|
|
this.remove_intent = false;
|
|
|
|
var editable_list = Sortable.create(edit_favourites_list, {
|
|
filter: '.remove-icon',
|
|
onFilter: function (evt) {
|
|
var el = editable_list.closest(evt.item);
|
|
if (el) {
|
|
$(el).popover("destroy");
|
|
el.parentNode.removeChild(el);
|
|
}
|
|
},
|
|
onEnd: function(evt) {
|
|
if (this.remove_intent) evt.item.remove();
|
|
}.bind(this),
|
|
});
|
|
|
|
Sortable.utils.on(edit_favourites_list, "dragleave", function() {
|
|
this.remove_intent = true;
|
|
}.bind(this));
|
|
|
|
Sortable.utils.on(edit_favourites_list, "dragover", function() {
|
|
this.remove_intent = false;
|
|
}.bind(this));
|
|
|
|
$("#edit-favourites-list [data-toggle=popover]").popover();
|
|
$("#favourites-modal").modal();
|
|
};
|
|
|
|
|
|
/**
|
|
* Handler for save favourites click events.
|
|
* Saves the selected favourites and reloads them.
|
|
*/
|
|
OperationsWaiter.prototype.save_favourites_click = function() {
|
|
var favourites_list = [],
|
|
favs = document.querySelectorAll("#edit-favourites-list li");
|
|
|
|
for (var i = 0; i < favs.length; i++) {
|
|
favourites_list.push(favs[i].textContent);
|
|
}
|
|
|
|
this.app.save_favourites(favourites_list);
|
|
this.app.load_favourites();
|
|
this.app.populate_operations_list();
|
|
this.manager.recipe.initialise_operation_drag_n_drop();
|
|
};
|
|
|
|
|
|
/**
|
|
* Handler for reset favourites click events.
|
|
* Resets favourites to their defaults.
|
|
*/
|
|
OperationsWaiter.prototype.reset_favourites_click = function() {
|
|
this.app.reset_favourites();
|
|
};
|
|
|
|
|
|
/**
|
|
* Handler for op_icon mouseover events.
|
|
* Hides any popovers already showing on the operation so that there aren't two at once.
|
|
*
|
|
* @param {event} e
|
|
*/
|
|
OperationsWaiter.prototype.op_icon_mouseover = function(e) {
|
|
var op_el = e.target.parentNode;
|
|
if (e.target.getAttribute("data-toggle") == "popover") {
|
|
$(op_el).popover("hide");
|
|
}
|
|
};
|
|
|
|
|
|
/**
|
|
* Handler for op_icon mouseleave events.
|
|
* If this icon created a popover and we're moving back to the operation element, display the
|
|
* operation popover again.
|
|
*
|
|
* @param {event} e
|
|
*/
|
|
OperationsWaiter.prototype.op_icon_mouseleave = function(e) {
|
|
var op_el = e.target.parentNode,
|
|
to_el = e.toElement || e.relatedElement;
|
|
|
|
if (e.target.getAttribute("data-toggle") == "popover" && to_el === op_el) {
|
|
$(op_el).popover("show");
|
|
}
|
|
};
|
|
</pre>
|
|
</article>
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="clearfix"></div>
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="modal fade" id="searchResults">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
|
<h4 class="modal-title">Search results</h4>
|
|
</div>
|
|
<div class="modal-body"></div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
|
</div>
|
|
</div><!-- /.modal-content -->
|
|
</div><!-- /.modal-dialog -->
|
|
</div>
|
|
|
|
|
|
<footer>
|
|
|
|
|
|
<span class="copyright">
|
|
© Crown Copyright 2016
|
|
</span>
|
|
|
|
<span class="jsdoc-message">
|
|
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.4.3</a>
|
|
|
|
on Mon Nov 28th 2016
|
|
|
|
using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
|
|
</span>
|
|
</footer>
|
|
|
|
<script src="scripts/docstrap.lib.js"></script>
|
|
<script src="scripts/toc.js"></script>
|
|
|
|
<script type="text/javascript" src="scripts/fulltext-search-ui.js"></script>
|
|
|
|
|
|
<script>
|
|
$( function () {
|
|
$( "[id*='$']" ).each( function () {
|
|
var $this = $( this );
|
|
|
|
$this.attr( "id", $this.attr( "id" ).replace( "$", "__" ) );
|
|
} );
|
|
|
|
$( ".tutorial-section pre, .readme-section pre, pre.prettyprint.source" ).each( function () {
|
|
var $this = $( this );
|
|
|
|
var example = $this.find( "code" );
|
|
exampleText = example.html();
|
|
var lang = /{@lang (.*?)}/.exec( exampleText );
|
|
if ( lang && lang[1] ) {
|
|
exampleText = exampleText.replace( lang[0], "" );
|
|
example.html( exampleText );
|
|
lang = lang[1];
|
|
} else {
|
|
var langClassMatch = example.parent()[0].className.match(/lang\-(\S+)/);
|
|
lang = langClassMatch ? langClassMatch[1] : "javascript";
|
|
}
|
|
|
|
if ( lang ) {
|
|
|
|
$this
|
|
.addClass( "sunlight-highlight-" + lang )
|
|
.addClass( "linenums" )
|
|
.html( example.html() );
|
|
|
|
}
|
|
} );
|
|
|
|
Sunlight.highlightAll( {
|
|
lineNumbers : true,
|
|
showMenu : true,
|
|
enableDoclinks : true
|
|
} );
|
|
|
|
$.catchAnchorLinks( {
|
|
navbarOffset: 10
|
|
} );
|
|
$( "#toc" ).toc( {
|
|
anchorName : function ( i, heading, prefix ) {
|
|
return $( heading ).attr( "id" ) || ( prefix + i );
|
|
},
|
|
selectors : "#toc-content h1,#toc-content h2,#toc-content h3,#toc-content h4",
|
|
showAndHide : false,
|
|
smoothScrolling: true
|
|
} );
|
|
|
|
$( "#main span[id^='toc']" ).addClass( "toc-shim" );
|
|
$( '.dropdown-toggle' ).dropdown();
|
|
|
|
$( "table" ).each( function () {
|
|
var $this = $( this );
|
|
$this.addClass('table');
|
|
} );
|
|
|
|
} );
|
|
</script>
|
|
|
|
|
|
|
|
<!--Navigation and Symbol Display-->
|
|
|
|
|
|
<!--Google Analytics-->
|
|
|
|
|
|
|
|
<script type="text/javascript">
|
|
$(document).ready(function() {
|
|
SearcherDisplay.init();
|
|
});
|
|
</script>
|
|
|
|
|
|
</body>
|
|
</html>
|