Refactoring code for escape display
This commit is contained in:
parent
cd279d3a80
commit
3bbd55c36a
@ -4,7 +4,5 @@ import Escape from './escape.js';
|
|||||||
export default _.extend({}, Escape, {
|
export default _.extend({}, Escape, {
|
||||||
type: 'charset_escape',
|
type: 'charset_escape',
|
||||||
|
|
||||||
codeMap: _.extend({}, Escape.codeMap, {
|
|
||||||
b: 'backspace'
|
b: 'backspace'
|
||||||
})
|
|
||||||
});
|
});
|
||||||
|
@ -4,7 +4,26 @@ import Base from './base.js';
|
|||||||
export default _.extend({}, Base, {
|
export default _.extend({}, Base, {
|
||||||
type: 'escape',
|
type: 'escape',
|
||||||
|
|
||||||
codeMap: {
|
code() {
|
||||||
|
return this.esc.code.textValue;
|
||||||
|
},
|
||||||
|
|
||||||
|
arg() {
|
||||||
|
return this.esc.arg.textValue;
|
||||||
|
},
|
||||||
|
|
||||||
|
render() {
|
||||||
|
this.container.addClass('escape');
|
||||||
|
|
||||||
|
this.label = this.render_label(this.container, _.result(this, this.code()));
|
||||||
|
|
||||||
|
this.label.select('rect').attr({
|
||||||
|
rx: 3,
|
||||||
|
ry: 3
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
// Escape code mappings
|
||||||
b: 'word boundary',
|
b: 'word boundary',
|
||||||
B: 'non-word boundary',
|
B: 'non-word boundary',
|
||||||
d: 'digit',
|
d: 'digit',
|
||||||
@ -27,38 +46,22 @@ export default _.extend({}, Base, {
|
|||||||
7: 'Back reference (group = 7)',
|
7: 'Back reference (group = 7)',
|
||||||
8: 'Back reference (group = 8)',
|
8: 'Back reference (group = 8)',
|
||||||
9: 'Back reference (group = 9)',
|
9: 'Back reference (group = 9)',
|
||||||
0: (arg) => {
|
0() {
|
||||||
|
var arg = this.arg();
|
||||||
|
|
||||||
if (arg) {
|
if (arg) {
|
||||||
return 'octal: ' + arg;
|
return 'octal: ' + arg;
|
||||||
} else {
|
} else {
|
||||||
return 'null';
|
return 'null';
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
c: (arg) => {
|
c() {
|
||||||
return 'ctrl-' + arg;
|
return 'ctrl-' + this.arg();
|
||||||
},
|
},
|
||||||
x: (arg) => {
|
x() {
|
||||||
return '0x' + arg.toUpperCase();
|
return '0x' + this.arg().toUpperCase();
|
||||||
},
|
},
|
||||||
u: (arg) => {
|
u() {
|
||||||
return 'U+' + arg.toUpperCase();
|
return 'U+' + this.arg().toUpperCase();
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
render() {
|
|
||||||
var code = this.codeMap[this.esc.code.textValue];
|
|
||||||
|
|
||||||
if (_.isFunction(code)) {
|
|
||||||
code = code(this.esc.arg.textValue);
|
|
||||||
}
|
|
||||||
|
|
||||||
this.container.addClass('escape');
|
|
||||||
|
|
||||||
this.label = this.render_label(this.container, code);
|
|
||||||
|
|
||||||
this.label.select('rect').attr({
|
|
||||||
rx: 3,
|
|
||||||
ry: 3
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
Loading…
Reference in New Issue
Block a user