80 lines
4.6 KiB
HTML
80 lines
4.6 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
|
|
<script src="{{ url_for('static', filename='js/vendor/socketio/socket.io.min.js') }}"></script>
|
|
<!-- <script src="{{ url_for('static', filename='js/vendor/SegmentDisplay/segment-display.js') }}"></script> -->
|
|
<script src="{{ url_for('static', filename='js/mkb_handler.js') }}"></script>
|
|
<!-- <script src="{{ url_for('static', filename='js/seven_segment.js') }}"></script> -->
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/codemirror.css') }}">
|
|
<script src="{{ url_for('static', filename='js/vendor/codemirror/codemirror.js') }}"></script>
|
|
<script src="{{ url_for('static', filename='js/vendor/codemirror/toml/toml.js') }}"></script>
|
|
<script src="{{ url_for('static', filename='js/my-codemirror.js') }}"></script>
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/vendor/handsontable/handsontable.min.css') }}">
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/vendor/handsontable/ht-theme-main.min.css') }}">
|
|
<script src="{{ url_for('static', filename='js/vendor/handsontable/handsontable.full.min.js') }}"></script>
|
|
<script src="{{ url_for('static', filename='js/table.js') }}"></script>
|
|
<script src="{{ url_for('static', filename='js/profiles.js') }}"></script>
|
|
|
|
<html>
|
|
|
|
<head>
|
|
<title>IP KVM & OC Tuner</title>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="row-flex-container full-screen">
|
|
<div class="column-flex-container left-third">
|
|
<div class="menubar">
|
|
<select id="profile-select">
|
|
<option disabled selected class="first-option">Load profile...</option>
|
|
</select>
|
|
<select id="serial-select" onchange="code_mirror.setValue(update_toml('esp32_serial', this.value));"">
|
|
<option disabled selected class="first-option">Serial device...</option>
|
|
</select>
|
|
<select id="video-select" onchange="code_mirror.setValue(update_toml('friendly_name', this.value)); populate_resolution(this.value);">
|
|
<option disabled selected class="first-option">Video device...</option>
|
|
</select>
|
|
<select id="resolution-select" onchange="code_mirror.setValue(update_toml('resolution', this.value)); populate_fps(this.value, videoDropdown.value);">
|
|
<option disabled selected class="first-option">Resolution...</option>
|
|
</select>
|
|
<select id="fps-select" onchange="code_mirror.setValue(update_toml('fps', this.value));">
|
|
<option disabled selected class="first-option">FPS...</option>
|
|
</select>
|
|
<button type="button" onclick="socket.emit('save_profile', code_mirror.getValue());">Save</button>
|
|
<button type="button" onclick="save_new_profile();">Save as</button>
|
|
</div>
|
|
<div class="cm-editor">
|
|
<div id="codemirror" class="cm-scroller"></div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="right-third">
|
|
<div class="row-flex-container">
|
|
<button type="button" onclick="socket.emit(`power_on`);">Power on</button>
|
|
<button type="button" onclick="socket.emit(`soft_power_off`);">Soft power off</button>
|
|
<button type="button" onclick="socket.emit(`hard_power_off`);">Hard power off</button>
|
|
<button type="button" onclick="socket.emit(`reboot`);">Reboot</button>
|
|
<button type="button" onclick="socket.emit(`reboot_into_bios`);">Reboot into BIOS</button>
|
|
<button type="button" onclick="socket.emit(`clear_cmos`);">Clear CMOS</button>
|
|
<button type="button" onclick="socket.emit(`apply_current_bios_settings`);">Apply Current BIOS Settings</button>
|
|
</div>
|
|
<div id="streamview" class="stream-container">
|
|
<img src="/video_feed" class="stream-view" />
|
|
</div>
|
|
<div id="stats-table" class="ht-theme-main">Waiting for data...</div>
|
|
<!-- <div class="row-flex-container right-third">
|
|
<div id="post-log-container" class="post-log-container"></div>
|
|
<div id="displayView" class="topic segment-container">
|
|
<div style="padding:20px">
|
|
<canvas id="display" width="260" height="140">
|
|
Your browser is unfortunately not supported.
|
|
</canvas>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> -->
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
</html> |