mirror of https://github.com/Ombi-app/Ombi
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
82 lines
2.8 KiB
82 lines
2.8 KiB
|
|
@using PlexRequests.UI.Helpers
|
|
@inherits PlexRequests.UI.Helpers.EmptyViewBase<PlexRequests.UI.Models.LandingPageViewModel>
|
|
|
|
<img class="center" src="~/Content/images/logo.png" width="300" />
|
|
<div id="area" class="landing-block">
|
|
@if (Model.NoticeEnable && Model.NoticeActive)
|
|
{
|
|
<div class="row" style="padding-top: 20px">
|
|
<div class="col-md-1 col-md-push-3">
|
|
<i class="fa fa-bell fa-5x"></i>
|
|
</div>
|
|
<div class="col-md-5 col-md-push-3">
|
|
<span class="landing-title">Notice</span>
|
|
<br />
|
|
@Model.NoticeMessage
|
|
<br />
|
|
<strong><span id="startDate"></span> <span id="endDate"></span></strong>
|
|
</div>
|
|
</div>
|
|
<br />
|
|
<br />
|
|
<br />
|
|
<br />
|
|
}
|
|
<div class="row">
|
|
<div class="col-md-1 col-md-push-3">
|
|
<i id="statusIcon" class="fa fa-spinner fa-spin fa-5x fa-fw"></i>
|
|
</div>
|
|
<div class="col-md-5 col-md-push-3">
|
|
<span id="statusTitle" class="landing-title">Loading...</span>
|
|
<br />
|
|
The Plex server is <strong><span id="statusText">Loading...</span></strong> (check this page for continuous status updates)
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div style="text-align: center; margin-top: 10px">
|
|
<a href="@Model.ContinueUrl?landing=false" class="btn btn-success-outline">Continue</a>
|
|
</div>
|
|
|
|
<script>
|
|
$(function () {
|
|
@if (Model.NoticeEnable && Model.NoticeActive)
|
|
{
|
|
<text>
|
|
var start = moment("@Model.NoticeStart.ToString("O")");
|
|
var end = moment("@Model.NoticeEnd.ToString("O")");
|
|
|
|
var text = "for " + start.to(end, true);
|
|
$('#startDate').html(start.toString());
|
|
$('#endDate').html(text);
|
|
</text>
|
|
}
|
|
var base = "@Html.GetBaseUrl()";
|
|
var url = createBaseUrl(base, "landing/status");
|
|
|
|
$.ajax({
|
|
type: "GET",
|
|
url: url,
|
|
dataType: "json",
|
|
success: function (response) {
|
|
$('#statusIcon').removeClass("fa-spinner fa-spin fa-fw");
|
|
if (response === true) {
|
|
//fa fa-check-circle fa-5x
|
|
$('#statusIcon').addClass("fa-check-circle");
|
|
$('#statusText').text("currently online");
|
|
$('#statusTitle').text("Currently Online");
|
|
} else {
|
|
$('#statusIcon').addClass("fa-times-circle");
|
|
$('#statusText').text("currently offline");
|
|
$('#statusTitle').text("Currently Offline");
|
|
}
|
|
},
|
|
error: function (e) {
|
|
console.log(e);
|
|
$('#statusIcon').addClass("fa-times-circle");
|
|
}
|
|
});
|
|
|
|
});
|
|
</script> |