Merge branch 'stage7_user_web_interface_prototype' of https://git.is.ulstu.ru/ns.potapov/PIbd-21_CourseWork_Polyclinic_BeSick into stage7_user_web_interface_prototype

This commit is contained in:
Никита Потапов 2024-04-30 23:11:14 +04:00
commit bb331000f6
4 changed files with 172 additions and 94 deletions

View File

@ -1,20 +0,0 @@
namespace PolyclinicWebAppSuretor.Models
{
public class SelectItems
{
public List<string> Items
{
get; set;
}
string[] arr = ["1", "2", "3"];
public void AddItems()
{
foreach (var item in arr)
{
Items.Add(item);
}
}
}
}

View File

@ -3,44 +3,114 @@
@{
ViewData["Title"] = "CreateRecipe";
}
<div class="text-center">
<div class="text-center mt-3 mb-3">
<h2 class="display-4">Создание рецепта</h2>
</div>
<form method="post">
<form method="post" class="form-create-recipe d-flex flex-row justify-content-around align-items-center">
<div class="row">
<div class="col-4">Количество процедур:</div>
<div class="col-8">
<input type="text" name="count" id="count" />
<div class="d-flex flex-column mb-5 mt-5">
<div class="d-flex flex-row mb-5 flex-row justify-content-between align-items-center">
<h3 class="col-3">
Количество процедур:
</h3>
<input class="col-6" type="text" />
</div>
</div>
<div class="row">
<div class="col-4">Комментарий:</div>
<div class="col-8">
<input type="text" id="sum" name="sum" readonly />
<div class="d-flex flex-row mb-5 flex-row justify-content-between align-items-center">
<h3 class="col-3">
Комментарий:
</h3>
<textarea class="col-6" id="comment" name="comment">
</textarea>
</div>
</div>
<div class="row">
<div class="col-4">Процедуры:</div>
<div class="col-8">
<div class="d-flex flex-row mb-5">
<select id="procedure" name="procedure" class="form-control">
@* @foreach (var sushi in ViewBag.Sushis)
{
<option value="@sushi.Id">@sushi.SushiName</option>
} *@
<option value="">Выберите процедуру/ы</option>
@{
int count = 3;
for (int i = 1; i <= count; i++)
{
<option value="@i">процедура "@i"</option>
}
}
</select>
</div>
</div>
<div class="row">
<div class="col-8"></div>
<div class="col-4">
<input type="submit" value="Создать" class="btn btn-primary" />
</div>
<div class="d-flex flex-column overflow-auto" style="max-height: 30vh">
<table class="table-recipe-create table">
<thead>
<tr>
<th>
Выбранное из процедур:
</th>
</tr>
</thead>
<tbody>
@{
int cRows = 20;
for (int i = 1; i <= cRows; i++)
{
<tr>
<td>Процедура № @i </td>
<td>
<svg class="bi-cart-delete" viewBox="0 0 154 164" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M44.5 123C4.99995 119.5 -11.8431 56.4293 24 19.5C40.5 2.50001 72.5 -5.5 101.5 27.5L115.5 14.5" stroke="#D10000" stroke-width="8" stroke-linecap="round" />
<path d="M65.2123 159.963L56 60.0001C88.0236 76.3307 119.521 77.4194 149 60.0001C141.63 142.346 140.08 160.953 140.226 159.963H65.2123Z" stroke="#D10000" stroke-width="8" />
<path d="M121 36L101.582 55L75 31" stroke="#D10000" stroke-width="8" stroke-linecap="round" />
</svg>
</td>
</tr>
}
}
</tbody>
</table>
</div>
@* <div class="row">
<div class="col-4">Количество процедур:</div>
<div class="col-8">
<input type="text" name="count" id="count" />
</div>
</div>
<div class="row">
<div class="col-4">Комментарий:</div>
<div class="col-8">
<input type="text" id="sum" name="sum" readonly />
</div>
</div>
<div class="row">
<div class="col-4">Процедуры:</div>
<div class="col-8">
<select id="procedure" name="procedure" class="form-control">
<option value="">Выберите рецепт/ы</option>
@{
int count = 3;
for (int i = 1; i <= count; i++)
{
<option value="@i">рецепт "@i"</option>
}
}
</select>
</select>
</div>
</div>
<div class="row">
<div class="col-8"></div>
<div class="col-4">
<input type="submit" value="Создать" class="btn btn-primary" />
</div>
</div> *@
</form>

View File

@ -14,53 +14,53 @@
// <h3 class="display-4">Авторизируйтесь</h3>
// return;
// }
<p>
<a asp-action="CreateProcedure">Создать процедуру</a>
</p>
<table class="table">
<thead>
<tr>
<th>
Номер
</th>
<th>
Название процедуры
</th>
<th>
Комментарий
</th>
<th>
Редактировать
</th>
<th>
Удалить
</th>
</tr>
</thead>
<tbody>
<td>
1
</td>
<td>
Массаж пяточек
</td>
<td>
ммммммм
</td>
<td>
<svg class="bi-edit-pen" viewBox="0 0 127 127" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M105.5 26L37 114.5C34.5 117 16.3 121.7 7.5 122.5C79.1 34.1 101 5.5 102 4C104.833 4.5 119.3 14.6 122.5 21C105 44 98.5 55 111.5 58.5" stroke="#008315" stroke-width="6" stroke-linecap="round" />
</svg>
<p>
<a asp-action="CreateProcedure">Создать процедуру</a>
</p>
<table class="table">
<thead>
<tr>
<th>
Номер
</th>
<th>
Название процедуры
</th>
<th>
Комментарий
</th>
<th>
Редактировать
</th>
<th>
Удалить
</th>
</tr>
</thead>
<tbody>
<td>
1
</td>
<td>
Массаж пяточек
</td>
<td>
ммммммм
</td>
<td>
<svg class="bi-edit-pen" viewBox="0 0 127 127" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M105.5 26L37 114.5C34.5 117 16.3 121.7 7.5 122.5C79.1 34.1 101 5.5 102 4C104.833 4.5 119.3 14.6 122.5 21C105 44 98.5 55 111.5 58.5" stroke="#008315" stroke-width="6" stroke-linecap="round" />
</svg>
</td>
<td>
<svg class="bi-cart-delete" viewBox="0 0 154 164" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M44.5 123C4.99995 119.5 -11.8431 56.4293 24 19.5C40.5 2.50001 72.5 -5.5 101.5 27.5L115.5 14.5" stroke="#D10000" stroke-width="8" stroke-linecap="round" />
<path d="M65.2123 159.963L56 60.0001C88.0236 76.3307 119.521 77.4194 149 60.0001C141.63 142.346 140.08 160.953 140.226 159.963H65.2123Z" stroke="#D10000" stroke-width="8" />
<path d="M121 36L101.582 55L75 31" stroke="#D10000" stroke-width="8" stroke-linecap="round" />
</svg>
</td>
</tbody>
</table>
</td>
<td>
<svg class="bi-cart-delete" viewBox="0 0 154 164" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M44.5 123C4.99995 119.5 -11.8431 56.4293 24 19.5C40.5 2.50001 72.5 -5.5 101.5 27.5L115.5 14.5" stroke="#D10000" stroke-width="8" stroke-linecap="round" />
<path d="M65.2123 159.963L56 60.0001C88.0236 76.3307 119.521 77.4194 149 60.0001C141.63 142.346 140.08 160.953 140.226 159.963H65.2123Z" stroke="#D10000" stroke-width="8" />
<path d="M121 36L101.582 55L75 31" stroke="#D10000" stroke-width="8" stroke-linecap="round" />
</svg>
</td>
</tbody>
</table>
}
</div>

View File

@ -24,9 +24,37 @@ body {
.bi-edit-pen {
color: rgb(72, 108, 16);
height: 25px;
transition: transform 0.3s;
}
.bi-edit-pen:hover{
transform: scale(1.5);
}
.bi-cart-delete {
color: red ;
color: red;
height: 25px;
transition: transform 0.3s;
}
.form-create-recipe{
color: white;
background-color: rgb(66, 132, 112)
}S
.create-recipe{
background-color: rgb(145, 195, 128)
}
.bi-cart-delete:hover {
transform: scale(1.5);
}
.svg-icon {
transition: transform 0.3s;
}
.table-recipe-create{
font-size: 2.5vh;
color: white;
}