import ko from 'ko';

import { StorageResultType } from 'Common/Enums';
import { showScreenPopup } from 'Knoin/Knoin';

import DomainStore from 'Stores/Admin/Domain';
import Remote from 'Remote/Admin/Ajax';

import { getApp } from 'Helper/Apps/Admin';

class DomainsAdminSettings {
	constructor() {
		this.domains = DomainStore.domains;

		this.visibility = ko.computed(() => (this.domains.loading() ? 'visible' : 'hidden'));

		this.domainForDeletion = ko.observable(null).deleteAccessHelper();

		this.onDomainListChangeRequest = this.onDomainListChangeRequest.bind(this);
		this.onDomainLoadRequest = this.onDomainLoadRequest.bind(this);
	}

	createDomain() {
		showScreenPopup(require('View/Popup/Domain'));
	}

	createDomainAlias() {
		showScreenPopup(require('View/Popup/DomainAlias'));
	}

	deleteDomain(domain) {
		this.domains.remove(domain);
		Remote.domainDelete(this.onDomainListChangeRequest, domain.name);
	}

	disableDomain(domain) {
		domain.disabled(!domain.disabled());
		Remote.domainDisable(this.onDomainListChangeRequest, domain.name, domain.disabled());
	}

	onBuild(oDom) {
		const self = this;
		oDom.on('click', '.b-admin-domains-list-table .e-item .e-action', function() {
			// eslint-disable-line prefer-arrow-callback
			const domainItem = ko.dataFor(this); // eslint-disable-line no-invalid-this
			if (domainItem) {
				Remote.domain(self.onDomainLoadRequest, domainItem.name);
			}
		});

		getApp().reloadDomainList();
	}

	onDomainLoadRequest(sResult, oData) {
		if (StorageResultType.Success === sResult && oData && oData.Result) {
			showScreenPopup(require('View/Popup/Domain'), [oData.Result]);
		}
	}

	onDomainListChangeRequest() {
		getApp().reloadDomainList();
	}
}

export { DomainsAdminSettings, DomainsAdminSettings as default };