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

Polyclinic/PolyclinicWebAppSuretor/Models/SelectItems.cs

@@ -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);
-            }
-        }
-
-    }
-}

Polyclinic/PolyclinicWebAppSuretor/Views/Home/CreateRecipe.cshtml

@@ -3,14 +3,79 @@
 @{
     ViewData["Title"] = "CreateRecipe";
 }
-
+<div class="text-center mt-3 mb-3">
-<div class="text-center">
     <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="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 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 class="d-flex flex-row mb-5">
+            <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>
+        </div>
+    </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" />
@@ -28,10 +93,15 @@
     <div class="col-4">Процедуры:</div>
     <div class="col-8">
     <select id="procedure" name="procedure" class="form-control">
-                @* @foreach (var sushi in ViewBag.Sushis)
+    <option value="">Выберите рецепт/ы</option>
+    @{
+    int count = 3;
+    for (int i = 1; i <= count; i++)
     {
-                    <option value="@sushi.Id">@sushi.SushiName</option>
+    <option value="@i">рецепт "@i"</option>
-                } *@
+    }
+    }
+    </select>
 
     </select>
     </div>
@@ -42,5 +112,5 @@
     <div class="col-4">
     <input type="submit" value="Создать" class="btn btn-primary" />
     </div>
-    </div>
+    </div> *@
 </form>

Polyclinic/PolyclinicWebAppSuretor/wwwroot/css/site.css

@@ -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;
     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;
 }