// Angular imports //
import { Component, OnInit } from '@angular/core';
import { downgradeComponent } from '@angular/upgrade/static';
declare const angular: angular.IAngularStatic;

// Components //

// Interfaces //

// Services //

// Directives //

@Component({
    selector: 'fb-aaterkoppling-exempel',
    templateUrl: './fb-aaterkoppling-exempel.component.html',
})
export class FbAaterkopplingExempelComponent implements OnInit {

    fbPopoverData: any;
    fbPopoverData2: any;

    waitFor: {
        promise: any;
    };

    ngOnInit(): void {
        this.initPopover();
        this.initWaitForPromise();
    }

    initWaitForPromise(): void {
        this.waitFor = {
            promise: new Promise<any>((resolve) => {
                setTimeout(() => {
                    resolve('Success!');
                }, 2500);
            })
        };
    }

    private initPopover(): void {
        this.fbPopoverData = {
            title: 'o0o0ops!',
            text: 'w0oh0o!',
            subText: 'subText',
            placement: 'align-right',
            delete: () => console.log('%cDeleted!', 'color: red; font-size: x-large'),
            denyFctn: () => {
                console.log('%cDu säger nej', 'color: blue; font: Century; font-size: medium;');
                this.fbPopoverData.show = false;
            },
            show: false
        };

        this.fbPopoverData2 = {
            title: 'Hej!',
            text: 'Hopp!',
            subText: 'Här står det viktiga saker',
            placement: 'align-left',
            delete: () => console.log('%cDu säger Ja!', 'color: YellowGreen; font-size: medium'),
            denyFctn: () => {
                console.log('%cDu säger Nej!', 'color: crimson; font: Arial; font-size: medium;');
                this.fbPopoverData2.show = false;
            },
            show: false
        };
    }
}

// Angular downgrade ////
angular.module('fasit')
    .directive('fbAaterkopplingExempel',
    downgradeComponent({
        component: FbAaterkopplingExempelComponent,
        inputs: [],
        outputs: []
    }) as angular.IDirectiveFactory);