47 |
48 |
49 | );
50 |
51 | CypherResultMeta.propTypes = {
52 | database: PropTypes.shape({
53 | host: PropTypes.string.isRequired,
54 | port: PropTypes.string.isRequired,
55 | }).isRequired,
56 | query: PropTypes.string.isRequired,
57 | // eslint-disable-next-line react/forbid-prop-types
58 | data: PropTypes.any.isRequired,
59 | };
60 |
61 | export default CypherResultMeta;
62 |
--------------------------------------------------------------------------------
/frontend/src/components/cypherresult/presentations/CypherResultText.jsx:
--------------------------------------------------------------------------------
1 | /*
2 | * Licensed to the Apache Software Foundation (ASF) under one
3 | * or more contributor license agreements. See the NOTICE file
4 | * distributed with this work for additional information
5 | * regarding copyright ownership. The ASF licenses this file
6 | * to you under the Apache License, Version 2.0 (the
7 | * "License"); you may not use this file except in compliance
8 | * with the License. You may obtain a copy of the License at
9 | *
10 | * http://www.apache.org/licenses/LICENSE-2.0
11 | *
12 | * Unless required by applicable law or agreed to in writing,
13 | * software distributed under the License is distributed on an
14 | * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
15 | * KIND, either express or implied. See the License for the
16 | * specific language governing permissions and limitations
17 | * under the License.
18 | */
19 |
20 | import React from 'react';
21 | import PropTypes from 'prop-types';
22 | import AsciiTable from 'ascii-table';
23 |
24 | const CypherResultText = ({ data }) => {
25 | const extractRows = () => data.rows.map(
26 | (d) => data.columns.map(
27 | (alias) => JSON.stringify(d[alias]),
28 | ),
29 | );
30 |
31 | const table = AsciiTable.factory({
32 | heading: data.columns,
33 | rows: extractRows(),
34 | });
35 |
36 | return (
37 |
{table.toString()}
38 | );
39 | };
40 |
41 | CypherResultText.propTypes = {
42 | data: PropTypes.shape({
43 | rows: PropTypes.arrayOf(PropTypes.any),
44 | columns: PropTypes.arrayOf(PropTypes.string),
45 | }).isRequired,
46 | };
47 |
48 | export default CypherResultText;
49 |
--------------------------------------------------------------------------------
/frontend/src/components/cytoscape/CytoscapeConfig.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Licensed to the Apache Software Foundation (ASF) under one
3 | * or more contributor license agreements. See the NOTICE file
4 | * distributed with this work for additional information
5 | * regarding copyright ownership. The ASF licenses this file
6 | * to you under the Apache License, Version 2.0 (the
7 | * "License"); you may not use this file except in compliance
8 | * with the License. You may obtain a copy of the License at
9 | *
10 | * http://www.apache.org/licenses/LICENSE-2.0
11 | *
12 | * Unless required by applicable law or agreed to in writing,
13 | * software distributed under the License is distributed on an
14 | * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
15 | * KIND, either express or implied. See the License for the
16 | * specific language governing permissions and limitations
17 | * under the License.
18 | */
19 |
20 | export default {
21 | // Viewport Options
22 | zoom: 1,
23 | // Interaction Options
24 | minZoom: 0.5,
25 | maxZoom: 2,
26 | zoomingEnabled: false, // true
27 | userZoomingEnabled: false, // true
28 | panningEnabled: true,
29 | userPanningEnabled: true,
30 | boxSelectionEnabled: false, // true
31 | selectionType: 'single',
32 | touchTapThreshold: 8,
33 | desktopTapThreshold: 4,
34 | autolock: false,
35 | autoungrabify: false,
36 | autounselectify: false,
37 | // Rendering Options
38 | headless: false,
39 | styleEnabled: true,
40 | hideEdgesOnViewport: false,
41 | textureOnViewport: false,
42 | motionBlur: false,
43 | motionBlurOpacity: 0.2,
44 | wheelSensitivity: 0.5,
45 | pixelRatio: 'auto',
46 | };
47 |
--------------------------------------------------------------------------------
/frontend/src/components/editor/containers/CodeMirrorWapperContainer.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Licensed to the Apache Software Foundation (ASF) under one
3 | * or more contributor license agreements. See the NOTICE file
4 | * distributed with this work for additional information
5 | * regarding copyright ownership. The ASF licenses this file
6 | * to you under the Apache License, Version 2.0 (the
7 | * "License"); you may not use this file except in compliance
8 | * with the License. You may obtain a copy of the License at
9 | *
10 | * http://www.apache.org/licenses/LICENSE-2.0
11 | *
12 | * Unless required by applicable law or agreed to in writing,
13 | * software distributed under the License is distributed on an
14 | * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
15 | * KIND, either express or implied. See the License for the
16 | * specific language governing permissions and limitations
17 | * under the License.
18 | */
19 |
20 | import { connect } from 'react-redux';
21 | import CodeMirrorWrapper from '../presentations/CodeMirrorWrapper';
22 |
23 | const mapStateToProps = (state) => ({
24 | commandHistory: state.editor.commandHistory.slice(
25 | Math.max((state.editor.commandHistory.length - state.setting.maxNumOfHistories === 0
26 | ? state.editor.commandHistory.length : state.setting.maxNumOfHistories), 0),
27 | ),
28 | commandFavorites: state.editor.commandFavorites.slice(0),
29 | });
30 |
31 | const mapDispatchToProps = { };
32 |
33 | export default connect(
34 | mapStateToProps,
35 | mapDispatchToProps,
36 | )(CodeMirrorWrapper);
37 |
--------------------------------------------------------------------------------
/frontend/src/components/editor/containers/SideBarMenuToggleContainer.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Licensed to the Apache Software Foundation (ASF) under one
3 | * or more contributor license agreements. See the NOTICE file
4 | * distributed with this work for additional information
5 | * regarding copyright ownership. The ASF licenses this file
6 | * to you under the Apache License, Version 2.0 (the
7 | * "License"); you may not use this file except in compliance
8 | * with the License. You may obtain a copy of the License at
9 | *
10 | * http://www.apache.org/licenses/LICENSE-2.0
11 | *
12 | * Unless required by applicable law or agreed to in writing,
13 | * software distributed under the License is distributed on an
14 | * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
15 | * KIND, either express or implied. See the License for the
16 | * specific language governing permissions and limitations
17 | * under the License.
18 | */
19 |
20 | import { connect } from 'react-redux';
21 | import SidebarMeunuToggle from '../presentations/SidebarMeunuToggle';
22 |
23 | const mapStateToProps = (state) => ({
24 | isActive: state.navigator.isActive,
25 | });
26 |
27 | const mapDispatchToProps = { };
28 |
29 | export default connect(mapStateToProps,
30 | mapDispatchToProps)(SidebarMeunuToggle);
31 |
--------------------------------------------------------------------------------
/frontend/src/components/editor/presentations/CodeMirror.scss:
--------------------------------------------------------------------------------
1 | pre.CodeMirror-placeholder.CodeMirror-line-like{
2 | color:grey;
3 | opacity: 90%;
4 | }
--------------------------------------------------------------------------------
/frontend/src/components/editor/presentations/SidebarMeunuToggle.jsx:
--------------------------------------------------------------------------------
1 | /*
2 | * Licensed to the Apache Software Foundation (ASF) under one
3 | * or more contributor license agreements. See the NOTICE file
4 | * distributed with this work for additional information
5 | * regarding copyright ownership. The ASF licenses this file
6 | * to you under the Apache License, Version 2.0 (the
7 | * "License"); you may not use this file except in compliance
8 | * with the License. You may obtain a copy of the License at
9 | *
10 | * http://www.apache.org/licenses/LICENSE-2.0
11 | *
12 | * Unless required by applicable law or agreed to in writing,
13 | * software distributed under the License is distributed on an
14 | * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
15 | * KIND, either express or implied. See the License for the
16 | * specific language governing permissions and limitations
17 | * under the License.
18 | */
19 |
20 | import React from 'react';
21 | import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
22 | import { faAngleUp, faAngleDown } from '@fortawesome/free-solid-svg-icons';
23 | import PropTypes from 'prop-types';
24 |
25 | const SidebarMeunuToggle = ({
26 | isActive,
27 | }) => (
28 |
45 | );
46 |
47 | SidebarMeunuToggle.propTypes = {
48 | isActive: PropTypes.bool.isRequired,
49 | };
50 |
51 | export default SidebarMeunuToggle;
52 |
--------------------------------------------------------------------------------
/frontend/src/components/frame/containers/ContentsFrameContainer.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Licensed to the Apache Software Foundation (ASF) under one
3 | * or more contributor license agreements. See the NOTICE file
4 | * distributed with this work for additional information
5 | * regarding copyright ownership. The ASF licenses this file
6 | * to you under the Apache License, Version 2.0 (the
7 | * "License"); you may not use this file except in compliance
8 | * with the License. You may obtain a copy of the License at
9 | *
10 | * http://www.apache.org/licenses/LICENSE-2.0
11 | *
12 | * Unless required by applicable law or agreed to in writing,
13 | * software distributed under the License is distributed on an
14 | * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
15 | * KIND, either express or implied. See the License for the
16 | * specific language governing permissions and limitations
17 | * under the License.
18 | */
19 |
20 | import { connect } from 'react-redux';
21 | import { pinFrame, removeFrame } from '../../../features/frame/FrameSlice';
22 | import ContentsFrame from '../presentations/ContentsFrame';
23 | import { addAlert } from '../../../features/alert/AlertSlice';
24 |
25 | const mapStateToProps = () => ({
26 | });
27 |
28 | const mapDispatchToProps = {
29 | removeFrame, pinFrame, addAlert,
30 | };
31 |
32 | export default connect(mapStateToProps, mapDispatchToProps)(ContentsFrame);
33 |
--------------------------------------------------------------------------------
/frontend/src/components/frame/containers/CypherGraphResultContainers.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Licensed to the Apache Software Foundation (ASF) under one
3 | * or more contributor license agreements. See the NOTICE file
4 | * distributed with this work for additional information
5 | * regarding copyright ownership. The ASF licenses this file
6 | * to you under the Apache License, Version 2.0 (the
7 | * "License"); you may not use this file except in compliance
8 | * with the License. You may obtain a copy of the License at
9 | *
10 | * http://www.apache.org/licenses/LICENSE-2.0
11 | *
12 | * Unless required by applicable law or agreed to in writing,
13 | * software distributed under the License is distributed on an
14 | * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
15 | * KIND, either express or implied. See the License for the
16 | * specific language governing permissions and limitations
17 | * under the License.
18 | */
19 |
20 | import { connect } from 'react-redux';
21 | import { pinFrame, removeFrame } from '../../../features/frame/FrameSlice';
22 | import CypherGraphResultFrame from '../presentations/CypherGraphResultFrame';
23 |
24 | const mapStateToProps = (state, props) => ({
25 | queryComplete: state.cypher.queryResult[props.refKey],
26 | });
27 |
28 | const mapDispatchToProps = { removeFrame, pinFrame };
29 |
30 | export default connect(mapStateToProps, mapDispatchToProps)(CypherGraphResultFrame);
31 |
--------------------------------------------------------------------------------
/frontend/src/components/frame/containers/CypherResultContainers.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Licensed to the Apache Software Foundation (ASF) under one
3 | * or more contributor license agreements. See the NOTICE file
4 | * distributed with this work for additional information
5 | * regarding copyright ownership. The ASF licenses this file
6 | * to you under the Apache License, Version 2.0 (the
7 | * "License"); you may not use this file except in compliance
8 | * with the License. You may obtain a copy of the License at
9 | *
10 | * http://www.apache.org/licenses/LICENSE-2.0
11 | *
12 | * Unless required by applicable law or agreed to in writing,
13 | * software distributed under the License is distributed on an
14 | * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
15 | * KIND, either express or implied. See the License for the
16 | * specific language governing permissions and limitations
17 | * under the License.
18 | */
19 |
20 | import { connect } from 'react-redux';
21 | import { pinFrame, removeFrame } from '../../../features/frame/FrameSlice';
22 | import CypherResultFrame from '../presentations/CypherResultFrame';
23 |
24 | const mapStateToProps = () => (
25 | {}
26 | );
27 |
28 | const mapDispatchToProps = { removeFrame, pinFrame };
29 |
30 | export default connect(mapStateToProps, mapDispatchToProps)(CypherResultFrame);
31 |
--------------------------------------------------------------------------------
/frontend/src/components/frame/containers/ServerConnectContainer.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Licensed to the Apache Software Foundation (ASF) under one
3 | * or more contributor license agreements. See the NOTICE file
4 | * distributed with this work for additional information
5 | * regarding copyright ownership. The ASF licenses this file
6 | * to you under the Apache License, Version 2.0 (the
7 | * "License"); you may not use this file except in compliance
8 | * with the License. You may obtain a copy of the License at
9 | *
10 | * http://www.apache.org/licenses/LICENSE-2.0
11 | *
12 | * Unless required by applicable law or agreed to in writing,
13 | * software distributed under the License is distributed on an
14 | * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
15 | * KIND, either express or implied. See the License for the
16 | * specific language governing permissions and limitations
17 | * under the License.
18 | */
19 |
20 | import { connect } from 'react-redux';
21 | import { connectToDatabase } from '../../../features/database/DatabaseSlice';
22 | import { /* getMetaChartData, */ getMetaData } from '../../../features/database/MetadataSlice';
23 | import {
24 | addFrame, pinFrame, removeFrame, trimFrame,
25 | } from '../../../features/frame/FrameSlice';
26 | import { addAlert } from '../../../features/alert/AlertSlice';
27 | import ServerConnectFrame from '../presentations/ServerConnectFrame';
28 |
29 | const mapStateToProps = (state) => ({
30 | currentGraph: state.metadata.currentGraph,
31 | });
32 |
33 | const mapDispatchToProps = {
34 | connectToDatabase,
35 | addFrame,
36 | trimFrame,
37 | removeFrame,
38 | pinFrame,
39 | addAlert,
40 | getMetaData,
41 | /* getMetaChartData, */
42 | };
43 |
44 | export default connect(mapStateToProps, mapDispatchToProps)(ServerConnectFrame);
45 |
--------------------------------------------------------------------------------
/frontend/src/components/frame/containers/ServerDisconnectContainer.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Licensed to the Apache Software Foundation (ASF) under one
3 | * or more contributor license agreements. See the NOTICE file
4 | * distributed with this work for additional information
5 | * regarding copyright ownership. The ASF licenses this file
6 | * to you under the Apache License, Version 2.0 (the
7 | * "License"); you may not use this file except in compliance
8 | * with the License. You may obtain a copy of the License at
9 | *
10 | * http://www.apache.org/licenses/LICENSE-2.0
11 | *
12 | * Unless required by applicable law or agreed to in writing,
13 | * software distributed under the License is distributed on an
14 | * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
15 | * KIND, either express or implied. See the License for the
16 | * specific language governing permissions and limitations
17 | * under the License.
18 | */
19 |
20 | import { connect } from 'react-redux';
21 | import { disconnectToDatabase } from '../../../features/database/DatabaseSlice';
22 | import { resetMetaData } from '../../../features/database/MetadataSlice';
23 | import { addFrame, pinFrame, removeFrame } from '../../../features/frame/FrameSlice';
24 | import { addAlert } from '../../../features/alert/AlertSlice';
25 | import { setCommand } from '../../../features/editor/EditorSlice';
26 | import ServerDisconnectFrame from '../presentations/ServerDisconnectFrame';
27 |
28 | const mapStateToProps = () => ({
29 | });
30 |
31 | const mapDispatchToProps = {
32 | disconnectToDatabase, addFrame, removeFrame, pinFrame, addAlert, setCommand, resetMetaData,
33 | };
34 |
35 | export default connect(mapStateToProps, mapDispatchToProps)(ServerDisconnectFrame);
36 |
--------------------------------------------------------------------------------
/frontend/src/components/frame/containers/ServerStatusContainer.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Licensed to the Apache Software Foundation (ASF) under one
3 | * or more contributor license agreements. See the NOTICE file
4 | * distributed with this work for additional information
5 | * regarding copyright ownership. The ASF licenses this file
6 | * to you under the Apache License, Version 2.0 (the
7 | * "License"); you may not use this file except in compliance
8 | * with the License. You may obtain a copy of the License at
9 | *
10 | * http://www.apache.org/licenses/LICENSE-2.0
11 | *
12 | * Unless required by applicable law or agreed to in writing,
13 | * software distributed under the License is distributed on an
14 | * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
15 | * KIND, either express or implied. See the License for the
16 | * specific language governing permissions and limitations
17 | * under the License.
18 | */
19 |
20 | import { connect } from 'react-redux';
21 | import { pinFrame, removeFrame } from '../../../features/frame/FrameSlice';
22 | import { generateCytoscapeMetadataElement } from '../../../features/cypher/CypherUtil';
23 | import ServerStatusFrame from '../presentations/ServerStatusFrame';
24 | import { openTutorial } from '../../../features/modal/ModalSlice';
25 |
26 | const mapStateToProps = (state) => {
27 | const generateElements = () => generateCytoscapeMetadataElement(state.metadata.rows);
28 |
29 | return {
30 | serverInfo: state.database,
31 | isTutorial: state.modal.isTutorial,
32 | data: generateElements(),
33 | };
34 | };
35 |
36 | const mapDispatchToProps = { removeFrame, pinFrame, openTutorial };
37 |
38 | export default connect(mapStateToProps, mapDispatchToProps)(ServerStatusFrame);
39 |
--------------------------------------------------------------------------------
/frontend/src/components/frame/presentations/ContentsFrame.jsx:
--------------------------------------------------------------------------------
1 | /*
2 | * Licensed to the Apache Software Foundation (ASF) under one
3 | * or more contributor license agreements. See the NOTICE file
4 | * distributed with this work for additional information
5 | * regarding copyright ownership. The ASF licenses this file
6 | * to you under the Apache License, Version 2.0 (the
7 | * "License"); you may not use this file except in compliance
8 | * with the License. You may obtain a copy of the License at
9 | *
10 | * http://www.apache.org/licenses/LICENSE-2.0
11 | *
12 | * Unless required by applicable law or agreed to in writing,
13 | * software distributed under the License is distributed on an
14 | * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
15 | * KIND, either express or implied. See the License for the
16 | * specific language governing permissions and limitations
17 | * under the License.
18 | */
19 |
20 | import PropTypes from 'prop-types';
21 | import React, { useEffect, useState } from 'react';
22 | import { useDispatch } from 'react-redux';
23 | import Frame from '../Frame';
24 | import FrameStyles from '../Frame.module.scss';
25 | import { removeFrame } from '../../../features/frame/FrameSlice';
26 | import { addAlert } from '../../../features/alert/AlertSlice';
27 |
28 | const ContentFrame = ({
29 | refKey,
30 | isPinned,
31 | reqString,
32 | playTarget,
33 | }) => {
34 | const dispatch = useDispatch();
35 | const [slides] = useState([]);
36 | const [currentSlide, setCurrentSlide] = useState(0);
37 |
38 | useEffect(() => {
39 | dispatch(addAlert('ErrorPlayLoadFail', playTarget));
40 | dispatch(removeFrame(refKey));
41 | }, []);
42 |
43 | const genCarousel = () => {
44 | const slideSize = slides.length;
45 | const carousel = [];
46 | for (let i = 0; i < slideSize; i += 1) {
47 | carousel.push(
48 |
96 |
97 | );
98 | };
99 |
100 | ContentFrame.propTypes = {
101 | refKey: PropTypes.string.isRequired,
102 | isPinned: PropTypes.bool.isRequired,
103 | reqString: PropTypes.string.isRequired,
104 | playTarget: PropTypes.string.isRequired,
105 | };
106 |
107 | export default ContentFrame;
108 |
--------------------------------------------------------------------------------
/frontend/src/components/frame/presentations/CypherResultFrame.jsx:
--------------------------------------------------------------------------------
1 | /*
2 | * Licensed to the Apache Software Foundation (ASF) under one
3 | * or more contributor license agreements. See the NOTICE file
4 | * distributed with this work for additional information
5 | * regarding copyright ownership. The ASF licenses this file
6 | * to you under the Apache License, Version 2.0 (the
7 | * "License"); you may not use this file except in compliance
8 | * with the License. You may obtain a copy of the License at
9 | *
10 | * http://www.apache.org/licenses/LICENSE-2.0
11 | *
12 | * Unless required by applicable law or agreed to in writing,
13 | * software distributed under the License is distributed on an
14 | * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
15 | * KIND, either express or implied. See the License for the
16 | * specific language governing permissions and limitations
17 | * under the License.
18 | */
19 |
20 | import React from 'react';
21 | import PropTypes from 'prop-types';
22 | import CypherResultTableContainer from '../../cypherresult/containers/CypherResultTableContainer';
23 | import Frame from '../Frame';
24 |
25 | const CypherResultFrame = ({
26 | refKey, isPinned, reqString,
27 | }) => (
28 |
34 |
35 |
36 |
37 |
38 | );
39 |
40 | CypherResultFrame.propTypes = {
41 | refKey: PropTypes.string.isRequired,
42 | isPinned: PropTypes.bool.isRequired,
43 | reqString: PropTypes.string.isRequired,
44 | };
45 |
46 | export default CypherResultFrame;
47 |
--------------------------------------------------------------------------------
/frontend/src/components/frame/presentations/ServerConnectFrame.module.scss:
--------------------------------------------------------------------------------
1 | /*!
2 | * Licensed to the Apache Software Foundation (ASF) under one
3 | * or more contributor license agreements. See the NOTICE file
4 | * distributed with this work for additional information
5 | * regarding copyright ownership. The ASF licenses this file
6 | * to you under the Apache License, Version 2.0 (the
7 | * "License"); you may not use this file except in compliance
8 | * with the License. You may obtain a copy of the License at
9 | *
10 | * http://www.apache.org/licenses/LICENSE-2.0
11 | *
12 | * Unless required by applicable law or agreed to in writing,
13 | * software distributed under the License is distributed on an
14 | * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
15 | * KIND, either express or implied. See the License for the
16 | * specific language governing permissions and limitations
17 | * under the License.
18 | */
19 |
20 | .FrameWrapper {
21 | max-width: 450px;
22 | }
23 |
24 | .FullWidth {
25 | width: 100% !important;
26 | }
27 |
--------------------------------------------------------------------------------
/frontend/src/components/frame/presentations/ServerDisconnectFrame.jsx:
--------------------------------------------------------------------------------
1 | /*
2 | * Licensed to the Apache Software Foundation (ASF) under one
3 | * or more contributor license agreements. See the NOTICE file
4 | * distributed with this work for additional information
5 | * regarding copyright ownership. The ASF licenses this file
6 | * to you under the Apache License, Version 2.0 (the
7 | * "License"); you may not use this file except in compliance
8 | * with the License. You may obtain a copy of the License at
9 | *
10 | * http://www.apache.org/licenses/LICENSE-2.0
11 | *
12 | * Unless required by applicable law or agreed to in writing,
13 | * software distributed under the License is distributed on an
14 | * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
15 | * KIND, either express or implied. See the License for the
16 | * specific language governing permissions and limitations
17 | * under the License.
18 | */
19 |
20 | import React, { useEffect } from 'react';
21 | import PropTypes from 'prop-types';
22 | import { useDispatch } from 'react-redux';
23 | import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
24 | import { faPlayCircle } from '@fortawesome/free-regular-svg-icons';
25 | import { Col, Row } from 'antd';
26 | import Frame from '../Frame';
27 |
28 | const ServerDisconnectFrame = ({
29 | refKey,
30 | isPinned,
31 | reqString,
32 | disconnectToDatabase,
33 | addFrame,
34 | addAlert,
35 | setCommand,
36 | resetMetaData,
37 | }) => {
38 | const dispatch = useDispatch();
39 |
40 | useEffect(() => {
41 | dispatch(() => disconnectToDatabase().then((response) => {
42 | if (response.type === 'database/disconnectToDatabase/fulfilled') {
43 | resetMetaData();
44 | }
45 | }));
46 | /* dispatch(() => addFrame(':server connect')); */
47 | /* dispatch(() => addAlert('NoticeServerDisconnected')); */
48 | }, [dispatch, disconnectToDatabase, addFrame, addAlert]);
49 |
50 | return (
51 |
56 |
57 |
69 | After clicking on confirm,
70 | the node and related edge will be deleted from the database.
71 |
72 |
73 |
74 |
75 |
76 |
77 |
78 |
79 |
80 |
81 | );
82 | };
83 |
84 | ModalDialog.propTypes = {
85 | closeModal: PropTypes.func.isRequired,
86 | // eslint-disable-next-line react/forbid-prop-types
87 | graphHistory: PropTypes.any.isRequired,
88 | // eslint-disable-next-line react/forbid-prop-types
89 | elementHistory: PropTypes.any.isRequired,
90 | removeGraphHistory: PropTypes.func.isRequired,
91 | removeElementHistory: PropTypes.func.isRequired,
92 | getMetaData: PropTypes.func.isRequired,
93 | currentGraph: PropTypes.string.isRequired,
94 | };
95 |
96 | export default ModalDialog;
97 |
--------------------------------------------------------------------------------
/frontend/src/components/modal/presentations/TutorialBody.jsx:
--------------------------------------------------------------------------------
1 | /*
2 | * Licensed to the Apache Software Foundation (ASF) under one
3 | * or more contributor license agreements. See the NOTICE file
4 | * distributed with this work for additional information
5 | * regarding copyright ownership. The ASF licenses this file
6 | * to you under the Apache License, Version 2.0 (the
7 | * "License"); you may not use this file except in compliance
8 | * with the License. You may obtain a copy of the License at
9 | *
10 | * http://www.apache.org/licenses/LICENSE-2.0
11 | *
12 | * Unless required by applicable law or agreed to in writing,
13 | * software distributed under the License is distributed on an
14 | * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
15 | * KIND, either express or implied. See the License for the
16 | * specific language governing permissions and limitations
17 | * under the License.
18 | */
19 |
20 | import React, { useState, useEffect } from 'react';
21 | import PropTypes from 'prop-types';
22 | import { Modal, Image } from 'react-bootstrap';
23 | import Agce from '../../../images/agce.gif';
24 | import Query from '../../../images/queryEditor.png';
25 | import Copy from '../../../images/copy.png';
26 | import CSV from '../../../images/graphCSV.png';
27 | import Menu from '../../../images/graphMenu.png';
28 |
29 | const TutorialBody = ({ page, text, addiText }) => {
30 | const [curImg, setCurImg] = useState();
31 | const [addiImg, setAddiImg] = useState();
32 | const [link, setLink] = useState();
33 | useEffect(() => {
34 | if (page === 1) {
35 | setCurImg(Agce);
36 | setAddiImg();
37 | }
38 | if (page === 2) {
39 | setCurImg(Query);
40 | setAddiImg(Copy);
41 | }
42 | if (page === 3) {
43 | setLink(addiText);
44 | setCurImg(CSV);
45 | setAddiImg();
46 | }
47 | if (page === 4) setCurImg(Menu);
48 | if (page === 5) setCurImg();
49 | }, [page]);
50 |
51 | return (
52 |
53 |
54 | {text}
55 |
56 |
57 |
58 |
59 | { page === 3
60 | && (
61 |
62 | The format of the csv files is as described here.
63 |
64 |
65 | {link}
66 |
67 | )}
68 | { addiImg
69 | ? (
70 |
71 |
72 | {addiText}
73 |
74 |
75 |
76 | ) : (<>)}
77 |
78 | );
79 | };
80 |
81 | TutorialBody.propTypes = {
82 | page: PropTypes.number.isRequired,
83 | text: PropTypes.string.isRequired,
84 | addiText: PropTypes.string.isRequired,
85 | };
86 |
87 | export default TutorialBody;
88 |
--------------------------------------------------------------------------------
/frontend/src/components/modal/presentations/TutorialFooter.jsx:
--------------------------------------------------------------------------------
1 | /*
2 | * Licensed to the Apache Software Foundation (ASF) under one
3 | * or more contributor license agreements. See the NOTICE file
4 | * distributed with this work for additional information
5 | * regarding copyright ownership. The ASF licenses this file
6 | * to you under the Apache License, Version 2.0 (the
7 | * "License"); you may not use this file except in compliance
8 | * with the License. You may obtain a copy of the License at
9 | *
10 | * http://www.apache.org/licenses/LICENSE-2.0
11 | *
12 | * Unless required by applicable law or agreed to in writing,
13 | * software distributed under the License is distributed on an
14 | * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
15 | * KIND, either express or implied. See the License for the
16 | * specific language governing permissions and limitations
17 | * under the License.
18 | */
19 |
20 | import React, { useState, useEffect } from 'react';
21 | import PropTypes from 'prop-types';
22 | import { Modal, Button } from 'react-bootstrap';
23 |
24 | const TutorialFooter = ({ page, setPage, closeTutorial }) => {
25 | const [curPage, setCurPage] = useState();
26 |
27 | useEffect(() => {
28 | setCurPage(page);
29 | }, [page]);
30 |
31 | return (
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 | );
42 | };
43 |
44 | TutorialFooter.propTypes = {
45 | page: PropTypes.number.isRequired,
46 | setPage: PropTypes.func.isRequired,
47 | closeTutorial: PropTypes.func.isRequired,
48 | };
49 |
50 | export default TutorialFooter;
51 |
--------------------------------------------------------------------------------
/frontend/src/components/modal/presentations/TutorialHeader.jsx:
--------------------------------------------------------------------------------
1 | /*
2 | * Licensed to the Apache Software Foundation (ASF) under one
3 | * or more contributor license agreements. See the NOTICE file
4 | * distributed with this work for additional information
5 | * regarding copyright ownership. The ASF licenses this file
6 | * to you under the Apache License, Version 2.0 (the
7 | * "License"); you may not use this file except in compliance
8 | * with the License. You may obtain a copy of the License at
9 | *
10 | * http://www.apache.org/licenses/LICENSE-2.0
11 | *
12 | * Unless required by applicable law or agreed to in writing,
13 | * software distributed under the License is distributed on an
14 | * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
15 | * KIND, either express or implied. See the License for the
16 | * specific language governing permissions and limitations
17 | * under the License.
18 | */
19 |
20 | import React, { useState, useEffect } from 'react';
21 | import PropTypes from 'prop-types';
22 | import { Modal } from 'react-bootstrap';
23 |
24 | const TutorialHeader = ({ page }) => {
25 | const [curPage, setCurPage] = useState();
26 |
27 | useEffect(() => {
28 | setCurPage(page);
29 | }, [page]);
30 |
31 | return (
32 |
37 |
38 | {`Tip of AGE Viewer -${curPage}`}
39 |
40 |
41 | );
42 | };
43 |
44 | TutorialHeader.propTypes = {
45 | page: PropTypes.string.isRequired,
46 | };
47 |
48 | export default TutorialHeader;
49 |
--------------------------------------------------------------------------------
/frontend/src/components/navigator/containers/Navigator.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Licensed to the Apache Software Foundation (ASF) under one
3 | * or more contributor license agreements. See the NOTICE file
4 | * distributed with this work for additional information
5 | * regarding copyright ownership. The ASF licenses this file
6 | * to you under the Apache License, Version 2.0 (the
7 | * "License"); you may not use this file except in compliance
8 | * with the License. You may obtain a copy of the License at
9 | *
10 | * http://www.apache.org/licenses/LICENSE-2.0
11 | *
12 | * Unless required by applicable law or agreed to in writing,
13 | * software distributed under the License is distributed on an
14 | * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
15 | * KIND, either express or implied. See the License for the
16 | * specific language governing permissions and limitations
17 | * under the License.
18 | */
19 |
20 | import { connect } from 'react-redux';
21 | import { toggleMenu } from '../../../features/menu/MenuSlice';
22 | import Navigator from '../presentations/Navigator';
23 |
24 | const mapStateToProps = (state) => ({
25 | activeMenuName: state.navigator.activeMenu,
26 | menuList: state.navigator.menuList,
27 | });
28 | const mapDispatchToProps = { toggleMenu };
29 |
30 | export default connect(mapStateToProps, mapDispatchToProps)(Navigator);
31 |
--------------------------------------------------------------------------------
/frontend/src/components/navigator/presentations/Navigator.jsx:
--------------------------------------------------------------------------------
1 | /*
2 | * Licensed to the Apache Software Foundation (ASF) under one
3 | * or more contributor license agreements. See the NOTICE file
4 | * distributed with this work for additional information
5 | * regarding copyright ownership. The ASF licenses this file
6 | * to you under the Apache License, Version 2.0 (the
7 | * "License"); you may not use this file except in compliance
8 | * with the License. You may obtain a copy of the License at
9 | *
10 | * http://www.apache.org/licenses/LICENSE-2.0
11 | *
12 | * Unless required by applicable law or agreed to in writing,
13 | * software distributed under the License is distributed on an
14 | * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
15 | * KIND, either express or implied. See the License for the
16 | * specific language governing permissions and limitations
17 | * under the License.
18 | */
19 |
20 | import React from 'react';
21 | import PropTypes from 'prop-types';
22 | import NavigatorItem from './NavigatorItem';
23 |
24 | const Navigator = ({ menuList, activeMenuName, toggleMenu }) => {
25 | const menus = menuList.map((menuItem) => (
26 |
32 | ));
33 | return (
34 |
41 | );
42 | };
43 |
44 | Navigator.propTypes = {
45 | menuList: PropTypes.arrayOf(PropTypes.arrayOf(PropTypes.any)).isRequired,
46 | activeMenuName: PropTypes.string.isRequired,
47 | toggleMenu: PropTypes.func.isRequired,
48 | };
49 |
50 | export default Navigator;
51 |
--------------------------------------------------------------------------------
/frontend/src/components/navigator/presentations/NavigatorItem.jsx:
--------------------------------------------------------------------------------
1 | /*
2 | * Licensed to the Apache Software Foundation (ASF) under one
3 | * or more contributor license agreements. See the NOTICE file
4 | * distributed with this work for additional information
5 | * regarding copyright ownership. The ASF licenses this file
6 | * to you under the Apache License, Version 2.0 (the
7 | * "License"); you may not use this file except in compliance
8 | * with the License. You may obtain a copy of the License at
9 | *
10 | * http://www.apache.org/licenses/LICENSE-2.0
11 | *
12 | * Unless required by applicable law or agreed to in writing,
13 | * software distributed under the License is distributed on an
14 | * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
15 | * KIND, either express or implied. See the License for the
16 | * specific language governing permissions and limitations
17 | * under the License.
18 | */
19 |
20 | import React from 'react';
21 | import PropTypes from 'prop-types';
22 | import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
23 |
24 | const NavigatorItem = ({ itemInfo, activeMenuName, onClick }) => {
25 | const [menuName, fwCode] = itemInfo;
26 | return (
27 |
85 |
86 |
87 | );
88 | };
89 | BuilderContainer.propTypes = {
90 | open: PropTypes.bool.isRequired,
91 | setOpen: PropTypes.func.isRequired,
92 | finder: PropTypes.shape(KeyWordFinder).isRequired,
93 | };
94 | export default BuilderContainer;
95 |
--------------------------------------------------------------------------------
/frontend/src/components/query_builder/BuilderContainer.scss:
--------------------------------------------------------------------------------
1 | .code-mirror-builder{
2 | display: flex;
3 | padding: 5px 5px 5px 5px;
4 | }
5 |
6 | .selection-builder{
7 | display: block;
8 |
9 | }
10 |
11 | #submit-builder{
12 | width: 100%;
13 | display: flex;
14 | justify-content: right;
15 | padding-top: 10px;
16 | }
--------------------------------------------------------------------------------
/frontend/src/components/query_builder/BuilderSelection.jsx:
--------------------------------------------------------------------------------
1 | import PropTypes from 'prop-types';
2 | import { ListGroup, Button } from 'react-bootstrap';
3 | import React from 'react';
4 | import uuid from 'react-uuid';
5 | import KeyWordFinder from '../../features/query_builder/KeyWordFinder';
6 |
7 | const BuilderSelection = ({ finder, setQuery, currentWord }) => {
8 | const handleClick = (e) => {
9 | const selectedVal = e.target.getAttribute('data-val');
10 | setQuery(selectedVal);
11 | };
12 | return (
13 |
14 | {
15 | finder?.getConnectedNames(currentWord).map(
16 | (element) => (
17 |
18 |
25 |
26 | ),
27 | )
28 | }
29 |
30 | );
31 | };
32 |
33 | BuilderSelection.propTypes = {
34 | finder: PropTypes.shape(KeyWordFinder).isRequired,
35 | setQuery: PropTypes.func.isRequired,
36 | currentWord: PropTypes.string.isRequired,
37 | };
38 | export default BuilderSelection;
39 |
--------------------------------------------------------------------------------
/frontend/src/components/sidebar/containers/Sidebar.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Licensed to the Apache Software Foundation (ASF) under one
3 | * or more contributor license agreements. See the NOTICE file
4 | * distributed with this work for additional information
5 | * regarding copyright ownership. The ASF licenses this file
6 | * to you under the Apache License, Version 2.0 (the
7 | * "License"); you may not use this file except in compliance
8 | * with the License. You may obtain a copy of the License at
9 | *
10 | * http://www.apache.org/licenses/LICENSE-2.0
11 | *
12 | * Unless required by applicable law or agreed to in writing,
13 | * software distributed under the License is distributed on an
14 | * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
15 | * KIND, either express or implied. See the License for the
16 | * specific language governing permissions and limitations
17 | * under the License.
18 | */
19 |
20 | import { connect } from 'react-redux';
21 | import Sidebar from '../presentations/Sidebar';
22 |
23 | const mapStateToProps = (state) => ({
24 | activeMenuName: state.navigator.activeMenu,
25 | isActive: state.navigator.isActive,
26 | });
27 |
28 | const mapDispatchToProps = {};
29 |
30 | export default connect(mapStateToProps, mapDispatchToProps)(Sidebar);
31 |
32 | /*
33 | import React, {Component} from 'react'
34 | import store from '../../../app/store'
35 | class SidebarContainer extends Component {
36 | constructor(props) {
37 | super(props);
38 | this.state = {navigator : store.getState().navigator}
39 | }
40 |
41 | componentDidMount() {
42 | store.subscribe(function() {
43 | this.setState({navigator : store.getState().navigator});
44 | }.bind(this));
45 | }
46 |
47 | changeTheme = (e) => {
48 | console.log(e);
49 | const selectedTheme = e.target.value
50 | store.dispatch({type: 'CHANGE_THEME', theme : selectedTheme})
51 | }
52 |
53 | render() {
54 | const activeMenu = this.state.navigator.activeMenu
55 | return (
56 |
57 | );
58 | }
59 |
60 | }
61 |
62 | export default SidebarContainer
63 | */
64 |
--------------------------------------------------------------------------------
/frontend/src/components/sidebar/containers/SidebarHome.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Licensed to the Apache Software Foundation (ASF) under one
3 | * or more contributor license agreements. See the NOTICE file
4 | * distributed with this work for additional information
5 | * regarding copyright ownership. The ASF licenses this file
6 | * to you under the Apache License, Version 2.0 (the
7 | * "License"); you may not use this file except in compliance
8 | * with the License. You may obtain a copy of the License at
9 | *
10 | * http://www.apache.org/licenses/LICENSE-2.0
11 | *
12 | * Unless required by applicable law or agreed to in writing,
13 | * software distributed under the License is distributed on an
14 | * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
15 | * KIND, either express or implied. See the License for the
16 | * specific language governing permissions and limitations
17 | * under the License.
18 | */
19 |
20 | import { connect } from 'react-redux';
21 | import SidebarHome from '../presentations/SidebarHome';
22 | import { setCommand } from '../../../features/editor/EditorSlice';
23 | import { addFrame, trimFrame } from '../../../features/frame/FrameSlice';
24 | import { changeGraph } from '../../../features/database/DatabaseSlice';
25 | import { getMetaData, changeCurrentGraph } from '../../../features/database/MetadataSlice';
26 |
27 | const mapStateToProps = (state) => {
28 | const currentGraphData = state.metadata.graphs[state.metadata.currentGraph] || '';
29 | return {
30 | currentGraph: state.metadata.currentGraph,
31 | graphs: Object.entries(state.metadata.graphs).map(([k, v]) => [k, v.id]),
32 | edges: currentGraphData.edges,
33 | nodes: currentGraphData.nodes,
34 | propertyKeys: currentGraphData.propertyKeys,
35 | dbname: state.metadata.dbname,
36 | status: state.metadata.status,
37 | role: currentGraphData.role,
38 | command: state.editor.command,
39 | isLabel: state.layout.isLabel,
40 | };
41 | };
42 |
43 | const mapDispatchToProps = {
44 | setCommand, addFrame, trimFrame, getMetaData, changeCurrentGraph, changeGraph,
45 | };
46 |
47 | export default connect(mapStateToProps, mapDispatchToProps)(SidebarHome);
48 |
--------------------------------------------------------------------------------
/frontend/src/components/sidebar/containers/SidebarSetting.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Licensed to the Apache Software Foundation (ASF) under one
3 | * or more contributor license agreements. See the NOTICE file
4 | * distributed with this work for additional information
5 | * regarding copyright ownership. The ASF licenses this file
6 | * to you under the Apache License, Version 2.0 (the
7 | * "License"); you may not use this file except in compliance
8 | * with the License. You may obtain a copy of the License at
9 | *
10 | * http://www.apache.org/licenses/LICENSE-2.0
11 | *
12 | * Unless required by applicable law or agreed to in writing,
13 | * software distributed under the License is distributed on an
14 | * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
15 | * KIND, either express or implied. See the License for the
16 | * specific language governing permissions and limitations
17 | * under the License.
18 | */
19 |
20 | import { connect } from 'react-redux';
21 | import {
22 | changeMaxDataOfGraph,
23 | changeMaxDataOfTable,
24 | changeMaxNumOfFrames,
25 | changeMaxNumOfHistories,
26 | changeTheme,
27 | resetSetting,
28 | } from '../../../features/setting/SettingSlice';
29 | import SidebarSetting from '../presentations/SidebarSetting';
30 |
31 | const mapStateToProps = (state) => ({
32 | theme: state.setting.theme,
33 | maxNumOfFrames: state.setting.maxNumOfFrames,
34 | maxNumOfHistories: state.setting.maxNumOfHistories,
35 | maxDataOfGraph: state.setting.maxDataOfGraph,
36 | maxDataOfTable: state.setting.maxDataOfTable,
37 | });
38 |
39 | const mapDispatchToProps = {
40 | changeTheme,
41 | changeMaxNumOfFrames,
42 | changeMaxNumOfHistories,
43 | changeMaxDataOfGraph,
44 | changeMaxDataOfTable,
45 | resetSetting,
46 | };
47 |
48 | export default connect(mapStateToProps, mapDispatchToProps)(SidebarSetting);
49 |
--------------------------------------------------------------------------------
/frontend/src/components/sidebar/presentations/Components.scss:
--------------------------------------------------------------------------------
1 |
2 |
3 | #graphSelectionContainer {
4 | position: relative;
5 | }
6 |
7 | #graphSelection {
8 | display: flex;
9 | }
10 |
11 | .ant-select{
12 | display: flex;
13 | }
--------------------------------------------------------------------------------
/frontend/src/components/sidebar/presentations/Sidebar.jsx:
--------------------------------------------------------------------------------
1 | /*
2 | * Licensed to the Apache Software Foundation (ASF) under one
3 | * or more contributor license agreements. See the NOTICE file
4 | * distributed with this work for additional information
5 | * regarding copyright ownership. The ASF licenses this file
6 | * to you under the Apache License, Version 2.0 (the
7 | * "License"); you may not use this file except in compliance
8 | * with the License. You may obtain a copy of the License at
9 | *
10 | * http://www.apache.org/licenses/LICENSE-2.0
11 | *
12 | * Unless required by applicable law or agreed to in writing,
13 | * software distributed under the License is distributed on an
14 | * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
15 | * KIND, either express or implied. See the License for the
16 | * specific language governing permissions and limitations
17 | * under the License.
18 | */
19 |
20 | import React from 'react';
21 | import PropTypes from 'prop-types';
22 | import SidebarHome from '../containers/SidebarHome';
23 | import SidebarSetting from '../containers/SidebarSetting';
24 |
25 | const Sidebar = ({ activeMenuName, isActive }) => (
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 | );
37 |
38 | Sidebar.propTypes = {
39 | activeMenuName: PropTypes.string.isRequired,
40 | isActive: PropTypes.bool.isRequired,
41 | };
42 |
43 | export default Sidebar;
44 |
--------------------------------------------------------------------------------
/frontend/src/components/template/DefaultTemplate.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Licensed to the Apache Software Foundation (ASF) under one
3 | * or more contributor license agreements. See the NOTICE file
4 | * distributed with this work for additional information
5 | * regarding copyright ownership. The ASF licenses this file
6 | * to you under the Apache License, Version 2.0 (the
7 | * "License"); you may not use this file except in compliance
8 | * with the License. You may obtain a copy of the License at
9 | *
10 | * http://www.apache.org/licenses/LICENSE-2.0
11 | *
12 | * Unless required by applicable law or agreed to in writing,
13 | * software distributed under the License is distributed on an
14 | * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
15 | * KIND, either express or implied. See the License for the
16 | * specific language governing permissions and limitations
17 | * under the License.
18 | */
19 |
20 | import { connect } from 'react-redux';
21 | import DefaultTemplate from './presentations/DefaultTemplate';
22 | import { changeSettings } from '../../features/setting/SettingSlice';
23 |
24 | const mapStateToProps = (state) => ({
25 | theme: state.setting.theme,
26 | maxNumOfFrames: state.setting.maxNumOfFrames,
27 | maxNumOfHistories: state.setting.maxNumOfHistories,
28 | maxDataOfGraph: state.setting.maxDataOfGraph,
29 | maxDataOfTable: state.setting.maxDataOfTable,
30 | isOpen: state.modal.isOpen,
31 | });
32 |
33 | const mapDispatchToProps = { changeSettings };
34 | export default connect(mapStateToProps, mapDispatchToProps)(DefaultTemplate);
35 |
--------------------------------------------------------------------------------
/frontend/src/components/template/presentations/DefaultTemplate.scss:
--------------------------------------------------------------------------------
1 | .editor-division{
2 | display: flex;
3 | }
4 | .content-row{
5 | flex-wrap: nowrap;
6 | display: flex;
7 | justify-items: space-evenly;
8 | margin:2px 2px 2px 2px;
9 | }
10 | .row{
11 | flex-wrap: nowrap;
12 | overflow-y: scroll;
13 | }
--------------------------------------------------------------------------------
/frontend/src/conf/config.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Licensed to the Apache Software Foundation (ASF) under one
3 | * or more contributor license agreements. See the NOTICE file
4 | * distributed with this work for additional information
5 | * regarding copyright ownership. The ASF licenses this file
6 | * to you under the Apache License, Version 2.0 (the
7 | * "License"); you may not use this file except in compliance
8 | * with the License. You may obtain a copy of the License at
9 | *
10 | * http://www.apache.org/licenses/LICENSE-2.0
11 | *
12 | * Unless required by applicable law or agreed to in writing,
13 | * software distributed under the License is distributed on an
14 | * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
15 | * KIND, either express or implied. See the License for the
16 | * specific language governing permissions and limitations
17 | * under the License.
18 | */
19 |
20 | export const about = {
21 | releaseDate: '2020 SEP 09',
22 | version: 'v0.5.0-Beta',
23 | license: 'MIT License',
24 | };
25 |
26 | export const setting = {
27 | theme: 'default',
28 | maxNumOfFrames: 0,
29 | maxNumOfHistories: 0,
30 | maxDataOfGraph: 0,
31 | maxDataOfTable: 0,
32 | connectionStatusSkip: false,
33 | closeWhenDisconnect: false,
34 | };
35 |
--------------------------------------------------------------------------------
/frontend/src/features/alert/AlertSlice.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Licensed to the Apache Software Foundation (ASF) under one
3 | * or more contributor license agreements. See the NOTICE file
4 | * distributed with this work for additional information
5 | * regarding copyright ownership. The ASF licenses this file
6 | * to you under the Apache License, Version 2.0 (the
7 | * "License"); you may not use this file except in compliance
8 | * with the License. You may obtain a copy of the License at
9 | *
10 | * http://www.apache.org/licenses/LICENSE-2.0
11 | *
12 | * Unless required by applicable law or agreed to in writing,
13 | * software distributed under the License is distributed on an
14 | * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
15 | * KIND, either express or implied. See the License for the
16 | * specific language governing permissions and limitations
17 | * under the License.
18 | */
19 |
20 | import { createSlice } from '@reduxjs/toolkit';
21 | import uuid from 'react-uuid';
22 |
23 | const AlertSlice = createSlice({
24 | name: 'alerts',
25 | initialState: [],
26 | reducers: {
27 | addAlert: {
28 | reducer: (state, action) => {
29 | const { alertName, message: errorMessage = '' } = action.payload;
30 | let alertType = 'Notice';
31 | if (['ErrorServerConnectFail', 'ErrorNoDatabaseConnected', 'ErrorPlayLoadFail'].includes(alertName)) {
32 | alertType = 'Error';
33 | }
34 |
35 | state.push({ alertName, alertProps: { key: uuid(), alertType, errorMessage } });
36 | },
37 | prepare: (alertName, message) => ({ payload: { alertName, message } }),
38 | },
39 | removeAlert: {
40 | reducer: (state, action) => {
41 | const { alertKey } = action.payload;
42 | return state.filter((alert) => (alert.alertProps.key !== alertKey));
43 | },
44 | prepare: (alertKey) => ({ payload: { alertKey } }),
45 | },
46 | },
47 | });
48 |
49 | export const { addAlert, removeAlert } = AlertSlice.actions;
50 |
51 | export default AlertSlice.reducer;
52 |
--------------------------------------------------------------------------------
/frontend/src/features/capture/Capture.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Licensed to the Apache Software Foundation (ASF) under one
3 | * or more contributor license agreements. See the NOTICE file
4 | * distributed with this work for additional information
5 | * regarding copyright ownership. The ASF licenses this file
6 | * to you under the Apache License, Version 2.0 (the
7 | * "License"); you may not use this file except in compliance
8 | * with the License. You may obtain a copy of the License at
9 | *
10 | * http://www.apache.org/licenses/LICENSE-2.0
11 | *
12 | * Unless required by applicable law or agreed to in writing,
13 | * software distributed under the License is distributed on an
14 | * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
15 | * KIND, either express or implied. See the License for the
16 | * specific language governing permissions and limitations
17 | * under the License.
18 | */
19 |
20 | import { createSlice } from '@reduxjs/toolkit';
21 | import html2canvas from 'html2canvas';
22 |
23 | export const Capture = createSlice({
24 | name: 'capture',
25 | initialState: [],
26 | reducers: {
27 | capturePng: {
28 | reducer: (state, action) => {
29 | const frameKey = action.payload.refKey;
30 | state.splice(state.findIndex((frame) => (frame.frameProps.key === frameKey)), 1);
31 | state.map((frame) => {
32 | html2canvas(frame).then((canvas) => {
33 | const saveImgLink = canvas.toDataURL();
34 | const link = document.createElement('a');
35 | link.download = 'saveimage';
36 | link.href = saveImgLink;
37 | link.click();
38 | });
39 | return frame;
40 | });
41 | },
42 | prepare: (refKey) => ({ payload: { refKey } }),
43 | },
44 | },
45 | });
46 |
47 | export const { capturePng } = Capture.actions;
48 | export default Capture.reducer;
49 |
--------------------------------------------------------------------------------
/frontend/src/features/cookie/CookieUtil.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Licensed to the Apache Software Foundation (ASF) under one
3 | * or more contributor license agreements. See the NOTICE file
4 | * distributed with this work for additional information
5 | * regarding copyright ownership. The ASF licenses this file
6 | * to you under the Apache License, Version 2.0 (the
7 | * "License"); you may not use this file except in compliance
8 | * with the License. You may obtain a copy of the License at
9 | *
10 | * http://www.apache.org/licenses/LICENSE-2.0
11 | *
12 | * Unless required by applicable law or agreed to in writing,
13 | * software distributed under the License is distributed on an
14 | * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
15 | * KIND, either express or implied. See the License for the
16 | * specific language governing permissions and limitations
17 | * under the License.
18 | */
19 |
20 | import cookie from 'react-cookies';
21 |
22 | const oneYearFromNow = new Date();
23 | oneYearFromNow.setFullYear(oneYearFromNow.getFullYear() + 1);
24 |
25 | const cookieOptions = {
26 | path: '/',
27 | expires: oneYearFromNow,
28 | secure: false,
29 | httpOnly: false,
30 | };
31 |
32 | export const loadFromCookie = (cookieName) => cookie.load(cookieName);
33 |
34 | export const saveToCookie = (cookieName, value, options = cookieOptions) => {
35 | cookie.save(cookieName, value, options);
36 | };
37 |
38 | export const loadAllFromCookie = () => cookie.loadAll();
39 |
--------------------------------------------------------------------------------
/frontend/src/features/editor/EditorSlice.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Licensed to the Apache Software Foundation (ASF) under one
3 | * or more contributor license agreements. See the NOTICE file
4 | * distributed with this work for additional information
5 | * regarding copyright ownership. The ASF licenses this file
6 | * to you under the Apache License, Version 2.0 (the
7 | * "License"); you may not use this file except in compliance
8 | * with the License. You may obtain a copy of the License at
9 | *
10 | * http://www.apache.org/licenses/LICENSE-2.0
11 | *
12 | * Unless required by applicable law or agreed to in writing,
13 | * software distributed under the License is distributed on an
14 | * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
15 | * KIND, either express or implied. See the License for the
16 | * specific language governing permissions and limitations
17 | * under the License.
18 | */
19 |
20 | /* eslint-disable no-param-reassign */
21 | import { createSlice } from '@reduxjs/toolkit';
22 |
23 | const EditorSlice = createSlice({
24 | name: 'editor',
25 | initialState: {
26 | command: '',
27 | updateClause: false,
28 | commandHistory: [],
29 | commandFavorites: [],
30 | },
31 | reducers: {
32 | setCommand: {
33 | reducer: (state, action) => {
34 | state.command = action.payload.command;
35 | state.updateClause = action.payload.command.match(/(CREATE|REMOVE|DELETE)/g) !== null;
36 | },
37 | prepare: (command) => ({ payload: { command } }),
38 | },
39 | addCommandHistory: {
40 | reducer: (state, action) => {
41 | state.commandHistory.push(action.payload.command);
42 | },
43 | prepare: (command) => ({ payload: { command } }),
44 | },
45 | addCommandFavorites: {
46 | reducer: (state, action) => {
47 | state.commandFavorites.push(action.payload.command);
48 | },
49 | prepare: (command) => ({ payload: { command } }),
50 | },
51 | },
52 | });
53 |
54 | export const { setCommand, addCommandHistory, addCommandFavorites } = EditorSlice.actions;
55 |
56 | export default EditorSlice.reducer;
57 |
--------------------------------------------------------------------------------
/frontend/src/features/frame/FrameSlice.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Licensed to the Apache Software Foundation (ASF) under one
3 | * or more contributor license agreements. See the NOTICE file
4 | * distributed with this work for additional information
5 | * regarding copyright ownership. The ASF licenses this file
6 | * to you under the Apache License, Version 2.0 (the
7 | * "License"); you may not use this file except in compliance
8 | * with the License. You may obtain a copy of the License at
9 | *
10 | * http://www.apache.org/licenses/LICENSE-2.0
11 | *
12 | * Unless required by applicable law or agreed to in writing,
13 | * software distributed under the License is distributed on an
14 | * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
15 | * KIND, either express or implied. See the License for the
16 | * specific language governing permissions and limitations
17 | * under the License.
18 | */
19 |
20 | /* eslint-disable no-param-reassign */
21 | import { createSlice } from '@reduxjs/toolkit';
22 | import uuid from 'react-uuid';
23 |
24 | const FrameSlice = createSlice({
25 | name: 'frames',
26 | initialState: [],
27 | reducers: {
28 | addFrame: {
29 | reducer: (state, action) => {
30 | const reqString = action.payload.reqString.trim();
31 | const firstNotPinnedIndex = state.findIndex((frame) => (frame.isPinned === false));
32 | const { frameName } = action.payload;
33 |
34 | const frameProps = {
35 | reqString,
36 | key: action.payload.refKey ? action.payload.refKey : uuid(),
37 | };
38 |
39 | if (reqString.startsWith(':play')) {
40 | frameProps.playTarget = reqString.split(/\s+/).pop();
41 | }
42 |
43 | state.splice(firstNotPinnedIndex, 0, { frameName, frameProps, isPinned: false });
44 | state.map((frame) => { if (frame.orgIndex) { frame.orgIndex += 1; } return frame; });
45 | },
46 | prepare: (reqString, frameName, refKey) => ({ payload: { reqString, frameName, refKey } }),
47 | },
48 | removeFrame: {
49 | reducer: (state, action) => {
50 | const frameKey = action.payload.refKey;
51 | return state.filter((frame) => frame.frameProps.key !== frameKey);
52 | },
53 | prepare: (refKey) => ({ payload: { refKey } }),
54 |
55 | },
56 | pinFrame: {
57 | reducer: (state, action) => {
58 | const frameKey = action.payload.refKey;
59 | const frameIndex = state.findIndex((frame) => (frame.frameProps.key === frameKey));
60 | if (!state[frameIndex].isPinned) {
61 | state[frameIndex].isPinned = true;
62 | state[frameIndex].orgIndex = frameIndex;
63 | state.splice(0, 0, state.splice(frameIndex, 1)[0]);
64 | } else {
65 | state[frameIndex].isPinned = false;
66 | const indexMoveTo = state[frameIndex].orgIndex;
67 | state.splice(indexMoveTo, 0, state.splice(frameIndex, 1)[0]);
68 | }
69 | },
70 | prepare: (refKey) => ({ payload: { refKey } }),
71 | },
72 | trimFrame: {
73 | reducer: (state, action) => {
74 | const { frameName } = action.payload;
75 | return state.filter((frame) => (frame.frameName !== frameName));
76 | },
77 | prepare: (frameName) => ({ payload: { frameName } }),
78 |
79 | },
80 | },
81 | });
82 |
83 | export const {
84 | addFrame, removeFrame, pinFrame, trimFrame,
85 | } = FrameSlice.actions;
86 |
87 | export default FrameSlice.reducer;
88 |
--------------------------------------------------------------------------------
/frontend/src/features/layout/LayoutSlice.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Licensed to the Apache Software Foundation (ASF) under one
3 | * or more contributor license agreements. See the NOTICE file
4 | * distributed with this work for additional information
5 | * regarding copyright ownership. The ASF licenses this file
6 | * to you under the Apache License, Version 2.0 (the
7 | * "License"); you may not use this file except in compliance
8 | * with the License. You may obtain a copy of the License at
9 | *
10 | * http://www.apache.org/licenses/LICENSE-2.0
11 | *
12 | * Unless required by applicable law or agreed to in writing,
13 | * software distributed under the License is distributed on an
14 | * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
15 | * KIND, either express or implied. See the License for the
16 | * specific language governing permissions and limitations
17 | * under the License.
18 | */
19 |
20 | /* eslint-disable no-param-reassign */
21 | import { createSlice } from '@reduxjs/toolkit';
22 |
23 | const LayoutSlice = createSlice({
24 | name: 'layout',
25 | initialState: {
26 | isLabel: false,
27 | },
28 | reducers: {
29 | setLabel: {
30 | reducer: (state) => {
31 | state.isLabel = !state.isLabel;
32 | },
33 | },
34 | },
35 | });
36 |
37 | export const { setLabel } = LayoutSlice.actions;
38 |
39 | export default LayoutSlice.reducer;
40 |
--------------------------------------------------------------------------------
/frontend/src/features/menu/MenuSlice.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Licensed to the Apache Software Foundation (ASF) under one
3 | * or more contributor license agreements. See the NOTICE file
4 | * distributed with this work for additional information
5 | * regarding copyright ownership. The ASF licenses this file
6 | * to you under the Apache License, Version 2.0 (the
7 | * "License"); you may not use this file except in compliance
8 | * with the License. You may obtain a copy of the License at
9 | *
10 | * http://www.apache.org/licenses/LICENSE-2.0
11 | *
12 | * Unless required by applicable law or agreed to in writing,
13 | * software distributed under the License is distributed on an
14 | * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
15 | * KIND, either express or implied. See the License for the
16 | * specific language governing permissions and limitations
17 | * under the License.
18 | */
19 |
20 | /* eslint-disable no-param-reassign */
21 | import { createSlice } from '@reduxjs/toolkit';
22 | import { faCog, faHome } from '@fortawesome/free-solid-svg-icons';
23 |
24 | const MenuSlice = createSlice({
25 | name: 'navigator',
26 | initialState: {
27 | menuList: [['home', faHome], ['setting', faCog]],
28 | activeMenu: 'home',
29 | isActive: true,
30 | },
31 | reducers: {
32 | toggleMenu: {
33 | reducer: (state, action) => {
34 | let isActive = true;
35 | if (state.activeMenu === action.payload.selectedMenuName) {
36 | action.payload.selectedMenuName = '';
37 | isActive = false;
38 | }
39 | state.activeMenu = action.payload.selectedMenuName;
40 | state.isActive = isActive;
41 | },
42 | prepare: (selectedMenuName) => ({ payload: { selectedMenuName } }),
43 | },
44 | },
45 | });
46 |
47 | export const { toggleMenu } = MenuSlice.actions;
48 |
49 | export default MenuSlice.reducer;
50 |
--------------------------------------------------------------------------------
/frontend/src/features/modal/ModalSlice.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Licensed to the Apache Software Foundation (ASF) under one
3 | * or more contributor license agreements. See the NOTICE file
4 | * distributed with this work for additional information
5 | * regarding copyright ownership. The ASF licenses this file
6 | * to you under the Apache License, Version 2.0 (the
7 | * "License"); you may not use this file except in compliance
8 | * with the License. You may obtain a copy of the License at
9 | *
10 | * http://www.apache.org/licenses/LICENSE-2.0
11 | *
12 | * Unless required by applicable law or agreed to in writing,
13 | * software distributed under the License is distributed on an
14 | * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
15 | * KIND, either express or implied. See the License for the
16 | * specific language governing permissions and limitations
17 | * under the License.
18 | */
19 |
20 | /* eslint-disable no-param-reassign */
21 | import { createSlice } from '@reduxjs/toolkit';
22 |
23 | const ModalSlice = createSlice({
24 | name: 'modal',
25 | initialState: {
26 | isOpen: false,
27 | isTutorial: false,
28 | graphHistory: [],
29 | elementHistory: [],
30 | },
31 | reducers: {
32 | openModal: {
33 | reducer: (state) => {
34 | state.isOpen = true;
35 | },
36 | },
37 | closeModal: {
38 | reducer: (state) => {
39 | state.isOpen = false;
40 | },
41 | },
42 | openTutorial: {
43 | reducer: (state) => {
44 | state.isTutorial = true;
45 | },
46 | },
47 | closeTutorial: {
48 | reducer: (state) => {
49 | state.isTutorial = false;
50 | },
51 | },
52 | addGraphHistory: {
53 | reducer: (state, action) => {
54 | state.graphHistory.push(action.payload.graph);
55 | },
56 | prepare: (graph) => ({ payload: { graph } }),
57 | },
58 | addElementHistory: {
59 | reducer: (state, action) => {
60 | state.elementHistory.push(action.payload.element);
61 | },
62 | prepare: (element) => ({ payload: { element } }),
63 | },
64 | removeGraphHistory: {
65 | reducer: (state) => {
66 | state.graphHistory = [];
67 | },
68 | },
69 | removeElementHistory: {
70 | reducer: (state) => {
71 | state.elementHistory = [];
72 | },
73 | },
74 | },
75 | });
76 |
77 | export const {
78 | openModal,
79 | closeModal,
80 | openTutorial,
81 | closeTutorial,
82 | addGraphHistory,
83 | addElementHistory,
84 | removeGraphHistory,
85 | removeElementHistory,
86 | } = ModalSlice.actions;
87 |
88 | export default ModalSlice.reducer;
89 |
--------------------------------------------------------------------------------
/frontend/src/features/query_builder/KeyWordFinder.js:
--------------------------------------------------------------------------------
1 | class KeyWordFinder {
2 | constructor() {
3 | this.keywordMap = new Map();
4 | this.allKeywords = new Set();
5 | }
6 |
7 | getConnectedNames(kw) {
8 | const key = kw.toUpperCase();
9 | if (!this.allKeywords.has(key)) {
10 | return KeyWordFinder.INITIAL;
11 | }
12 | const relationships = this.keywordMap[key];
13 | const keywordList = Object.keys(this.keywordMap);
14 | const relatedKeys = [];
15 | relationships.forEach((element, index) => {
16 | if (element !== '0') {
17 | relatedKeys.push(keywordList[index]);
18 | }
19 | });
20 | return relatedKeys;
21 | }
22 |
23 | hasWord(word) {
24 | const upperWord = word.toUpperCase();
25 | return this.allKeywords.has(upperWord);
26 | }
27 |
28 | static get INITIAL() {
29 | return ['MATCH', 'CREATE', 'MERGE'];
30 | }
31 |
32 | static fromMatrix(data) {
33 | const { kw, relationships } = data;
34 | const finder = new KeyWordFinder();
35 | // kw is list of keywordList and relationships is matrix
36 | kw.forEach((element, index) => {
37 | if (element === '') return;
38 | finder.keywordMap[element] = relationships[index].slice(1);
39 | finder.allKeywords.add(element);
40 | });
41 | return finder;
42 | }
43 | }
44 |
45 | export default KeyWordFinder;
46 |
--------------------------------------------------------------------------------
/frontend/src/icons/EdgeWeight.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | const EdgeWeight = (props) => (
4 | // eslint-disable-next-line react/jsx-props-no-spreading
5 |
10 | );
11 | export default EdgeWeight;
12 |
--------------------------------------------------------------------------------
/frontend/src/icons/IconFilter.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | const IconFilter = (props) => (
4 | // eslint-disable-next-line react/jsx-props-no-spreading
5 |
10 | );
11 | export default IconFilter;
12 |
--------------------------------------------------------------------------------
/frontend/src/icons/IconGraph.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | const IconGraph = (props) => (
4 | // eslint-disable-next-line react/jsx-props-no-spreading
5 |
8 | );
9 | export default IconGraph;
10 |
--------------------------------------------------------------------------------
/frontend/src/icons/IconPlay.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | const IconPlay = (props) => (
4 | // eslint-disable-next-line react/jsx-props-no-spreading
5 |
8 | );
9 | export default IconPlay;
10 |
--------------------------------------------------------------------------------
/frontend/src/icons/IconSearchCancel.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | const IconSearchCancel = (props) => (
4 | // eslint-disable-next-line react/jsx-props-no-spreading
5 |
8 | );
9 | export default IconSearchCancel;
10 |
--------------------------------------------------------------------------------
/frontend/src/images/agce.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/apache/age-viewer/8a7f0be2513e2aa4b2caf3d9833f4e2707f0001d/frontend/src/images/agce.gif
--------------------------------------------------------------------------------
/frontend/src/images/copy.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/apache/age-viewer/8a7f0be2513e2aa4b2caf3d9833f4e2707f0001d/frontend/src/images/copy.png
--------------------------------------------------------------------------------
/frontend/src/images/graphCSV.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/apache/age-viewer/8a7f0be2513e2aa4b2caf3d9833f4e2707f0001d/frontend/src/images/graphCSV.png
--------------------------------------------------------------------------------
/frontend/src/images/graphMenu.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/apache/age-viewer/8a7f0be2513e2aa4b2caf3d9833f4e2707f0001d/frontend/src/images/graphMenu.png
--------------------------------------------------------------------------------
/frontend/src/images/queryEditor.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/apache/age-viewer/8a7f0be2513e2aa4b2caf3d9833f4e2707f0001d/frontend/src/images/queryEditor.png
--------------------------------------------------------------------------------
/frontend/src/index.css:
--------------------------------------------------------------------------------
1 | /*
2 | * Licensed to the Apache Software Foundation (ASF) under one
3 | * or more contributor license agreements. See the NOTICE file
4 | * distributed with this work for additional information
5 | * regarding copyright ownership. The ASF licenses this file
6 | * to you under the Apache License, Version 2.0 (the
7 | * "License"); you may not use this file except in compliance
8 | * with the License. You may obtain a copy of the License at
9 | *
10 | * http://www.apache.org/licenses/LICENSE-2.0
11 | *
12 | * Unless required by applicable law or agreed to in writing,
13 | * software distributed under the License is distributed on an
14 | * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
15 | * KIND, either express or implied. See the License for the
16 | * specific language governing permissions and limitations
17 | * under the License.
18 | */
19 |
20 | body {
21 | margin: 0;
22 | -webkit-font-smoothing: antialiased;
23 | -moz-osx-font-smoothing: grayscale;
24 | }
25 |
26 | code {
27 | font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
28 | monospace;
29 | }
30 |
--------------------------------------------------------------------------------
/frontend/src/index.jsx:
--------------------------------------------------------------------------------
1 | /*
2 | * Licensed to the Apache Software Foundation (ASF) under one
3 | * or more contributor license agreements. See the NOTICE file
4 | * distributed with this work for additional information
5 | * regarding copyright ownership. The ASF licenses this file
6 | * to you under the Apache License, Version 2.0 (the
7 | * "License"); you may not use this file except in compliance
8 | * with the License. You may obtain a copy of the License at
9 | *
10 | * http://www.apache.org/licenses/LICENSE-2.0
11 | *
12 | * Unless required by applicable law or agreed to in writing,
13 | * software distributed under the License is distributed on an
14 | * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
15 | * KIND, either express or implied. See the License for the
16 | * specific language governing permissions and limitations
17 | * under the License.
18 | */
19 |
20 | import React from 'react';
21 | import ReactDOM from 'react-dom';
22 |
23 | import { Provider } from 'react-redux';
24 | import store from './app/store';
25 |
26 | import App from './App';
27 | import './index.css';
28 |
29 | ReactDOM.render(
30 |
31 |
32 | ,
33 | document.getElementById('root'),
34 | );
35 |
--------------------------------------------------------------------------------
/frontend/src/lib/cytoscape-cxtmenu/LICENSE:
--------------------------------------------------------------------------------
1 |
2 |
3 | Copyright (c) 2016-2020, The Cytoscape Consortium.
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy of
6 | this software and associated documentation files (the “Software”), to deal in
7 | the Software without restriction, including without limitation the rights to
8 | use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
9 | of the Software, and to permit persons to whom the Software is furnished to do
10 | so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
--------------------------------------------------------------------------------
/frontend/src/lib/cytoscape-cxtmenu/assign.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2016-2020, The Cytoscape Consortium.
3 | *
4 | * Permission is hereby granted, free of charge, to any person obtaining a copy of
5 | * this software and associated documentation files (the “Software”), to deal in
6 | * the Software without restriction, including without limitation the rights to
7 | * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
8 | * of the Software, and to permit persons to whom the Software is furnished to do
9 | * so, subject to the following conditions:
10 | *
11 | * The above copyright notice and this permission notice shall be included in all
12 | * copies or substantial portions of the Software.
13 | *
14 | * THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
15 | * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
16 | * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
17 | * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
18 | * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
19 | * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
20 | * SOFTWARE.
21 | */
22 |
23 | /* eslint-disable */
24 | // Simple, internal Object.assign() polyfill for options objects etc.
25 |
26 | module.exports = Object.assign != null ? Object.assign.bind(Object) : function (tgt, ...srcs) {
27 | srcs.filter((src) => src != null).forEach((src) => {
28 | Object.keys(src).forEach((k) => tgt[k] = src[k]);
29 | });
30 |
31 | return tgt;
32 | };
33 |
--------------------------------------------------------------------------------
/frontend/src/lib/cytoscape-cxtmenu/core/index.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2016-2020, The Cytoscape Consortium.
3 | *
4 | * Permission is hereby granted, free of charge, to any person obtaining a copy of
5 | * this software and associated documentation files (the “Software”), to deal in
6 | * the Software without restriction, including without limitation the rights to
7 | * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
8 | * of the Software, and to permit persons to whom the Software is furnished to do
9 | * so, subject to the following conditions:
10 | *
11 | * The above copyright notice and this permission notice shall be included in all
12 | * copies or substantial portions of the Software.
13 | *
14 | * THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
15 | * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
16 | * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
17 | * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
18 | * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
19 | * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
20 | * SOFTWARE.
21 | */
22 |
23 | /* eslint-disable */
24 | module.exports = function () {
25 | const cy = this;
26 |
27 | // your extension impl...
28 |
29 | return this; // chainability
30 | };
31 |
--------------------------------------------------------------------------------
/frontend/src/lib/cytoscape-cxtmenu/defaults.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2016-2020, The Cytoscape Consortium.
3 | *
4 | * Permission is hereby granted, free of charge, to any person obtaining a copy of
5 | * this software and associated documentation files (the “Software”), to deal in
6 | * the Software without restriction, including without limitation the rights to
7 | * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
8 | * of the Software, and to permit persons to whom the Software is furnished to do
9 | * so, subject to the following conditions:
10 | *
11 | * The above copyright notice and this permission notice shall be included in all
12 | * copies or substantial portions of the Software.
13 | *
14 | * THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
15 | * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
16 | * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
17 | * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
18 | * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
19 | * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
20 | * SOFTWARE.
21 | */
22 |
23 | /* eslint-disable */
24 | const defaults = {
25 | menuRadius(ele) { return 100; }, // the radius of the circular menu in pixels
26 | selector: 'node', // elements matching this Cytoscape.js selector will trigger cxtmenus
27 | commands: [ // an array of commands to list in the menu or a function that returns the array
28 | /*
29 | { // example command
30 | fillColor: 'rgba(200, 200, 200, 0.75)', // optional: custom background color for item
31 | content: 'a command name' // html/text content to be displayed in the menu
32 | contentStyle: {}, // css key:value pairs to set the command's css in js if you want
33 | select: function(ele){ // a function to execute when the command is selected
34 | console.log( ele.id() ) // `ele` holds the reference to the active element
35 | },
36 | enabled: true // whether the command is selectable
37 | }
38 | */
39 | ], // function( ele ){ return [ /*...*/ ] }, // example function for commands
40 | fillColor: 'rgba(0, 0, 0, 0.75)', // the background colour of the menu
41 | activeFillColor: 'rgba(1, 105, 217, 0.75)', // the colour used to indicate the selected command
42 | activePadding: 20, // additional size in pixels for the active command
43 | indicatorSize: 24, // the size in pixels of the pointer to the active command
44 | separatorWidth: 3, // the empty spacing in pixels between successive commands
45 | spotlightPadding: 4, // extra spacing in pixels between the element and the spotlight
46 | minSpotlightRadius: 24, // the minimum radius in pixels of the spotlight
47 | maxSpotlightRadius: 38, // the maximum radius in pixels of the spotlight
48 | openMenuEvents: 'cxttapstart taphold', // space-separated cytoscape events that will open the menu; only `cxttapstart` and/or `taphold` work here
49 | itemColor: 'white', // the colour of text in the command's content
50 | itemTextShadowColor: 'transparent', // the text shadow colour of the command's content
51 | zIndex: 9999, // the z-index of the ui div
52 | atMouse: false, // draw menu at mouse position
53 | };
54 |
55 | module.exports = defaults;
56 |
--------------------------------------------------------------------------------
/frontend/src/lib/cytoscape-cxtmenu/dom-util.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2016-2020, The Cytoscape Consortium.
3 | *
4 | * Permission is hereby granted, free of charge, to any person obtaining a copy of
5 | * this software and associated documentation files (the “Software”), to deal in
6 | * the Software without restriction, including without limitation the rights to
7 | * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
8 | * of the Software, and to permit persons to whom the Software is furnished to do
9 | * so, subject to the following conditions:
10 | *
11 | * The above copyright notice and this permission notice shall be included in all
12 | * copies or substantial portions of the Software.
13 | *
14 | * THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
15 | * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
16 | * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
17 | * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
18 | * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
19 | * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
20 | * SOFTWARE.
21 | */
22 |
23 | /* eslint-disable */
24 | const removeEles = function (query, ancestor = document) {
25 | const els = ancestor.querySelectorAll(query);
26 |
27 | for (let i = 0; i < els.length; i++) {
28 | const el = els[i];
29 |
30 | el.parentNode.removeChild(el);
31 | }
32 | };
33 |
34 | const setStyles = function (el, style) {
35 | const props = Object.keys(style);
36 |
37 | for (let i = 0, l = props.length; i < l; i++) {
38 | el.style[props[i]] = style[props[i]];
39 | }
40 | };
41 |
42 | const createElement = function (options) {
43 | options = options || {};
44 |
45 | const el = document.createElement(options.tag || 'div');
46 |
47 | el.className = options.class || '';
48 |
49 | if (options.style) {
50 | setStyles(el, options.style);
51 | }
52 |
53 | return el;
54 | };
55 |
56 | const getPixelRatio = function () {
57 | return window.devicePixelRatio || 1;
58 | };
59 |
60 | const getOffset = function (el) {
61 | const offset = el.getBoundingClientRect();
62 |
63 | return {
64 | left: offset.left + document.body.scrollLeft
65 | + parseFloat(getComputedStyle(document.body)['padding-left'])
66 | + parseFloat(getComputedStyle(document.body)['border-left-width']),
67 | top: offset.top + document.body.scrollTop
68 | + parseFloat(getComputedStyle(document.body)['padding-top'])
69 | + parseFloat(getComputedStyle(document.body)['border-top-width']),
70 | };
71 | };
72 |
73 | module.exports = {
74 | removeEles, setStyles, createElement, getPixelRatio, getOffset,
75 | };
76 |
--------------------------------------------------------------------------------
/frontend/src/lib/cytoscape-cxtmenu/index.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2016-2020, The Cytoscape Consortium.
3 | *
4 | * Permission is hereby granted, free of charge, to any person obtaining a copy of
5 | * this software and associated documentation files (the “Software”), to deal in
6 | * the Software without restriction, including without limitation the rights to
7 | * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
8 | * of the Software, and to permit persons to whom the Software is furnished to do
9 | * so, subject to the following conditions:
10 | *
11 | * The above copyright notice and this permission notice shall be included in all
12 | * copies or substantial portions of the Software.
13 | *
14 | * THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
15 | * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
16 | * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
17 | * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
18 | * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
19 | * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
20 | * SOFTWARE.
21 | */
22 |
23 | /* eslint-disable */
24 | const cxtmenu = require('./cxtmenu');
25 |
26 | // registers the extension on a cytoscape lib ref
27 | const register = function (cytoscape) {
28 | if (!cytoscape) { return; } // can't register if cytoscape unspecified
29 |
30 | cytoscape('core', 'cxtmenu', cxtmenu); // register with cytoscape.js
31 | };
32 |
33 | if (typeof cytoscape !== 'undefined') { // expose to global cytoscape (i.e. window.cytoscape)
34 | register(cytoscape);
35 | }
36 |
37 | module.exports = register;
38 |
--------------------------------------------------------------------------------
/frontend/src/lib/cytoscape-cxtmenu/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "cytoscape-cxtmenu",
3 | "version": "3.1.2",
4 | "description": "A circular, swipeable context menu extension for Cytoscape.js",
5 | "main": "cytoscape-cxtmenu.js",
6 | "author": {
7 | "name": "Max Franz",
8 | "email": "maxkfranz@gmail.com"
9 | },
10 | "scripts": {
11 | "postpublish": "run-s gh-pages",
12 | "gh-pages": "gh-pages -d pages",
13 | "copyright": "update license",
14 | "lint": "eslint src",
15 | "build": "cross-env NODE_ENV=production webpack",
16 | "build:min": "cross-env NODE_ENV=production MIN=true webpack",
17 | "build:release": "run-s build copyright",
18 | "watch": "webpack --progress --watch",
19 | "dev": "webpack-dev-server --open",
20 | "test": "mocha"
21 | },
22 | "repository": {
23 | "type": "git",
24 | "url": "https://github.com/cytoscape/cytoscape.js-cxtmenu.git"
25 | },
26 | "keywords": [
27 | "cytoscape",
28 | "cytoscape-extension"
29 | ],
30 | "license": "MIT",
31 | "bugs": {
32 | "url": "https://github.com/cytoscape/cytoscape.js-cxtmenu/issues"
33 | },
34 | "homepage": "https://github.com/cytoscape/cytoscape.js-cxtmenu",
35 | "devDependencies": {
36 | "babel-core": "^6.26.3",
37 | "babel-loader": "^8.2.2",
38 | "babel-preset-env": "^1.7.0",
39 | "camelcase": "^6.2.0",
40 | "chai": "4.3.0",
41 | "cpy-cli": "^3.1.1",
42 | "cross-env": "^7.0.3",
43 | "eslint": "^7.19.0",
44 | "gh-pages": "^3.1.0",
45 | "mocha": "8.2.1",
46 | "npm-run-all": "^4.1.5",
47 | "rimraf": "^3.0.2",
48 | "update": "^0.7.4",
49 | "updater-license": "^1.0.0",
50 | "webpack": "^5.21.2",
51 | "webpack-dev-server": "^3.11.0"
52 | },
53 | "peerDependencies": {
54 | "cytoscape": "^3.18.0"
55 | },
56 | "dependencies": {}
57 | }
58 |
--------------------------------------------------------------------------------
/frontend/src/pages/Main/MainPage.jsx:
--------------------------------------------------------------------------------
1 | /*
2 | * Licensed to the Apache Software Foundation (ASF) under one
3 | * or more contributor license agreements. See the NOTICE file
4 | * distributed with this work for additional information
5 | * regarding copyright ownership. The ASF licenses this file
6 | * to you under the Apache License, Version 2.0 (the
7 | * "License"); you may not use this file except in compliance
8 | * with the License. You may obtain a copy of the License at
9 | *
10 | * http://www.apache.org/licenses/LICENSE-2.0
11 | *
12 | * Unless required by applicable law or agreed to in writing,
13 | * software distributed under the License is distributed on an
14 | * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
15 | * KIND, either express or implied. See the License for the
16 | * specific language governing permissions and limitations
17 | * under the License.
18 | */
19 |
20 | import React from 'react';
21 | import DefaultTemplate from '../../components/template/DefaultTemplate';
22 |
23 | const MainPage = () => ;
24 |
25 | export default MainPage;
26 |
--------------------------------------------------------------------------------
/frontend/src/static/navbar-fixed-left.css:
--------------------------------------------------------------------------------
1 | /*
2 | * Licensed to the Apache Software Foundation (ASF) under one
3 | * or more contributor license agreements. See the NOTICE file
4 | * distributed with this work for additional information
5 | * regarding copyright ownership. The ASF licenses this file
6 | * to you under the Apache License, Version 2.0 (the
7 | * "License"); you may not use this file except in compliance
8 | * with the License. You may obtain a copy of the License at
9 | *
10 | * http://www.apache.org/licenses/LICENSE-2.0
11 | *
12 | * Unless required by applicable law or agreed to in writing,
13 | * software distributed under the License is distributed on an
14 | * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
15 | * KIND, either express or implied. See the License for the
16 | * specific language governing permissions and limitations
17 | * under the License.
18 | */
19 |
20 | .navbar.fixed-left {
21 | position: fixed;
22 | top: 0;
23 | left: 0;
24 | right: 0;
25 | z-index: 11;
26 | font-size: 1.5rem;
27 | height: 100vh;
28 | }
29 |
30 | @media (min-width: 768px) {
31 | .navbar.fixed-left {
32 | bottom:0;
33 | flex-flow: column nowrap;
34 | align-items: flex-start
35 | }
36 |
37 | .navbar.fixed-left .navbar-collapse {
38 | flex-grow: 0;
39 | flex-direction: column;
40 | width: 100%
41 | }
42 |
43 | .navbar.fixed-left .navbar-collapse .navbar-nav {
44 | flex-direction: column;
45 | width: 100%
46 | }
47 |
48 | .navbar.fixed-left .navbar-collapse .navbar-nav .nav-item {
49 | width: 100%
50 | }
51 |
52 | .navbar.fixed-left .navbar-collapse .navbar-nav li.nav-item:nth-last-child(2) {
53 | width: 100%;
54 | position: absolute;
55 | bottom: 72px;
56 | }
57 |
58 | .navbar.fixed-left .navbar-collapse .navbar-nav li.nav-item:nth-last-child(1) {
59 | width: 100%;
60 | position: absolute;
61 | bottom: 10px;
62 | }
63 |
64 | .navbar.fixed-left .navbar-collapse .navbar-nav .nav-item .dropdown-menu {
65 | top: 0
66 | }
67 | }
68 |
69 | @media (min-width: 768px) {
70 | .navbar.fixed-left {
71 | right:auto
72 | }
73 |
74 | .navbar.fixed-left .navbar-nav .nav-item .dropdown-toggle:after {
75 | border-top: .3em solid transparent;
76 | border-left: .3em solid;
77 | border-bottom: .3em solid transparent;
78 | border-right: none;
79 | vertical-align: baseline
80 | }
81 |
82 | .navbar.fixed-left .navbar-nav .nav-item .dropdown-menu {
83 | left: 100%
84 | }
85 | }
86 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "ag-viewer",
3 | "version": "0.0.1",
4 | "private": true,
5 | "engines": {
6 | "node": "^14.16.0"
7 | },
8 | "scripts": {
9 | "setup": "npm install && npm-run-all setup-front setup-backend",
10 | "setup-front": "cd frontend && npm install",
11 | "setup-backend": "cd backend && npm install",
12 | "front": "cd frontend && npm run start",
13 | "build-front": "cd frontend && npm install && npm run build",
14 | "build-back": "cd backend && npm install && npm run build",
15 | "backend": "cd backend && npm run start",
16 | "deploy": "npm-run-all build-front backend",
17 | "start": "npm-run-all --parallel backend front"
18 | },
19 | "dependencies": {
20 | "npm-run-all": "^4.1.5"
21 | },
22 | "license": "Apache-2.0",
23 | "licenses": [
24 | {
25 | "type": "Apache-2.0",
26 | "url": "https://www.apache.org/licenses/LICENSE-2.0"
27 | }
28 | ]
29 | }
30 |
--------------------------------------------------------------------------------