diff --git a/.project b/.project deleted file mode 100644 index 99f0058d5..000000000 --- a/.project +++ /dev/null @@ -1,11 +0,0 @@ - - - rdf-scheme-editor - - - - - - - - diff --git a/my-app/package.json b/my-app/package.json deleted file mode 100644 index 973ccff60..000000000 --- a/my-app/package.json +++ /dev/null @@ -1,5 +0,0 @@ -{ - "name": "my-app", - "version": "0.1.0", - "private": true -} diff --git a/package-lock.json b/package-lock.json index a35a990bd..7b12d6fcd 100644 --- a/package-lock.json +++ b/package-lock.json @@ -5998,8 +5998,7 @@ }, "code-point-at": { "version": "1.1.0", - "bundled": true, - "optional": true + "bundled": true }, "concat-map": { "version": "0.0.1", @@ -6008,8 +6007,7 @@ }, "console-control-strings": { "version": "1.1.0", - "bundled": true, - "optional": true + "bundled": true }, "core-util-is": { "version": "1.0.2", @@ -6123,7 +6121,6 @@ "is-fullwidth-code-point": { "version": "1.0.0", "bundled": true, - "optional": true, "requires": { "number-is-nan": "^1.0.0" } @@ -6149,7 +6146,6 @@ "minipass": { "version": "2.3.5", "bundled": true, - "optional": true, "requires": { "safe-buffer": "^5.1.2", "yallist": "^3.0.0" @@ -6166,7 +6162,6 @@ "mkdirp": { "version": "0.5.1", "bundled": true, - "optional": true, "requires": { "minimist": "0.0.8" } @@ -6250,7 +6245,6 @@ "once": { "version": "1.4.0", "bundled": true, - "optional": true, "requires": { "wrappy": "1" } @@ -6356,7 +6350,6 @@ "string-width": { "version": "1.0.2", "bundled": true, - "optional": true, "requires": { "code-point-at": "^1.0.0", "is-fullwidth-code-point": "^1.0.0", @@ -9692,8 +9685,7 @@ }, "code-point-at": { "version": "1.1.0", - "bundled": true, - "optional": true + "bundled": true }, "concat-map": { "version": "0.0.1", @@ -9702,8 +9694,7 @@ }, "console-control-strings": { "version": "1.1.0", - "bundled": true, - "optional": true + "bundled": true }, "core-util-is": { "version": "1.0.2", @@ -9806,8 +9797,7 @@ }, "inherits": { "version": "2.0.3", - "bundled": true, - "optional": true + "bundled": true }, "ini": { "version": "1.3.5", @@ -9817,7 +9807,6 @@ "is-fullwidth-code-point": { "version": "1.0.0", "bundled": true, - "optional": true, "requires": { "number-is-nan": "^1.0.0" } @@ -9837,13 +9826,11 @@ }, "minimist": { "version": "0.0.8", - "bundled": true, - "optional": true + "bundled": true }, "minipass": { "version": "2.2.4", "bundled": true, - "optional": true, "requires": { "safe-buffer": "^5.1.1", "yallist": "^3.0.0" @@ -9860,7 +9847,6 @@ "mkdirp": { "version": "0.5.1", "bundled": true, - "optional": true, "requires": { "minimist": "0.0.8" } @@ -9944,7 +9930,6 @@ "once": { "version": "1.4.0", "bundled": true, - "optional": true, "requires": { "wrappy": "1" } @@ -10050,7 +10035,6 @@ "string-width": { "version": "1.0.2", "bundled": true, - "optional": true, "requires": { "code-point-at": "^1.0.0", "is-fullwidth-code-point": "^1.0.0", diff --git a/package.json b/package.json index c22d92378..cbe72fdfd 100755 --- a/package.json +++ b/package.json @@ -30,11 +30,39 @@ "eslintConfig": { "extends": "react-app" }, - "browserslist": [ ">0.2%", "not dead", "not ie <= 11", "not op_mini all" - ] + ], + "devDependencies": { + "@babel/core": "^7.2.2", + "@storybook/addon-a11y": "4.1.11", + "@storybook/addon-actions": "4.1.11", + "@storybook/addon-backgrounds": "4.1.11", + "@storybook/addon-centered": "4.1.11", + "@storybook/addon-console": "^1.1.0", + "@storybook/addon-events": "4.1.11", + "@storybook/addon-info": "4.1.11", + "@storybook/addon-jest": "4.1.11", + "@storybook/addon-knobs": "4.1.11", + "@storybook/addon-links": "4.1.11", + "@storybook/addon-notes": "4.1.11", + "@storybook/addon-options": "4.1.11", + "@storybook/addon-storyshots": "4.1.11", + "@storybook/addons": "4.1.11", + "@storybook/client-logger": "4.1.11", + "@storybook/react": "4.1.11", + "babel-loader": "^8.0.5", + "react-test-renderer": "^16.8.1", + "require-context.macro": "^1.0.4", + "storybook-addon-i18next": "^0.1.2", + "enzyme": "^3.7.0", + "enzyme-adapter-react-16": "^1.9.1", + "enzyme-to-json": "^3.3.4", + "jest": "^23.6.0", + "jest-emotion": "^10.0.7", + "react-scripts": "^2.1.3" + } } diff --git a/src/App2.stories.js b/src/App2.stories.js new file mode 100644 index 000000000..57251aca6 --- /dev/null +++ b/src/App2.stories.js @@ -0,0 +1,264 @@ +import { storiesOf } from '@storybook/react'; +import React from 'react' +//import {Col, Row} from "antd"; +///// +import { + Layout, Menu, Breadcrumb,Button,Dropdown, Icon,message,Pagination, AutoComplete,Checkbox, Input, Table, Divider, Tag +} from 'antd'; + +import 'antd/dist/antd.css'; + + + + function handleMenuClick(e) { + message.info('Click on menu item.'); + console.log('click', e); + } + + function onShowSizeChange(current, pageSize) { + console.log(current, pageSize); + } + + function onSelect(value) { + console.log('onSelect', value); + } + + function onChange(e) { + console.log(`checked = ${e.target.checked}`); + } + + + +const { Header, Content, Sider } = Layout; +const MenuItemGroup = Menu.ItemGroup; +const SubMenu = Menu.SubMenu; + +const menu2 = ( + + All + 10 + 50 + 100 + 200 + + + + ); + + + const columns = [{ + title: 'Subject', + dataIndex: 'name', + key: 'name', + render: text => {text}, + }, { + title: 'Predicate', + dataIndex: 'age', + key: 'age', + }, { + title: 'Object', + dataIndex: 'address', + key: 'address', + }, { + title: 'Context', + key: 'tags', + dataIndex: 'tags', + render: tags => ( + + {tags.map(tag => { + let color = tag.length > 5 ? 'geekblue' : 'green'; + if (tag === 'loser') { + color = 'volcano'; + } + return {tag.toUpperCase()}; + })} + + ), + + }]; + + + const data = [{ + key: '1', + name: '', + address: '', + tags: [], + }, { + key: '2', + name: '', + + address: '', + tags: [], + }, { + key: '', + name: '', + + address: '', + tags: [], + }]; + + + + class Explore extends React.Component { + render() { + return ( + +
+
+ + RDF4J + + +
+ + + const menu = ( + + + + + + + + + RDF4J Server} + style={{ background: "#E8EAED",}} > + + + Repositories}> + + New repository + Delete repository + + + + Explore} + style={{ background: "#E8EAED" }} > + + + Summary + Namespaces + Contexts + Types + Explore + Query + Saved Queries + Export + + + Modify} + style={{ background: "#E8EAED" }} > + + + SPARQL Update + Add + Remove + Clear + + + System} + style={{ background: "#E8EAED" }} > + + + + Information + + + + + + + + + + + + Explore + + + + + Show data types & language tags + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + +
+ + + + + + + + + + + + + + + + + + ); + +} + } + +storiesOf('Issue #5', module) + .add('Explore', () => ( + + )) diff --git a/src/components/.vs/ProjectSettings.json b/src/components/.vs/ProjectSettings.json deleted file mode 100644 index f8b488856..000000000 --- a/src/components/.vs/ProjectSettings.json +++ /dev/null @@ -1,3 +0,0 @@ -{ - "CurrentProjectSetting": null -} \ No newline at end of file diff --git a/src/components/.vs/VSWorkspaceState.json b/src/components/.vs/VSWorkspaceState.json deleted file mode 100644 index 6b6114114..000000000 --- a/src/components/.vs/VSWorkspaceState.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "ExpandedNodes": [ - "" - ], - "PreviewInSolutionExplorer": false -} \ No newline at end of file diff --git a/src/components/.vs/components/v15/.suo b/src/components/.vs/components/v15/.suo deleted file mode 100644 index efc621891..000000000 Binary files a/src/components/.vs/components/v15/.suo and /dev/null differ diff --git a/src/components/.vs/slnx.sqlite b/src/components/.vs/slnx.sqlite deleted file mode 100644 index b73989b00..000000000 Binary files a/src/components/.vs/slnx.sqlite and /dev/null differ diff --git a/src/components/App.js b/src/components/App.js index 8c9b38501..e8b39aca1 100644 --- a/src/components/App.js +++ b/src/components/App.js @@ -1,260 +1,60 @@ import React from 'react' //import {Col, Row} from "antd"; -// -// import { - Layout, Menu, Breadcrumb,Button,Dropdown, Icon,message,Pagination, AutoComplete,Checkbox, Input, Table, Divider, Tag + Layout, Menu, Breadcrumb, Icon, } from 'antd'; -import 'antd/dist/antd.css'; - - - - function handleMenuClick(e) { - message.info('Click on menu item.'); - console.log('click', e); - } - - function onShowSizeChange(current, pageSize) { - console.log(current, pageSize); - } - - function onSelect(value) { - console.log('onSelect', value); - } - - function onChange(e) { - console.log(`checked = ${e.target.checked}`); - } - - +import ClassTreeView from './ClassTreeView' +import PropertyEditor from './PropertyEditor' const { Header, Content, Sider } = Layout; -const MenuItemGroup = Menu.ItemGroup; -const SubMenu = Menu.SubMenu; - -const menu2 = ( - - All - 10 - 50 - 100 - 200 - - - - ); - - - const columns = [{ - title: 'Subject', - dataIndex: 'name', - key: 'name', - render: text => {text}, - }, { - title: 'Predicate', - dataIndex: 'age', - key: 'age', - }, { - title: 'Object', - dataIndex: 'address', - key: 'address', - }, { - title: 'Context', - key: 'tags', - dataIndex: 'tags', - render: tags => ( - - {tags.map(tag => { - let color = tag.length > 5 ? 'geekblue' : 'green'; - if (tag === 'loser') { - color = 'volcano'; - } - return {tag.toUpperCase()}; - })} - - ), - - }]; - - - const data = [{ - key: '1', - name: '', - address: '', - tags: [], - }, { - key: '2', - name: '', - - address: '', - tags: [], - }, { - key: '', - name: '', - - address: '', - tags: [], - }]; - - +const { SubMenu } = Menu; const App = () => { - return ( + +
+ {/* + // TODO : left side navigation menu + */} +
+ + nav 1 + nav 2 + nav 3 + +
-
-
- - RDF4J - - -
- - - const menu = ( - - - - - - - - - RDF4J Server} - style={{ background: "#E8EAED",}} > - - - Repositories}> - - New repository - Delete repository - - - - Explore} - style={{ background: "#E8EAED" }} > - - - Summary - Namespaces - Contexts - Types - Explore - Query - Saved Queries - Export - - - Modify} - style={{ background: "#E8EAED" }} > - - - SPARQL Update - Add - Remove - Clear - - - System} - style={{ background: "#E8EAED" }} > - - - - Information - - - - - - - - - - - - Explore - - - - - Show data types & language tags - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - -
- - - - -
- - - - - - - - - - + + + + + + Home + List + App + + + + + - - ); - + + ); }; export default App diff --git a/src/index.js b/src/index.js index dfed167e9..28f1ce1fa 100644 --- a/src/index.js +++ b/src/index.js @@ -1,10 +1,21 @@ import React from 'react' import { render } from 'react-dom' +import { createStore } from 'redux' +import { Provider } from 'react-redux' import App from './components/App' +import rootReducer from './reducers' -render( - - , +import {ConnectedRouter} from "react-router-redux"; +import {Route, Switch} from "react-router-dom"; + +import "assets/vendors/style"; +import "styles/flexile.less"; +const store = createStore(rootReducer) + +render( + + + , document.getElementById('root') )