Неплохой фронтенд вроде

This commit is contained in:
dasha 2023-04-03 19:29:30 +04:00
parent bab1b63323
commit 0a57d3ebf3
10 changed files with 112 additions and 37 deletions

View File

@ -31,7 +31,7 @@
<a class="nav-link text-dark" asp-area="" asp-controller="Storekeeper" asp-action="ListBuilds">Получение списка</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" asp-area="" asp-controller="Storekeeper" asp-action="Report">Отчет</a>
<a class="nav-link text-dark" asp-area="" asp-controller="Storekeeper" asp-action="Report">Отчёт</a>
</li>
</ul>
</div>

View File

@ -11,10 +11,10 @@
<div class="text-center">
<p>
<a asp-action="CreateComponent" class="mx-2">Создать комплектующее</a>
<a href="#" class="mx-2">Изменить комплектующее</a>
<a href="#" class="mx-2">Удалить комплектующее</a>
<a asp-action="LinkBuilds" class="mx-2">Привязка сборок</a>
<a asp-action="CreateComponent" class="btn btn-primary mx-2">Создать комплектующее</a>
<button type="button" class="btn btn-primary mx-2" data-bs-toggle="modal" data-bs-target="#exampleModal">Изменить комплектующее</button>
<button type="button" class="btn btn-primary mx-2">Удалить комплектующее</button>
<a asp-action="LinkBuilds" class="btn btn-primary mx-2">Привязка сборок</a>
</p>
<table class="table">
<thead>
@ -31,3 +31,30 @@
</tbody>
</table>
</div>
<form method="post" class="d-flex flex-column align-items-center">
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Изменение комплектующего</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Закрыть"></button>
</div>
<div class="modal-body">
<div class="col">
<label class="form-label">Название</label>
<input type="text" class="form-control" name="email">
</div>
<div class="col">
<label class="form-label">Стоимость</label>
<input type="number" step="0.01" class="form-control" name="cost" min="0.01">
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Закрыть</button>
<button type="submit" class="btn btn-primary">Сохранить</button>
</div>
</div>
</div>
</div>
</form>

View File

@ -17,6 +17,6 @@
<input type="number" step="0.01" class="form-control" name="cost" min="0.01">
</div>
<div class="col-sm-2 d-flex justify-content-evenly align-items-baseline">
<button type="submit" class="btn btn-primary mt-3 px-4">Подтвердить</button>
<button type="submit" class="btn btn-primary mt-3 px-4">Сохранить</button>
</div>
</form>

View File

@ -16,15 +16,11 @@
<label class="form-label">Цена</label>
<input type="number" step="0.01" class="form-control" name="price" readonly min="0.01">
</div>
<h1 class="display-6">Добавление комплектующих</h1>
<div class="col-sm-3">
<label class="form-label">Комплектующее</label>
<select class="form-control" name="component"></select>
<label class="form-label">Количество</label>
<input type="number" class="form-control" name="count" min="1">
<h1 class="display-6">Комплектующие</h1>
<div class="d-flex justify-content-center">
<button type="submit" class="btn btn-primary mt-3 px-4">Добавить</button>
</div>
<button type="button" class="btn btn-primary mx-2 mt-3" data-bs-toggle="modal" data-bs-target="#exampleModal">Добавить</button>
<button type="button" class="btn btn-primary mx-2 mt-3" data-bs-toggle="modal" data-bs-target="#exampleModal">Изменить</button>
<button type="button" class="btn btn-primary mx-2 mt-3">Удалить</button>
</div>
<table class="table table-hover">
<thead>
@ -38,6 +34,27 @@
</tbody>
</table>
<div class="col-sm-2 d-flex justify-content-evenly align-items-baseline">
<button type="submit" class="btn btn-primary mt-3 px-4">Подтвердить</button>
<button type="submit" class="btn btn-primary mt-3 px-4">Сохранить</button>
</div>
</form>
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Комплектующее</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Закрыть"></button>
</div>
<div class="modal-body">
<label class="form-label">Комплектующее</label>
<select class="form-control" name="component"></select>
<label class="form-label">Количество</label>
<input type="number" class="form-control" name="count" min="1">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Закрыть</button>
<button type="submit" class="btn btn-primary">Сохранить</button>
</div>
</div>
</div>
</div>

View File

@ -21,6 +21,6 @@
<input type="number" step="0.01" class="form-control" name="sum" readonly>
</div>
<div class="col-sm-2 d-flex justify-content-evenly align-items-baseline">
<button type="submit" class="btn btn-primary mt-3 px-4">Подтвердить</button>
<button type="submit" class="btn btn-primary mt-3 px-4">Сохранить</button>
</div>
</form>

View File

@ -10,9 +10,9 @@
<div class="text-center">
<p>
<a asp-action="CreateGood" class="mx-2">Создать товар</a>
<a asp-action="Goods" class="mx-2">Изменить товар</a>
<a asp-action="Goods" class="mx-2">Удалить товар</a>
<a asp-action="CreateGood" class="btn btn-primary mx-2">Создать товар</a>
<a asp-action="Goods" class="btn btn-primary mx-2">Изменить товар</a>
<a asp-action="Goods" class="btn btn-primary mx-2">Удалить товар</a>
</p>
<table class="table">
<thead>

View File

@ -12,12 +12,11 @@
<div class="col-sm-3">
<label class="form-label">Комплектующее</label>
<select class="form-control" name="component"></select>
<label class="form-label">Сборка</label>
<select class="form-control" name="build"></select>
<label class="form-label">Количество</label>
<input type="number" class="form-control" name="count" min="1">
<div class="d-flex justify-content-center">
<button type="submit" class="btn btn-primary mt-3 px-4">Привязать</button>
<button type="button" class="btn btn-primary mx-2 mt-3" data-bs-toggle="modal" data-bs-target="#exampleModal">Привязать</button>
<button type="button" class="btn btn-primary mx-2 mt-3" data-bs-toggle="modal" data-bs-target="#exampleModal">Изменить</button>
<button type="button" class="btn btn-primary mx-2 mt-3">Отвязать</button>
</div>
</div>
<h1 class="display-6">Привязанные сборки</h1>
@ -32,6 +31,27 @@
</tbody>
</table>
<div class="col-sm-2 d-flex justify-content-evenly align-items-baseline">
<button type="submit" class="btn btn-primary mt-3 px-4">Подтвердить</button>
<button type="submit" class="btn btn-primary mt-3 px-4">Сохранить</button>
</div>
</form>
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Привязка сборки</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Закрыть"></button>
</div>
<div class="modal-body">
<label class="form-label">Сборка</label>
<select class="form-control" name="build"></select>
<label class="form-label">Количество</label>
<input type="number" class="form-control" name="count" min="1">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Закрыть</button>
<button type="submit" class="btn btn-primary">Сохранить</button>
</div>
</div>
</div>
</div>

View File

@ -22,6 +22,7 @@
</tbody>
</table>
<div class="col-sm-2 d-flex justify-content-evenly align-items-baseline">
<button type="submit" class="btn btn-primary mt-3 px-4">Подтвердить</button>
<button type="submit" class="btn btn-primary mt-3 px-4">Сохранить в doc-формате</button>
<button type="submit" class="btn btn-primary mt-3 px-4">Сохранить в xls-формате</button>
</div>
</form>

View File

@ -8,15 +8,14 @@
<h1 class="display-4">Заказы</h1>
</div>
<div class="text-center">
<p>
<a asp-action="CreateOrder" class="mx-2">Создать заказ</a>
<a href="#" class="mx-2">Удалить заказ</a>
<a href="#" class="mx-2">Принят</a>
<a href="#" class="mx-2">Выполняется</a>
<a href="#" class="mx-2">Готов</a>
<a href="#" class="mx-2">Выдан</a>
<a asp-action="CreateOrder" class="btn btn-primary mx-2">Создать заказ</a>
<button type="button" class="btn btn-primary mx-2">Удалить заказ</button>
<button type="button" class="btn btn-primary mx-2">Принят</button>
<button type="button" class="btn btn-primary mx-2">Выполняется</button>
<button type="button" class="btn btn-primary mx-2">Готов</button>
<button type="button" class="btn btn-primary mx-2">Выдан</button>
</p>
<table class="table">
<thead>

View File

@ -3,3 +3,14 @@
ViewData["Title"] = "Отчет";
Layout = "~/Views/Shared/_LayoutStorekeeper.cshtml";
}
<form method="post" class="d-flex flex-column align-items-center">
<div class="col-sm-3">
<label class="form-label">С</label>
<input type="date" class="form-control" name="dateFrom">
<label class="form-label">По</label>
<input type="date" class="form-control" name="dateTo">
</div>
<button type="submit" class="btn btn-primary mt-3 px-4">Вывод на страницу</button>
<button type="submit" class="btn btn-primary mt-3 px-4">Отправить на почту</button>
</form>