mirrors/CyberChef
1
0
Fork 0
mirror of https://github.com/gchq/CyberChef.git synced 2025-04-21 15:26:16 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Change to add input tabs as inputs are added, instead of at the end.

Browse source 
Change outputWaiter to use outputExists instead of getOutput
This commit is contained in:
j433866 2019-05-08 14:47:05 +01:00
parent 50f9bbeac3
commit 43747accd5
3 changed files with 74 additions and 80 deletions
Download patch file Download diff file Expand all files Collapse all files

62
src/web/InputWaiter.mjs
View file

@ -828,15 +828,6 @@ class InputWaiter {
return newTab;
}
// addTab
// UI bit can be done here
// Adding an input should be sent to the inputWorker
// removeTab
// UI here
// remove input sent to the inputWorker
// refreshTabs
/**
* Redraw the tab bar with an updated list of tabs
*
@ -856,22 +847,18 @@ class InputWaiter {
tabsList.appendChild(this.createTabElement(nums[i], active));
}
if (nums.length > 1) {
if (nums.length > 0) {
tabsList.parentElement.style.display = "block";
document.getElementById("input-wrapper").style.height = "calc(100% - var(--tab-height) - var(--title-height))";
document.getElementById("input-highlighter").style.height = "calc(100% - var(--tab-height) - var(--title-height))";
document.getElementById("input-file").style.height = "calc(100% - var(--tab-height) - var(--title-height))";
document.getElementById("save-all-to-file").style.display = "inline-block";
} else {
tabsList.parentElement.style.display = "none";
document.getElementById("input-wrapper").style.height = "calc(100% - var(--title-height))";
document.getElementById("input-highlighter").style.height = "calc(100% - var(--title-height))";
document.getElementById("input-file").style.height = "calc(100% - var(--title-height))";
document.getElementById("save-all-to-file").style.display = "none";
}
this.changeTab(activeTab, this.app.options.syncTabs);
@ -1092,24 +1079,49 @@ class InputWaiter {
* @param {number} inputNum
*/
inputAdded(changeTab, inputNum) {
if (changeTab) {
this.changeTab(inputNum, this.app.options.syncTabs);
}
this.addTab(inputNum, changeTab);
this.manager.output.addOutput(inputNum, changeTab);
}
/**
* Handler for when the inputWorker adds multiple inputs
* Adds a new input tab.
*
* @param {array} inputNums
* @param {number} inputNum
* @param {boolean} [changeTab=true]
*/
addInputs(inputNums) {
const activeTab = this.getActiveTab();
for (let i = 0; i < inputNums.length; i++) {
if (inputNums[i] === activeTab) continue;
this.manager.output.addOutput(inputNums[i], false);
addTab(inputNum, changeTab = true) {
const tabsWrapper = document.getElementById("input-tabs");
const numTabs = tabsWrapper.children.length;
if (!this.getTabItem(inputNum) && numTabs < this.maxTabs) {
const newTab = this.createTabElement(inputNum, false);
tabsWrapper.appendChild(newTab);
if (numTabs > 0) {
tabsWrapper.parentElement.style.display = "block";
document.getElementById("input-wrapper").style.height = "calc(100% - var(--tab-height) - var(--title-height))";
document.getElementById("input-highlighter").style.height = "calc(100% - var(--tab-height) - var(--title-height))";
document.getElementById("input-file").style.height = "calc(100% - var(--tab-height) - var(--title-height))";
} else {
tabsWrapper.parentElement.style.display = "none";
document.getElementById("input-wrapper").style.height = "calc(100% - var(--title-height))";
document.getElementById("input-highlighter").style.height = "calc(100% - var(--title-height))";
document.getElementById("input-file").style.height = "calc(100% - var(--title-height))";
}
}
// this.changeTab(inputNums[inputNums.length - 1], this.app.options.syncTabs);
if (changeTab) {
this.changeTab(inputNum, true);
}
}
/**
* Handler for when the inputWorker adds multiple inputs
*/
addInputs() {
this.inputWorker.postMessage({
action: "refreshTabs",
data: {