import { Component, OnInit, Input, ViewChild, ElementRef } from '@angular/core';
import { KeycloakService } from 'keycloak-angular';
import { AppConfig } from '../../app.config';
import { HttpClient } from '@angular/common/http';
import { Observable } from 'rxjs';
import { map } from 'rxjs/operators';

@Component({
	selector: 'div[action-panel]',
	templateUrl: './action-panel.component.html',
	styleUrls: ['./action-panel.component.scss']
})
export class ActionPanelComponent implements OnInit {

	@Input() buttonText;
	@Input() openOrDownloadUrl;
	@Input() newWindow;
	@Input() disabled = false;
	@Input() loginRequired = false;
	@Input() isDownload = false;

	@ViewChild('downloadZipLink') private downloadZipLink: ElementRef;

	openOrDownloadObj: any;

	constructor(private keycloakService: KeycloakService, private http: HttpClient) { }

	ngOnInit() {
		this.openOrDownloadObj = (this.disabled || this.loginRequired) ? '#' : this.openOrDownloadUrl;
	}

	public login() {
		this.keycloakService.login();
		return 	false;
	}

	public downloadResource(): Observable<Blob> {
		return this.http.get<Blob>(this.openOrDownloadObj.Url, {responseType: 'blob' as 'json'});
	}

	public downloadZip(): void {
		const downloadObserver = this.downloadResource().pipe( map( res => {
			return {
				filename: (this.openOrDownloadObj.toolFileName.match(/\.zip/i)) ? this.openOrDownloadObj.toolFileName : this.openOrDownloadObj.toolFileName + '.zip',
				data: res
				};
		})).subscribe((res) => {
			const url = window.URL.createObjectURL(res.data);
			{
				const link = document.createElement('a');
				document.body.appendChild(link);
				link.setAttribute('style', 'display: none');
				link.href = url;
				link.download = res.filename;
				link.click();
				link.remove();
			}
			window.URL.revokeObjectURL(url);
		}, ((err) => {
			console.log(err);
		}), () => downloadObserver.unsubscribe());
	}
}