mirror/php-flarum
1
0
Fork 0
mirror of https://github.com/flarum/core.git synced 2025-07-20 16:21:18 +02:00
Code Issues Releases Wiki Activity

Reflect composer's focus state in a property

Browse Source
This commit is contained in:
Toby Zerner
2015-09-18 13:15:58 +09:30
parent 57efa7a335
commit 092f5a27c9
1 changed files with 13 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
framework/core/js/forum/src/components/Composer.js
View File

@@ -36,6 +36,13 @@ class Composer extends Component {
*/ */
this.height = null; this.height = null;
/**
* Whether or not the composer currently has focus.
*
* @type {Boolean}
*/
this.active = false;
/** /**
* Computed the composer's current height, based on the intended height, and * Computed the composer's current height, based on the intended height, and
* the composer's current state. This will be applied to the composer's * the composer's current state. This will be applied to the composer's
@@ -62,7 +69,8 @@ class Composer extends Component {
view() { view() {
const classes = { const classes = {
'minimized': this.position === Composer.PositionEnum.MINIMIZED, 'minimized': this.position === Composer.PositionEnum.MINIMIZED,
'fullScreen': this.position === Composer.PositionEnum.FULLSCREEN 'fullScreen': this.position === Composer.PositionEnum.FULLSCREEN,
'active': this.active
}; };
classes.visible = this.position === Composer.PositionEnum.NORMAL || classes.minimized || classes.fullScreen; classes.visible = this.position === Composer.PositionEnum.NORMAL || classes.minimized || classes.fullScreen;
@@ -104,7 +112,10 @@ class Composer extends Component {
// Whenever any of the inputs inside the composer are have focus, we want to // Whenever any of the inputs inside the composer are have focus, we want to
// add a class to the composer to draw attention to it. // add a class to the composer to draw attention to it.
this.$().on('focus blur', ':input', e => this.$().toggleClass('active', e.type === 'focusin')); this.$().on('focus blur', ':input', e => {
this.active = e.type === 'focusin';
m.redraw();
});
// When the escape key is pressed on any inputs, close the composer. // When the escape key is pressed on any inputs, close the composer.
this.$().on('keydown', ':input', 'esc', () => this.close()); this.$().on('keydown', ':input', 'esc', () => this.close());