mirror of
https://github.com/nuttylmao/nutty.gg.git
synced 2026-09-19 04:00:59 -04:00
Complete overhaul of Printer Bot dock
First stage of widget-dock-core
This commit is contained in:
@@ -0,0 +1,76 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<link rel="stylesheet" href="../../../.common/styles/global.css" />
|
||||
<link rel="stylesheet" href="./style.css" />
|
||||
<script src="https://cdn.jsdelivr.net/npm/luxon@3/build/global/luxon.min.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="settings">
|
||||
<div class="setting">
|
||||
<div>
|
||||
<div class="setting-label" for="printer-name">Printer Name</div>
|
||||
<div class="setting-description">As labelled in Windows > Settings > Printers & Scanners</div>
|
||||
</div>
|
||||
<input type="text" id="printer-name" name="printer-name" placeholder="" value="" autocomplete="off">
|
||||
</div>
|
||||
<div class="setting">
|
||||
<div>
|
||||
<label class="setting-label" for="paper-width">Paper Width (mm)</label>
|
||||
<div class="setting-description">Printer Bot was designed for 80mm thermal paper</div>
|
||||
</div>
|
||||
<input type="number" id="paper-width" name="paper-width" placeholder="80" value="80" min="0" autocomplete="off">
|
||||
</div>
|
||||
<div class="setting">
|
||||
<div>
|
||||
<label class="setting-label" for="ignore-test-triggers">Ignore Test Triggers</label>
|
||||
<div class="setting-description">In enabled, 'Test' and 'Simulate' events will be ignored</div>
|
||||
</div>
|
||||
<label class="switch" style="margin-left: auto;">
|
||||
<input type="checkbox" id="ignore-test-triggers" name="ignore-test-triggers">
|
||||
<span class="slider round"></span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="setting">
|
||||
<div>
|
||||
<label class="setting-label" for="delete-temp-files">Delete Temp Files</label>
|
||||
<div class="setting-description">Turn this off for debugging</div>
|
||||
</div>
|
||||
<label class="switch" style="margin-left: auto;">
|
||||
<input type="checkbox" id="delete-temp-files" name="delete-temp-files" checked>
|
||||
<span class="slider round"></span>
|
||||
</label>
|
||||
</div>
|
||||
<button id="test-print-button" onclick="TestPrint()">Test Print</button>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
||||
<!-- Receipt Template -->
|
||||
<template id="receipt-template">
|
||||
<div id="receipt-container">
|
||||
<!-- Header -->
|
||||
<div id="receipt-header">
|
||||
<img id="receipt-avatar">
|
||||
<div>
|
||||
<div id="receipt-title"></div>
|
||||
<div id="receipt-subtitle"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Contents -->
|
||||
<div id="receipt-content">
|
||||
</div>
|
||||
|
||||
<!-- Footer -->
|
||||
<div id="receipt-footer">
|
||||
<div id="receipt-date"></div>
|
||||
<img id="receipt-icon" src="icons/platforms/twitch.png">
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script src="script.js"></script>
|
||||
Reference in New Issue
Block a user