import _ from '_';
import ko from 'ko';
import key from 'key';
import $ from '$';

import {createCommand, pString, log} from 'Common/Utils';
import {KeyState, Magics} from 'Common/Enums';

import {view, ViewType} from 'Knoin/Knoin';
import {AbstractViewNext} from 'Knoin/AbstractViewNext';

@view({
	name: 'View/Popup/MessageOpenPgp',
	type: ViewType.Popup,
	templateID: 'PopupsMessageOpenPgp'
})
class MessageOpenPgpPopupView extends AbstractViewNext
{
	constructor() {
		super();

		this.notification = ko.observable('');

		this.selectedKey = ko.observable(null);
		this.privateKeys = ko.observableArray([]);

		this.password = ko.observable('');
		this.password.focus = ko.observable(false);
		this.buttonFocus = ko.observable(false);

		this.resultCallback = null;

		this.submitRequest = ko.observable(false);

		// commands
		this.doCommand = createCommand(() => {

			this.submitRequest(true);

			_.delay(() => {

				let privateKey = null;

				try
				{
					if (this.resultCallback && this.selectedKey())
					{
						const privateKeys = this.selectedKey().getNativeKeys();
						privateKey = privateKeys && privateKeys[0] ? privateKeys[0] : null;

						if (privateKey)
						{
							try
							{
								if (!privateKey.decrypt(pString(this.password())))
								{
									log('Error: Private key cannot be decrypted');
									privateKey = null;
								}
							}
							catch (e)
							{
								log(e);
								privateKey = null;
							}
						}
						else
						{
							log('Error: Private key cannot be found');
						}
					}
				}
				catch (e)
				{
					log(e);
					privateKey = null;
				}

				this.submitRequest(false);

				this.cancelCommand();
				this.resultCallback(privateKey);

			}, Magics.Time100ms);

		}, () => !this.submitRequest());

		this.sDefaultKeyScope = KeyState.PopupMessageOpenPGP;
	}

	clearPopup() {
		this.notification('');

		this.password('');
		this.password.focus(false);
		this.buttonFocus(false);

		this.selectedKey(false);
		this.submitRequest(false);

		this.resultCallback = null;
		this.privateKeys([]);
	}

	onBuild(oDom) {
		key('tab,shift+tab', KeyState.PopupMessageOpenPGP, () => {

			switch (true)
			{
				case this.password.focus():
					this.buttonFocus(true);
					break;
				case this.buttonFocus():
					this.password.focus(true);
					break;
				// no default
			}

			return false;

		});

		const self = this;

		oDom
			.on('click', '.key-list__item', function() { // eslint-disable-line prefer-arrow-callback

				oDom.find('.key-list__item .key-list__item__radio')
					.addClass('icon-radio-unchecked')
					.removeClass('icon-radio-checked');

				$(this).find('.key-list__item__radio') // eslint-disable-line no-invalid-this
					.removeClass('icon-radio-unchecked')
					.addClass('icon-radio-checked');

				self.selectedKey(ko.dataFor(this)); // eslint-disable-line no-invalid-this

				self.password.focus(true);
			});
	}

	onHideWithDelay() {
		this.clearPopup();
	}

	onShowWithDelay() {
		this.password.focus(true);
	//		this.buttonFocus(true);
	}

	onShow(fCallback, privateKeys) {
		this.clearPopup();

		this.resultCallback = fCallback;
		this.privateKeys(privateKeys);

		if (this.viewModelDom)
		{
			this.viewModelDom.find('.key-list__item').first().click();
		}
	}
}

module.exports = MessageOpenPgpPopupView;