import { Component, OnInit } from '@angular/core';
import { faTimes } from "@fortawesome/free-solid-svg-icons";

import { NavigationService, LeftPanelType } from '../../services/navigation.service';
import { AccountWrapper } from '../../models/account.models';
import { OpenThreadEvent } from '../../services/tools.service';

@Component({
    selector: 'app-floating-column',
    templateUrl: './floating-column.component.html',
    styleUrls: ['./floating-column.component.scss']
})
export class FloatingColumnComponent implements OnInit {
    faTimes = faTimes;
    overlayActive: boolean;
    overlayAccountToBrowse: string;
    overlayHashtagToBrowse: string;
    overlayThreadToBrowse: OpenThreadEvent;

    userAccountUsed: AccountWrapper;

    openPanel: string;

    constructor(private readonly navigationService: NavigationService) { }

    ngOnInit() {
        this.navigationService.activatedPanelSubject.subscribe((type: LeftPanelType) => {
            switch (type) {
                case LeftPanelType.Closed:
                    this.openPanel = '';
                    break;
                case LeftPanelType.AddNewAccount:
                    this.openPanel = 'addNewAccount';
                    break;
                case LeftPanelType.CreateNewStatus:
                    this.openPanel = 'createNewStatus';
                    break;
                case LeftPanelType.ManageAccount:
                this.userAccountUsed = this.navigationService.getAccountToManage();
                    this.openPanel = 'manageAccount';
                    break;
                case LeftPanelType.Search:
                    this.openPanel = 'search';
                    break;
                case LeftPanelType.Settings:
                    this.openPanel = 'settings';
                    break;
                default:
                    this.openPanel = '';
            }
        });
    }

    closePanel(): boolean {
        this.navigationService.closePanel();
        return false;
    }

    browseAccount(account: string): void {
        this.overlayAccountToBrowse = account;
        this.overlayHashtagToBrowse = null;
        this.overlayThreadToBrowse = null;
        this.overlayActive = true;        
    }

    browseHashtag(hashtag: string): void {
        this.overlayAccountToBrowse = null;
        this.overlayHashtagToBrowse = hashtag;
        this.overlayThreadToBrowse = null;
        this.overlayActive = true;  
    }

    browseThread(openThreadEvent: OpenThreadEvent): void {
        this.overlayAccountToBrowse = null;
        this.overlayHashtagToBrowse = null;
        this.overlayThreadToBrowse = openThreadEvent;
        this.overlayActive = true; 
    }

    closeOverlay(): boolean {
        this.overlayActive = false;
        return false;
    }

}