mirror of
https://github.com/nuttylmao/nutty.gg.git
synced 2026-09-18 19:50:58 -04:00
77 lines
2.7 KiB
HTML
77 lines
2.7 KiB
HTML
<!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>
|
|
<div class="setting-label" for="paper-width">Paper Width (mm)</div>
|
|
<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>
|
|
<div class="setting-label" for="ignore-test-triggers">Ignore Test Triggers</div>
|
|
<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>
|
|
<div class="setting-label" for="delete-temp-files">Delete Temp Files</div>
|
|
<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">
|
|
<img id="receipt-icon" src="">
|
|
<div id="receipt-date"></div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script src="../../../.common/utils/helpers.js"></script>
|
|
<script src="script.js"></script> |