add telegram auth and reminders foundation
This commit is contained in:
@@ -12,6 +12,14 @@
|
||||
<script src="https://telegram.org/js/telegram-web-app.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="auth-overlay" id="authOverlay">
|
||||
<div class="auth-panel">
|
||||
<p class="eyebrow">Drivers</p>
|
||||
<h1>Гараж</h1>
|
||||
<p>Войди через Telegram, чтобы привязать гараж к твоему chat_id.</p>
|
||||
<div id="telegramLoginSlot" class="telegram-login-slot"></div>
|
||||
</div>
|
||||
</div>
|
||||
<main class="shell">
|
||||
<header class="topbar">
|
||||
<div>
|
||||
@@ -187,6 +195,14 @@
|
||||
Исполнитель
|
||||
<input name="vendor" placeholder="СТО / магазин" />
|
||||
</label>
|
||||
<label>
|
||||
Следующая дата
|
||||
<input name="next_due_date" type="date" />
|
||||
</label>
|
||||
<label>
|
||||
Следующий пробег
|
||||
<input name="next_due_odometer" type="number" min="0" />
|
||||
</label>
|
||||
<button type="submit">Сохранить запись</button>
|
||||
</form>
|
||||
</section>
|
||||
@@ -235,24 +251,6 @@
|
||||
<button type="button" class="wide-btn" id="enableNotificationsBtn">Включить уведомления</button>
|
||||
</section>
|
||||
|
||||
<section class="drawer-section hidden" id="scanSection">
|
||||
<h2>Скан чека</h2>
|
||||
<form id="ocrForm" class="grid-form drawer-form">
|
||||
<label>
|
||||
Фото или файл чека
|
||||
<span class="scan-actions">
|
||||
<button type="button" class="ghost-btn" id="scanCameraBtn">Сфотографировать</button>
|
||||
<button type="button" class="ghost-btn" id="scanFileBtn">Выбрать файл</button>
|
||||
</span>
|
||||
<input id="receiptCameraInput" class="hidden-file" type="file" accept="image/*" capture="environment" />
|
||||
<input id="receiptFileInput" class="hidden-file" type="file" accept="image/*,.pdf,.txt" />
|
||||
</label>
|
||||
<div id="receiptFileName" class="file-hint">Файл не выбран</div>
|
||||
<button type="submit">Распознать</button>
|
||||
</form>
|
||||
<div id="ocrResult" class="tip-card">После распознавания поля заправки заполнятся автоматически.</div>
|
||||
</section>
|
||||
|
||||
<section class="drawer-section" id="carFormSection">
|
||||
<h2>Новое авто</h2>
|
||||
<form id="carForm" class="grid-form drawer-form">
|
||||
@@ -278,6 +276,26 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="scan-modal hidden" id="scanModal">
|
||||
<div class="scan-panel">
|
||||
<div class="section-head">
|
||||
<h2>Скан чека</h2>
|
||||
<button class="icon-btn" id="closeScanBtn" aria-label="Закрыть">×</button>
|
||||
</div>
|
||||
<form id="ocrForm" class="scan-form">
|
||||
<div class="scan-actions">
|
||||
<button type="button" class="ghost-btn" id="scanCameraBtn">Сфотографировать</button>
|
||||
<button type="button" class="ghost-btn" id="scanFileBtn">Выбрать файл</button>
|
||||
</div>
|
||||
<input id="receiptCameraInput" class="hidden-file" type="file" accept="image/*" capture="environment" />
|
||||
<input id="receiptFileInput" class="hidden-file" type="file" accept="image/*,.pdf,.txt" />
|
||||
<div id="receiptFileName" class="file-hint">Файл не выбран</div>
|
||||
<button type="submit">Распознать</button>
|
||||
</form>
|
||||
<div id="ocrResult" class="tip-card">После распознавания поля заправки заполнятся автоматически.</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="report-sheet hidden" id="reportSheet">
|
||||
<div class="sheet-panel">
|
||||
<div class="section-head">
|
||||
|
||||
Reference in New Issue
Block a user