update: bootstrap icons

ttomczak3 · Feb 18, 2024 · 3654f6e · 3654f6e
1 parent 17bb406
commit 3654f6e
Show file tree

Hide file tree

Showing 13 changed files with 4,172 additions and 18 deletions.
diff --git a/MomoMecha/Pages/BacklogPages/Create.cshtml b/MomoMecha/Pages/BacklogPages/Create.cshtml
@@ -14,12 +14,12 @@
         <form method="post">
             <div asp-validation-summary="ModelOnly" class="text-danger"></div>
             <div class="form-group">
-                <label asp-for="Backlog.Name" class="control-label"></label>
+                <label asp-for="Backlog.Name" class="control-label">Name *</label>
                 <input asp-for="Backlog.Name" class="form-control" />
                 <span asp-validation-for="Backlog.Name" class="text-danger"></span>
             </div>
             <div class="form-group">
-                <label asp-for="Backlog.Series" class="control-label"></label>
+                <label asp-for="Backlog.Series" class="control-label">Series *</label>
                 <select asp-for="Backlog.Series"
                         asp-items="Model.SeriesItems.Select(item => new SelectListItem(item, item))"
                         class="form-control">
@@ -28,7 +28,7 @@
                 <span asp-validation-for="Backlog.Series" class="text-danger"></span>
             </div>
             <div class="form-group">
-                <label asp-for="Backlog.Grade" class="control-label"></label>
+                <label asp-for="Backlog.Grade" class="control-label">Grade *</label>
                 <select asp-for="Backlog.Grade"
                         asp-items="Model.GradeItems.Select(item => new SelectListItem(item, item))"
                         class="form-control">
@@ -37,7 +37,7 @@
                 <span asp-validation-for="Backlog.Grade" class="text-danger"></span>
             </div>
             <div class="form-group">
-                <label asp-for="Backlog.Scale" class="control-label"></label>
+                <label asp-for="Backlog.Scale" class="control-label">Scale *</label>
                 <select asp-for="Backlog.Scale"
                         asp-items="Model.ScaleItems.Select(item => new SelectListItem(item, item))"
                         class="form-control">

diff --git a/MomoMecha/Pages/BacklogPages/Index.cshtml b/MomoMecha/Pages/BacklogPages/Index.cshtml
@@ -13,7 +13,7 @@
 <form>
     <input type="text" name="SearchString" placeholder="Search for Gundam" class="form-control">
 </form>
-<table class="table">
+<table class="table table-dark">
     <thead>
         <tr>
             <th>

diff --git a/MomoMecha/Pages/GundamPages/Create.cshtml b/MomoMecha/Pages/GundamPages/Create.cshtml
@@ -14,12 +14,12 @@
         <form method="post" enctype="multipart/form-data">
             <div asp-validation-summary="ModelOnly" class="text-danger"></div>
             <div class="form-group">
-                <label asp-for="Gundam.Name" class="control-label"></label>
+                <label asp-for="Gundam.Name" class="control-label">Name *</label>
                 <input asp-for="Gundam.Name" class="form-control" />
                 <span asp-validation-for="Gundam.Name" class="text-danger"></span>
             </div>
             <div class="form-group">
-                <label asp-for="Gundam.Series" class="control-label"></label>
+                <label asp-for="Gundam.Series" class="control-label">Series *</label>
                 <select asp-for="Gundam.Series"
                         asp-items="Model.SeriesItems.Select(item => new SelectListItem(item, item))"
                         class="form-control">
@@ -28,7 +28,7 @@
                 <span asp-validation-for="Gundam.Series" class="text-danger"></span>
             </div>
             <div class="form-group">
-                <label asp-for="Gundam.Grade" class="control-label"></label>
+                <label asp-for="Gundam.Grade" class="control-label">Grade *</label>
                 <select asp-for="Gundam.Grade"
                         asp-items="Model.GradeItems.Select(item => new SelectListItem(item, item))"
                         class="form-control">
@@ -37,7 +37,7 @@
                 <span asp-validation-for="Gundam.Grade" class="text-danger"></span>
             </div>
             <div class="form-group">
-                <label asp-for="Gundam.Scale" class="control-label"></label>
+                <label asp-for="Gundam.Scale" class="control-label">Scale *</label>
                 <select asp-for="Gundam.Scale"
                         asp-items="Model.ScaleItems.Select(item => new SelectListItem(item, item))"
                         class="form-control">
@@ -46,7 +46,7 @@
                 <span asp-validation-for="Gundam.Scale" class="text-danger"></span>
             </div>
             <div class="form-group">
-                <label asp-for="ImageFile" class="control-label"></label>
+                <label asp-for="ImageFile" class="control-label">Image File *</label>
                 <input asp-for="ImageFile" type="file" class="form-control" />
                 <span asp-validation-for="ImageFile" class="text-danger"></span>
             </div>

diff --git a/MomoMecha/Pages/GundamPages/Index.cshtml b/MomoMecha/Pages/GundamPages/Index.cshtml
@@ -26,8 +26,8 @@
                         <strong>Grade:</strong> @Html.DisplayFor(modelItem => item.Grade)<br>
                         <strong>Scale:</strong> @Html.DisplayFor(modelItem => item.Scale)
                     </p>
-                        <a asp-page="./Edit" asp-route-id="@item.Id">Edit</a> |
-                        <a asp-page="./Delete" asp-route-id="@item.Id">Delete</a>
+                    <a asp-page="./Edit" asp-route-id="@item.Id" class="btn btn-secondary bi bi-pencil-square"></a>
+                    <a asp-page="./Delete" asp-route-id="@item.Id" class="btn btn-danger bi bi-x-lg"></a>
                 </div>
             </div>
         </div>

diff --git a/MomoMecha/Pages/Shared/_Layout.cshtml b/MomoMecha/Pages/Shared/_Layout.cshtml
@@ -7,6 +7,8 @@
     <link rel="stylesheet" href="~/css/bootstrap.css" />
     <link rel="stylesheet" href="~/css/site.css" asp-append-version="true" />
     <link rel="stylesheet" href="~/MomoMecha.styles.css" asp-append-version="true" />
+    <link href="~/lib/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet" />
+    <link href="~/lib/bootstrap-icons/font/bootstrap-icons.min.css" rel="stylesheet" />
 </head>
 <body>
     <header>
@@ -30,7 +32,7 @@
                                 <div class="input-group">
                                     <input type="text" class="form-control" name="SearchString" placeholder="Search for Users" />
                                     <div class="input-group-append">
-                                        <button class="btn btn-secondary" type="submit">Search</button>
+                                        <button class="btn btn-secondary bi bi-search" type="submit"></button>
                                     </div>
                                 </div>
                             </form>

diff --git a/MomoMecha/Pages/WishlistPages/Create.cshtml b/MomoMecha/Pages/WishlistPages/Create.cshtml
@@ -14,12 +14,12 @@
         <form method="post">
             <div asp-validation-summary="ModelOnly" class="text-danger"></div>
             <div class="form-group">
-                <label asp-for="Wishlist.Name" class="control-label"></label>
+                <label asp-for="Wishlist.Name" class="control-label">Name *</label>
                 <input asp-for="Wishlist.Name" class="form-control" />
                 <span asp-validation-for="Wishlist.Name" class="text-danger"></span>
             </div>
             <div class="form-group">
-                <label asp-for="Wishlist.Series" class="control-label"></label>
+                <label asp-for="Wishlist.Series" class="control-label">Series *</label>
                 <select asp-for="Wishlist.Series"
                         asp-items="Model.SeriesItems.Select(item => new SelectListItem(item, item))"
                         class="form-control">
@@ -28,7 +28,7 @@
                 <span asp-validation-for="Wishlist.Series" class="text-danger"></span>
             </div>
             <div class="form-group">
-                <label asp-for="Wishlist.Grade" class="control-label"></label>
+                <label asp-for="Wishlist.Grade" class="control-label">Grade *</label>
                 <select asp-for="Wishlist.Grade"
                         asp-items="Model.GradeItems.Select(item => new SelectListItem(item, item))"
                         class="form-control">
@@ -37,7 +37,7 @@
                 <span asp-validation-for="Wishlist.Grade" class="text-danger"></span>
             </div>
             <div class="form-group">
-                <label asp-for="Wishlist.Scale" class="control-label"></label>
+                <label asp-for="Wishlist.Scale" class="control-label">Scale *</label>
                 <select asp-for="Wishlist.Scale"
                         asp-items="Model.ScaleItems.Select(item => new SelectListItem(item, item))"
                         class="form-control">

diff --git a/MomoMecha/Pages/WishlistPages/Index.cshtml b/MomoMecha/Pages/WishlistPages/Index.cshtml
@@ -13,7 +13,7 @@
 <form>
     <input type="text" name="SearchString" placeholder="Search for Gundam" class="form-control">
 </form>
-<table class="table">
+<table class="table table-dark">
     <thead>
         <tr>
             <th>

diff --git a/MomoMecha/libman.json b/MomoMecha/libman.json
@@ -0,0 +1,17 @@
+{
+  "version": "1.0",
+  "defaultProvider": "cdnjs",
+  "libraries": [
+    {
+      "library": "[email protected]",
+      "destination": "wwwroot/lib/bootstrap-icons/",
+      "files": [
+        "font/fonts/bootstrap-icons.woff",
+        "font/fonts/bootstrap-icons.woff2",
+        "font/bootstrap-icons.css",
+        "font/bootstrap-icons.json",
+        "font/bootstrap-icons.min.css"
+      ]
+    }
+  ]
+}
-Original file line number
+Diff line change
@@ Expand Up / @@ -13,7 +13,7 @@ @@
     <form>
         <input type="text" name="SearchString" placeholder="Search for Gundam" class="form-control">
     </form>
-    <table class="table">
+    <table class="table table-dark">
         <thead>
             <tr>
                 <th>
@@ Expand Down @@