Вынести кнопки в выпадающее меню.

***
- вынес кнопки действий в выпадающее меню на странице со списком смартфонов.
- добавил заготовку под миниатюру в таблице на странице со списком смартфонов.
***

#1

PhoneStore/Controllers/HomeController.cs

-using System.Diagnostics;
-using System.IO;
-using Microsoft.AspNetCore.Mvc;
-using Microsoft.Extensions.Hosting;
-using Microsoft.Extensions.Logging;
-using PhoneStore.Models;
-
-namespace PhoneStore.Controllers
-{
-    public class HomeController : Controller
-    {
-        private readonly ILogger<HomeController> _logger;
-        private readonly IHostEnvironment _environment;
-
-        public HomeController(
-            ILogger<HomeController> logger, 
-            IHostEnvironment environment)
-        {
-            _logger = logger;
-            _environment = environment;
-        }
-        
-        [HttpGet]
-        public IActionResult Index()
-        {
-            return View();
-        }
-
-        [HttpGet]
-        public IActionResult Test()
-        {
-            string filePath = Path.Combine("~/Files/", "test.txt");
-            string fileType = "application/txt";
-            return File(filePath, fileType);
-        }
-        
-        [HttpGet]
-        [ActionName("Test2")]
-        public string Test(Phone phone)
-        {
-            return null;
-        }
-        
-        [HttpGet]
-        [ActionName("Test3")]
-        public string Test(Phone[] phones)
-        {
-            return "tets";
-        }
-
-        public IActionResult Privacy()
-        {
-            return View();
-        }
-    }
-}
\ No newline at end of file

PhoneStore/Startup.cs

@@ -73,7 +73,7 @@ namespace PhoneStore
             {
                 endpoints.MapControllerRoute(
                     name: "default",
-                    pattern: "{controller=Home}/{action=Index}/{id?}");
+                    pattern: "{controller=Phones}/{action=Index}/{id?}");
             });
         }
     }

PhoneStore/Views/Errors/Error.cshtml

@@ -267,7 +267,7 @@
         <h1>@Model.StatusCode</h1>
         <h2>@Model.Title</h2>
         <p>@Model.Message</p>
-        <a asp-action="Index" asp-controller="Home">На главную</a>
+        <a asp-action="Index" asp-controller="Phones">На главную</a>
       </div>
     </div>
   </div>

PhoneStore/Views/Phones/Index.cshtml

@@ -4,7 +4,6 @@
     ViewBag.Title = "Смартфоны";
     Layout = "_Layout";
 }
-<a asp-action="Create" asp-controller="Phones">Добавить устройство</a>
 @if (Model.Count == 0)
 {
     <h2>Список пуст.</h2>
@@ -14,7 +13,7 @@ else
     <h2>Список устройств</h2>
     <table style="width: 100%">
         <tr>
-            <th>Id</th>
+            <th>Минитюра</th>
             <th>Наименование</th>
             <th>Компания</th>
             <th>Стоимость</th>
@@ -24,44 +23,52 @@ else
         @foreach (var phone in Model)
         {
             <tr>
-                <td>@phone.Id</td>
+                <td><img class="phone_img" src="" alt="картинка паламатая"/></td>
                 <td>@phone.Name</td>
                 <td>@phone.Company</td>
                 <td>@phone.Price</td>
                 <td>
-                    <a asp-route-id="@phone.Id"
-                       asp-action="Add"
-                       asp-controller="Baskets"
-                       class="btn btn-outline-warning">
-                        В корзину
-                    </a>
-                </td>
-                <td>
-                    <a asp-route-phoneId="@phone.Id"
-                       asp-action="Create"
-                       asp-controller="Orders"
-                       class="btn btn-outline-warning">
-                        Заказать
-                    </a>
-                </td>
-                <td>
-                    <a asp-route-phoneId="@phone.Id"
-                       asp-action="Edit"
-                       asp-controller="Phones"
-                       class="btn btn-outline-warning">
-                        Изменить
-                    </a>
-                </td>
-                <td>
-                    <a asp-route-phoneId="@phone.Id"
-                       asp-action="Delete"
-                       asp-controller="Phones"
-                       class="btn btn-danger">
-                        Удалить
-                    </a>
-                </td>
+                    <div class="dropdown">
+                        <button class="btn btn-secondary dropdown-toggle" 
+                                type="button" 
+                                id="dropdownMenu2" 
+                                data-toggle="dropdown" 
+                                aria-haspopup="true" 
+                                aria-expanded="false">
+                        Выполнить...
+                      </button>
+                      <div class="dropdown-menu" aria-labelledby="dropdownMenu2">
+                          <a class="dropdown-item" asp-route-id="@phone.Id"
+                             asp-action="Add"
+                             asp-controller="Baskets">
+                              В корзину
+                          </a>
+                          <a asp-route-phoneId="@phone.Id"
+                             asp-action="Create"
+                             asp-controller="Orders"
+                             class="dropdown-item">
+                              Заказать
+                          </a>
+                          <a asp-route-phoneId="@phone.Id"
+                             asp-action="Edit"
+                             asp-controller="Phones"
+                             class="dropdown-item">
+                              Изменить
+                          </a>
+                          <a asp-route-phoneId="@phone.Id"
+                             asp-action="Delete"
+                             asp-controller="Phones"
+                             class="dropdown-item bg-danger">
+                              Удалить
+                          </a>
+                      </div>
+                    </div>
             </tr>
         }
     </table>
+    <div class="d-flex justify-content-end my-5">
+        <a class="btn btn-outline-info" asp-action="Create" asp-controller="Phones">Добавить устройство</a>
+    </div>
+
 }
 

PhoneStore/Views/Shared/_Layout.cshtml

@@ -11,19 +11,13 @@
 <header>
     <nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light bg-white border-bottom box-shadow mb-3">
         <div class="container">
-            <a class="navbar-brand" asp-area="" asp-controller="Home" asp-action="Index">PhoneStore</a>
+            <a class="navbar-brand" asp-area="" asp-controller="Phones" asp-action="Index">PhoneStore</a>
             <button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".navbar-collapse" aria-controls="navbarSupportedContent"
                     aria-expanded="false" aria-label="Toggle navigation">
                 <span class="navbar-toggler-icon"></span>
             </button>
             <div class="navbar-collapse collapse d-sm-inline-flex justify-content-between">
                 <ul class="navbar-nav flex-grow-1">
-                    <li class="nav-item">
-                        <a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="Index">Home</a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="Privacy">Privacy</a>
-                    </li>
                     <li class="nav-item">
                         <a class="nav-link text-dark" asp-area="" asp-controller="Phones" asp-action="Index">Смартфоны</a>
                     </li>
@@ -43,7 +37,7 @@
 
 <footer class="border-top footer text-muted">
     <div class="container">
-        &copy; 2022 - PhoneStore - <a asp-area="" asp-controller="Home" asp-action="Privacy">Privacy</a>
+        &copy; 2022 - PhoneStore - Created by Vitaly
     </div>
 </footer>
 <script src="~/lib/jquery/dist/jquery.min.js"></script>

PhoneStore/wwwroot/css/site.css

@@ -69,3 +69,8 @@ body {
   white-space: nowrap;
   line-height: 60px; /* Vertically center the text there */
 }
+.btn-secondary {
+  color: #fff;
+  background-color: #6f42c1;
+  border-color: #6f42c1;
+}