Example #1
0
import _ from 'underscore';
import { menu } from '../../../ui-utils';
import EventEmitter from 'wolfy87-eventemitter';

const emitter = new EventEmitter();

window.addEventListener('resize', _.debounce((() => {
	let lastState = window.matchMedia('(min-width: 780px)').matches ? 'mini' : 'large';
	emitter.emit('grid', lastState);
	return () => {
		const futureState = window.matchMedia('(min-width: 780px)').matches ? 'mini' : 'large';
		if (lastState !== futureState) {
			lastState = futureState;
			emitter.emit('grid', lastState);
		}
	};
})(), 100));

emitter.on('grid', () => {
	menu.close();
});
function on(event,callback) {
	return events.on(event,callback);
}
 addChangeListener(callback) {
   this._emitter.on(CHANGE_EVENT, callback);
 }
Example #4
0
 componentDidMount() {
     menuEvents.on('open', this.handleOpenEvent);
     menuEvents.on('close', this.closeMenu);
     window.addEventListener('mousedown', updateMouse, false);
     document.onclick = ContextMenuMixin.closeContextMenu;
 }