github/Ombi
1
0
Fork 0
mirror of https://github.com/Ombi-app/Ombi.git synced 2025-08-19 12:59:39 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

improved version

Browse source
This commit is contained in:
Anojh 2018-03-22 20:10:57 -07:00
commit 3a99f75daa
2 changed files with 21 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/Ombi/ClientApp/app/landingpage/landingpage.component.ts
View file

@ -1,5 +1,5 @@
import { PlatformLocation } from "@angular/common"; import { PlatformLocation } from "@angular/common";
import { AfterViewInit, Component, OnDestroy, OnInit } from "@angular/core"; import { Component, OnDestroy, OnInit } from "@angular/core";
import { IMediaServerStatus } from "../interfaces"; import { IMediaServerStatus } from "../interfaces";
import { ICustomizationSettings, ILandingPageSettings } from "../interfaces"; import { ICustomizationSettings, ILandingPageSettings } from "../interfaces";
@ -17,13 +17,14 @@ import { fadeInOutAnimation } from "../animations/fadeinout";
animations: [fadeInOutAnimation], animations: [fadeInOutAnimation],
styleUrls: ["./landingpage.component.scss"], styleUrls: ["./landingpage.component.scss"],
}) })
export class LandingPageComponent implements AfterViewInit, OnInit, OnDestroy { export class LandingPageComponent implements OnDestroy, OnInit {
public customizationSettings: ICustomizationSettings; public customizationSettings: ICustomizationSettings;
public landingPageSettings: ILandingPageSettings; public landingPageSettings: ILandingPageSettings;
public background: any; public background: any;
public mediaServerStatus: IMediaServerStatus; public mediaServerStatus: IMediaServerStatus;
public baseUrl: string; public baseUrl: string;
private timer: any;
constructor(private settingsService: SettingsService, constructor(private settingsService: SettingsService,
private images: ImageService, private sanitizer: DomSanitizer, private landingPageService: LandingPageService, private images: ImageService, private sanitizer: DomSanitizer, private landingPageService: LandingPageService,
@ -35,6 +36,9 @@ export class LandingPageComponent implements AfterViewInit, OnInit, OnDestroy {
this.images.getRandomBackground().subscribe(x => { this.images.getRandomBackground().subscribe(x => {
this.background = this.sanitizer.bypassSecurityTrustStyle("linear-gradient(-10deg, transparent 20%, rgba(0,0,0,0.7) 20.0%, rgba(0,0,0,0.7) 80.0%, transparent 80%), url(" + x.url + ")"); this.background = this.sanitizer.bypassSecurityTrustStyle("linear-gradient(-10deg, transparent 20%, rgba(0,0,0,0.7) 20.0%, rgba(0,0,0,0.7) 80.0%, transparent 80%), url(" + x.url + ")");
}); });
this.timer = setInterval(() => {
this.cycleBackground();
}, 10000);
const base = this.location.getBaseHrefFromDOM(); const base = this.location.getBaseHrefFromDOM();
if (base.length > 1) { if (base.length > 1) {
@ -47,6 +51,10 @@ export class LandingPageComponent implements AfterViewInit, OnInit, OnDestroy {
} }
public ngOnDestroy() { public ngOnDestroy() {
clearInterval(this.timer);
}
public cycleBackground() {
setTimeout(() => { setTimeout(() => {
this.images.getRandomBackground().subscribe(x => { this.images.getRandomBackground().subscribe(x => {
this.background = ""; this.background = "";
@ -59,10 +67,4 @@ export class LandingPageComponent implements AfterViewInit, OnInit, OnDestroy {
}); });
}, 1000); }, 1000);
} }
public ngAfterViewInit() {
setInterval(() => {
this.ngOnDestroy();
}, 10000);
}
} }

18
src/Ombi/ClientApp/app/login/login.component.ts
View file

@ -1,4 +1,4 @@
import { AfterViewInit, Component, OnDestroy, OnInit } from "@angular/core"; import { Component, OnDestroy, OnInit } from "@angular/core";
import { FormBuilder, FormGroup, Validators } from "@angular/forms"; import { FormBuilder, FormGroup, Validators } from "@angular/forms";
import { ActivatedRoute, Router } from "@angular/router"; import { ActivatedRoute, Router } from "@angular/router";
import { TranslateService } from "@ngx-translate/core"; import { TranslateService } from "@ngx-translate/core";
@ -20,7 +20,7 @@ import { fadeInOutAnimation } from "../animations/fadeinout";
animations: [fadeInOutAnimation], animations: [fadeInOutAnimation],
styleUrls: ["./login.component.scss"], styleUrls: ["./login.component.scss"],
}) })
export class LoginComponent implements AfterViewInit, OnDestroy, OnInit { export class LoginComponent implements OnDestroy, OnInit {
public form: FormGroup; public form: FormGroup;
public customizationSettings: ICustomizationSettings; public customizationSettings: ICustomizationSettings;
@ -28,6 +28,7 @@ export class LoginComponent implements AfterViewInit, OnDestroy, OnInit {
public background: any; public background: any;
public landingFlag: boolean; public landingFlag: boolean;
public baseUrl: string; public baseUrl: string;
private timer: any;
private errorBody: string; private errorBody: string;
private errorValidation: string; private errorValidation: string;
@ -70,6 +71,10 @@ export class LoginComponent implements AfterViewInit, OnDestroy, OnInit {
this.images.getRandomBackground().subscribe(x => { this.images.getRandomBackground().subscribe(x => {
this.background = this.sanitizer.bypassSecurityTrustStyle("linear-gradient(-10deg, transparent 20%, rgba(0,0,0,0.7) 20.0%, rgba(0,0,0,0.7) 80.0%, transparent 80%),url(" + x.url + ")"); this.background = this.sanitizer.bypassSecurityTrustStyle("linear-gradient(-10deg, transparent 20%, rgba(0,0,0,0.7) 20.0%, rgba(0,0,0,0.7) 80.0%, transparent 80%),url(" + x.url + ")");
}); });
this.timer = setInterval(() => {
this.cycleBackground();
}, 10000);
const base = this.location.getBaseHrefFromDOM(); const base = this.location.getBaseHrefFromDOM();
if (base.length > 1) { if (base.length > 1) {
this.baseUrl = base; this.baseUrl = base;
@ -107,6 +112,10 @@ export class LoginComponent implements AfterViewInit, OnDestroy, OnInit {
} }
public ngOnDestroy() { public ngOnDestroy() {
clearInterval(this.timer);
}
private cycleBackground() {
setTimeout(() => { setTimeout(() => {
this.images.getRandomBackground().subscribe(x => { this.images.getRandomBackground().subscribe(x => {
this.background = ""; this.background = "";
@ -120,9 +129,4 @@ export class LoginComponent implements AfterViewInit, OnDestroy, OnInit {
}, 1000); }, 1000);
} }
public ngAfterViewInit() {
setInterval(() => {
this.ngOnDestroy();
}, 10000);
}
} }