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

[#181] add maximiser icons to recipe, input and output, and handle maximising of targets accordingly. Desktop view remains as normal, where only output can be maximised

Browse source
This commit is contained in:
Robin Scholtes 2023-05-02 16:58:20 +12:00
parent 093a3c4b77
commit 4c2c934cd4
13 changed files with 164 additions and 51 deletions
Download patch file Download diff file Expand all files Collapse all files

21
src/web/App.mjs
View file

@ -315,7 +315,7 @@ class App {
this.columnSplitter = Split(["#operations", "#recipe", "#IO"], {
sizes: [20, 30, 50],
minSize: minimise ? [0, 0, 0] : [240, 310, 450],
minSize: minimise ? [0, 0, 0] : [20, 30, 50],
gutterSize: 4,
expandToMin: true,
onDrag: debounce(function() {
@ -326,7 +326,7 @@ class App {
this.ioSplitter = Split(["#input", "#output"], {
direction: "vertical",
gutterSize: 4,
minSize: minimise ? [0, 0] : [100, 100]
minSize: minimise ? [0, 0] : [50, 50]
});
this.adjustComponentSizes();
@ -341,7 +341,6 @@ class App {
this.columnSplitter = Split(["#operations", "#recipe", "#IO"], {
sizes: [100, 100, 100],
minSize: [0, 0, 0],
gutterSize: 0,
expandToMin: true,
});
@ -649,7 +648,7 @@ class App {
/**
* Resets the splitter positions to default.
* Resets the splitter positions to default for desktop UI.
*/
resetLayout() {
this.columnSplitter.setSizes([20, 30, 50]);
@ -657,6 +656,7 @@ class App {
this.adjustComponentSizes();
}
/**
* Adjust components to fit their containers.
*/
@ -857,13 +857,13 @@ class App {
/**
* Set element visibility
* Update element visibility
*
* @param {HTMLElement} elm
* @param {boolean} isVisible
*
*/
setVisibility( elm, isVisible ){
updateVisibility( elm, isVisible ){
if ( isVisible ) {
if ( elm.classList.contains("hidden")) {
elm.classList.remove("hidden");
@ -876,10 +876,6 @@ class App {
}
/**
* A collection of function calls that need to fire on
* window resizing when the window inner width >= the
* breakpoint
*
* @param {boolean} minimise
*/
setDesktopUI(minimise){
@ -893,11 +889,6 @@ class App {
this.manager.recipe.clearAllSelectedClasses();
}
/**
* A collection of function calls that need to fire on
* window resizing when the window inner width < the
* breakpoint
*/
setMobileUI(){
this.setMobileLayout();
// repopulate to disable popovers and drag events