b38dea0597
Share Gaia assets and adapters, keep private profiles and development documents local, and update both public READMEs.
107 lines
3 KiB
JavaScript
Executable file
107 lines
3 KiB
JavaScript
Executable file
'use strict';
|
|
define(function(require) {
|
|
var backFormNode = require('tmpl!./sig/save_signature.html'),
|
|
cards = require('cards'),
|
|
trailingRegExp = /\s+$/;
|
|
|
|
return [
|
|
require('./base_card')(require('template!./settings_signature.html')),
|
|
require('./editor_mixins'),
|
|
|
|
{
|
|
onArgs: function(args) {
|
|
this.account = args.account;
|
|
this.identity = this.account.identities[0];
|
|
|
|
this._bindEditor(this.signatureNode);
|
|
|
|
this.populateEditor(this.identity.signature || '');
|
|
},
|
|
|
|
// Removes any trailing whitespace, since it is just noise, and it also sets
|
|
// up the wrong expectation when the cursor is auto-focused at end of the
|
|
// content -- it will sometimes show up on the far right of the text screen
|
|
// because of phantom \n (that are <br>s in the HTML).
|
|
getTextFromEditor: function() {
|
|
var text = this.fromEditor().replace(trailingRegExp, '');
|
|
return text;
|
|
},
|
|
|
|
goBack: function() {
|
|
cards.removeCardAndSuccessors(this, 'animate', 1);
|
|
},
|
|
|
|
onBack: function() {
|
|
var signature = this.getTextFromEditor();
|
|
if (signature === this.identity.signature) {
|
|
this.goBack();
|
|
return;
|
|
}
|
|
var menu = backFormNode.cloneNode(true);
|
|
this._savePromptMenu = menu;
|
|
cards.setStatusColor(menu);
|
|
document.body.appendChild(menu);
|
|
|
|
var formSubmit = (function(evt) {
|
|
cards.setStatusColor();
|
|
document.body.removeChild(menu);
|
|
this._savePromptMenu = null;
|
|
|
|
switch (evt.explicitOriginalTarget.id) {
|
|
case 'sig-save':
|
|
this.identity.modifyIdentity({ signature: signature });
|
|
this.goBack();
|
|
break;
|
|
case 'sig-discard':
|
|
this.goBack();
|
|
break;
|
|
case 'sig-cancel':
|
|
break;
|
|
}
|
|
return false;
|
|
}).bind(this);
|
|
menu.addEventListener('submit', formSubmit);
|
|
},
|
|
|
|
onClickDone: function() {
|
|
var signature = this.getTextFromEditor();
|
|
|
|
// Only push the signature if it was changed
|
|
if (signature !== this.identity.signature) {
|
|
this.identity.modifyIdentity({ signature: signature });
|
|
}
|
|
|
|
this.onBack();
|
|
},
|
|
|
|
onCardVisible: function() {
|
|
// Need to wait until the card is shown and animation is done before
|
|
// focusing input in the editable area.
|
|
|
|
// Clear any existing selections
|
|
var selection = window.getSelection();
|
|
if (selection.rangeCount > 0) {
|
|
selection.removeAllRanges();
|
|
}
|
|
|
|
// If there is content, set the cursor at the
|
|
// end of it.
|
|
var node = this.signatureNode.lastChild;
|
|
if (node) {
|
|
var range = document.createRange();
|
|
|
|
range.setStartAfter(node);
|
|
range.setEndAfter(node);
|
|
selection.addRange(range);
|
|
}
|
|
|
|
// The selection sets up where the cursor will show, this ties it all
|
|
// together and brings up the keyboard.
|
|
this.signatureNode.focus();
|
|
},
|
|
|
|
die: function() {
|
|
}
|
|
}
|
|
];
|
|
});
|