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.
Ombi/src/Ombi/ClientApp/app/landingpage/landingpage.component.html

50 lines
2.6 KiB

<div *ngIf="landingPageSettings && customizationSettings && background">
<img class="landingDiv bg" [style.background-image]="background" />
<div class="centered col-md-12">
<div class="row">
<div class="col-md-push-5 col-md-2">
<div *ngIf="customizationSettings.logo">
<img [src]="customizationSettings.logo" style="width:100%"/>
</div>
<div *ngIf="!customizationSettings.logo">
<img src="/images/logo.png" style="width:100%" />
</div>
</div>
</div>
<div class="row">
<div class="col-md-4 col-md-push-3 vcenter">
<div *ngIf="landingPageSettings.noticeEnabled">
<h3><i class="fa fa-bell-o"></i> <b>Notice</b></h3>
<span [innerHtml]="landingPageSettings.noticeText"></span>
</div>
<div>
<div *ngIf="mediaServerStatus.fullyAvailable">
<h3 class="online"><i class="fa fa-check-circle "></i> Currently Online</h3>
<span>The media server is currently online</span>
<p>Check this page for continous site updates.</p>
</div>
<div *ngIf="mediaServerStatus.partiallyDown">
<h3 class="partial"><i class="fa fa-exclamation-triangle "></i> Partially Online</h3>
<span>The media server is partially online. </span>
<p *ngIf="mediaServerStatus.serversUnavailable > 1">There are {{mediaServerStatus.serversUnavailable}} servers offline out of {{mediaServerStatus.totalServers}}.</p>
<p *ngIf="mediaServerStatus.serversUnavailable == 1">There is {{mediaServerStatus.serversUnavailable}} server offline out of {{mediaServerStatus.totalServers}}.</p>
<p>Check this page for continous site updates.</p>
</div>
<div *ngIf="mediaServerStatus.completelyDown">
<h3 class="offline"><i class="fa fa-times "></i> Currently Offline</h3>
<span>The media server is currently offline</span>
<p>Check this page for continous site updates.</p>
</div>
</div>
</div>
<div class="col-md-3 col-md-push-4 vcenter">
<button [routerLink]="['/login', 'true']" class="btn btn-lg btn-success-outline">Contine</button>
</div>
</div>
</div>
</div>