mirror of https://github.com/midoks/mdserver-web
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
128 lines
5.8 KiB
128 lines
5.8 KiB
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<title>xterm.js demo</title>
|
|
<link rel="stylesheet" href="/build/xterm.css" />
|
|
<link rel="stylesheet" href="/build/addons/fullscreen/fullscreen.css" />
|
|
<link rel="stylesheet" href="/demo/style.css" />
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/es6-promise/4.1.1/es6-promise.auto.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/fetch/1.0.0/fetch.min.js"></script>
|
|
<script src="/build/xterm.js" ></script>
|
|
|
|
<script src="/build/addons/attach/attach.js" ></script>
|
|
<script src="/zmodemjs/zmodem.js"></script>
|
|
<script src="/build/addons/zmodem/zmodem.js" ></script>
|
|
|
|
<script src="/build/addons/fit/fit.js" ></script>
|
|
<script src="/build/addons/fullscreen/fullscreen.js" ></script>
|
|
<script src="/build/addons/search/search.js" ></script>
|
|
</head>
|
|
<body>
|
|
<h1>xterm.js: xterm, in the browser</h1>
|
|
|
|
<div id="terminal-container"></div>
|
|
|
|
<div id="zmodem_controls">
|
|
<form id="zm_start" style="display: none" action="javascript:void(0)">
|
|
ZMODEM detected: Start ZMODEM session?
|
|
<label><input id="zmstart_yes" name="zmstart" type=radio checked value="1"> Yes</label>
|
|
|
|
<label><input name="zmstart" type=radio value=""> No</label>
|
|
<button type="submit">Submit</button>
|
|
</form>
|
|
|
|
<form id="zm_offer" style="display: none" action="javascript:void(0)">
|
|
<p>ZMODEM File offered!</p>
|
|
|
|
<label><input id="zmaccept_yes" name="zmaccept" type=radio checked value="1"> Accept</label>
|
|
|
|
<label><input name="zmaccept" type=radio value=""> Skip</label>
|
|
<button type="submit">Submit</button>
|
|
</form>
|
|
|
|
<div id="zm_file" style="display: none">
|
|
<div>Name: <span id="name"></span></div>
|
|
<div>Size: <span id="size"></span></div>
|
|
<div>Last modified: <span id="mtime"></span></div>
|
|
<div>Mode: <span id="mode"></span></div>
|
|
<br>
|
|
<div>Conversion: <span id="zfile_conversion"></span></div>
|
|
<div>Management: <span id="zfile_management"></span></div>
|
|
<div>Transport: <span id="zfile_transport"></span></div>
|
|
<div>Sparse? <span id="zfile_sparse"></span></div>
|
|
<br>
|
|
<div>Files remaining in batch: <span id="files_remaining"></span></div>
|
|
<div>Bytes remaining in batch: <span id="bytes_remaining"></span></div>
|
|
</div>
|
|
|
|
<form id="zm_progress" style="display: none" action="javascript:void(0)">
|
|
<div><span id="percent_received"></span>% (<span id="bytes_received"></span> bytes) received</div>
|
|
<button id="zm_progress_skipper" type="button" onclick="skip_current_file();">Skip File</button>
|
|
</form>
|
|
|
|
<form id="zm_choose" style="display: none" action="javascript:void(0)">
|
|
<label>Choose file(s): <input id="zm_files" type="file" multiple></label>
|
|
</form>
|
|
</div>
|
|
|
|
<div>
|
|
<h2>Actions</h2>
|
|
<p>
|
|
<label>Find next <input id="find-next"/></label>
|
|
<label>Find previous <input id="find-previous"/></label>
|
|
</p>
|
|
</div>
|
|
<div>
|
|
<h2>Options</h2>
|
|
<p>
|
|
<label><input type="checkbox" id="option-cursor-blink"> cursorBlink</label>
|
|
</p>
|
|
<p>
|
|
<label><input type="checkbox" checked id="zmodem-auto"> Accept all ZMODEM prompts<sup>*</sup></label>
|
|
</p>
|
|
<p>
|
|
<label>
|
|
cursorStyle
|
|
<select id="option-cursor-style">
|
|
<option value="block">block</option>
|
|
<option value="underline">underline</option>
|
|
<option value="bar">bar</option>
|
|
</select>
|
|
</label>
|
|
</p>
|
|
<p>
|
|
<label>
|
|
bellStyle
|
|
<select id="option-bell-style">
|
|
<option value="">none</option>
|
|
<option value="sound">sound</option>
|
|
<option value="visual">visual</option>
|
|
<option value="both">both</option>
|
|
</select>
|
|
</label>
|
|
</p>
|
|
<p>
|
|
<label>scrollback <input type="number" id="option-scrollback" value="1000" /></label>
|
|
</p>
|
|
<p>
|
|
<label>tabStopWidth <input type="number" id="option-tabstopwidth" value="8" /></label>
|
|
</p>
|
|
<div>
|
|
<h3>Size</h3>
|
|
<div>
|
|
<div style="display: inline-block; margin-right: 16px;">
|
|
<label for="cols">Columns</label>
|
|
<input type="number" id="cols" />
|
|
</div>
|
|
<div style="display: inline-block; margin-right: 16px;">
|
|
<label for="rows">Rows</label>
|
|
<input type="number" id="rows" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<p><strong>Attention:</strong> The demo is a barebones implementation and is designed for xterm.js evaluation purposes only. Exposing the demo to the public as is would introduce security risks for the host.</p>
|
|
<p><sup>*</sup> ZMODEM file transfers are supported via an addon. To try it out, install <a href="https://ohse.de/uwe/software/lrzsz.html"><code>lrzsz</code></a> onto the remote peer, then run <code>rz</code> to send from your browser or <code>sz <file></code> to send from the remote peer.</p>
|
|
<script src="main.js" defer ></script>
|
|
</body>
|
|
</html>
|
|
|