OpenPGP Key Storage (Settings) (#53)

Import, Delete, Generate, View

dev/Boots/RainLoopApp.js

@@ -190,6 +190,36 @@ RainLoopApp.prototype.folders = function (fCallback)
 	}, this));
 };
 
+RainLoopApp.prototype.reloadOpenPgpKeys = function ()
+{
+	if (Globals.bAllowOpenPGP)
+	{
+		var
+			aKeys = [],
+			oOpenpgpKeyring = RL.data().openpgpKeyring,
+			oOpenpgpKeys = oOpenpgpKeyring ? oOpenpgpKeyring.keys : []
+		;
+
+		_.each(oOpenpgpKeys, function (oItem, iIndex) {
+			if (oItem)
+			{
+				var
+					aIDs = _.map(oItem.getKeyIds(), function (oID) {
+						return oID ? oID.toHex() : '';
+					})
+				;
+
+				aKeys.push(
+					new OpenPgpKeyModel(iIndex, aIDs.join(', '), oItem.getUserIds().join(', '),
+						oItem.isPrivate(), oItem.armor())
+				);
+			}
+		});
+
+		RL.data().openpgpkeys(aKeys);
+	}
+};
+
 RainLoopApp.prototype.accountsAndIdentities = function ()
 {
 	var oRainLoopData = RL.data();
@@ -739,6 +769,11 @@ RainLoopApp.prototype.bootstart = function ()
 	{
 		Utils.removeSettingsViewModel(SettingsIdentities);
 	}
+	
+	if (!RL.settingsGet('OpenPGP'))
+	{
+		Utils.removeSettingsViewModel(SettingsOpenPGP);
+	}
 
 	if (!bGoogle && !bFacebook && !bTwitter)
 	{
@@ -795,9 +830,12 @@ RainLoopApp.prototype.bootstart = function ()
 						'success': function () {
 							if (window.openpgp)
 							{
-//								window.console.log(window.openpgp);
+								RL.data().openpgpKeyring = new window.openpgp.Keyring(new OpenPgpLocalStorageDriver());
+
 								Globals.bAllowOpenPGP = true;
 								RL.pub('openpgp.init');
+								
+								RL.reloadOpenPgpKeys();
 							}
 						}
 					});

dev/Common/Utils.js

@@ -331,12 +331,13 @@ Utils.i18nToNode = function (oElement)
 				{
 					jqThis.attr('placeholder', Utils.i18n(sKey));
 				}
+				
+				sKey = jqThis.data('i18n-title');
+				if (sKey)
+				{
+					jqThis.attr('title', Utils.i18n(sKey));
+				}
 			}
-//			sKey = jqThis.data('i18n-title');
-//			if (sKey)
-//			{
-//				jqThis.attr('title', Utils.i18n(sKey));
-//			}
 		});
 	});
 };
@@ -1695,3 +1696,23 @@ Utils.computedPagenatorHelper = function (koCurrentPage, koPageCount)
 		return aResult;
 	};
 };
+
+Utils.selectElement = function (element)
+{
+	/* jshint onevar: false */
+	if (window.getSelection)
+	{
+		var sel = window.getSelection();
+		sel.removeAllRanges();
+		var range = document.createRange();
+		range.selectNodeContents(element);
+		sel.addRange(range);
+	}
+	else if (document.selection)
+	{
+		var textRange = document.body.createTextRange();
+		textRange.moveToElementText(element);
+		textRange.select();
+	}
+	/* jshint onevar: true */
+};

dev/Knoin/AbstractViewModel.js

@@ -7,6 +7,7 @@
  */
 function KnoinAbstractViewModel(sPosition, sTemplate)
 {
+	this.bDisabeCloseOnEsc = false;
 	this.sPosition = Utils.pString(sPosition);
 	this.sTemplate = Utils.pString(sTemplate);
 
@@ -59,3 +60,17 @@ KnoinAbstractViewModel.prototype.viewModelPosition = function ()
 KnoinAbstractViewModel.prototype.cancelCommand = KnoinAbstractViewModel.prototype.closeCommand = function ()
 {
 };
+
+KnoinAbstractViewModel.prototype.registerPopupEscapeKey = function ()
+{
+	var self = this;
+	$window.on('keydown', function (oEvent) {
+		if (oEvent && Enums.EventKeyCode.Esc === oEvent.keyCode && self.modalVisibility())
+		{
+			Utils.delegateRun(self, 'cancelCommand');
+			return false;
+		}
+		
+		return true;
+	});
+};

dev/Knoin/Knoin.js

@@ -115,6 +115,10 @@ Knoin.prototype.buildViewModel = function (ViewModelClass, oScreen)
 
 			ko.applyBindings(oViewModel, oViewModelDom[0]);
 			Utils.delegateRun(oViewModel, 'onBuild', [oViewModelDom]);
+			if (oViewModel && 'Popups' === sPosition && !oViewModel.bDisabeCloseOnEsc)
+			{
+				oViewModel.registerPopupEscapeKey();
+			}
 			
 			Plugins.runHook('view-model-post-build', [ViewModelClass.__name, oViewModel, oViewModelDom]);
 		}

dev/Models/OpenPgpKeyModel.js

@@ -0,0 +1,26 @@
+/* RainLoop Webmail (c) RainLoop Team | Licensed under CC BY-NC-SA 3.0 */
+
+/**
+ * @param {string} iIndex
+ * @param {string} sID
+ * @param {string} sUserID
+ * @param {boolean} bIsPrivate
+ * @param {string} sArmor
+ * @constructor
+ */
+function OpenPgpKeyModel(iIndex, sID, sUserID, bIsPrivate, sArmor)
+{
+	this.index = iIndex;
+	this.id = sID;
+	this.user = sUserID;
+	this.armor = sArmor;
+	this.isPrivate = !!bIsPrivate;
+	
+	this.deleteAccess = ko.observable(false);
+}
+
+OpenPgpKeyModel.prototype.index = 0;
+OpenPgpKeyModel.prototype.id = '';
+OpenPgpKeyModel.prototype.user = '';
+OpenPgpKeyModel.prototype.armor = '';
+OpenPgpKeyModel.prototype.isPrivate = false;

dev/Settings/OpenPGP.js

@@ -0,0 +1,83 @@
+/* RainLoop Webmail (c) RainLoop Team | Licensed under CC BY-NC-SA 3.0 */
+
+/**
+ * @constructor
+ */
+function SettingsOpenPGP()
+{
+	this.openpgpkeys = RL.data().openpgpkeys;
+
+	this.openpgpkeysPublic = ko.computed(function () {
+		return _.filter(this.openpgpkeys(), function (oItem) {
+			return !!(oItem && !oItem.isPrivate);
+		});
+	}, this);
+
+	this.openpgpkeysPrivate = ko.computed(function () {
+		return _.filter(this.openpgpkeys(), function (oItem) {
+			return !!(oItem && oItem.isPrivate);
+		});
+	}, this);
+
+	this.openPgpKeyForDeletion = ko.observable(null).extend({'falseTimeout': 3000}).extend({'toggleSubscribe': [this,
+		function (oPrev) {
+			if (oPrev)
+			{
+				oPrev.deleteAccess(false);
+			}
+		}, function (oNext) {
+			if (oNext)
+			{
+				oNext.deleteAccess(true);
+			}
+		}
+	]});
+}
+
+Utils.addSettingsViewModel(SettingsOpenPGP, 'SettingsOpenPGP', 'SETTINGS_LABELS/LABEL_OPEN_PGP_NAME', 'openpgp');
+
+SettingsOpenPGP.prototype.addOpenPgpKey = function ()
+{
+	kn.showScreenPopup(PopupsAddOpenPgpKeyViewModel);
+};
+
+SettingsOpenPGP.prototype.generateOpenPgpKey = function ()
+{
+	kn.showScreenPopup(PopupsGenerateNewOpenPgpKeyViewModel);
+};
+
+SettingsOpenPGP.prototype.viewOpenPgpKey = function (oOpenPgpKey)
+{
+	if (oOpenPgpKey)
+	{
+		kn.showScreenPopup(PopupsViewOpenPgpKeyViewModel, [oOpenPgpKey]);
+	}
+};
+
+/**
+ * @param {OpenPgpKeyModel} oOpenPgpKeyToRemove
+ */
+SettingsOpenPGP.prototype.deleteOpenPgpKey = function (oOpenPgpKeyToRemove)
+{
+	if (oOpenPgpKeyToRemove && oOpenPgpKeyToRemove.deleteAccess())
+	{
+		this.openPgpKeyForDeletion(null);
+
+		var
+			oOpenpgpKeyring = RL.data().openpgpKeyring,
+			fRemoveAccount = function (oOpenPgpKey) {
+				return oOpenPgpKeyToRemove === oOpenPgpKey;
+			}
+		;
+
+		if (oOpenPgpKeyToRemove && oOpenpgpKeyring)
+		{
+			this.openpgpkeys.remove(fRemoveAccount);
+
+			oOpenpgpKeyring.removeKey(oOpenPgpKeyToRemove.index);
+			oOpenpgpKeyring.store();
+
+			RL.reloadOpenPgpKeys();
+		}
+	}
+};

dev/Storages/LocalStorages/LocalStorageDriver.js

@@ -12,7 +12,6 @@ LocalStorageDriver.supported = function ()
 	return !!window.localStorage;
 };
 
-
 /**
  * @param {string} sKey
  * @param {*} mData
@@ -21,14 +20,14 @@ LocalStorageDriver.supported = function ()
 LocalStorageDriver.prototype.set = function (sKey, mData)
 {
 	var
-		mCokieValue = window.localStorage[Consts.Values.ClientSideCookieIndexName] || null,
+		mCookieValue = window.localStorage[Consts.Values.ClientSideCookieIndexName] || null,
 		bResult = false,
 		mResult = null
 	;
 
 	try
 	{
-		mResult = null === mCokieValue ? null : JSON.parse(mCokieValue);
+		mResult = null === mCookieValue ? null : JSON.parse(mCookieValue);
 		if (!mResult)
 		{
 			mResult = {};

dev/Storages/LocalStorages/OpenPgpLocalStorageDriver.js

@@ -0,0 +1,60 @@
+/* RainLoop Webmail (c) RainLoop Team | Licensed under CC BY-NC-SA 3.0 */
+
+/**
+ * @constructor
+ */
+function OpenPgpLocalStorageDriver()
+{
+}
+
+/*
+ * Declare the localstore itemname
+ */
+OpenPgpLocalStorageDriver.prototype.item = 'armoredRainLoopKeys';
+
+/**
+ * Load the keyring from HTML5 local storage and initializes this instance.
+ * @return {Array<module:key~Key>} array of keys retrieved from localstore
+ */
+OpenPgpLocalStorageDriver.prototype.load = function ()
+{
+	var
+		iIndex = 0,
+		iLen = 0,
+		aKeys = [],
+		aArmoredKeys = JSON.parse(window.localStorage.getItem(this.item))
+	;
+
+	if (aArmoredKeys && 0 < aArmoredKeys.length)
+	{
+		for (iLen = aArmoredKeys.length; iIndex < iLen; iIndex++)
+		{
+			aKeys.push(
+				window.openpgp.key.readArmored(aArmoredKeys[iIndex]).keys[0]
+			);
+		}
+	}
+	
+	return aKeys;
+};
+
+/**
+ * Saves the current state of the keyring to HTML5 local storage.
+ * The privateKeys array and publicKeys array gets Stringified using JSON
+ * @param {Array<module:key~Key>} aKeys array of keys to save in localstore
+ */
+OpenPgpLocalStorageDriver.prototype.store = function (aKeys)
+{
+	var
+		iIndex = 0,
+		iLen = aKeys.length,
+		aArmoredKeys = []
+	;
+	
+	for (; iIndex < iLen; iIndex++)
+	{
+		aArmoredKeys.push(aKeys[iIndex].armor());
+	}
+	
+	window.localStorage.setItem(this.item, JSON.stringify(aArmoredKeys));
+};

dev/Storages/WebMailData.js

@@ -343,6 +343,9 @@ function WebMailDataStorage()
 
 	// other
 	this.useKeyboardShortcuts = ko.observable(true);
+	
+	this.openpgpkeys = ko.observableArray([]);
+	this.openpgpKeyring = null;
 
 	// google
 	this.googleActions = ko.observable(false);

dev/Styles/@Main.less

@@ -42,13 +42,13 @@
 @import "SystemDropDown.less";
 @import "Login.less";
 @import "Ask.less";
-@import "Pgp.less";
 @import "FolderList.less";
 @import "FolderClear.less";
 @import "FolderCreate.less";
 @import "FolderSystem.less";
 @import "Languages.less";
 @import "AddAccount.less";
+@import "OpenPgpKey.less";
 @import "Identity.less";
 @import "AdvancedSearch.less";
 @import "MessageList.less";
@@ -68,6 +68,7 @@
 @import "SettingsAccounts.less";
 @import "SettingsIdentity.less";
 @import "SettingsIdentities.less";
+@import "SettingsOpenPGP.less";
 @import "SettingsFolders.less";
 @import "SettingsThemes.less";
 

dev/Styles/OpenPgpKey.less

@@ -0,0 +1,21 @@
+.popups {
+	.b-open-pgp-key-view-content, .b-open-pgp-key-generate-content, .b-open-pgp-key-add-content {
+
+		.modal-header {
+			background-color: #fff;
+		}
+
+		&.modal {
+			width: 570px;
+		}
+
+		.inputKey {
+			font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
+		}
+
+		.key-viewer {
+			max-height: 500px;
+			overflow: auto;
+		}
+	}
+}

dev/Styles/Pgp.less

@@ -1,18 +0,0 @@
-.popups {
-	.b-pgp-key {
-
-		width: 620px;
-
-		.modal-header {
-			background-color: #fff;
-		}
-
-		.inputPassphrase, .inputKey {
-			width: 575px;
-		}
-
-		.inputKey {
-			font-family: Monaco, Menlo, Consolas, 'Courier New', monospace;
-		}
-	}
-}

dev/Styles/SettingsOpenPGP.less

@@ -0,0 +1,55 @@
+
+.b-settings-open-pgp {
+
+	.process-place {
+		text-align: center;
+		width: 600px;
+		padding: 14px 0;
+	}
+
+	.list-table {
+
+		width: 750px;
+
+		td {
+			padding: 4px 8px;
+			line-height: 30px;
+		}
+
+		.open-pgp-key-img {
+			font-size: 12px;
+			margin-right: 5px;
+		}
+
+		.open-pgp-key-id, .open-pgp-key-user {
+			display: inline-block;
+			word-break: break-all;
+			.box-sizing(border-box);
+			line-height: 22px;
+			cursor: default;
+		}
+	}
+
+	.open-pgp-key-item {
+
+		.button-delete {
+			margin-right: 15px;
+			margin-top: 5px;
+			visibility: hidden;
+			.opacity(0);
+		}
+
+		.delete-access {
+			&.button-delete {
+				visibility: visible;
+				margin-right: 0;
+				.opacity(100);
+			}
+		}
+
+		.delete-open-pgp-key, .view-open-pgp-key {
+			cursor: pointer;
+			.opacity(50);
+		}
+	}
+}

dev/ViewModels/MailBoxMessageViewViewModel.js

@@ -209,38 +209,6 @@ MailBoxMessageViewViewModel.prototype.replyOrforward = function (sType)
 	kn.showScreenPopup(PopupsComposeViewModel, [sType, RL.data().message()]);
 };
 
-MailBoxMessageViewViewModel.prototype.receivePrivateKey = function ()
-{
-	var self = this;
-	kn.showScreenPopup(PopupsPgpKey, [true, function (sPrivatePassphrase, sPrivateKey) {
-		var oMessage = self.message(), mPgpMessage, mPgpKey, mDecPgpKey;
-		if (oMessage)
-		{
-			try
-			{
-				mPgpMessage = window.openpgp.message.readArmored(oMessage.plainRaw);
-				mPgpKey = window.openpgp.key.readArmored(sPrivateKey);
-
-				if (mPgpMessage && mPgpKey && mPgpKey.keys && mPgpKey.keys[0])
-				{
-					mDecPgpKey = mPgpKey.keys[0];
-					if ('' !== sPrivatePassphrase)
-					{
-						mDecPgpKey.decrypt(sPrivatePassphrase);
-					}
-
-					oMessage.body.html(
-						'<pre class="b-plain-openpgp encrypted">' +
-						window.openpgp.decryptMessage(mDecPgpKey, mPgpMessage) +
-						'</pre>'
-					);
-				}
-			}
-			catch (oExt) {}
-		}
-	}]);
-};
-
 MailBoxMessageViewViewModel.prototype.onBuild = function (oDom)
 {
 	var 

dev/ViewModels/PopupsAddAccountViewModel.js

@@ -115,15 +115,4 @@ PopupsAddAccountViewModel.prototype.onFocus = function ()
 PopupsAddAccountViewModel.prototype.onBuild = function ()
 {
 	this.allowCustomLogin(!!RL.settingsGet('AllowCustomLogin'));
-
-	var self = this;
-	$window.on('keydown', function (oEvent) {
-		var bResult = true;
-		if (oEvent && Enums.EventKeyCode.Esc === oEvent.keyCode && self.modalVisibility())
-		{
-			Utils.delegateRun(self, 'cancelCommand');
-			bResult = false;
-		}
-		return bResult;
-	});
 };

dev/ViewModels/PopupsAddOpenPgpKeyViewModel.js

@@ -0,0 +1,61 @@
+/* RainLoop Webmail (c) RainLoop Team | Licensed under CC BY-NC-SA 3.0 */
+
+/**
+ * @constructor
+ * @extends KnoinAbstractViewModel
+ */
+function PopupsAddOpenPgpKeyViewModel()
+{
+	KnoinAbstractViewModel.call(this, 'Popups', 'PopupsAddOpenPgpKey');
+
+	this.key = ko.observable('');
+	this.key.error = ko.observable(false);
+	this.key.focus = ko.observable(false);
+
+	this.key.subscribe(function () {
+		this.key.error(false);
+	}, this);
+
+	this.addOpenPgpKeyCommand = Utils.createCommand(this, function () {
+
+		var
+			sKey = Utils.trim(this.key()),
+			oOpenpgpKeyring = RL.data().openpgpKeyring
+		;
+
+		this.key.error('' === sKey);
+		
+		if (!oOpenpgpKeyring || this.key.error())
+		{
+			return false;
+		}
+
+		oOpenpgpKeyring.importKey(sKey);
+		oOpenpgpKeyring.store();
+
+		RL.reloadOpenPgpKeys();
+		Utils.delegateRun(this, 'cancelCommand');
+		
+		return true;
+	});
+
+	Knoin.constructorEnd(this);
+}
+
+Utils.extendAsViewModel('PopupsAddOpenPgpKeyViewModel', PopupsAddOpenPgpKeyViewModel);
+
+PopupsAddOpenPgpKeyViewModel.prototype.clearPopup = function ()
+{
+	this.key('');
+	this.key.error(false);
+};
+
+PopupsAddOpenPgpKeyViewModel.prototype.onShow = function ()
+{
+	this.clearPopup();
+};
+
+PopupsAddOpenPgpKeyViewModel.prototype.onFocus = function ()
+{
+	this.key.focus(true);
+};

dev/ViewModels/PopupsAdvancedSearchViewModel.js

@@ -129,17 +129,3 @@ PopupsAdvancedSearchViewModel.prototype.onFocus = function ()
 {
 	this.fromFocus(true);
 };
-
-PopupsAdvancedSearchViewModel.prototype.onBuild = function ()
-{
-	var self = this;
-	$window.on('keydown', function (oEvent) {
-		var bResult = true;
-		if (oEvent && Enums.EventKeyCode.Esc === oEvent.keyCode && self.modalVisibility())
-		{
-			Utils.delegateRun(self, 'cancelCommand');
-			bResult = false;
-		}
-		return bResult;
-	});
-};

dev/ViewModels/PopupsAskViewModel.js

@@ -18,6 +18,8 @@ function PopupsAskViewModel()
 	this.fYesAction = null;
 	this.fNoAction = null;
 
+	this.bDisabeCloseOnEsc = true;
+
 	Knoin.constructorEnd(this);
 }
 

dev/ViewModels/PopupsComposeViewModel.js

@@ -389,6 +389,8 @@ function PopupsComposeViewModel()
 
 //	this.driveCallback = _.bind(this.driveCallback, this);
 
+	this.bDisabeCloseOnEsc = true;
+
 	Knoin.constructorEnd(this);
 }
 

dev/ViewModels/PopupsContactsViewModel.js

@@ -600,25 +600,6 @@ PopupsContactsViewModel.prototype.onBuild = function (oDom)
 		})
 	;
 
-	$window.on('keydown', function (oEvent) {
-		var bResult = true;
-		if (oEvent && self.modalVisibility())
-		{
-			if (Enums.EventKeyCode.Esc === oEvent.keyCode)
-			{
-				Utils.delegateRun(self, 'closeCommand');
-				bResult = false;
-			}
-			else if (oEvent.ctrlKey && Enums.EventKeyCode.S === oEvent.keyCode)
-			{
-				self.saveCommand();
-				bResult = false;
-			}
-		}
-		
-		return bResult;
-	});
-
 	this.initUploader();
 };
 

dev/ViewModels/PopupsDomainViewModel.js

@@ -196,20 +196,6 @@ PopupsDomainViewModel.prototype.onFocus = function ()
 	}
 };
 
-PopupsDomainViewModel.prototype.onBuild = function ()
-{
-	var self = this;
-	$window.on('keydown', function (oEvent) {
-		var bResult = true;
-		if (oEvent && Enums.EventKeyCode.Esc === oEvent.keyCode && self.modalVisibility())
-		{
-			Utils.delegateRun(self, 'cancelCommand');
-			bResult = false;
-		}
-		return bResult;
-	});
-};
-
 PopupsDomainViewModel.prototype.clearForm = function ()
 {
 	this.edit(false);

dev/ViewModels/PopupsFolderClearViewModel.js

@@ -95,17 +95,3 @@ PopupsFolderClearViewModel.prototype.onShow = function (oFolder)
 		this.selectedFolder(oFolder);
 	}
 };
-
-PopupsFolderClearViewModel.prototype.onBuild = function ()
-{
-	var self = this;
-	$window.on('keydown', function (oEvent) {
-		var bResult = true;
-		if (oEvent && Enums.EventKeyCode.Esc === oEvent.keyCode && self.modalVisibility())
-		{
-			Utils.delegateRun(self, 'cancelCommand');
-			bResult = false;
-		}
-		return bResult;
-	});
-};

dev/ViewModels/PopupsFolderCreateViewModel.js

@@ -109,17 +109,3 @@ PopupsFolderCreateViewModel.prototype.onFocus = function ()
 {
 	this.folderName.focused(true);
 };
-
-PopupsFolderCreateViewModel.prototype.onBuild = function ()
-{
-	var self = this;
-	$window.on('keydown', function (oEvent) {
-		var bResult = true;
-		if (oEvent && Enums.EventKeyCode.Esc === oEvent.keyCode && self.modalVisibility())
-		{
-			Utils.delegateRun(self, 'cancelCommand');
-			bResult = false;
-		}
-		return bResult;
-	});
-};

dev/ViewModels/PopupsFolderSystemViewModel.js

@@ -104,17 +104,3 @@ PopupsFolderSystemViewModel.prototype.onShow = function (iNotificationType)
 	this.notification(sNotification);
 };
 
-PopupsFolderSystemViewModel.prototype.onBuild = function ()
-{
-	var self = this;
-	$window.on('keydown', function (oEvent) {
-		var bResult = true;
-		if (oEvent && Enums.EventKeyCode.Esc === oEvent.keyCode && self.modalVisibility())
-		{
-			Utils.delegateRun(self, 'cancelCommand');
-			bResult = false;
-		}
-		return bResult;
-	});
-};
-

dev/ViewModels/PopupsGenerateNewOpenPgpKeyViewModel.js

@@ -0,0 +1,90 @@
+/* RainLoop Webmail (c) RainLoop Team | Licensed under CC BY-NC-SA 3.0 */
+
+/**
+ * @constructor
+ * @extends KnoinAbstractViewModel
+ */
+function PopupsGenerateNewOpenPgpKeyViewModel()
+{
+	KnoinAbstractViewModel.call(this, 'Popups', 'PopupsGenerateNewOpenPgpKey');
+
+	this.email = ko.observable('');
+	this.email.focus = ko.observable('');
+	this.email.error = ko.observable(false);
+	
+	this.name = ko.observable('');
+	this.password = ko.observable('');
+	this.keyBitLength = ko.observable(2048);
+
+	this.submitRequest = ko.observable(false);
+
+	this.email.subscribe(function () {
+		this.email.error(false);
+	}, this);
+
+	this.generateOpenPgpKeyCommand = Utils.createCommand(this, function () {
+
+		var
+			self = this,
+			sUserID = '',
+			mKeyPair = null,
+			oOpenpgpKeyring = RL.data().openpgpKeyring
+		;
+
+		this.email.error('' === Utils.trim(this.email()));
+		if (!oOpenpgpKeyring || this.email.error())
+		{
+			return false;
+		}
+
+		sUserID = this.email();
+		if ('' !== this.name())
+		{
+			sUserID = this.name() + ' <' + sUserID + '>';
+		}
+
+		this.submitRequest(true);
+
+		_.delay(function () {
+			mKeyPair = window.openpgp.generateKeyPair(1, Utils.pInt(self.keyBitLength()), sUserID, Utils.trim(self.password()));
+			if (mKeyPair && mKeyPair.privateKeyArmored)
+			{
+				oOpenpgpKeyring.importKey(mKeyPair.privateKeyArmored);
+				oOpenpgpKeyring.importKey(mKeyPair.publicKeyArmored);
+
+				oOpenpgpKeyring.store();
+
+				RL.reloadOpenPgpKeys();
+				Utils.delegateRun(self, 'cancelCommand');
+			}
+
+			self.submitRequest(false);
+		}, 100);
+
+		return true;
+	});
+
+	Knoin.constructorEnd(this);
+}
+
+Utils.extendAsViewModel('PopupsGenerateNewOpenPgpKeyViewModel', PopupsGenerateNewOpenPgpKeyViewModel);
+
+PopupsGenerateNewOpenPgpKeyViewModel.prototype.clearPopup = function ()
+{
+	this.name('');
+	this.password('');
+	
+	this.email('');
+	this.email.error(false);
+	this.keyBitLength(2048);
+};
+
+PopupsGenerateNewOpenPgpKeyViewModel.prototype.onShow = function ()
+{
+	this.clearPopup();
+};
+
+PopupsGenerateNewOpenPgpKeyViewModel.prototype.onFocus = function ()
+{
+	this.email.focus(true);
+};

dev/ViewModels/PopupsIdentityViewModel.js

@@ -147,17 +147,3 @@ PopupsIdentityViewModel.prototype.onFocus = function ()
 		this.email.focused(true);
 	}
 };
-
-PopupsIdentityViewModel.prototype.onBuild = function ()
-{
-	var self = this;
-	$window.on('keydown', function (oEvent) {
-		var bResult = true;
-		if (oEvent && Enums.EventKeyCode.Esc === oEvent.keyCode && self.modalVisibility())
-		{
-			Utils.delegateRun(self, 'cancelCommand');
-			bResult = false;
-		}
-		return bResult;
-	});
-};

dev/ViewModels/PopupsLanguagesViewModel.js

@@ -54,20 +54,6 @@ PopupsLanguagesViewModel.prototype.onHide = function ()
 	this.exp(false);
 };
 
-PopupsLanguagesViewModel.prototype.onBuild = function ()
-{
-	var self = this;
-	$window.on('keydown', function (oEvent) {
-		var bResult = true;
-		if (oEvent && Enums.EventKeyCode.Esc === oEvent.keyCode && self.modalVisibility())
-		{
-			Utils.delegateRun(self, 'cancelCommand');
-			bResult = false;
-		}
-		return bResult;
-	});
-};
-
 PopupsLanguagesViewModel.prototype.changeLanguage = function (sLang)
 {
 	RL.data().mainLanguage(sLang);

dev/ViewModels/PopupsPgpKey.js

@@ -1,64 +0,0 @@
-/* RainLoop Webmail (c) RainLoop Team | Licensed under CC BY-NC-SA 3.0 */
-
-/**
- * @constructor
- * @extends KnoinAbstractViewModel
- */
-function PopupsPgpKey()
-{
-	KnoinAbstractViewModel.call(this, 'Popups', 'PopupsPgpKey');
-
-	this.key = ko.observable('');
-	this.passphrase = ko.observable('');
-
-	this.bPrivate = null;
-	this.fCallback = null;
-
-	// commands
-	this.sendPgp = Utils.createCommand(this, function () {
-
-		var sKey = Utils.trim(this.key());
-		if (this.fCallback && sKey)
-		{
-			this.fCallback(this.passphrase(), sKey);
-		}
-
-		this.cancelCommand();
-	});
-
-	Knoin.constructorEnd(this);
-}
-
-Utils.extendAsViewModel('PopupsPgpKey', PopupsPgpKey);
-
-PopupsPgpKey.prototype.clearPopup = function ()
-{
-//	this.key('');
-//	this.passphrase('');
-
-	this.bPrivate = null;
-	this.fCallback = null;
-};
-
-PopupsPgpKey.prototype.onBuild = function ()
-{
-	var self = this;
-	$window.on('keydown', function (oEvent) {
-		var bResult = true;
-		if (oEvent && self.modalVisibility() && Enums.EventKeyCode.Esc === oEvent.keyCode)
-		{
-			Utils.delegateRun(self, 'closeCommand');
-			bResult = false;
-		}
-
-		return bResult;
-	});
-};
-
-PopupsPgpKey.prototype.onShow = function (bPrivate, fCallback)
-{
-	this.clearPopup();
-
-	this.bPrivate = bPrivate;
-	this.fCallback = fCallback;
-};

dev/ViewModels/PopupsPluginViewModel.js

@@ -59,6 +59,8 @@ function PopupsPluginViewModel()
 		
 	}, this.hasConfiguration);
 
+	this.bDisabeCloseOnEsc = true;
+
 	Knoin.constructorEnd(this);
 }
 

dev/ViewModels/PopupsViewOpenPgpKeyViewModel.js

@@ -0,0 +1,41 @@
+/* RainLoop Webmail (c) RainLoop Team | Licensed under CC BY-NC-SA 3.0 */
+
+/**
+ * @constructor
+ * @extends KnoinAbstractViewModel
+ */
+function PopupsViewOpenPgpKeyViewModel()
+{
+	KnoinAbstractViewModel.call(this, 'Popups', 'PopupsViewOpenPgpKey');
+
+	this.key = ko.observable('');
+	this.keyDom = ko.observable(null);
+	
+	Knoin.constructorEnd(this);
+}
+
+Utils.extendAsViewModel('PopupsViewOpenPgpKeyViewModel', PopupsViewOpenPgpKeyViewModel);
+
+PopupsViewOpenPgpKeyViewModel.prototype.clearPopup = function ()
+{
+	this.key('');
+};
+
+PopupsViewOpenPgpKeyViewModel.prototype.selectKey = function ()
+{
+	var oEl = this.keyDom();
+	if (oEl)
+	{
+		Utils.selectElement(oEl);
+	}
+};
+
+PopupsViewOpenPgpKeyViewModel.prototype.onShow = function (oOpenPgpKey)
+{
+	this.clearPopup();
+
+	if (oOpenPgpKey)
+	{
+		this.key(oOpenPgpKey.armor);
+	}
+};