forked from enviPath/enviPy
111 lines
2.9 KiB
JavaScript
111 lines
2.9 KiB
JavaScript
/****************************************************************************
|
|
* Copyright 2017 EPAM Systems
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
***************************************************************************/
|
|
|
|
import { capitalize, debounce, isEqual } from 'lodash/fp';
|
|
import { basic as basicAtoms } from '../action/atoms';
|
|
import tools from '../action/tools';
|
|
|
|
const initial = {
|
|
freqAtoms: [],
|
|
currentAtom: 0,
|
|
opened: null,
|
|
visibleTools: {}
|
|
};
|
|
const MAX_ATOMS = 7;
|
|
|
|
export function initResize() {
|
|
return function (dispatch, getState) {
|
|
const onResize = debounce(100, () => {
|
|
getState().editor.render.update();
|
|
dispatch({ type: 'CLEAR_VISIBLE' })
|
|
});
|
|
|
|
addEventListener('resize', onResize);
|
|
}
|
|
}
|
|
|
|
export default function (state=initial, action) {
|
|
let { type, data } = action;
|
|
|
|
switch (type) {
|
|
case 'ACTION':
|
|
let visibleTool = toolInMenu(action.action);
|
|
return visibleTool
|
|
? { ...state, opened: null, visibleTools: { ...state.visibleTools, ...visibleTool } }
|
|
: state;
|
|
case 'ADD_ATOMS':
|
|
const newState = addFreqAtom(data, state.freqAtoms, state.currentAtom);
|
|
return { ...state, ...newState };
|
|
case 'CLEAR_VISIBLE':
|
|
return { ...state, opened: null, visibleTools: {} };
|
|
case 'OPENED':
|
|
return { ...state, opened: data };
|
|
case 'UPDATE':
|
|
return { ...state, opened: null };
|
|
default:
|
|
return state;
|
|
}
|
|
}
|
|
|
|
function addFreqAtom(label, freqAtoms, index) {
|
|
label = capitalize(label);
|
|
if (basicAtoms.indexOf(label) > -1 || freqAtoms.indexOf(label) !== -1) return { freqAtoms };
|
|
|
|
freqAtoms[index] = label;
|
|
index = (index + 1) % MAX_ATOMS;
|
|
|
|
return { freqAtoms, currentAtom: index };
|
|
}
|
|
|
|
export function addAtoms(atomLabel) {
|
|
return {
|
|
type: 'ADD_ATOMS',
|
|
data: atomLabel
|
|
};
|
|
}
|
|
|
|
function getToolFromAction(action) {
|
|
let tool = null;
|
|
|
|
for (let toolName in tools) {
|
|
if (tools.hasOwnProperty(toolName) && isEqual(action, tools[toolName].action))
|
|
tool = toolName;
|
|
}
|
|
|
|
return tool;
|
|
}
|
|
|
|
function toolInMenu(action) {
|
|
let tool = getToolFromAction(action);
|
|
|
|
let sel = document.getElementById(tool);
|
|
let dropdown = sel && hiddenAncestor(sel);
|
|
|
|
return dropdown ? { [dropdown.id]: sel.id } : null;
|
|
}
|
|
|
|
export function hiddenAncestor(el, base) {
|
|
base = base || document.body;
|
|
let findEl = el;
|
|
|
|
while (window.getComputedStyle(findEl).overflow !== 'hidden' && !findEl.classList.contains('opened')) {
|
|
if (findEl === base) return null;
|
|
findEl = findEl.parentNode;
|
|
}
|
|
|
|
return findEl;
|
|
}
|