mediamanager/MediaManager/Pages/Shows.cshtml
Laura Hausmann b366396039
Ignore case on sort
Signed-off-by: Laura Hausmann <laura@hausmann.dev>
2022-09-03 20:14:41 +02:00

120 lines
4.1 KiB
Plaintext

@page
@using MediaManager.database
@using MediaManager.database.Tables
@model MediaManager.Pages.Shows
@{
ViewData["Title"] = "Shows";
}
<div class="text-center">
<h1 class="display-5">
Shows
<a class="btn btn-lg btn-primary" href="/AddShow">Add</a>
</h1>
<table class="table table-striped table-hover">
<thead>
<tr>
<th scope="col">Title</th>
<th scope="col">Rating</th>
<th scope="col">Rewatchability</th>
<th scope="col">Watch count</th>
<th scope="col">Last Watch</th>
<th scope="col">Status</th>
<th scope="col">Progress</th>
<th scope="col">Comment</th>
<th scope="col">Actions</th>
</tr>
</thead>
<tbody>
@foreach (var show in new Database.DbConn().Shows.Where(p => p.UserId == Model.AuthorizedUser.UserId).OrderBy(p => p.Title.ToLower())) {
<tr>
<td>
<b>@show.Title</b>
<br/>
<small>@show.Year</small>
</td>
<td class="td-progress">
@if (show.Rating > 0) {
<div class="progress">
<div class="progress-bar progress-@(show.Rating)0" role="progressbar" style="width: @(show.Rating * 10)%">@(show.Rating)</div>
</div>
}
else {
<div class="progress">
<div class="progress-bar progress-00" role="progressbar" style="width: 0"></div>
</div>
}
</td>
<td class="td-progress">
@if (show.Rewatchability > 0) {
<div class="progress">
<div class="progress-bar progress-@(show.Rewatchability)0" role="progressbar" style="width: @(show.Rewatchability * 10)%">@(show.Rewatchability)</div>
</div>
}
else {
<div class="progress">
<div class="progress-bar progress-00" role="progressbar" style="width: 0"></div>
</div>
}
</td>
<td class="td-progress">
<div class="progress">
<div class="progress-bar progress-@(Math.Min(show.WatchCount, 5) * 2)0" role="progressbar" style="width: @(Math.Min(show.WatchCount, 5) * 20)%">@(show.WatchCount)</div>
</div>
</td>
<td>
@if (show.LastSeen.Year > 2000) {
@show.LastSeen.ToString("yyyy-MM-dd")
}
else {
@Html.Raw("-")
}
</td>
<td>
@Enum.GetName(show.WatchStatus)!.Replace("FirstWatch", "First Watch")
</td>
<td class="td-progress">
<div class="progress position-relative">
@{
var progressf = 100d / show.TotalEpisodes * show.SeenEpisodes;
var progress = (int)progressf;
}
<div class="progress-bar progress-@(progress - progress % 10)" role="progressbar" style="width: @progress%"></div>
@if (progress >= 90) {
<small class="justify-content-center d-flex position-absolute w-100" style="color: #fff">@show.SeenEpisodes / @show.TotalEpisodes</small>
}
else {
<small class="justify-content-center d-flex position-absolute w-100">@show.SeenEpisodes / @show.TotalEpisodes</small>
}
</div>
</td>
<td>
@show.Comment
</td>
<td>
<div class="btn-group" role="group">
@if (show.SeenEpisodes == show.TotalEpisodes && show.WatchStatus == WatchStatus.FirstWatch) {
<a class="btn btn-sm btn-secondary" href="/EditShow/@show.ShowId?action=waiting">Waiting</a>
}
@if (show.SeenEpisodes == show.TotalEpisodes && (show.WatchStatus == WatchStatus.FirstWatch || show.WatchStatus == WatchStatus.Rewatch)) {
<a class="btn btn-sm btn-success" href="/EditShow/@show.ShowId?action=finish">Finish</a>
}
@if (show.SeenEpisodes < show.TotalEpisodes && (show.WatchStatus == WatchStatus.Unwatched || show.WatchStatus == WatchStatus.FirstWatch || show.WatchStatus == WatchStatus.Rewatch)) {
<a class="btn btn-sm btn-secondary" href="/EditShow/@show.ShowId?action=autoinc">W+1</a>
}
else if (show.WatchStatus == WatchStatus.Finished) {
<a class="btn btn-sm btn-success" href="/EditShow/@show.ShowId?action=rewatch">Start rewatch</a>
}
else if (show.WatchStatus == WatchStatus.Waiting) {
<a class="btn btn-sm btn-success" href="/EditShow/@show.ShowId?action=autoinc">New episode (W+1)</a>
}
<a class="btn btn-sm btn-primary" href="/EditShow/@show.ShowId">Edit</a>
</div>
</td>
</tr>
}
</tbody>
</table>
</div>