import {Component, isDevMode, OnInit} from '@angular/core';
import {LoginService} from './services/login.service';
import {ActivatedRoute, NavigationStart, Router} from '@angular/router';
import {ModalService} from '@inst-iot/bosch-angular-ui-components';
import {HelpComponent} from './help/help.component';
import {DataService} from './services/data.service';



@Component({
	selector: 'app-root',
	templateUrl: './app.component.html',
	styleUrls: ['./app.component.scss']
})
export class AppComponent implements OnInit{

	bugReport = {do: '', work: ''};  // Data from bug report inputs
	isDocumentation = false;         // True if user is on documentation pages
		devMode = false;

	constructor(
		public login: LoginService,
		public router: Router,
		private route: ActivatedRoute,
		public window: Window,
		private modal: ModalService,
		public d: DataService
	) {
		this.devMode = isDevMode();
		this.router.events.subscribe(event => {
			if (event instanceof NavigationStart) {
				this.isDocumentation = /\/documentation/.test(event.url);
			}
		});
	}

	ngOnInit() {
		// Try to log in user
		this.login.login().then(res => {
			// Return to home page if log failed, except when on documentation pages
			if (!res && !(/\/documentation/.test(this.router.url))) {
				this.router.navigate(['/']);
			}
		});
	}

	logout() {
		this.login.logout();
		this.router.navigate(['/']);
	}

	help() {
		this.modal.openComponent(HelpComponent);
	}

	bugReportContent() {
		return `mailto:${this.d.contact.mail}?subject=Bug report&body=Thanks for sending the report! Your bug will be
			(hopefully) fixed soon.
			%0D%0A%0D%0A--- REPORT DATA ---
		%0D%0A%0D%0ATime: ${new Date().toString()}%0D%0A
		URL: ${this.window.location}%0D%0A%0D%0AWhat did you do?%0D%0A${encodeURIComponent(this.bugReport.do)}
		%0D%0A%0D%0AWhat did not work?%0D%0A${encodeURIComponent(this.bugReport.work)}%0D%0A%0D%0ABrowser:%0D%0A
		%0D%0AappCodeName: ${navigator.appCodeName}
		%0D%0AappVersion: ${navigator.appVersion}
		%0D%0Alanguage: ${navigator.language}
		%0D%0AonLine: ${navigator.onLine}
		%0D%0Aoscpu: ${navigator.oscpu}
		%0D%0Aplatform: ${navigator.platform}
		%0D%0AuserAgent: ${navigator.userAgent}
		%0D%0AinnerWidth: ${this.window.innerWidth}
		%0D%0AinnerHeight: ${this.window.innerHeight}`;
	}

	closeBugReport(close) {
		setTimeout(() => close(), 1);
	}

	toTheTop() {
		this.window.scroll(0, 0);
	}
}