92 lines
2.7 KiB
HTML
92 lines
2.7 KiB
HTML
<!doctype html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
|
|
<title>P-Touch Mobile</title>
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='mobile.css') }}">
|
|
</head>
|
|
<body>
|
|
<main class="mobile-shell">
|
|
<header>
|
|
<div>
|
|
<h1>P-Touch Mobile</h1>
|
|
<p>PT-P700</p>
|
|
</div>
|
|
<a href="{{ url_for('index') }}">Editor</a>
|
|
</header>
|
|
|
|
<section class="card">
|
|
<label>
|
|
Text
|
|
<textarea id="mobileText" rows="5" autofocus placeholder="Etikettentext"></textarea>
|
|
</label>
|
|
</section>
|
|
|
|
<section class="card settings">
|
|
<label>
|
|
Band
|
|
<div class="input-action">
|
|
<select id="mobileTape">
|
|
{% for width in tape_widths %}
|
|
<option value="{{ width }}" {% if width == 24 %}selected{% endif %}>{{ width }} mm</option>
|
|
{% endfor %}
|
|
</select>
|
|
<button id="mobileDetect" type="button">Erkennen</button>
|
|
</div>
|
|
</label>
|
|
|
|
<div class="grid-2">
|
|
<label>
|
|
Laenge
|
|
<input id="mobileLength" type="number" min="20" max="300" step="1" value="70">
|
|
</label>
|
|
<label>
|
|
Rand
|
|
<input id="mobileMargin" type="number" min="0" max="20" step="0.5" value="2">
|
|
</label>
|
|
</div>
|
|
|
|
<div class="grid-2">
|
|
<label>
|
|
Schrift
|
|
<input id="mobileFont" type="number" min="2" max="24" step="0.5" value="6">
|
|
</label>
|
|
<label>
|
|
Kopien
|
|
<input id="mobileCopies" type="number" min="1" max="20" step="1" value="1">
|
|
</label>
|
|
</div>
|
|
|
|
<label>
|
|
Ausrichtung
|
|
<select id="mobileAlign">
|
|
<option value="left">Links</option>
|
|
<option value="center" selected>Mitte</option>
|
|
<option value="right">Rechts</option>
|
|
</select>
|
|
</label>
|
|
|
|
<div class="check-row">
|
|
<label><input id="mobileBold" type="checkbox" checked> Fett</label>
|
|
<label><input id="mobileFrame" type="checkbox"> Rahmen</label>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="card">
|
|
<div class="preview">
|
|
<img id="mobilePreview" alt="Vorschau">
|
|
</div>
|
|
<p id="mobileMessage" class="message"></p>
|
|
</section>
|
|
|
|
<nav class="bottom-actions">
|
|
<button id="mobilePreviewBtn" type="button">Vorschau</button>
|
|
<button id="mobilePrintBtn" type="button" class="primary">Drucken</button>
|
|
</nav>
|
|
</main>
|
|
|
|
<script src="{{ url_for('static', filename='mobile.js') }}"></script>
|
|
</body>
|
|
</html>
|