lukas/mimaki
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add text to hpgl tab

Browse Source
This commit is contained in:
Lukas Cremer
2026-02-03 23:26:44 +01:00
parent cd846577a4
commit 82e5ef4b73
7 changed files with 399 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
webui/templates/index.html
View File

@@ -10,6 +10,10 @@
<div class="app">
<header class="header">
<h1>HPGL Plotter</h1>
<nav class="tabs">
<button type="button" class="tab active" id="tabFile" data-tab="file">File</button>
<button type="button" class="tab" id="tabText" data-tab="text">Text</button>
</nav>
<div class="status" id="status">
<span class="status-file" id="statusFile">No file</span>
<span class="status-plotter" id="statusPlotter">Plotter: —</span>
@@ -18,11 +22,28 @@
<main class="main">
<aside class="sidebar">
<section class="upload-section">
<label class="upload-label" for="fileInput">Upload HPGL</label>
<input type="file" id="fileInput" accept=".hpgl,.plt" class="file-input">
<p class="hint">.hpgl or .plt files only</p>
</section>
<div id="panelFile" class="tab-panel">
<section class="upload-section">
<label class="upload-label" for="fileInput">Upload HPGL</label>
<input type="file" id="fileInput" accept=".hpgl,.plt" class="file-input">
<p class="hint">.hpgl or .plt files only</p>
</section>
</div>
<div id="panelText" class="tab-panel hidden">
<section class="text-section">
<label class="upload-label" for="textInput">Text</label>
<textarea id="textInput" class="text-input" rows="4" placeholder="Enter text to convert to HPGL"></textarea>
<label class="upload-label" for="fontSelect">Font</label>
<select id="fontSelect" class="font-select">
<option value="">— Select font —</option>
</select>
<label class="upload-label" for="textSize">Size (pt)</label>
<input type="number" id="textSize" class="text-size" value="72" min="8" max="500" step="1">
<button type="button" class="btn btn-generate" id="btnGenerateHpgl">Generate HPGL</button>
<p id="textMessage" class="message"></p>
</section>
</div>
<section class="scale-section">
<h2>Size (plotter units)</h2>