RainLoop / rainloop-webmail

import ko from 'ko';

import {StorageResultType, Notification} from 'Common/Enums';

import {trim, isNormal, createCommand} from 'Common/Utils';

import {getNotification} from 'Common/Translator';

import {HtmlEditor} from 'Common/HtmlEditor';

import Remote from 'Remote/User/Ajax';

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

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

import {AbstractViewNext} from 'Knoin/AbstractViewNext';

@view({

	name: 'View/Popup/Template',

	type: ViewType.Popup,

	templateID: 'PopupsTemplate'

})

class TemplatePopupView extends AbstractViewNext

{

	constructor() {

		super();

		this.editor = null;

		this.signatureDom = ko.observable(null);

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

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

		this.name.error = ko.observable(false);

		this.name.focus = ko.observable(false);

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

		this.body.loading = ko.observable(false);

		this.body.error = ko.observable(false);

		this.name.subscribe(() => {

			this.name.error(false);

		});

		this.body.subscribe(() => {

			this.body.error(false);

		});

		this.submitRequest = ko.observable(false);

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

		this.addTemplateCommand = createCommand(() => {

			this.populateBodyFromEditor();

			this.name.error('' === trim(this.name()));

			this.body.error('' === trim(this.body()) || ':HTML:' === trim(this.body()));

			if (this.name.error() || this.body.error())

			{

				return false;

			}

			this.submitRequest(true);

			Remote.templateSetup((result, data) => {

				this.submitRequest(false);

				if (StorageResultType.Success === result && data)

				{

					if (data.Result)

					{

						getApp().templates();

						this.cancelCommand();

					}

					else if (data.ErrorCode)

					{

						this.submitError(getNotification(data.ErrorCode));

					}

				}

				else

				{

					this.submitError(getNotification(Notification.UnknownError));

				}

			}, this.id(), this.name(), this.body());

			return true;

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

	}

	clearPopup() {

		this.id('');

		this.name('');

		this.name.error(false);

		this.body('');

		this.body.loading(false);

		this.body.error(false);

		this.submitRequest(false);

		this.submitError('');

		if (this.editor)

		{

			this.editor.setPlain('', false);

		}

	}

	populateBodyFromEditor() {

		if (this.editor)

		{

			this.body(this.editor.getDataWithHtmlMark());

		}

	}

	editorSetBody(sBody) {

		if (!this.editor && this.signatureDom())

		{

			this.editor = new HtmlEditor(this.signatureDom(), () => {

				this.populateBodyFromEditor();

			}, () => {

				this.editor.setHtmlOrPlain(sBody);

			});

		}

		else

		{

			this.editor.setHtmlOrPlain(sBody);

		}

	}

	onShow(template) {

		this.clearPopup();

		if (template && template.id)

		{

			this.id(template.id);

			this.name(template.name);

			this.body(template.body);

			if (template.populated)

			{

				this.editorSetBody(this.body());

			}

			else

			{

				this.body.loading(true);

				this.body.error(false);

				Remote.templateGetById((result, data) => {

					this.body.loading(false);

					if (StorageResultType.Success === result && data && data.Result &&

						'Object/Template' === data.Result['@Object'] && isNormal(data.Result.Body))

					{

						template.body = data.Result.Body;

						template.populated = true;

						this.body(template.body);

						this.body.error(false);

					}

					else

					{

						this.body('');

						this.body.error(true);

					}

					this.editorSetBody(this.body());

				}, this.id());

			}

		}

		else

		{

			this.editorSetBody('');

		}

	}

	onShowWithDelay() {

		this.name.focus(true);

	}

}

module.exports = TemplatePopupView;

import ko from 'ko';

import {StorageResultType, Notification} from 'Common/Enums';

import {bMobileDevice} from 'Common/Globals';

import {createCommand, trim, fakeMd5} from 'Common/Utils';

import {getNotification} from 'Common/Translator';

import Remote from 'Remote/User/Ajax';

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

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

import {AbstractViewNext} from 'Knoin/AbstractViewNext';

@view({

	name: 'View/Popup/Identity',

	type: ViewType.Popup,

	templateID: 'PopupsIdentity'

})

class IdentityPopupView extends AbstractViewNext

{

	constructor() {

		super();

		this.id = '';

		this.edit = ko.observable(false);

		this.owner = ko.observable(false);

		this.email = ko.observable('').validateEmail();

		this.email.focused = ko.observable(false);

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

		this.name.focused = ko.observable(false);

		this.replyTo = ko.observable('').validateSimpleEmail();

		this.replyTo.focused = ko.observable(false);

		this.bcc = ko.observable('').validateSimpleEmail();

		this.bcc.focused = ko.observable(false);

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

		this.signatureInsertBefore = ko.observable(false);

		this.showBcc = ko.observable(false);

		this.showReplyTo = ko.observable(false);

		this.submitRequest = ko.observable(false);

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

		this.bcc.subscribe((value) => {

			if (false === this.showBcc() && 0 < value.length)

			{

				this.showBcc(true);

			}

		});

		this.replyTo.subscribe((value) => {

			if (false === this.showReplyTo() && 0 < value.length)

			{

				this.showReplyTo(true);

			}

		});

		this.addOrEditIdentityCommand = createCommand(() => {

			if (this.signature && this.signature.__fetchEditorValue)

			{

				this.signature.__fetchEditorValue();

			}

			if (!this.email.hasError())

			{

				this.email.hasError('' === trim(this.email()));

			}

			if (this.email.hasError())

			{

				if (!this.owner())

				{

					this.email.focused(true);

				}

				return false;

			}

			if (this.replyTo.hasError())

			{

				this.replyTo.focused(true);

				return false;

			}

			if (this.bcc.hasError())

			{

				this.bcc.focused(true);

				return false;

			}

			this.submitRequest(true);

			Remote.identityUpdate((result, data) => {

				this.submitRequest(false);

				if (StorageResultType.Success === result && data)

				{

					if (data.Result)

					{

						getApp().accountsAndIdentities();

						this.cancelCommand();

					}

					else if (data.ErrorCode)

					{

						this.submitError(getNotification(data.ErrorCode));

					}

				}

				else

				{

					this.submitError(getNotification(Notification.UnknownError));

				}

			}, this.id, this.email(), this.name(), this.replyTo(), this.bcc(), this.signature(), this.signatureInsertBefore());

			return true;

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

	}

	clearPopup() {

		this.id = '';

		this.edit(false);

		this.owner(false);

		this.name('');

		this.email('');

		this.replyTo('');

		this.bcc('');

		this.signature('');

		this.signatureInsertBefore(false);

		this.email.hasError(false);

		this.replyTo.hasError(false);

		this.bcc.hasError(false);

		this.showBcc(false);

		this.showReplyTo(false);

		this.submitRequest(false);

		this.submitError('');

	}

	/**

	 * @param {?IdentityModel} oIdentity

	 */

	onShow(identity) {

		this.clearPopup();

		if (identity)

		{

			this.edit(true);

			this.id = identity.id() || '';

			this.name(identity.name());

			this.email(identity.email());

			this.replyTo(identity.replyTo());

			this.bcc(identity.bcc());

			this.signature(identity.signature());

			this.signatureInsertBefore(identity.signatureInsertBefore());

			this.owner('' === this.id);

		}

		else

		{

			this.id = fakeMd5();

		}

	}

	onShowWithDelay() {

		if (!this.owner() && !bMobileDevice)

		{

			this.email.focused(true);

		}

	}

	onHideWithDelay() {

		this.clearPopup();

	}

}

module.exports = IdentityPopupView;