Cool_Tools/CyberChef
1
0
Fork 0
mirror of synced 2024-11-24 15:00:17 +01:00
Code Releases Activity

Improved HTML output sizing

Browse Source
This commit is contained in:
n1474335 2023-03-08 18:08:17 +00:00
parent 7eda2fd4a6
commit 80e8b2339d
5 changed files with 17 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/core/operations/Entropy.mjs
View File

@ -358,7 +358,7 @@ class Entropy extends Operation {
<br><script> <br><script>
var canvas = document.getElementById("chart-area"), var canvas = document.getElementById("chart-area"),
parentRect = canvas.parentNode.getBoundingClientRect(), parentRect = canvas.closest(".cm-scroller").getBoundingClientRect(),
entropy = ${entropy}, entropy = ${entropy},
height = parentRect.height * 0.25; height = parentRect.height * 0.25;

2
src/core/operations/IndexOfCoincidence.mjs
View File

@ -78,7 +78,7 @@ The graph shows the IC of the input data. A low IC generally means that the text
<script type='application/javascript'> <script type='application/javascript'>
var canvas = document.getElementById("chart-area"), var canvas = document.getElementById("chart-area"),
parentRect = canvas.parentNode.getBoundingClientRect(), parentRect = canvas.closest(".cm-scroller").getBoundingClientRect(),
ic = ${ic}; ic = ${ic};
canvas.width = parentRect.width * 0.95; canvas.width = parentRect.width * 0.95;

8
src/core/operations/ShowOnMap.mjs
View File

@ -94,14 +94,8 @@ class ShowOnMap extends Operation {
#output-text .cm-content, #output-text .cm-content,
#output-text .cm-line, #output-text .cm-line,
#output-html { #output-html {
display: block;
white-space: normal;
padding: 0; padding: 0;
height: 100%; white-space: normal;
}
#output-text .cm-line .cm-widgetBuffer,
#output-text .cm-line br {
display: none;
} }
</style> </style>
<div id="presentedMap" style="width: 100%; height: 100%;"></div> <div id="presentedMap" style="width: 100%; height: 100%;"></div>

8
src/web/stylesheets/layout/_io.css
View File

@ -17,9 +17,17 @@
user-select: auto; user-select: auto;
} }
#output-text.html-output .cm-content,
#output-text.html-output .cm-line,
#output-html { #output-html {
display: block;
height: 100%;
user-select: auto; user-select: auto;
} }
#output-text.html-output .cm-line .cm-widgetBuffer,
#output-text.html-output .cm-line>br {
display: none;
}
.cm-editor { .cm-editor {
height: 100%; height: 100%;

6
src/web/waiters/OutputWaiter.mjs
View File

@ -240,6 +240,9 @@ class OutputWaiter {
this.currentOutputCache = data; this.currentOutputCache = data;
this.toggleLoader(true); this.toggleLoader(true);
// Remove class to #output-text to change display settings
this.outputTextEl.classList.remove("html-output");
// If data is an ArrayBuffer, convert to a string in the correct character encoding // If data is an ArrayBuffer, convert to a string in the correct character encoding
const tabNum = this.manager.tabs.getActiveTab("output"); const tabNum = this.manager.tabs.getActiveTab("output");
this.manager.timing.recordTime("outputDecodingStart", tabNum); this.manager.timing.recordTime("outputDecodingStart", tabNum);
@ -311,6 +314,9 @@ class OutputWaiter {
effects: this.outputEditorConf.drawSelection.reconfigure([]) effects: this.outputEditorConf.drawSelection.reconfigure([])
}); });
// Add class to #output-text to change display settings
this.outputTextEl.classList.add("html-output");
// Execute script sections // Execute script sections
const outputHTML = document.getElementById("output-html"); const outputHTML = document.getElementById("output-html");
const scriptElements = outputHTML ? outputHTML.querySelectorAll("script") : []; const scriptElements = outputHTML ? outputHTML.querySelectorAll("script") : [];