Mirror
/
CyberChef
mirror of https://github.com/gchq/CyberChef.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Add wrapper to output

This commit is contained in:
j433866 2019-03-27 09:38:13 +00:00
parent 61bc5436a2
commit 3597aacce9
1 changed files with 42 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

70
src/web/html/index.html
View File

@ -250,7 +250,7 @@
<ul> <ul>
<li id="input-tab-1" class="active-input-tab"> <li id="input-tab-1" class="active-input-tab">
<div class="input-tab-content"> <div class="input-tab-content">
New Tab 1: New Tab
</div> </div>
<button type="button" class="btn btn-primary bmd-btn-icon btn-close-tab" id="btn-close-tab-1"> <button type="button" class="btn btn-primary bmd-btn-icon btn-close-tab" id="btn-close-tab-1">
<i class="material-icons">clear</i> <i class="material-icons">clear</i>
@ -310,38 +310,52 @@
<i class="material-icons">access_time</i> <i class="material-icons">access_time</i>
</span> </span>
</div> </div>
<div class="textarea-wrapper"> <div id="output-wrapper">
<div id="output-highlighter" class="no-select"></div> <div id="output-tabs" style="display: none">
<div id="output-html"></div> <ul>
<textarea id="output-text" readonly="readonly" spellcheck="false"></textarea> <li id="output-tab-1" class="active-output-tab">
<img id="show-file-overlay" aria-hidden="true" src="<%- require('../static/images/file-32x32.png') %>" alt="Show file overlay" title="Show file overlay"/> <div class="output-tab-content">
<div id="output-file"> 1: New Tab
<div class="file-overlay"></div> </div>
<div style="position: relative; height: 100%;"> <button type="button" class="btn btn-primary bmd-btn-icon btn-close-tab" id="btn-close-tab-1">
<div class="io-card card"> <i class="material-icons">clear</i>
<img aria-hidden="true" src="<%- require('../static/images/file-128x128.png') %>" alt="File icon"/> </button>
<div class="card-body"> </li>
Size: <span id="output-file-size"></span><br> </ul>
<button id="output-file-download" type="button" class="btn btn-primary btn-outline">Download</button> </div>
<div class="input-group"> <div class="textarea-wrapper">
<span class="input-group-btn"> <div id="output-highlighter" class="no-select"></div>
<button id="output-file-slice" type="button" class="btn btn-secondary bmd-btn-icon" title="View slice"> <div id="output-html"></div>
<i class="material-icons">search</i> <textarea id="output-text" readonly="readonly" spellcheck="false"></textarea>
</button> <img id="show-file-overlay" aria-hidden="true" src="<%- require('../static/images/file-32x32.png') %>" alt="Show file overlay" title="Show file overlay"/>
</span> <div id="output-file">
<input type="number" class="form-control" id="output-file-slice-from" placeholder="From" value="0" step="1024" min="0"> <div class="file-overlay"></div>
<div class="input-group-addon">to</div> <div style="position: relative; height: 100%;">
<input type="number" class="form-control" id="output-file-slice-to" placeholder="To" value="2048" step="1024" min="0"> <div class="io-card card">
<img aria-hidden="true" src="<%- require('../static/images/file-128x128.png') %>" alt="File icon"/>
<div class="card-body">
Size: <span id="output-file-size"></span><br>
<button id="output-file-download" type="button" class="btn btn-primary btn-outline">Download</button>
<div class="input-group">
<span class="input-group-btn">
<button id="output-file-slice" type="button" class="btn btn-secondary bmd-btn-icon" title="View slice">
<i class="material-icons">search</i>
</button>
</span>
<input type="number" class="form-control" id="output-file-slice-from" placeholder="From" value="0" step="1024" min="0">
<div class="input-group-addon">to</div>
<input type="number" class="form-control" id="output-file-slice-to" placeholder="To" value="2048" step="1024" min="0">
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> <div id="output-loader">
<div id="output-loader"> <div id="output-loader-animation">
<div id="output-loader-animation"> <object id="bombe" data="<%- require('../static/images/bombe.svg') %>" width="100%" height="100%"></object>
<object id="bombe" data="<%- require('../static/images/bombe.svg') %>" width="100%" height="100%"></object> </div>
<div class="loading-msg"></div>
</div> </div>
<div class="loading-msg"></div>
</div> </div>
</div> </div>
</div> </div>