2018-03-07 00:28:19 +00:00
|
|
|
// @flow
|
2017-04-01 05:52:40 +00:00
|
|
|
|
|
|
|
import { MiddlewareRegistry } from '../base/redux';
|
|
|
|
|
2018-03-07 00:28:19 +00:00
|
|
|
import {
|
|
|
|
CLEAR_TOOLBOX_TIMEOUT,
|
|
|
|
SET_TOOLBOX_TIMEOUT,
|
|
|
|
SET_FULL_SCREEN
|
|
|
|
} from './actionTypes';
|
|
|
|
|
|
|
|
declare var APP: Object;
|
2017-06-28 14:15:46 +00:00
|
|
|
|
2017-04-01 05:52:40 +00:00
|
|
|
/**
|
|
|
|
* Middleware which intercepts Toolbox actions to handle changes to the
|
|
|
|
* visibility timeout of the Toolbox.
|
|
|
|
*
|
2017-07-16 08:44:07 +00:00
|
|
|
* @param {Store} store - The redux store.
|
2017-04-01 05:52:40 +00:00
|
|
|
* @returns {Function}
|
|
|
|
*/
|
|
|
|
MiddlewareRegistry.register(store => next => action => {
|
|
|
|
switch (action.type) {
|
|
|
|
case CLEAR_TOOLBOX_TIMEOUT: {
|
|
|
|
const { timeoutID } = store.getState()['features/toolbox'];
|
|
|
|
|
|
|
|
clearTimeout(timeoutID);
|
|
|
|
break;
|
|
|
|
}
|
|
|
|
|
2018-03-07 00:28:19 +00:00
|
|
|
case SET_FULL_SCREEN:
|
|
|
|
return _setFullScreen(next, action);
|
|
|
|
|
2017-04-01 05:52:40 +00:00
|
|
|
case SET_TOOLBOX_TIMEOUT: {
|
|
|
|
const { timeoutID } = store.getState()['features/toolbox'];
|
|
|
|
const { handler, timeoutMS } = action;
|
|
|
|
|
|
|
|
clearTimeout(timeoutID);
|
2018-04-09 05:03:26 +00:00
|
|
|
action.timeoutID = setTimeout(handler, timeoutMS);
|
2017-04-01 05:52:40 +00:00
|
|
|
|
|
|
|
break;
|
|
|
|
}
|
2017-07-24 13:56:57 +00:00
|
|
|
}
|
|
|
|
|
2017-04-01 05:52:40 +00:00
|
|
|
return next(action);
|
|
|
|
});
|
2017-07-16 08:44:07 +00:00
|
|
|
|
2018-03-07 00:28:19 +00:00
|
|
|
/**
|
|
|
|
* Makes an external request to enter or exit full screen mode.
|
|
|
|
*
|
|
|
|
* @param {Dispatch} next - The redux dispatch function to dispatch the
|
|
|
|
* specified action to the specified store.
|
|
|
|
* @param {Action} action - The redux action SET_FULL_SCREEN which is being
|
|
|
|
* dispatched in the specified store.
|
|
|
|
* @private
|
|
|
|
* @returns {Object} The value returned by {@code next(action)}.
|
|
|
|
*/
|
|
|
|
function _setFullScreen(next, action) {
|
|
|
|
if (typeof APP === 'object') {
|
|
|
|
const { fullScreen } = action;
|
|
|
|
|
|
|
|
if (fullScreen) {
|
|
|
|
const documentElement = document.documentElement || {};
|
|
|
|
|
|
|
|
if (typeof documentElement.requestFullscreen === 'function') {
|
|
|
|
documentElement.requestFullscreen();
|
|
|
|
} else if (
|
|
|
|
typeof documentElement.mozRequestFullScreen === 'function') {
|
|
|
|
documentElement.mozRequestFullScreen();
|
|
|
|
} else if (
|
|
|
|
typeof documentElement.webkitRequestFullscreen === 'function') {
|
|
|
|
documentElement.webkitRequestFullscreen();
|
|
|
|
}
|
2018-10-03 09:29:19 +00:00
|
|
|
} else {
|
|
|
|
/* eslint-disable no-lonely-if */
|
|
|
|
|
|
|
|
// $FlowFixMe
|
|
|
|
if (typeof document.exitFullscreen === 'function') {
|
|
|
|
document.exitFullscreen();
|
|
|
|
|
|
|
|
// $FlowFixMe
|
|
|
|
} else if (typeof document.mozCancelFullScreen === 'function') {
|
|
|
|
document.mozCancelFullScreen();
|
|
|
|
|
|
|
|
// $FlowFixMe
|
|
|
|
} else if (typeof document.webkitExitFullscreen === 'function') {
|
|
|
|
document.webkitExitFullscreen();
|
|
|
|
}
|
|
|
|
|
|
|
|
/* eslint-enable no-loney-if */
|
2018-03-07 00:28:19 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
return next(action);
|
|
|
|
}
|