2017-10-31 11:52:52 +01:00
|
|
|
import { Component, OnInit } from '@angular/core'
|
2018-02-22 10:22:53 +01:00
|
|
|
import { DomSanitizer, SafeHtml } from '@angular/platform-browser'
|
2018-02-20 16:13:05 +01:00
|
|
|
import { GuardsCheckStart, Router } from '@angular/router'
|
2018-03-01 13:57:29 +01:00
|
|
|
import { AuthService, RedirectService, ServerService } from '@app/core'
|
2018-02-09 09:30:37 +01:00
|
|
|
import { isInSmallView } from '@app/shared/misc/utils'
|
2017-03-04 11:45:47 +01:00
|
|
|
|
2016-03-14 13:50:19 +01:00
|
|
|
@Component({
|
2016-11-04 16:23:18 +01:00
|
|
|
selector: 'my-app',
|
|
|
|
templateUrl: './app.component.html',
|
|
|
|
styleUrls: [ './app.component.scss' ]
|
2016-03-14 13:50:19 +01:00
|
|
|
})
|
2017-03-04 11:45:47 +01:00
|
|
|
export class AppComponent implements OnInit {
|
2017-01-27 16:14:11 +01:00
|
|
|
notificationOptions = {
|
2017-10-10 10:02:18 +02:00
|
|
|
timeOut: 5000,
|
2017-01-27 16:14:11 +01:00
|
|
|
lastOnBottom: true,
|
|
|
|
clickToClose: true,
|
|
|
|
maxLength: 0,
|
|
|
|
maxStack: 7,
|
|
|
|
showProgressBar: false,
|
|
|
|
pauseOnHover: false,
|
|
|
|
preventDuplicates: false,
|
|
|
|
preventLastDuplicates: 'visible',
|
|
|
|
rtl: false
|
2017-06-16 14:32:15 +02:00
|
|
|
}
|
2017-01-27 16:14:11 +01:00
|
|
|
|
2017-06-16 14:32:15 +02:00
|
|
|
isMenuDisplayed = true
|
2017-04-26 21:22:00 +02:00
|
|
|
|
2018-02-22 10:22:53 +01:00
|
|
|
customCSS: SafeHtml
|
|
|
|
|
2017-06-16 14:32:15 +02:00
|
|
|
constructor (
|
2016-11-04 16:23:18 +01:00
|
|
|
private router: Router,
|
2017-03-04 11:45:47 +01:00
|
|
|
private authService: AuthService,
|
2018-02-22 10:22:53 +01:00
|
|
|
private serverService: ServerService,
|
2018-03-01 13:57:29 +01:00
|
|
|
private domSanitizer: DomSanitizer,
|
|
|
|
private redirectService: RedirectService
|
2016-11-04 16:23:18 +01:00
|
|
|
) {}
|
2016-05-24 23:00:58 +02:00
|
|
|
|
2018-01-31 10:19:34 +01:00
|
|
|
get serverVersion () {
|
|
|
|
return this.serverService.getConfig().serverVersion
|
|
|
|
}
|
|
|
|
|
2018-01-31 17:47:36 +01:00
|
|
|
get instanceName () {
|
|
|
|
return this.serverService.getConfig().instance.name
|
|
|
|
}
|
|
|
|
|
2017-06-16 14:32:15 +02:00
|
|
|
ngOnInit () {
|
2018-03-01 13:57:29 +01:00
|
|
|
if (this.router.url === '/') {
|
|
|
|
this.redirectService.redirectToHomepage()
|
|
|
|
}
|
|
|
|
|
2017-09-14 11:57:49 +02:00
|
|
|
this.authService.loadClientCredentials()
|
|
|
|
|
2017-03-04 11:45:47 +01:00
|
|
|
if (this.authService.isLoggedIn()) {
|
|
|
|
// The service will automatically redirect to the login page if the token is not valid anymore
|
2017-10-25 17:31:11 +02:00
|
|
|
this.authService.refreshUserInformation()
|
2017-03-04 11:45:47 +01:00
|
|
|
}
|
2017-03-22 21:15:55 +01:00
|
|
|
|
2017-10-09 19:12:40 +02:00
|
|
|
// Load custom data from server
|
|
|
|
this.serverService.loadConfig()
|
|
|
|
this.serverService.loadVideoCategories()
|
|
|
|
this.serverService.loadVideoLanguages()
|
|
|
|
this.serverService.loadVideoLicences()
|
2017-10-31 11:52:52 +01:00
|
|
|
this.serverService.loadVideoPrivacies()
|
2017-05-01 18:05:28 +02:00
|
|
|
|
|
|
|
// Do not display menu on small screens
|
2018-02-09 09:30:37 +01:00
|
|
|
if (isInSmallView()) {
|
2017-06-16 14:32:15 +02:00
|
|
|
this.isMenuDisplayed = false
|
2017-05-01 18:05:28 +02:00
|
|
|
}
|
2018-01-31 10:08:05 +01:00
|
|
|
|
|
|
|
this.router.events.subscribe(
|
|
|
|
e => {
|
|
|
|
// User clicked on a link in the menu, change the page
|
2018-02-09 09:30:37 +01:00
|
|
|
if (e instanceof GuardsCheckStart && isInSmallView()) {
|
2018-01-31 10:08:05 +01:00
|
|
|
this.isMenuDisplayed = false
|
|
|
|
}
|
|
|
|
}
|
|
|
|
)
|
2018-02-22 10:22:53 +01:00
|
|
|
|
|
|
|
this.serverService.configLoaded
|
|
|
|
.subscribe(() => {
|
|
|
|
const config = this.serverService.getConfig()
|
|
|
|
|
|
|
|
// We test customCSS in case or the admin removed the css
|
|
|
|
if (this.customCSS || config.instance.customizations.css) {
|
|
|
|
const styleTag = '<style>' + config.instance.customizations.css + '</style>'
|
|
|
|
this.customCSS = this.domSanitizer.bypassSecurityTrustHtml(styleTag)
|
|
|
|
}
|
|
|
|
|
|
|
|
if (config.instance.customizations.javascript) {
|
|
|
|
try {
|
|
|
|
// tslint:disable:no-eval
|
|
|
|
eval(config.instance.customizations.javascript)
|
|
|
|
} catch (err) {
|
|
|
|
console.error('Cannot eval custom JavaScript.', err)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
})
|
2017-03-04 11:45:47 +01:00
|
|
|
}
|
|
|
|
|
2017-06-16 14:32:15 +02:00
|
|
|
toggleMenu () {
|
2017-11-06 11:46:11 +01:00
|
|
|
window.scrollTo(0, 0)
|
2017-06-16 14:32:15 +02:00
|
|
|
this.isMenuDisplayed = !this.isMenuDisplayed
|
2017-04-26 21:22:00 +02:00
|
|
|
}
|
|
|
|
|
2017-06-16 14:32:15 +02:00
|
|
|
getMainColClasses () {
|
2017-04-26 21:22:00 +02:00
|
|
|
// Take all width is the menu is not displayed
|
2017-12-01 09:20:19 +01:00
|
|
|
if (this.isMenuDisplayed === false) return [ 'expanded' ]
|
2017-04-26 21:22:00 +02:00
|
|
|
|
2017-12-01 09:20:19 +01:00
|
|
|
return []
|
2017-04-26 21:22:00 +02:00
|
|
|
}
|
2016-03-14 13:50:19 +01:00
|
|
|
}
|