begin to move interface code out of cryptpad-common
This commit is contained in:
ansuz
parent
95789d3cbe
commit
e10901edb2
134
www/common/common-interface.js
Normal file
134
www/common/common-interface.js
Normal file
@ -0,0 +1,134 @@
|
|||||||
|
define([
|
||||||
|
'/customize/messages.js',
|
||||||
|
'/common/common-util.js',
|
||||||
|
'/customize/application_config.js',
|
||||||
|
'/bower_components/alertifyjs/dist/js/alertify.js',
|
||||||
|
'/bower_components/jquery/dist/jquery.min.js',
|
||||||
|
], function (Messages, Util, AppConfig, Alertify) {
|
||||||
|
var $ = window.jQuery;
|
||||||
|
|
||||||
|
var UI = {};
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Alertifyjs
|
||||||
|
*/
|
||||||
|
UI.Alertify = Alertify;
|
||||||
|
|
||||||
|
// set notification timeout
|
||||||
|
Alertify._$$alertify.delay = AppConfig.notificationTimeout || 5000;
|
||||||
|
|
||||||
|
var findCancelButton = UI.findCancelButton = function () {
|
||||||
|
return $('button.cancel');
|
||||||
|
};
|
||||||
|
|
||||||
|
var findOKButton = UI.findOKButton = function () {
|
||||||
|
return $('button.ok');
|
||||||
|
};
|
||||||
|
|
||||||
|
var listenForKeys = UI.listenForKeys = function (yes, no) {
|
||||||
|
var handler = function (e) {
|
||||||
|
switch (e.which) {
|
||||||
|
case 27: // cancel
|
||||||
|
if (typeof(no) === 'function') { no(e); }
|
||||||
|
no();
|
||||||
|
break;
|
||||||
|
case 13: // enter
|
||||||
|
if (typeof(yes) === 'function') { yes(e); }
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
$(window).keyup(handler);
|
||||||
|
return handler;
|
||||||
|
};
|
||||||
|
|
||||||
|
var stopListening = UI.stopListening = function (handler) {
|
||||||
|
$(window).off('keyup', handler);
|
||||||
|
};
|
||||||
|
|
||||||
|
UI.alert = function (msg, cb, force) {
|
||||||
|
cb = cb || function () {};
|
||||||
|
if (force !== true) { msg = Util.fixHTML(msg); }
|
||||||
|
var close = function (e) {
|
||||||
|
findOKButton().click();
|
||||||
|
};
|
||||||
|
var keyHandler = listenForKeys(close, close);
|
||||||
|
Alertify.alert(msg, function (ev) {
|
||||||
|
cb(ev);
|
||||||
|
stopListening(keyHandler);
|
||||||
|
});
|
||||||
|
window.setTimeout(function () {
|
||||||
|
findOKButton().focus();
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
UI.prompt = function (msg, def, cb, opt, force) {
|
||||||
|
opt = opt || {};
|
||||||
|
cb = cb || function () {};
|
||||||
|
if (force !== true) { msg = Util.fixHTML(msg); }
|
||||||
|
|
||||||
|
var keyHandler = listenForKeys(function (e) { // yes
|
||||||
|
findOKButton().click();
|
||||||
|
}, function (e) { // no
|
||||||
|
findCancelButton().click();
|
||||||
|
});
|
||||||
|
|
||||||
|
Alertify
|
||||||
|
.defaultValue(def || '')
|
||||||
|
.okBtn(opt.ok || Messages.okButton || 'OK')
|
||||||
|
.cancelBtn(opt.cancel || Messages.cancelButton || 'Cancel')
|
||||||
|
.prompt(msg, function (val, ev) {
|
||||||
|
cb(val, ev);
|
||||||
|
stopListening(keyHandler);
|
||||||
|
}, function (ev) {
|
||||||
|
cb(null, ev);
|
||||||
|
stopListening(keyHandler);
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
UI.confirm = function (msg, cb, opt, force, styleCB) {
|
||||||
|
opt = opt || {};
|
||||||
|
cb = cb || function () {};
|
||||||
|
if (force !== true) { msg = Util.fixHTML(msg); }
|
||||||
|
|
||||||
|
var keyHandler = listenForKeys(function (e) {
|
||||||
|
findOKButton().click();
|
||||||
|
}, function (e) {
|
||||||
|
findCancelButton().click();
|
||||||
|
});
|
||||||
|
|
||||||
|
Alertify
|
||||||
|
.okBtn(opt.ok || Messages.okButton || 'OK')
|
||||||
|
.cancelBtn(opt.cancel || Messages.cancelButton || 'Cancel')
|
||||||
|
.confirm(msg, function () {
|
||||||
|
cb(true);
|
||||||
|
stopListening(keyHandler);
|
||||||
|
}, function () {
|
||||||
|
cb(false);
|
||||||
|
stopListening(keyHandler);
|
||||||
|
});
|
||||||
|
|
||||||
|
window.setTimeout(function () {
|
||||||
|
var $ok = findOKButton();
|
||||||
|
var $cancel = findCancelButton();
|
||||||
|
if (opt.okClass) { $ok.addClass(opt.okClass); }
|
||||||
|
if (opt.cancelClass) { $cancel.addClass(opt.cancelClass); }
|
||||||
|
if (opt.reverseOrder) {
|
||||||
|
$ok.insertBefore($ok.prev());
|
||||||
|
}
|
||||||
|
if (typeof(styleCB) === 'function') {
|
||||||
|
styleCB($ok.closest('.dialog'));
|
||||||
|
}
|
||||||
|
}, 0);
|
||||||
|
};
|
||||||
|
|
||||||
|
UI.log = function (msg) {
|
||||||
|
Alertify.success(Util.fixHTML(msg));
|
||||||
|
};
|
||||||
|
|
||||||
|
UI.warn = function (msg) {
|
||||||
|
Alertify.error(Util.fixHTML(msg));
|
||||||
|
};
|
||||||
|
|
||||||
|
return UI;
|
||||||
|
});
|
||||||
@ -4,15 +4,14 @@ define([
|
|||||||
'/common/fsStore.js',
|
'/common/fsStore.js',
|
||||||
'/common/common-util.js',
|
'/common/common-util.js',
|
||||||
'/common/common-hash.js',
|
'/common/common-hash.js',
|
||||||
|
'/common/common-interface.js',
|
||||||
|
|
||||||
'/bower_components/alertifyjs/dist/js/alertify.js',
|
|
||||||
'/common/clipboard.js',
|
'/common/clipboard.js',
|
||||||
'/common/pinpad.js', /* TODO
|
'/common/pinpad.js',
|
||||||
load pinpad dynamically only after you know that it will be needed */
|
|
||||||
'/customize/application_config.js',
|
'/customize/application_config.js',
|
||||||
|
|
||||||
'/bower_components/jquery/dist/jquery.min.js',
|
'/bower_components/jquery/dist/jquery.min.js',
|
||||||
], function (Config, Messages, Store, Util, Hash, Alertify, Clipboard, Pinpad, AppConfig) {
|
], function (Config, Messages, Store, Util, Hash, UI, Clipboard, Pinpad, AppConfig) {
|
||||||
/* This file exposes functionality which is specific to Cryptpad, but not to
|
/* This file exposes functionality which is specific to Cryptpad, but not to
|
||||||
any particular pad type. This includes functions for committing metadata
|
any particular pad type. This includes functions for committing metadata
|
||||||
about pads to your local storage for future use and improved usability.
|
about pads to your local storage for future use and improved usability.
|
||||||
@ -23,7 +22,6 @@ load pinpad dynamically only after you know that it will be needed */
|
|||||||
|
|
||||||
var common = window.Cryptpad = {
|
var common = window.Cryptpad = {
|
||||||
Messages: Messages,
|
Messages: Messages,
|
||||||
Alertify: Alertify,
|
|
||||||
Clipboard: Clipboard
|
Clipboard: Clipboard
|
||||||
};
|
};
|
||||||
|
|
||||||
@ -42,6 +40,16 @@ load pinpad dynamically only after you know that it will be needed */
|
|||||||
var store;
|
var store;
|
||||||
var rpc;
|
var rpc;
|
||||||
|
|
||||||
|
// import UI elements
|
||||||
|
var findCancelButton = common.findCancelButton = UI.findCancelButton;
|
||||||
|
var findOKButton = common.findOKButton = UI.findOKButton;
|
||||||
|
var listenForKeys = common.listenForKeys = UI.listenForKeys;
|
||||||
|
var stopListening = common.stopListening = UI.stopListening;
|
||||||
|
common.prompt = UI.prompt;
|
||||||
|
common.confirm = UI.confirm;
|
||||||
|
common.log = UI.log;
|
||||||
|
common.warn = UI.warn;
|
||||||
|
|
||||||
// import common utilities for export
|
// import common utilities for export
|
||||||
var find = common.find = Util.find;
|
var find = common.find = Util.find;
|
||||||
var fixHTML = common.fixHTML = Util.fixHTML;
|
var fixHTML = common.fixHTML = Util.fixHTML;
|
||||||
@ -1180,121 +1188,6 @@ load pinpad dynamically only after you know that it will be needed */
|
|||||||
return $userAdmin;
|
return $userAdmin;
|
||||||
};
|
};
|
||||||
|
|
||||||
/*
|
|
||||||
* Alertifyjs
|
|
||||||
*/
|
|
||||||
var findCancelButton = common.findCancelButton = function () {
|
|
||||||
return $('button.cancel');
|
|
||||||
};
|
|
||||||
|
|
||||||
var findOKButton = common.findOKButton = function () {
|
|
||||||
return $('button.ok');
|
|
||||||
};
|
|
||||||
|
|
||||||
var listenForKeys = common.listenForKeys = function (yes, no) {
|
|
||||||
var handler = function (e) {
|
|
||||||
switch (e.which) {
|
|
||||||
case 27: // cancel
|
|
||||||
if (typeof(no) === 'function') { no(e); }
|
|
||||||
no();
|
|
||||||
break;
|
|
||||||
case 13: // enter
|
|
||||||
if (typeof(yes) === 'function') { yes(e); }
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
$(window).keyup(handler);
|
|
||||||
return handler;
|
|
||||||
};
|
|
||||||
|
|
||||||
var stopListening = common.stopListening = function (handler) {
|
|
||||||
$(window).off('keyup', handler);
|
|
||||||
};
|
|
||||||
|
|
||||||
common.alert = function (msg, cb, force) {
|
|
||||||
cb = cb || function () {};
|
|
||||||
if (force !== true) { msg = fixHTML(msg); }
|
|
||||||
var close = function (e) {
|
|
||||||
findOKButton().click();
|
|
||||||
};
|
|
||||||
var keyHandler = listenForKeys(close, close);
|
|
||||||
Alertify.alert(msg, function (ev) {
|
|
||||||
cb(ev);
|
|
||||||
stopListening(keyHandler);
|
|
||||||
});
|
|
||||||
window.setTimeout(function () {
|
|
||||||
findOKButton().focus();
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
common.prompt = function (msg, def, cb, opt, force) {
|
|
||||||
opt = opt || {};
|
|
||||||
cb = cb || function () {};
|
|
||||||
if (force !== true) { msg = fixHTML(msg); }
|
|
||||||
|
|
||||||
var keyHandler = listenForKeys(function (e) { // yes
|
|
||||||
findOKButton().click();
|
|
||||||
}, function (e) { // no
|
|
||||||
findCancelButton().click();
|
|
||||||
});
|
|
||||||
|
|
||||||
Alertify
|
|
||||||
.defaultValue(def || '')
|
|
||||||
.okBtn(opt.ok || Messages.okButton || 'OK')
|
|
||||||
.cancelBtn(opt.cancel || Messages.cancelButton || 'Cancel')
|
|
||||||
.prompt(msg, function (val, ev) {
|
|
||||||
cb(val, ev);
|
|
||||||
stopListening(keyHandler);
|
|
||||||
}, function (ev) {
|
|
||||||
cb(null, ev);
|
|
||||||
stopListening(keyHandler);
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
common.confirm = function (msg, cb, opt, force, styleCB) {
|
|
||||||
opt = opt || {};
|
|
||||||
cb = cb || function () {};
|
|
||||||
if (force !== true) { msg = fixHTML(msg); }
|
|
||||||
|
|
||||||
var keyHandler = listenForKeys(function (e) {
|
|
||||||
findOKButton().click();
|
|
||||||
}, function (e) {
|
|
||||||
findCancelButton().click();
|
|
||||||
});
|
|
||||||
|
|
||||||
Alertify
|
|
||||||
.okBtn(opt.ok || Messages.okButton || 'OK')
|
|
||||||
.cancelBtn(opt.cancel || Messages.cancelButton || 'Cancel')
|
|
||||||
.confirm(msg, function () {
|
|
||||||
cb(true);
|
|
||||||
stopListening(keyHandler);
|
|
||||||
}, function () {
|
|
||||||
cb(false);
|
|
||||||
stopListening(keyHandler);
|
|
||||||
});
|
|
||||||
|
|
||||||
window.setTimeout(function () {
|
|
||||||
var $ok = findOKButton();
|
|
||||||
var $cancel = findCancelButton();
|
|
||||||
if (opt.okClass) { $ok.addClass(opt.okClass); }
|
|
||||||
if (opt.cancelClass) { $cancel.addClass(opt.cancelClass); }
|
|
||||||
if (opt.reverseOrder) {
|
|
||||||
$ok.insertBefore($ok.prev());
|
|
||||||
}
|
|
||||||
if (typeof(styleCB) === 'function') {
|
|
||||||
styleCB($ok.closest('.dialog'));
|
|
||||||
}
|
|
||||||
}, 0);
|
|
||||||
};
|
|
||||||
|
|
||||||
common.log = function (msg) {
|
|
||||||
Alertify.success(fixHTML(msg));
|
|
||||||
};
|
|
||||||
|
|
||||||
common.warn = function (msg) {
|
|
||||||
Alertify.error(fixHTML(msg));
|
|
||||||
};
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* spinner
|
* spinner
|
||||||
@ -1351,7 +1244,7 @@ load pinpad dynamically only after you know that it will be needed */
|
|||||||
$(function() {
|
$(function() {
|
||||||
// Race condition : if document.body is undefined when alertify.js is loaded, Alertify
|
// Race condition : if document.body is undefined when alertify.js is loaded, Alertify
|
||||||
// won't work. We have to reset it now to make sure it uses a correct "body"
|
// won't work. We have to reset it now to make sure it uses a correct "body"
|
||||||
Alertify.reset();
|
UI.Alertify.reset();
|
||||||
|
|
||||||
// Load the new pad when the hash has changed
|
// Load the new pad when the hash has changed
|
||||||
var oldHash = document.location.hash.slice(1);
|
var oldHash = document.location.hash.slice(1);
|
||||||
@ -1425,7 +1318,5 @@ load pinpad dynamically only after you know that it will be needed */
|
|||||||
Messages._applyTranslation();
|
Messages._applyTranslation();
|
||||||
});
|
});
|
||||||
|
|
||||||
Alertify._$$alertify.delay = AppConfig.notificationTimeout || 5000;
|
|
||||||
|
|
||||||
return common;
|
return common;
|
||||||
});
|
});
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user