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> <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>