146 lines
3.4 KiB
JavaScript
146 lines
3.4 KiB
JavaScript
// @flow
|
|
|
|
import { ReducerRegistry } from '../base/redux';
|
|
|
|
import {
|
|
CLEAR_TOOLBOX_TIMEOUT,
|
|
FULL_SCREEN_CHANGED,
|
|
SET_TOOLBAR_HOVERED,
|
|
SET_TOOLBOX_ALWAYS_VISIBLE,
|
|
SET_TOOLBOX_ENABLED,
|
|
SET_TOOLBOX_TIMEOUT,
|
|
SET_TOOLBOX_TIMEOUT_MS,
|
|
SET_TOOLBOX_VISIBLE
|
|
} from './actionTypes';
|
|
|
|
declare var interfaceConfig: Object;
|
|
|
|
/**
|
|
* Returns initial state for toolbox's part of Redux store.
|
|
*
|
|
* @private
|
|
* @returns {{
|
|
* alwaysVisible: boolean,
|
|
* enabled: boolean,
|
|
* hovered: boolean,
|
|
* timeoutID: number,
|
|
* timeoutMS: number,
|
|
* visible: boolean
|
|
* }}
|
|
*/
|
|
function _getInitialState() {
|
|
// Default toolbox timeout for mobile app.
|
|
let timeoutMS = 5000;
|
|
|
|
if (typeof interfaceConfig !== 'undefined'
|
|
&& interfaceConfig.INITIAL_TOOLBAR_TIMEOUT) {
|
|
timeoutMS = interfaceConfig.INITIAL_TOOLBAR_TIMEOUT;
|
|
}
|
|
|
|
return {
|
|
/**
|
|
* The indicator which determines whether the Toolbox should always be
|
|
* visible.
|
|
*
|
|
* @type {boolean}
|
|
*/
|
|
alwaysVisible: false,
|
|
|
|
/**
|
|
* The indicator which determines whether the Toolbox is enabled. For
|
|
* example, modules/UI/recording/Recording.js disables the Toolbox.
|
|
*
|
|
* @type {boolean}
|
|
*/
|
|
enabled: true,
|
|
|
|
/**
|
|
* The indicator which determines whether a Toolbar in the Toolbox is
|
|
* hovered.
|
|
*
|
|
* @type {boolean}
|
|
*/
|
|
hovered: false,
|
|
|
|
/**
|
|
* A number, non-zero value which identifies the timer created by a call
|
|
* to setTimeout() with timeoutMS.
|
|
*
|
|
* @type {number|null}
|
|
*/
|
|
timeoutID: null,
|
|
|
|
/**
|
|
* The delay in milliseconds before timeoutID executes (after its
|
|
* initialization).
|
|
*
|
|
* @type {number}
|
|
*/
|
|
timeoutMS,
|
|
|
|
/**
|
|
* The indicator which determines whether the Toolbox is visible.
|
|
*
|
|
* @type {boolean}
|
|
*/
|
|
visible: false
|
|
};
|
|
}
|
|
|
|
ReducerRegistry.register(
|
|
'features/toolbox',
|
|
(state: Object = _getInitialState(), action: Object) => {
|
|
switch (action.type) {
|
|
case CLEAR_TOOLBOX_TIMEOUT:
|
|
return {
|
|
...state,
|
|
timeoutID: undefined
|
|
};
|
|
|
|
case FULL_SCREEN_CHANGED:
|
|
return {
|
|
...state,
|
|
fullScreen: action.fullScreen
|
|
};
|
|
|
|
case SET_TOOLBAR_HOVERED:
|
|
return {
|
|
...state,
|
|
hovered: action.hovered
|
|
};
|
|
|
|
case SET_TOOLBOX_ALWAYS_VISIBLE:
|
|
return {
|
|
...state,
|
|
alwaysVisible: action.alwaysVisible
|
|
};
|
|
|
|
case SET_TOOLBOX_ENABLED:
|
|
return {
|
|
...state,
|
|
enabled: action.enabled
|
|
};
|
|
|
|
case SET_TOOLBOX_TIMEOUT:
|
|
return {
|
|
...state,
|
|
timeoutID: action.timeoutID,
|
|
timeoutMS: action.timeoutMS
|
|
};
|
|
|
|
case SET_TOOLBOX_TIMEOUT_MS:
|
|
return {
|
|
...state,
|
|
timeoutMS: action.timeoutMS
|
|
};
|
|
|
|
case SET_TOOLBOX_VISIBLE:
|
|
return {
|
|
...state,
|
|
visible: action.visible
|
|
};
|
|
}
|
|
|
|
return state;
|
|
});
|