@complat/react-spectra-editor 1.0.0-alpha.6 → 1.0.0-alpha.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/cmd_bar/03_peak.js +3 -0
- package/dist/components/cmd_bar/03_peak_bk.js +213 -0
- package/dist/components/cmd_bar/r01_layout.js +9 -0
- package/dist/components/cmd_bar/r01_layout_bk.js +369 -0
- package/dist/components/d3_line/line_focus.js +1 -1
- package/dist/components/d3_line/line_focus_bk.js +1 -1
- package/dist/components/d3_multi/multi_focus.js +1 -1
- package/dist/components/panel/cyclic_voltamery_data.js +4 -4
- package/dist/components/panel/cyclic_voltamery_data_bk.js +456 -0
- package/dist/constants/action_type.js +2 -1
- package/dist/constants/list_layout.js +1 -0
- package/dist/constants/list_ui.js +3 -2
- package/dist/helpers/cfg.js +1 -1
- package/dist/helpers/cfg_bk.js +99 -0
- package/dist/helpers/chem.js +17 -4
- package/dist/helpers/chem_bk.js +4 -1
- package/dist/helpers/extractPeaksEdit.js +12 -3
- package/dist/helpers/extractPeaksEdit_bk.js +67 -0
- package/dist/helpers/format.js +31 -22
- package/dist/helpers/format_bk.js +9 -1
- package/dist/index.js +17 -0
- package/dist/index_bk.js +17 -0
- package/dist/reducers/reducer_voltammetry.js +28 -0
- package/dist/reducers/reducer_voltammetry_bk.js +276 -0
- package/dist/sagas/saga_ui.js +31 -15
- package/dist/sagas/saga_ui_bk.js +31 -15
- package/package.json +1 -1
|
@@ -91,6 +91,9 @@ var Peak = function Peak(_ref) {
|
|
|
91
91
|
return setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.CYCLIC_VOLTA_RM_MIN_PEAK, curveIdx);
|
|
92
92
|
};
|
|
93
93
|
}
|
|
94
|
+
onSweepAnchorShift = function onSweepAnchorShift() {
|
|
95
|
+
return setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.CYCLIC_VOLTA_SET_REF, curveIdx);
|
|
96
|
+
};
|
|
94
97
|
}
|
|
95
98
|
}
|
|
96
99
|
|
|
@@ -0,0 +1,213 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
|
|
7
|
+
var _react = require('react');
|
|
8
|
+
|
|
9
|
+
var _react2 = _interopRequireDefault(_react);
|
|
10
|
+
|
|
11
|
+
var _reactRedux = require('react-redux');
|
|
12
|
+
|
|
13
|
+
var _redux = require('redux');
|
|
14
|
+
|
|
15
|
+
var _classnames = require('classnames');
|
|
16
|
+
|
|
17
|
+
var _classnames2 = _interopRequireDefault(_classnames);
|
|
18
|
+
|
|
19
|
+
var _propTypes = require('prop-types');
|
|
20
|
+
|
|
21
|
+
var _propTypes2 = _interopRequireDefault(_propTypes);
|
|
22
|
+
|
|
23
|
+
var _styles = require('@material-ui/core/styles');
|
|
24
|
+
|
|
25
|
+
var _Tooltip = require('@material-ui/core/Tooltip');
|
|
26
|
+
|
|
27
|
+
var _Tooltip2 = _interopRequireDefault(_Tooltip);
|
|
28
|
+
|
|
29
|
+
var _AddLocationOutlined = require('@material-ui/icons/AddLocationOutlined');
|
|
30
|
+
|
|
31
|
+
var _AddLocationOutlined2 = _interopRequireDefault(_AddLocationOutlined);
|
|
32
|
+
|
|
33
|
+
var _ui = require('../../actions/ui');
|
|
34
|
+
|
|
35
|
+
var _cfg = require('../../helpers/cfg');
|
|
36
|
+
|
|
37
|
+
var _cfg2 = _interopRequireDefault(_cfg);
|
|
38
|
+
|
|
39
|
+
var _common = require('./common');
|
|
40
|
+
|
|
41
|
+
var _list_ui = require('../../constants/list_ui');
|
|
42
|
+
|
|
43
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
44
|
+
|
|
45
|
+
var styles = function styles() {
|
|
46
|
+
return Object.assign({}, _common.commonStyle);
|
|
47
|
+
};
|
|
48
|
+
|
|
49
|
+
var Peak = function Peak(_ref) {
|
|
50
|
+
var classes = _ref.classes,
|
|
51
|
+
setUiSweepTypeAct = _ref.setUiSweepTypeAct,
|
|
52
|
+
isFocusAddPeakSt = _ref.isFocusAddPeakSt,
|
|
53
|
+
disableAddPeakSt = _ref.disableAddPeakSt,
|
|
54
|
+
isFocusRmPeakSt = _ref.isFocusRmPeakSt,
|
|
55
|
+
disableRmPeakSt = _ref.disableRmPeakSt,
|
|
56
|
+
isFocusSetRefSt = _ref.isFocusSetRefSt,
|
|
57
|
+
disableSetRefSt = _ref.disableSetRefSt,
|
|
58
|
+
isHandleMaxAndMinPeaksSt = _ref.isHandleMaxAndMinPeaksSt,
|
|
59
|
+
cyclicVotaSt = _ref.cyclicVotaSt,
|
|
60
|
+
curveSt = _ref.curveSt;
|
|
61
|
+
|
|
62
|
+
var onSweepPeakAdd = function onSweepPeakAdd() {
|
|
63
|
+
return setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.PEAK_ADD);
|
|
64
|
+
};
|
|
65
|
+
var onSweepPeakDELETE = function onSweepPeakDELETE() {
|
|
66
|
+
return setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.PEAK_DELETE);
|
|
67
|
+
};
|
|
68
|
+
var onSweepAnchorShift = function onSweepAnchorShift() {
|
|
69
|
+
return setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.ANCHOR_SHIFT);
|
|
70
|
+
};
|
|
71
|
+
if (isHandleMaxAndMinPeaksSt) {
|
|
72
|
+
var curveIdx = curveSt.curveIdx;
|
|
73
|
+
var spectraList = cyclicVotaSt.spectraList;
|
|
74
|
+
|
|
75
|
+
var spectra = spectraList[curveIdx];
|
|
76
|
+
if (spectra) {
|
|
77
|
+
var isWorkMaxPeak = spectra.isWorkMaxPeak;
|
|
78
|
+
|
|
79
|
+
if (isWorkMaxPeak) {
|
|
80
|
+
onSweepPeakAdd = function onSweepPeakAdd() {
|
|
81
|
+
return setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.CYCLIC_VOLTA_ADD_MAX_PEAK, curveIdx);
|
|
82
|
+
};
|
|
83
|
+
onSweepPeakDELETE = function onSweepPeakDELETE() {
|
|
84
|
+
return setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.CYCLIC_VOLTA_RM_MAX_PEAK, curveIdx);
|
|
85
|
+
};
|
|
86
|
+
} else {
|
|
87
|
+
onSweepPeakAdd = function onSweepPeakAdd() {
|
|
88
|
+
return setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.CYCLIC_VOLTA_ADD_MIN_PEAK, curveIdx);
|
|
89
|
+
};
|
|
90
|
+
onSweepPeakDELETE = function onSweepPeakDELETE() {
|
|
91
|
+
return setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.CYCLIC_VOLTA_RM_MIN_PEAK, curveIdx);
|
|
92
|
+
};
|
|
93
|
+
}
|
|
94
|
+
onSweepAnchorShift = function onSweepAnchorShift() {
|
|
95
|
+
return setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.CYCLIC_VOLTA_SET_REF, curveIdx);
|
|
96
|
+
};
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
return _react2.default.createElement(
|
|
101
|
+
'span',
|
|
102
|
+
{ className: classes.group },
|
|
103
|
+
_react2.default.createElement(
|
|
104
|
+
_Tooltip2.default,
|
|
105
|
+
{ title: _react2.default.createElement(
|
|
106
|
+
'span',
|
|
107
|
+
{ className: 'txt-sv-tp' },
|
|
108
|
+
'Add Peak'
|
|
109
|
+
) },
|
|
110
|
+
_react2.default.createElement(
|
|
111
|
+
'span',
|
|
112
|
+
null,
|
|
113
|
+
_react2.default.createElement(
|
|
114
|
+
_common.MuButton,
|
|
115
|
+
{
|
|
116
|
+
className: (0, _classnames2.default)((0, _common.focusStyle)(isFocusAddPeakSt, classes), 'btn-sv-bar-addpeak'),
|
|
117
|
+
disabled: disableAddPeakSt,
|
|
118
|
+
onClick: onSweepPeakAdd
|
|
119
|
+
},
|
|
120
|
+
_react2.default.createElement(
|
|
121
|
+
'span',
|
|
122
|
+
{ className: (0, _classnames2.default)(classes.txt, 'txt-sv-bar-addpeak') },
|
|
123
|
+
'P+'
|
|
124
|
+
)
|
|
125
|
+
)
|
|
126
|
+
)
|
|
127
|
+
),
|
|
128
|
+
_react2.default.createElement(
|
|
129
|
+
_Tooltip2.default,
|
|
130
|
+
{ title: _react2.default.createElement(
|
|
131
|
+
'span',
|
|
132
|
+
{ className: 'txt-sv-tp' },
|
|
133
|
+
'Remove Peak'
|
|
134
|
+
) },
|
|
135
|
+
_react2.default.createElement(
|
|
136
|
+
'span',
|
|
137
|
+
null,
|
|
138
|
+
_react2.default.createElement(
|
|
139
|
+
_common.MuButton,
|
|
140
|
+
{
|
|
141
|
+
className: (0, _classnames2.default)((0, _common.focusStyle)(isFocusRmPeakSt, classes), 'btn-sv-bar-rmpeak'),
|
|
142
|
+
disabled: disableRmPeakSt,
|
|
143
|
+
onClick: onSweepPeakDELETE
|
|
144
|
+
},
|
|
145
|
+
_react2.default.createElement(
|
|
146
|
+
'span',
|
|
147
|
+
{ className: (0, _classnames2.default)(classes.txt, 'txt-sv-bar-rmpeak') },
|
|
148
|
+
'P-'
|
|
149
|
+
)
|
|
150
|
+
)
|
|
151
|
+
)
|
|
152
|
+
),
|
|
153
|
+
_react2.default.createElement(
|
|
154
|
+
_Tooltip2.default,
|
|
155
|
+
{ title: _react2.default.createElement(
|
|
156
|
+
'span',
|
|
157
|
+
{ className: 'txt-sv-tp' },
|
|
158
|
+
'Set Reference'
|
|
159
|
+
) },
|
|
160
|
+
_react2.default.createElement(
|
|
161
|
+
'span',
|
|
162
|
+
null,
|
|
163
|
+
_react2.default.createElement(
|
|
164
|
+
_common.MuButton,
|
|
165
|
+
{
|
|
166
|
+
className: (0, _classnames2.default)((0, _common.focusStyle)(isFocusSetRefSt, classes), 'btn-sv-bar-setref'),
|
|
167
|
+
disabled: disableSetRefSt,
|
|
168
|
+
onClick: onSweepAnchorShift
|
|
169
|
+
},
|
|
170
|
+
_react2.default.createElement(_AddLocationOutlined2.default, { className: classes.icon })
|
|
171
|
+
)
|
|
172
|
+
)
|
|
173
|
+
)
|
|
174
|
+
);
|
|
175
|
+
};
|
|
176
|
+
|
|
177
|
+
var mapStateToProps = function mapStateToProps(state, _) {
|
|
178
|
+
return (// eslint-disable-line
|
|
179
|
+
{
|
|
180
|
+
isFocusAddPeakSt: state.ui.sweepType === _list_ui.LIST_UI_SWEEP_TYPE.PEAK_ADD || state.ui.sweepType === _list_ui.LIST_UI_SWEEP_TYPE.CYCLIC_VOLTA_ADD_MAX_PEAK || state.ui.sweepType === _list_ui.LIST_UI_SWEEP_TYPE.CYCLIC_VOLTA_ADD_MIN_PEAK,
|
|
181
|
+
disableAddPeakSt: _cfg2.default.btnCmdAddPeak(state.layout),
|
|
182
|
+
isFocusRmPeakSt: state.ui.sweepType === _list_ui.LIST_UI_SWEEP_TYPE.PEAK_DELETE || state.ui.sweepType === _list_ui.LIST_UI_SWEEP_TYPE.CYCLIC_VOLTA_RM_MAX_PEAK || state.ui.sweepType === _list_ui.LIST_UI_SWEEP_TYPE.CYCLIC_VOLTA_RM_MIN_PEAK,
|
|
183
|
+
disableRmPeakSt: _cfg2.default.btnCmdRmPeak(state.layout),
|
|
184
|
+
isFocusSetRefSt: state.ui.sweepType === _list_ui.LIST_UI_SWEEP_TYPE.ANCHOR_SHIFT,
|
|
185
|
+
disableSetRefSt: _cfg2.default.btnCmdSetRef(state.layout),
|
|
186
|
+
isHandleMaxAndMinPeaksSt: !_cfg2.default.hidePanelCyclicVolta(state.layout),
|
|
187
|
+
cyclicVotaSt: state.cyclicvolta,
|
|
188
|
+
curveSt: state.curve
|
|
189
|
+
}
|
|
190
|
+
);
|
|
191
|
+
};
|
|
192
|
+
|
|
193
|
+
var mapDispatchToProps = function mapDispatchToProps(dispatch) {
|
|
194
|
+
return (0, _redux.bindActionCreators)({
|
|
195
|
+
setUiSweepTypeAct: _ui.setUiSweepType
|
|
196
|
+
}, dispatch);
|
|
197
|
+
};
|
|
198
|
+
|
|
199
|
+
Peak.propTypes = {
|
|
200
|
+
classes: _propTypes2.default.object.isRequired,
|
|
201
|
+
isFocusAddPeakSt: _propTypes2.default.bool.isRequired,
|
|
202
|
+
disableAddPeakSt: _propTypes2.default.bool.isRequired,
|
|
203
|
+
isFocusRmPeakSt: _propTypes2.default.bool.isRequired,
|
|
204
|
+
disableRmPeakSt: _propTypes2.default.bool.isRequired,
|
|
205
|
+
isFocusSetRefSt: _propTypes2.default.bool.isRequired,
|
|
206
|
+
disableSetRefSt: _propTypes2.default.bool.isRequired,
|
|
207
|
+
setUiSweepTypeAct: _propTypes2.default.func.isRequired,
|
|
208
|
+
isHandleMaxAndMinPeaksSt: _propTypes2.default.bool.isRequired,
|
|
209
|
+
cyclicVotaSt: _propTypes2.default.object.isRequired,
|
|
210
|
+
curveSt: _propTypes2.default.object.isRequired
|
|
211
|
+
};
|
|
212
|
+
|
|
213
|
+
exports.default = (0, _redux.compose)((0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps), (0, _styles.withStyles)(styles))(Peak);
|
|
@@ -310,6 +310,15 @@ var layoutSelect = function layoutSelect(classes, layoutSt, updateLayoutAct) {
|
|
|
310
310
|
'CV (CYCLIC VOLTAMMETRY)'
|
|
311
311
|
)
|
|
312
312
|
),
|
|
313
|
+
_react2.default.createElement(
|
|
314
|
+
_MenuItem2.default,
|
|
315
|
+
{ value: _list_layout.LIST_LAYOUT.CDS },
|
|
316
|
+
_react2.default.createElement(
|
|
317
|
+
'span',
|
|
318
|
+
{ className: (0, _classnames2.default)(classes.txtOpt, 'option-sv-bar-layout') },
|
|
319
|
+
'CDS (CIRCULAR DICHROISM SPECTROSCOPY)'
|
|
320
|
+
)
|
|
321
|
+
),
|
|
313
322
|
_react2.default.createElement(
|
|
314
323
|
_MenuItem2.default,
|
|
315
324
|
{ value: _list_layout.LIST_LAYOUT.SEC },
|
|
@@ -0,0 +1,369 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
|
|
7
|
+
var _react = require('react');
|
|
8
|
+
|
|
9
|
+
var _react2 = _interopRequireDefault(_react);
|
|
10
|
+
|
|
11
|
+
var _propTypes = require('prop-types');
|
|
12
|
+
|
|
13
|
+
var _propTypes2 = _interopRequireDefault(_propTypes);
|
|
14
|
+
|
|
15
|
+
var _classnames = require('classnames');
|
|
16
|
+
|
|
17
|
+
var _classnames2 = _interopRequireDefault(_classnames);
|
|
18
|
+
|
|
19
|
+
var _reactRedux = require('react-redux');
|
|
20
|
+
|
|
21
|
+
var _redux = require('redux');
|
|
22
|
+
|
|
23
|
+
var _Select = require('@material-ui/core/Select');
|
|
24
|
+
|
|
25
|
+
var _Select2 = _interopRequireDefault(_Select);
|
|
26
|
+
|
|
27
|
+
var _MenuItem = require('@material-ui/core/MenuItem');
|
|
28
|
+
|
|
29
|
+
var _MenuItem2 = _interopRequireDefault(_MenuItem);
|
|
30
|
+
|
|
31
|
+
var _FormControl = require('@material-ui/core/FormControl');
|
|
32
|
+
|
|
33
|
+
var _FormControl2 = _interopRequireDefault(_FormControl);
|
|
34
|
+
|
|
35
|
+
var _OutlinedInput = require('@material-ui/core/OutlinedInput');
|
|
36
|
+
|
|
37
|
+
var _OutlinedInput2 = _interopRequireDefault(_OutlinedInput);
|
|
38
|
+
|
|
39
|
+
var _InputLabel = require('@material-ui/core/InputLabel');
|
|
40
|
+
|
|
41
|
+
var _InputLabel2 = _interopRequireDefault(_InputLabel);
|
|
42
|
+
|
|
43
|
+
var _styles = require('@material-ui/core/styles');
|
|
44
|
+
|
|
45
|
+
var _r02_scan = require('./r02_scan');
|
|
46
|
+
|
|
47
|
+
var _r02_scan2 = _interopRequireDefault(_r02_scan);
|
|
48
|
+
|
|
49
|
+
var _layout = require('../../actions/layout');
|
|
50
|
+
|
|
51
|
+
var _shift = require('../../actions/shift');
|
|
52
|
+
|
|
53
|
+
var _list_layout = require('../../constants/list_layout');
|
|
54
|
+
|
|
55
|
+
var _list_shift = require('../../constants/list_shift');
|
|
56
|
+
|
|
57
|
+
var _cfg = require('../../helpers/cfg');
|
|
58
|
+
|
|
59
|
+
var _cfg2 = _interopRequireDefault(_cfg);
|
|
60
|
+
|
|
61
|
+
var _common = require('./common');
|
|
62
|
+
|
|
63
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
64
|
+
|
|
65
|
+
var styles = function styles() {
|
|
66
|
+
return Object.assign({
|
|
67
|
+
fieldShift: {
|
|
68
|
+
width: 160
|
|
69
|
+
},
|
|
70
|
+
fieldLayout: {
|
|
71
|
+
width: 100
|
|
72
|
+
}
|
|
73
|
+
}, _common.commonStyle);
|
|
74
|
+
};
|
|
75
|
+
|
|
76
|
+
var shiftSelect = function shiftSelect(classes, layoutSt, shiftRefSt, setShiftRefAct) {
|
|
77
|
+
if (_cfg2.default.hideSolvent(layoutSt)) return null;
|
|
78
|
+
var onChange = function onChange(e) {
|
|
79
|
+
return setShiftRefAct(e.target.value);
|
|
80
|
+
};
|
|
81
|
+
|
|
82
|
+
var listShift = (0, _list_shift.getListShift)(layoutSt);
|
|
83
|
+
|
|
84
|
+
var content = listShift.map(function (ref) {
|
|
85
|
+
return _react2.default.createElement(
|
|
86
|
+
_MenuItem2.default,
|
|
87
|
+
{ value: ref, key: ref.name },
|
|
88
|
+
_react2.default.createElement(
|
|
89
|
+
'span',
|
|
90
|
+
{ className: (0, _classnames2.default)(classes.txtOpt, 'option-sv-bar-shift') },
|
|
91
|
+
ref.name + ': ' + ref.value + ' ppm'
|
|
92
|
+
)
|
|
93
|
+
);
|
|
94
|
+
});
|
|
95
|
+
|
|
96
|
+
return _react2.default.createElement(
|
|
97
|
+
_FormControl2.default,
|
|
98
|
+
{
|
|
99
|
+
className: (0, _classnames2.default)(classes.fieldShift),
|
|
100
|
+
variant: 'outlined'
|
|
101
|
+
},
|
|
102
|
+
_react2.default.createElement(
|
|
103
|
+
_InputLabel2.default,
|
|
104
|
+
{ className: (0, _classnames2.default)(classes.selectLabel, 'select-sv-bar-label') },
|
|
105
|
+
'Solvent'
|
|
106
|
+
),
|
|
107
|
+
_react2.default.createElement(
|
|
108
|
+
_Select2.default,
|
|
109
|
+
{
|
|
110
|
+
value: shiftRefSt,
|
|
111
|
+
onChange: onChange,
|
|
112
|
+
input: _react2.default.createElement(_OutlinedInput2.default, {
|
|
113
|
+
className: (0, _classnames2.default)(classes.selectInput, 'input-sv-bar-shift'),
|
|
114
|
+
labelWidth: 60
|
|
115
|
+
})
|
|
116
|
+
},
|
|
117
|
+
content
|
|
118
|
+
)
|
|
119
|
+
);
|
|
120
|
+
};
|
|
121
|
+
|
|
122
|
+
var layoutSelect = function layoutSelect(classes, layoutSt, updateLayoutAct) {
|
|
123
|
+
var onChange = function onChange(e) {
|
|
124
|
+
return updateLayoutAct(e.target.value);
|
|
125
|
+
};
|
|
126
|
+
|
|
127
|
+
return _react2.default.createElement(
|
|
128
|
+
_FormControl2.default,
|
|
129
|
+
{
|
|
130
|
+
className: (0, _classnames2.default)(classes.fieldLayout),
|
|
131
|
+
variant: 'outlined'
|
|
132
|
+
},
|
|
133
|
+
_react2.default.createElement(
|
|
134
|
+
_InputLabel2.default,
|
|
135
|
+
{ className: (0, _classnames2.default)(classes.selectLabel, 'select-sv-bar-label') },
|
|
136
|
+
'Layout'
|
|
137
|
+
),
|
|
138
|
+
_react2.default.createElement(
|
|
139
|
+
_Select2.default,
|
|
140
|
+
{
|
|
141
|
+
value: layoutSt,
|
|
142
|
+
onChange: onChange,
|
|
143
|
+
input: _react2.default.createElement(_OutlinedInput2.default, {
|
|
144
|
+
className: (0, _classnames2.default)(classes.selectInput, 'input-sv-bar-layout'),
|
|
145
|
+
labelWidth: 60
|
|
146
|
+
})
|
|
147
|
+
},
|
|
148
|
+
_react2.default.createElement(
|
|
149
|
+
_MenuItem2.default,
|
|
150
|
+
{ value: _list_layout.LIST_LAYOUT.PLAIN },
|
|
151
|
+
_react2.default.createElement(
|
|
152
|
+
'span',
|
|
153
|
+
{ className: (0, _classnames2.default)(classes.txtOpt, 'option-sv-bar-layout') },
|
|
154
|
+
'plain'
|
|
155
|
+
)
|
|
156
|
+
),
|
|
157
|
+
_react2.default.createElement(
|
|
158
|
+
_MenuItem2.default,
|
|
159
|
+
{ value: _list_layout.LIST_LAYOUT.IR },
|
|
160
|
+
_react2.default.createElement(
|
|
161
|
+
'span',
|
|
162
|
+
{ className: (0, _classnames2.default)(classes.txtOpt, 'option-sv-bar-layout') },
|
|
163
|
+
'IR'
|
|
164
|
+
)
|
|
165
|
+
),
|
|
166
|
+
_react2.default.createElement(
|
|
167
|
+
_MenuItem2.default,
|
|
168
|
+
{ value: _list_layout.LIST_LAYOUT.RAMAN },
|
|
169
|
+
_react2.default.createElement(
|
|
170
|
+
'span',
|
|
171
|
+
{ className: (0, _classnames2.default)(classes.txtOpt, 'option-sv-bar-layout') },
|
|
172
|
+
'RAMAN'
|
|
173
|
+
)
|
|
174
|
+
),
|
|
175
|
+
_react2.default.createElement(
|
|
176
|
+
_MenuItem2.default,
|
|
177
|
+
{ value: _list_layout.LIST_LAYOUT.UVVIS },
|
|
178
|
+
_react2.default.createElement(
|
|
179
|
+
'span',
|
|
180
|
+
{ className: (0, _classnames2.default)(classes.txtOpt, 'option-sv-bar-layout') },
|
|
181
|
+
'UV/VIS'
|
|
182
|
+
)
|
|
183
|
+
),
|
|
184
|
+
_react2.default.createElement(
|
|
185
|
+
_MenuItem2.default,
|
|
186
|
+
{ value: _list_layout.LIST_LAYOUT.HPLC_UVVIS },
|
|
187
|
+
_react2.default.createElement(
|
|
188
|
+
'span',
|
|
189
|
+
{ className: (0, _classnames2.default)(classes.txtOpt, 'option-sv-bar-layout') },
|
|
190
|
+
'HPLC UV/VIS'
|
|
191
|
+
)
|
|
192
|
+
),
|
|
193
|
+
_react2.default.createElement(
|
|
194
|
+
_MenuItem2.default,
|
|
195
|
+
{ value: _list_layout.LIST_LAYOUT.TGA },
|
|
196
|
+
_react2.default.createElement(
|
|
197
|
+
'span',
|
|
198
|
+
{ className: (0, _classnames2.default)(classes.txtOpt, 'option-sv-bar-layout') },
|
|
199
|
+
'TGA (THERMOGRAVIMETRIC ANALYSIS)'
|
|
200
|
+
)
|
|
201
|
+
),
|
|
202
|
+
_react2.default.createElement(
|
|
203
|
+
_MenuItem2.default,
|
|
204
|
+
{ value: _list_layout.LIST_LAYOUT.XRD },
|
|
205
|
+
_react2.default.createElement(
|
|
206
|
+
'span',
|
|
207
|
+
{ className: (0, _classnames2.default)(classes.txtOpt, 'option-sv-bar-layout') },
|
|
208
|
+
'XRD (X-RAY DIFFRACTION)'
|
|
209
|
+
)
|
|
210
|
+
),
|
|
211
|
+
_react2.default.createElement(
|
|
212
|
+
_MenuItem2.default,
|
|
213
|
+
{ value: _list_layout.LIST_LAYOUT.H1 },
|
|
214
|
+
_react2.default.createElement(
|
|
215
|
+
'span',
|
|
216
|
+
{ className: (0, _classnames2.default)(classes.txtOpt, 'option-sv-bar-layout') },
|
|
217
|
+
_react2.default.createElement(
|
|
218
|
+
'sup',
|
|
219
|
+
null,
|
|
220
|
+
'1'
|
|
221
|
+
),
|
|
222
|
+
'H'
|
|
223
|
+
)
|
|
224
|
+
),
|
|
225
|
+
_react2.default.createElement(
|
|
226
|
+
_MenuItem2.default,
|
|
227
|
+
{ value: _list_layout.LIST_LAYOUT.C13 },
|
|
228
|
+
_react2.default.createElement(
|
|
229
|
+
'span',
|
|
230
|
+
{ className: (0, _classnames2.default)(classes.txtOpt, 'option-sv-bar-layout') },
|
|
231
|
+
_react2.default.createElement(
|
|
232
|
+
'sup',
|
|
233
|
+
null,
|
|
234
|
+
'13'
|
|
235
|
+
),
|
|
236
|
+
'C'
|
|
237
|
+
)
|
|
238
|
+
),
|
|
239
|
+
_react2.default.createElement(
|
|
240
|
+
_MenuItem2.default,
|
|
241
|
+
{ value: _list_layout.LIST_LAYOUT.F19 },
|
|
242
|
+
_react2.default.createElement(
|
|
243
|
+
'span',
|
|
244
|
+
{ className: (0, _classnames2.default)(classes.txtOpt, 'option-sv-bar-layout') },
|
|
245
|
+
_react2.default.createElement(
|
|
246
|
+
'sup',
|
|
247
|
+
null,
|
|
248
|
+
'19'
|
|
249
|
+
),
|
|
250
|
+
'F'
|
|
251
|
+
)
|
|
252
|
+
),
|
|
253
|
+
_react2.default.createElement(
|
|
254
|
+
_MenuItem2.default,
|
|
255
|
+
{ value: _list_layout.LIST_LAYOUT.P31 },
|
|
256
|
+
_react2.default.createElement(
|
|
257
|
+
'span',
|
|
258
|
+
{ className: (0, _classnames2.default)(classes.txtOpt, 'option-sv-bar-layout') },
|
|
259
|
+
_react2.default.createElement(
|
|
260
|
+
'sup',
|
|
261
|
+
null,
|
|
262
|
+
'31'
|
|
263
|
+
),
|
|
264
|
+
'P'
|
|
265
|
+
)
|
|
266
|
+
),
|
|
267
|
+
_react2.default.createElement(
|
|
268
|
+
_MenuItem2.default,
|
|
269
|
+
{ value: _list_layout.LIST_LAYOUT.N15 },
|
|
270
|
+
_react2.default.createElement(
|
|
271
|
+
'span',
|
|
272
|
+
{ className: (0, _classnames2.default)(classes.txtOpt, 'option-sv-bar-layout') },
|
|
273
|
+
_react2.default.createElement(
|
|
274
|
+
'sup',
|
|
275
|
+
null,
|
|
276
|
+
'15'
|
|
277
|
+
),
|
|
278
|
+
'N'
|
|
279
|
+
)
|
|
280
|
+
),
|
|
281
|
+
_react2.default.createElement(
|
|
282
|
+
_MenuItem2.default,
|
|
283
|
+
{ value: _list_layout.LIST_LAYOUT.Si29 },
|
|
284
|
+
_react2.default.createElement(
|
|
285
|
+
'span',
|
|
286
|
+
{ className: (0, _classnames2.default)(classes.txtOpt, 'option-sv-bar-layout') },
|
|
287
|
+
_react2.default.createElement(
|
|
288
|
+
'sup',
|
|
289
|
+
null,
|
|
290
|
+
'29'
|
|
291
|
+
),
|
|
292
|
+
'Si'
|
|
293
|
+
)
|
|
294
|
+
),
|
|
295
|
+
_react2.default.createElement(
|
|
296
|
+
_MenuItem2.default,
|
|
297
|
+
{ value: _list_layout.LIST_LAYOUT.MS },
|
|
298
|
+
_react2.default.createElement(
|
|
299
|
+
'span',
|
|
300
|
+
{ className: (0, _classnames2.default)(classes.txtOpt, 'option-sv-bar-layout') },
|
|
301
|
+
'MS'
|
|
302
|
+
)
|
|
303
|
+
),
|
|
304
|
+
_react2.default.createElement(
|
|
305
|
+
_MenuItem2.default,
|
|
306
|
+
{ value: _list_layout.LIST_LAYOUT.CYCLIC_VOLTAMMETRY },
|
|
307
|
+
_react2.default.createElement(
|
|
308
|
+
'span',
|
|
309
|
+
{ className: (0, _classnames2.default)(classes.txtOpt, 'option-sv-bar-layout') },
|
|
310
|
+
'CV (CYCLIC VOLTAMMETRY)'
|
|
311
|
+
)
|
|
312
|
+
),
|
|
313
|
+
_react2.default.createElement(
|
|
314
|
+
_MenuItem2.default,
|
|
315
|
+
{ value: _list_layout.LIST_LAYOUT.CDS },
|
|
316
|
+
_react2.default.createElement(
|
|
317
|
+
'span',
|
|
318
|
+
{ className: (0, _classnames2.default)(classes.txtOpt, 'option-sv-bar-layout') },
|
|
319
|
+
'CDS (CIRCULAR DICHROISM SPECTROSCOPY)'
|
|
320
|
+
)
|
|
321
|
+
)
|
|
322
|
+
)
|
|
323
|
+
);
|
|
324
|
+
};
|
|
325
|
+
|
|
326
|
+
var Layout = function Layout(_ref) {
|
|
327
|
+
var classes = _ref.classes,
|
|
328
|
+
feature = _ref.feature,
|
|
329
|
+
hasEdit = _ref.hasEdit,
|
|
330
|
+
layoutSt = _ref.layoutSt,
|
|
331
|
+
shiftRefSt = _ref.shiftRefSt,
|
|
332
|
+
setShiftRefAct = _ref.setShiftRefAct,
|
|
333
|
+
updateLayoutAct = _ref.updateLayoutAct;
|
|
334
|
+
return _react2.default.createElement(
|
|
335
|
+
'span',
|
|
336
|
+
{ className: classes.groupRight },
|
|
337
|
+
layoutSelect(classes, layoutSt, updateLayoutAct),
|
|
338
|
+
shiftSelect(classes, layoutSt, shiftRefSt, setShiftRefAct),
|
|
339
|
+
_react2.default.createElement(_r02_scan2.default, { feature: feature, hasEdit: hasEdit })
|
|
340
|
+
);
|
|
341
|
+
};
|
|
342
|
+
|
|
343
|
+
var mapStateToProps = function mapStateToProps(state, props) {
|
|
344
|
+
return (// eslint-disable-line
|
|
345
|
+
{
|
|
346
|
+
layoutSt: state.layout,
|
|
347
|
+
shiftRefSt: state.shift.ref
|
|
348
|
+
}
|
|
349
|
+
);
|
|
350
|
+
};
|
|
351
|
+
|
|
352
|
+
var mapDispatchToProps = function mapDispatchToProps(dispatch) {
|
|
353
|
+
return (0, _redux.bindActionCreators)({
|
|
354
|
+
setShiftRefAct: _shift.setShiftRef,
|
|
355
|
+
updateLayoutAct: _layout.updateLayout
|
|
356
|
+
}, dispatch);
|
|
357
|
+
};
|
|
358
|
+
|
|
359
|
+
Layout.propTypes = {
|
|
360
|
+
classes: _propTypes2.default.object.isRequired,
|
|
361
|
+
feature: _propTypes2.default.object.isRequired,
|
|
362
|
+
hasEdit: _propTypes2.default.bool.isRequired,
|
|
363
|
+
layoutSt: _propTypes2.default.string.isRequired,
|
|
364
|
+
shiftRefSt: _propTypes2.default.object.isRequired,
|
|
365
|
+
setShiftRefAct: _propTypes2.default.func.isRequired,
|
|
366
|
+
updateLayoutAct: _propTypes2.default.func.isRequired
|
|
367
|
+
};
|
|
368
|
+
|
|
369
|
+
exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)((0, _styles.withStyles)(styles)(Layout));
|
|
@@ -767,7 +767,7 @@ var LineFocus = function () {
|
|
|
767
767
|
}, {
|
|
768
768
|
key: 'reverseXAxis',
|
|
769
769
|
value: function reverseXAxis(layoutSt) {
|
|
770
|
-
return [_list_layout.LIST_LAYOUT.UVVIS, _list_layout.LIST_LAYOUT.HPLC_UVVIS, _list_layout.LIST_LAYOUT.TGA, _list_layout.LIST_LAYOUT.XRD, _list_layout.LIST_LAYOUT.CYCLIC_VOLTAMMETRY, _list_layout.LIST_LAYOUT.SEC].indexOf(layoutSt) < 0;
|
|
770
|
+
return [_list_layout.LIST_LAYOUT.UVVIS, _list_layout.LIST_LAYOUT.HPLC_UVVIS, _list_layout.LIST_LAYOUT.TGA, _list_layout.LIST_LAYOUT.XRD, _list_layout.LIST_LAYOUT.CYCLIC_VOLTAMMETRY, _list_layout.LIST_LAYOUT.CDS, _list_layout.LIST_LAYOUT.SEC].indexOf(layoutSt) < 0;
|
|
771
771
|
}
|
|
772
772
|
}, {
|
|
773
773
|
key: 'create',
|
|
@@ -755,7 +755,7 @@ var LineFocus = function () {
|
|
|
755
755
|
}, {
|
|
756
756
|
key: 'reverseXAxis',
|
|
757
757
|
value: function reverseXAxis(layoutSt) {
|
|
758
|
-
return [_list_layout.LIST_LAYOUT.UVVIS, _list_layout.LIST_LAYOUT.HPLC_UVVIS, _list_layout.LIST_LAYOUT.TGA, _list_layout.LIST_LAYOUT.XRD, _list_layout.LIST_LAYOUT.CYCLIC_VOLTAMMETRY].indexOf(layoutSt) < 0;
|
|
758
|
+
return [_list_layout.LIST_LAYOUT.UVVIS, _list_layout.LIST_LAYOUT.HPLC_UVVIS, _list_layout.LIST_LAYOUT.TGA, _list_layout.LIST_LAYOUT.XRD, _list_layout.LIST_LAYOUT.CYCLIC_VOLTAMMETRY, _list_layout.LIST_LAYOUT.CDS].indexOf(layoutSt) < 0;
|
|
759
759
|
}
|
|
760
760
|
}, {
|
|
761
761
|
key: 'create',
|
|
@@ -901,7 +901,7 @@ var MultiFocus = function () {
|
|
|
901
901
|
}, {
|
|
902
902
|
key: 'reverseXAxis',
|
|
903
903
|
value: function reverseXAxis(layoutSt) {
|
|
904
|
-
return [_list_layout.LIST_LAYOUT.UVVIS, _list_layout.LIST_LAYOUT.HPLC_UVVIS, _list_layout.LIST_LAYOUT.TGA, _list_layout.LIST_LAYOUT.XRD, _list_layout.LIST_LAYOUT.CYCLIC_VOLTAMMETRY, _list_layout.LIST_LAYOUT.SEC].indexOf(layoutSt) < 0;
|
|
904
|
+
return [_list_layout.LIST_LAYOUT.UVVIS, _list_layout.LIST_LAYOUT.HPLC_UVVIS, _list_layout.LIST_LAYOUT.TGA, _list_layout.LIST_LAYOUT.XRD, _list_layout.LIST_LAYOUT.CYCLIC_VOLTAMMETRY, _list_layout.LIST_LAYOUT.CDS, _list_layout.LIST_LAYOUT.SEC].indexOf(layoutSt) < 0;
|
|
905
905
|
}
|
|
906
906
|
}, {
|
|
907
907
|
key: 'create',
|
|
@@ -169,21 +169,21 @@ var CyclicVoltammetryPanel = function CyclicVoltammetryPanel(_ref) {
|
|
|
169
169
|
};
|
|
170
170
|
|
|
171
171
|
var getDelta = function getDelta(data) {
|
|
172
|
-
return data.max && data.min ? (0, _chem.GetCyclicVoltaPeakSeparate)(data.max.x, data.min.x)
|
|
172
|
+
return data.max && data.min ? (0, _chem.GetCyclicVoltaPeakSeparate)(data.max.x, data.min.x) : "undefined";
|
|
173
173
|
};
|
|
174
174
|
|
|
175
175
|
var getRatio = function getRatio(feature, data) {
|
|
176
176
|
var featureData = feature.data[0];
|
|
177
177
|
var idx = featureData.x.indexOf(feature.maxX);
|
|
178
178
|
var y_pecker = data.pecker ? data.pecker.y : featureData.y[idx];
|
|
179
|
-
return data.max && data.min ? (0, _chem.GetCyclicVoltaRatio)(data.max.y, data.min.y, y_pecker).
|
|
179
|
+
return data.max && data.min ? (0, _chem.GetCyclicVoltaRatio)(data.max.y, data.min.y, y_pecker).toFixed(8) : "undefined";
|
|
180
180
|
};
|
|
181
181
|
|
|
182
182
|
var rows = list.map(function (o, idx) {
|
|
183
183
|
return {
|
|
184
184
|
idx: idx,
|
|
185
|
-
max: o.max ? 'x:' + parseFloat(o.max.x)
|
|
186
|
-
min: o.min ? 'x:' + parseFloat(o.min.x)
|
|
185
|
+
max: o.max ? 'x:' + parseFloat(o.max.x) + ', y:' + parseFloat(o.max.y).toExponential(2) : "undefined",
|
|
186
|
+
min: o.min ? 'x:' + parseFloat(o.min.x) + ', y:' + parseFloat(o.min.y).toExponential(2) : "undefined",
|
|
187
187
|
pecker: o.pecker ? '' + parseFloat(o.pecker.y).toExponential(2) : "undefined",
|
|
188
188
|
delta: getDelta(o),
|
|
189
189
|
ratio: getRatio(feature, o),
|