Current Dev State

static/js/ketcher2/script/ui/state/toolbar.js

@@ -0,0 +1,110 @@
+/****************************************************************************
+ * 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;
+}