1
0

Updated badges management layout

This commit is contained in:
Michael Gordeev
2019-12-13 20:05:37 +03:00
parent 94a2b7d133
commit 7312724bdb
3 changed files with 11 additions and 18 deletions
@@ -12,9 +12,9 @@
<article>
<p class="form-group">
<b>@Html.DisplayNameFor(model => model.Name):</b> @Html.DisplayFor(model => model.Name)<br />
<b>@Html.DisplayNameFor(model => model.Description):</b> @Html.DisplayFor(model => model.Description)<br />
<b>@Html.DisplayNameFor(model => model.Image):</b> @(Html.DisplayFor(model => model.Image)).png<br />
<b>@Html.DisplayNameFor(model => model.Name):</b> @Model.Name<br />
<b>@Html.DisplayNameFor(model => model.Description):</b> @Model.Description<br />
<b>@Html.DisplayNameFor(model => model.Image):</b> @(Model.Image).png<br />
<b>Preview:</b>
<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" />
<style type="text/css">
.badge {
height: 25px;
width: 25px;
height: 50px;
width: 50px;
background-size: contain;
}
</style>
@@ -1,5 +1,4 @@
@model IEnumerable<MyWebsite.Models.Badge>
@{
ViewData["Title"] = "Badges list";
}
@@ -36,18 +35,12 @@
<td>
<div class="badge" style="background-image: url(/images/Badges/@(item.Image).png)" title="@(item.Description)"></div>
</td>
<td>@item.Name</td>
<td>@item.Description</td>
<td>@item.Image</td>
<td>
@Html.DisplayFor(modelItem => item.Name)
</td>
<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 })
<a asp-action="Edit" asp-route-id="@item.Name">Edit</a> |
<a asp-action="Delete" asp-route-id="@item.Name">Delete</a>
</td>
</tr>
}
@@ -25,7 +25,7 @@
<div>
@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>