2017-10-31 10:52:52 +00:00
|
|
|
import { Component, OnInit } from '@angular/core'
|
2018-01-31 10:58:11 +00:00
|
|
|
import { GuardsCheckStart, NavigationEnd, Router } from '@angular/router'
|
2018-01-04 10:19:16 +00:00
|
|
|
import { AuthService, ServerService } from '@app/core'
|
2018-01-31 09:42:01 +00:00
|
|
|
import { isInMobileView } from '@app/shared/misc/utils'
|
2017-03-04 10:45:47 +00:00
|
|
|
|
2016-03-14 12:50:19 +00:00
|
|
|
@Component({
|
2016-11-04 15:23:18 +00:00
|
|
|
selector: 'my-app',
|
|
|
|
templateUrl: './app.component.html',
|
|
|
|
styleUrls: [ './app.component.scss' ]
|
2016-03-14 12:50:19 +00:00
|
|
|
})
|
2017-03-04 10:45:47 +00:00
|
|
|
export class AppComponent implements OnInit {
|
2017-01-27 15:14:11 +00:00
|
|
|
notificationOptions = {
|
2017-10-10 08:02:18 +00:00
|
|
|
timeOut: 5000,
|
2017-01-27 15:14:11 +00:00
|
|
|
lastOnBottom: true,
|
|
|
|
clickToClose: true,
|
|
|
|
maxLength: 0,
|
|
|
|
maxStack: 7,
|
|
|
|
showProgressBar: false,
|
|
|
|
pauseOnHover: false,
|
|
|
|
preventDuplicates: false,
|
|
|
|
preventLastDuplicates: 'visible',
|
|
|
|
rtl: false
|
2017-06-16 12:32:15 +00:00
|
|
|
}
|
2017-01-27 15:14:11 +00:00
|
|
|
|
2017-06-16 12:32:15 +00:00
|
|
|
isMenuDisplayed = true
|
2017-04-26 19:22:00 +00:00
|
|
|
|
2017-06-16 12:32:15 +00:00
|
|
|
constructor (
|
2016-11-04 15:23:18 +00:00
|
|
|
private router: Router,
|
2017-03-04 10:45:47 +00:00
|
|
|
private authService: AuthService,
|
2017-10-31 10:52:52 +00:00
|
|
|
private serverService: ServerService
|
2016-11-04 15:23:18 +00:00
|
|
|
) {}
|
2016-05-24 21:00:58 +00:00
|
|
|
|
2018-01-31 09:19:34 +00:00
|
|
|
get serverVersion () {
|
|
|
|
return this.serverService.getConfig().serverVersion
|
|
|
|
}
|
|
|
|
|
2018-01-31 16:47:36 +00:00
|
|
|
get instanceName () {
|
|
|
|
return this.serverService.getConfig().instance.name
|
|
|
|
}
|
|
|
|
|
2017-06-16 12:32:15 +00:00
|
|
|
ngOnInit () {
|
2017-09-14 09:57:49 +00:00
|
|
|
this.authService.loadClientCredentials()
|
|
|
|
|
2017-03-04 10:45:47 +00:00
|
|
|
if (this.authService.isLoggedIn()) {
|
|
|
|
// The service will automatically redirect to the login page if the token is not valid anymore
|
2017-10-25 15:31:11 +00:00
|
|
|
this.authService.refreshUserInformation()
|
2017-03-04 10:45:47 +00:00
|
|
|
}
|
2017-03-22 20:15:55 +00:00
|
|
|
|
2017-10-09 17:12:40 +00:00
|
|
|
// Load custom data from server
|
|
|
|
this.serverService.loadConfig()
|
|
|
|
this.serverService.loadVideoCategories()
|
|
|
|
this.serverService.loadVideoLanguages()
|
|
|
|
this.serverService.loadVideoLicences()
|
2017-10-31 10:52:52 +00:00
|
|
|
this.serverService.loadVideoPrivacies()
|
2017-05-01 16:05:28 +00:00
|
|
|
|
|
|
|
// Do not display menu on small screens
|
2018-01-31 09:42:01 +00:00
|
|
|
if (isInMobileView()) {
|
2017-06-16 12:32:15 +00:00
|
|
|
this.isMenuDisplayed = false
|
2017-05-01 16:05:28 +00:00
|
|
|
}
|
2018-01-31 09:08:05 +00:00
|
|
|
|
|
|
|
this.router.events.subscribe(
|
|
|
|
e => {
|
|
|
|
// User clicked on a link in the menu, change the page
|
2018-01-31 10:58:11 +00:00
|
|
|
if (e instanceof GuardsCheckStart && isInMobileView()) {
|
2018-01-31 09:08:05 +00:00
|
|
|
this.isMenuDisplayed = false
|
|
|
|
}
|
|
|
|
}
|
|
|
|
)
|
2017-03-04 10:45:47 +00:00
|
|
|
}
|
|
|
|
|
2017-06-16 12:32:15 +00:00
|
|
|
toggleMenu () {
|
2017-11-06 10:46:11 +00:00
|
|
|
window.scrollTo(0, 0)
|
2017-06-16 12:32:15 +00:00
|
|
|
this.isMenuDisplayed = !this.isMenuDisplayed
|
2017-04-26 19:22:00 +00:00
|
|
|
}
|
|
|
|
|
2017-06-16 12:32:15 +00:00
|
|
|
getMainColClasses () {
|
2017-04-26 19:22:00 +00:00
|
|
|
// Take all width is the menu is not displayed
|
2017-12-01 08:20:19 +00:00
|
|
|
if (this.isMenuDisplayed === false) return [ 'expanded' ]
|
2017-04-26 19:22:00 +00:00
|
|
|
|
2017-12-01 08:20:19 +00:00
|
|
|
return []
|
2017-04-26 19:22:00 +00:00
|
|
|
}
|
2016-03-14 12:50:19 +00:00
|
|
|
}
|