mirror/pcottle.learnGitBranching
1
0
Fork 0
mirror of https://github.com/pcottle/learnGitBranching.git synced 2025-06-28 17:00:04 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

BOOM nice bouncing effect and prompt updates

Browse source
This commit is contained in:
Peter Cottle 2012-09-29 20:37:35 -07:00
parent 986a2162af
commit 00111421bb
3 changed files with 24 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

21
src/commandViews.js
View file

@ -14,16 +14,21 @@ var CommandPromptView = Backbone.View.extend({
},
events: {
'keyup #commandTextField': 'keyUp'
'keydown #commandTextField': 'onKey',
'keyup #commandTextField': 'onKeyUp'
},
focus: function() {
this.$('#commandTextField').focus();
},
keyUp: function(e) {
onKey: function(e) {
var el = e.srcElement;
this.updatePrompt(el)
},
onKeyUp: function(e) {
this.onKey(e);
// we need to capture some of these events.
// WARNING: this key map is not internationalized :(
@ -45,10 +50,18 @@ var CommandPromptView = Backbone.View.extend({
if (keyMap[e.which] !== undefined) {
e.preventDefault();
keyMap[e.which]();
this.updatePrompt(el);
this.onKey(e);
}
},
badHtmlEncode: function(text) {
return text.replace(/&/g,'&')
.replace(/</g,'&lt;')
.replace(/</g,'&lt;')
.replace(/ /g,'&nbsp;')
.replace(/\n/g,'')
},
updatePrompt: function(el) {
// i WEEEPPPPPPpppppppppppp that this reflow takes so long. it adds this
// super annoying delay to every keystroke... I have tried everything
@ -59,7 +72,7 @@ var CommandPromptView = Backbone.View.extend({
// well...
var val = el.value;
this.commandSpan.innerText = val;
this.commandSpan.innerHTML = this.badHtmlEncode(val);
//console.log(val, el.selectionStart, el.selectionEnd);
},