import ngModule from '../module';
import Component from 'core/lib/component';
import './style.scss';

class Controller extends Component {
    constructor($element, $scope, $http, $timeout, $q) {
        super($element, $scope);
        this.$timeout = $timeout;
        this.$http = $http;
        this.$q = $q;
        this.client = null;
    }

    set clientFk(id) {
        if (id == this._clientFk) return;

        this._clientFk = id;
        this.client = null;
        this.getCard();
    }

    set client(value) {
        this._client = value;
        this.$timeout(() => this.$.popover.relocate());
    }

    get client() {
        return this._client;
    }

    set quicklinks(value = {}) {
        this._quicklinks = Object.assign(value, this._quicklinks);
    }

    get quicklinks() {
        return this._quicklinks;
    }

    show() {
        this.$.popover.parent = this.parent;
        this.$.popover.show();
    }

    getCard() {
        if (this.canceler)
            this.canceler.resolve();

        this.canceler = this.$q.defer();

        let options = {timeout: this.canceler.promise};
        this.$http.get(`/client/api/Clients/${this._clientFk}/getCard`, options).then(
            response => {
                this.client = response.data;
                this.canceler = null;
            }
        );
    }
}
Controller.$inject = ['$element', '$scope', '$http', '$timeout', '$q'];

ngModule.component('vnClientDescriptorPopover', {
    template: require('./index.html'),
    controller: Controller,
    bindings: {
        clientFk: '<',
        quicklinks: '<'
    }
});