web front design tweaks and favicon added

This commit is contained in:
RaidMax
2018-02-22 00:06:21 -06:00
parent aab891d14b
commit 20994f693c
23 changed files with 204 additions and 63 deletions

View File

@ -1,7 +1,7 @@
@model List<SharedLibrary.Dtos.PlayerInfo>
<div class="mr-auto ml-auto col-12 col-lg-7 border-bottom">
<h3 class="pb-2 text-center ">@ViewBag.Title</h3>
<h4 class="pb-2 text-center ">@ViewBag.Title</h4>
<div class="row pt-2 pb-2 bg-primary">
<div class="col-5 ">Name </div>
<div class="col-4">Level</div>

View File

@ -1,5 +1,5 @@
@model Dictionary<SharedLibrary.Objects.Player.Permission, IList<SharedLibrary.Dtos.ClientInfo>>
<h3 class="pb-2 text-center ">@ViewBag.Title</h3>
<h4 class="pb-2 text-center ">@ViewBag.Title</h4>
<div class="row border-bottom">
@{
@ -12,7 +12,7 @@
<div class="col-12 bg-dark pt-2 pb-2">
@foreach (var client in Model[key])
{
<span>@Html.ActionLink(client.Name, "profileasync", "client", new { id = client.ClientId }, new { @class = "text-light" })</span><br />
<span>@Html.ActionLink(client.Name, "profileasync", "client", new { id = client.ClientId }, new { @class = "" })</span><br />
}
</div>
}

View File

@ -1,14 +1,14 @@
@model SharedLibrary.Dtos.PlayerInfo
<div id="profile_wrapper" class="row d-flex d-sm-inline-flex justify-content-center justify-content-left pb-4">
<div id="profile_wrapper" class="row d-flex d-sm-inline-flex justify-content-center justify-content-left pb-3">
<div class="mr-auto ml-auto ml-sm-0 mr-sm-0">
<div id="profile_avatar" class="mb-4 mb-md-0 text-center level-bgcolor-@Model.Level.ToLower()">
<span class="profile-shortcode">@Model.Name[0].ToString().ToUpper()</span>
</div>
</div>
<div id="profile_info" class="text-center text-sm-left pr-4 pl-4">
<div id="profile_info" class="text-center text-sm-left pr-3 pl-3">
<div id="profile_name">
<span class="client-name">@Model.Name<span id="profile_aliases_btn" class="oi oi-caret-bottom pl-2"></span></span>
<h1><span class="client-name">@Model.Name<span id="profile_aliases_btn" class="oi oi-caret-bottom pl-2"></span></span></h1>
<div id="profile_aliases" class="pr-0 pr-sm-4 pb-2 mb-2 text-muted">
@{
foreach (string alias in Model.Aliases)
@ -18,8 +18,8 @@
}
</div>
</div>
<div id="profile_level" class="text-muted">
<span class="level-color-@Model.Level.ToLower()">@Model.Level</span>
<div id="profile_level" class="text-muted mb-2">
<h5><span class="level-color-@Model.Level.ToLower()"><strong>@Model.Level</strong></span></h5>
</div>
<div id="profile_time_played" class="text-muted">
Played <span class="text-primary">@Model.TimePlayed</span> hours
@ -31,11 +31,11 @@
Last seen <span class="text-primary">@Model.LastSeen</span> ago
</div>
</div>
<div id="profile_meta" class="text-center text-sm-right pt-2">
<div id="profile_meta" class="text-center text-sm-right pt-2 mt-md-4 pt-md-3">
</div>
</div>
<div class="row d-md-flex pt-4">
<div class="row d-md-flex pt-2">
<div id="profile_events" class="text-muted text-left ml-sm-0">
@{
if (Model.Meta.Count == 0)

View File

@ -6,14 +6,22 @@
}
<div class="col-12 col-md-8 d-none d-md-block">
@{
for (int i = 0; i < half && i < Model.ChatHistory.Count; i++)
for (int i = 0; i < Model.ChatHistory.Length; i++)
{
string message = "&ndash; " + @Model.ChatHistory[i].Message;
if (Model.ChatHistory[i].Message == "CONNECTED")
message = "<span class='oi oi-account-login text-success'></span>";
else if (Model.ChatHistory[i].Message == "DISCONNECTED")
message = "<span class='oi oi-account-logout text-danger'></span>";
<span>@Html.ActionLink(Model.Players[i].Name, "ProfileAsync", "Client", new { id = Model.Players[i].ClientId }, new { @class = "text-muted" }) @Html.Raw(@message)</span><br/>
{
<span class="text-light"><span class="oi oi-account-login mr-2 text-success"> </span>@Model.ChatHistory[i].Name</span><br />
}
if (Model.ChatHistory[i].Message == "DISCONNECTED")
{
<span class="text-light"><span class="oi oi-account-logout mr-2 text-danger"> </span>@Model.ChatHistory[i].Name</span><br />
}
if (Model.ChatHistory[i].Message != "CONNECTED" && Model.ChatHistory[i].Message != "DISCONNECTED")
{
<span class="text-light">@Model.ChatHistory[i].Name</span><span> @Html.Raw(@message) </span><br />
}
}
}
</div>

View File

@ -9,6 +9,10 @@
<link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.css" />
<link rel="stylesheet" href="~/lib/open-iconic/font/css/open-iconic-bootstrap.css" />
</environment>
<environment names="Production">
<link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="~/lib/open-iconic/font/css/open-iconic-bootstrap.min.css" />
</environment>
</head>
<body>
<header>
@ -24,7 +28,7 @@
<li class="nav-item text-center text-md-left">@Html.ActionLink("Admins", "PrivilegedAsync", "Client", new { area = "" }, new { @class = "nav-link" })</li>
</ul>
<form class="form-inline text-primary pt-3 pb-3" method="get" action="/Client/FindAsync">
<input id="client_search" name="clientName" class="form-control mr-auto ml-auto mr-md-2" type="text" placeholder="Find Player" />
<input id="client_search" name="clientName" class="form-control mr-auto ml-auto mr-md-2" type="text" placeholder="Find Player" />
</form>
</div>
</nav>
@ -39,6 +43,11 @@
<script type="text/javascript" src="~/lib/popper.js/dist/popper.js"></script>
<script type="text/javascript" src="~/lib/bootstrap/dist/js/bootstrap.js"></script>
</environment>
<environment names="Production">
<script type="text/javascript" src="~/lib/jQuery/dist/jquery.min.js"></script>
<script type="text/javascript" src="~/lib/popper.js/dist/popper.min.js"></script>
<script type="text/javascript" src="~/lib/bootstrap/dist/js/bootstrap.min.js"></script>
</environment>
@RenderSection("scripts", required: false)
</body>
</html>