mirrors/CyberChef
1
0
Fork 0
mirror of https://github.com/gchq/CyberChef.git synced 2025-06-17 19:55:18 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

File details can now be hidden

Browse source
This commit is contained in:
n1474335 2022-12-09 19:24:43 +00:00
parent a116a2a423
commit c1d2970f1e
3 changed files with 68 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/web/utils/fileDetails.mjs
View file

@ -23,6 +23,8 @@ class FileDetailsPanel {
this.status = opts?.status;
this.buffer = opts?.buffer;
this.renderPreview = opts?.renderPreview;
this.toggleHandler = opts?.toggleHandler;
this.hidden = opts?.hidden;
this.dom = this.buildDOM();
this.renderFileThumb();
}
@ -37,6 +39,11 @@ class FileDetailsPanel {
dom.className = "cm-file-details";
const fileThumb = require("../static/images/file-128x128.png");
dom.innerHTML = `
<div class="${this.hidden ? "file-details-toggle-hidden" : "file-details-toggle-shown"}"
data-toggle="tooltip"
title="${this.hidden ? "Show" : "Hide"} file details">
${this.hidden ? "&#10096;" : "&#10097;"}
</div>
<p class="file-details-heading">File details</p>
<img aria-hidden="true" src="${fileThumb}" alt="File icon" class="file-details-thumbnail"/>
<table class="file-details-data">
@ -67,6 +74,9 @@ class FileDetailsPanel {
</table>
`;
dom.querySelector(".file-details-toggle-shown,.file-details-toggle-hidden")
.addEventListener("click", this.toggleHandler, false);
return dom;
}
@ -116,8 +126,11 @@ function makePanel(opts) {
return (view) => {
return {
dom: fdPanel.dom,
width: 200,
width: opts?.hidden ? 1 : 200,
update(update) {
},
mount() {
$("[data-toggle='tooltip']").tooltip();
}
};
};