ParkSuMin/DELIVER_MAN
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Ready index.html

Browse Source
This commit is contained in:
ParkSuMin
2026-01-03 18:11:02 +03:00
parent 45e07d6413
commit 363798ca44
2 changed files with 68 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
public/index.html
View File

@@ -1,24 +1,59 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8" />
<title>Личный кабинет</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB"
crossorigin="anonymous"
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Личный кабинет склада — Заказы</title>
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
rel="stylesheet"
/>
</head>
<body class="bg-light">
<link href="/styles.css" rel="stylesheet" />
<script src="./app.js" defer></script>
</head>
<body class="bg-light">
<div class="container py-4">
<div class="d-flex flex-wrap gap-3 align-items-center justify-content-between mb-4">
<div>
<h1 class="h3 mb-1">Заказы склада</h1>
<p class="text-muted mb-0">Текущая дата: <span id="current-date">{ empty }</span></p>
</div>
<button id="advance-date" class="btn btn-outline-primary">Следующий день</button>
<div class="d-flex flex-wrap gap-3 align-items-center justify-content-between mb-4">
<div>
<h1 class="h3 mb-1">Заказы склада</h1>
<p class="text-muted mb-0">Текущая дата: <span id="current-date">—</span></p>
</div>
<button id="advance-date" class="btn btn-outline-primary">Переключить дату +1</button>
</div>
<div id="notification" class="alert d-none" role="alert"></div>
<div class="row g-4">
<div class="col-lg-4">
<div class="card shadow-sm">
<div class="card-body">
<h2 class="h5">Создать заказ</h2>
<form id="order-form" class="d-grid gap-2">
<div>
<label class="form-label" for="customer-name">ФИО заказчика</label>
<input type="text" class="form-control" id="customer-name" required />
</div>
<div>
<label class="form-label" for="order-date">Дата заказа</label>
<input type="date" class="form-control" id="order-date" required />
</div>
<button type="submit" class="btn btn-primary">Добавить</button>
</form>
</div>
</div>
<div class="card shadow-sm mt-4">
<div class="card-body">
<h2 class="h5">Остатки склада</h2>
<ul id="inventory" class="list-group list-group-flush"></ul>
</div>
</div>
</div>
<div class="col-lg-8">
<div id="orders" class="d-grid gap-3"></div>
</div>
</div>
</div>
</body>
</html>
</body>
</html>

15
public/styles.css Normal file
View File

@@ -0,0 +1,15 @@
body {
font-family: "Inter", "Segoe UI", sans-serif;
}
.order-card {
border-left: 4px solid #0d6efd;
}
.order-meta {
font-size: 0.9rem;
}
.item-actions {
min-width: 220px;
}