Updated badges management layout
This commit is contained in:
@@ -12,9 +12,9 @@
|
|||||||
|
|
||||||
<article>
|
<article>
|
||||||
<p class="form-group">
|
<p class="form-group">
|
||||||
<b>@Html.DisplayNameFor(model => model.Name):</b> @Html.DisplayFor(model => model.Name)<br />
|
<b>@Html.DisplayNameFor(model => model.Name):</b> @Model.Name<br />
|
||||||
<b>@Html.DisplayNameFor(model => model.Description):</b> @Html.DisplayFor(model => model.Description)<br />
|
<b>@Html.DisplayNameFor(model => model.Description):</b> @Model.Description<br />
|
||||||
<b>@Html.DisplayNameFor(model => model.Image):</b> @(Html.DisplayFor(model => model.Image)).png<br />
|
<b>@Html.DisplayNameFor(model => model.Image):</b> @(Model.Image).png<br />
|
||||||
|
|
||||||
<b>Preview:</b>
|
<b>Preview:</b>
|
||||||
<div class="badge" style="background-image: url(/images/Badges/@(Model.Image).png)" title="@(Model.Description)"></div>
|
<div class="badge" style="background-image: url(/images/Badges/@(Model.Image).png)" title="@(Model.Description)"></div>
|
||||||
@@ -29,8 +29,8 @@
|
|||||||
<link type="text/css" rel="stylesheet" href="~/css/Admin.css" />
|
<link type="text/css" rel="stylesheet" href="~/css/Admin.css" />
|
||||||
<style type="text/css">
|
<style type="text/css">
|
||||||
.badge {
|
.badge {
|
||||||
height: 25px;
|
height: 50px;
|
||||||
width: 25px;
|
width: 50px;
|
||||||
background-size: contain;
|
background-size: contain;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
@@ -1,5 +1,4 @@
|
|||||||
@model IEnumerable<MyWebsite.Models.Badge>
|
@model IEnumerable<MyWebsite.Models.Badge>
|
||||||
|
|
||||||
@{
|
@{
|
||||||
ViewData["Title"] = "Badges list";
|
ViewData["Title"] = "Badges list";
|
||||||
}
|
}
|
||||||
@@ -36,18 +35,12 @@
|
|||||||
<td>
|
<td>
|
||||||
<div class="badge" style="background-image: url(/images/Badges/@(item.Image).png)" title="@(item.Description)"></div>
|
<div class="badge" style="background-image: url(/images/Badges/@(item.Image).png)" title="@(item.Description)"></div>
|
||||||
</td>
|
</td>
|
||||||
|
<td>@item.Name</td>
|
||||||
|
<td>@item.Description</td>
|
||||||
|
<td>@item.Image</td>
|
||||||
<td>
|
<td>
|
||||||
@Html.DisplayFor(modelItem => item.Name)
|
<a asp-action="Edit" asp-route-id="@item.Name">Edit</a> |
|
||||||
</td>
|
<a asp-action="Delete" asp-route-id="@item.Name">Delete</a>
|
||||||
<td>
|
|
||||||
@Html.DisplayFor(modelItem => item.Description)
|
|
||||||
</td>
|
|
||||||
<td>
|
|
||||||
@(Html.DisplayFor(modelItem => item.Image)).png
|
|
||||||
</td>
|
|
||||||
<td>
|
|
||||||
@Html.ActionLink("Edit", "Edit", new { id=item.Name }) |
|
|
||||||
@Html.ActionLink("Delete", "Delete", new { id=item.Name })
|
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -25,7 +25,7 @@
|
|||||||
<div>
|
<div>
|
||||||
@foreach (string badge in project.Badges.Split(','))
|
@foreach (string badge in project.Badges.Split(','))
|
||||||
{
|
{
|
||||||
<div class="badge" style="background-image: url(../images/Badges/@(badges.FirstOrDefault(i => i.Name == badge).Image).png)" title="@(badges.FirstOrDefault(i => i.Name == badge).Description)"></div>
|
<div class="badge" style="background-image: url(../images/Badges/@(badges.FirstOrDefault(i => i.Name == badge)?.Image).png)" title="@(badges.FirstOrDefault(i => i.Name == badge)?.Description)"></div>
|
||||||
}
|
}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user