{props.detailsHeader}}
- columns={detailsColumns} dataSource={detailsData} />
+ columns={detailsColumns}
+ dataSource={detailsData}
+ />
);
diff --git a/src/components/ElementsTreeAndDetailsTableContextProvider.js b/src/components/ElementsTreeAndDetailsTableContextProvider.js
index 39d299f74..71dba1b35 100644
--- a/src/components/ElementsTreeAndDetailsTableContextProvider.js
+++ b/src/components/ElementsTreeAndDetailsTableContextProvider.js
@@ -1,122 +1,132 @@
import React, { useEffect, useState } from 'react';
-import ElementsTreeAndDetailsTable from "./ElementsTreeAndDetailsTable";
-import {ElementsTreeAndDetailsTableContext} from "./ElementsTreeAndDetailsTableContext";
-
-
+import ElementsTreeAndDetailsTable from './ElementsTreeAndDetailsTable';
+import { ElementsTreeAndDetailsTableContext } from './ElementsTreeAndDetailsTableContext';
// API search function
function executeSparql(url, query, callback, onErr) {
var queryUrl = url + '?query=' + encodeURIComponent(query) + '&queryLn=sparql';
- console.log("queryUrl=", queryUrl);
+ console.log('queryUrl=', queryUrl);
- return fetch(queryUrl,
- {
- headers: {
- Accept: 'application/sparql-results+json'
- }
- })
- .then(r => r.json())
- .then(r => {
+ return fetch(queryUrl, {
+ headers: {
+ Accept: 'application/sparql-results+json',
+ },
+ })
+ .then((r) => r.json())
+ .then((r) => {
callback(r.results);
})
- .catch(error => {
+ .catch((error) => {
onErr(error);
return [];
});
}
-
export function ElementsTreeAndDetailsTableContextProvider(props) {
- const {url, query, detailsQuery, detailsColumns, rootElement} = props;
+ const { url, query, detailsQuery, detailsColumns, rootElement } = props;
const [elementsTreeData, setElementsTreeData] = useState([]);
const [detailsData, setDetailsData] = useState([]);
const [expandedKeys, setExpandedKeys] = useState([]);
- const [searchValue, setSearchValue] = useState("");
+ const [searchValue, setSearchValue] = useState('');
const [autoExpandParent, setAutoExpandParent] = useState(true);
// можно делать интернационализацию, можно узнавать выбранную локаль и выбирать rdf лейблы по локали
// const { t, i18n } = useTranslation();
- useEffect(
- () => {
- executeSparql(url, query,
- results => {
- //console.log("results.bindings=", results.bindings);
- var nodeList = rootElement;
- nodeList[0].children = results.bindings.map((item) => {
- return({
- title: (item.label ? item.label.value : item.type.value),
- key: item.type.value
- });
- });
- setElementsTreeData(nodeList);
- },
- error => {
- console.error(error);
- }
- )
- },
- [url, query]
- );
+ useEffect(() => {
+ executeSparql(
+ url,
+ query,
+ (results) => {
+ //console.log("results.bindings=", results.bindings);
+ var nodeList = rootElement;
+ nodeList[0].children = results.bindings.map((item) => {
+ return {
+ title: item.label ? item.label.value : item.type.value,
+ key: item.type.value,
+ };
+ });
+ setElementsTreeData(nodeList);
+ },
+ (error) => {
+ console.error(error);
+ },
+ );
+ }, [url, query]);
const onTreeSelect = (selectedKeys, info) => {
- // console.log('onTreeSelect.info=', info);
- // console.log('onTreeSelect.selectedKeys=', selectedKeys);
- // console.log(rootElement);
-
- var query = detailsQuery.replace("###", selectedKeys[0]);
- //console.log('onTreeSelect.query=', query);
-
- executeSparql(url, query,
- results => {
- //console.log("results2.bindings=", results.bindings);
-
- var list = results.bindings.map((item, index) => {
- return({
- pred: item.pred.value,
- obj: item.obj.value,
- key: index
- });
- });
- setDetailsData(list);
- },
- error => {
- console.error(error);
- }
- )
- }
+ // console.log('onTreeSelect.info=', info);
+ // console.log('onTreeSelect.selectedKeys=', selectedKeys);
+ // console.log(rootElement);
+
+ var query = detailsQuery.replace('###', selectedKeys[0]);
+ //console.log('onTreeSelect.query=', query);
+
+ executeSparql(
+ url,
+ query,
+ (results) => {
+ //console.log("results2.bindings=", results.bindings);
+
+ var list = results.bindings.map((item, index) => {
+ return {
+ pred: item.pred.value,
+ obj: item.obj.value,
+ key: index,
+ };
+ });
+ setDetailsData(list);
+ },
+ (error) => {
+ console.error(error);
+ },
+ );
+ };
const getExpandedKeys = (value, node, parentKey) => {
- var keys = []
+ var keys = [];
if (node.title.toLowerCase().indexOf(value) > -1) {
keys.push(parentKey);
}
- node.children && node.children.forEach((child) => {
- keys = keys.concat(getExpandedKeys(value, child, node.key));
- });
+ node.children &&
+ node.children.forEach((child) => {
+ keys = keys.concat(getExpandedKeys(value, child, node.key));
+ });
return keys;
- }
+ };
const onSearchInputChanged = (e) => {
const value = e.target.value.toLowerCase();
- const expandedKeys = getExpandedKeys(value, rootElement[0], rootElement[0].key)
- .filter((item, i, self) => item && self.indexOf(item) === i);
+ const expandedKeys = getExpandedKeys(value, rootElement[0], rootElement[0].key).filter(
+ (item, i, self) => item && self.indexOf(item) === i,
+ );
setAutoExpandParent(true);
setSearchValue(value);
setExpandedKeys(expandedKeys);
- }
+ };
const onExpandKeys = (expandedKeys) => {
setAutoExpandParent(false);
setExpandedKeys(expandedKeys);
- }
-
- const value = { elementsTreeData, onTreeSelect,
- detailsColumns, detailsData,
- expandedKeys, onSearchInputChanged, searchValue, onExpandKeys, autoExpandParent };
-
- return {props.children}
+ };
+
+ const value = {
+ elementsTreeData,
+ onTreeSelect,
+ detailsColumns,
+ detailsData,
+ expandedKeys,
+ onSearchInputChanged,
+ searchValue,
+ onExpandKeys,
+ autoExpandParent,
+ };
+
+ return (
+
+ {props.children}
+
+ );
}
-
diff --git a/src/components/Explore.stories.js b/src/components/Explore.stories.js
index bfb647235..80e3596e2 100755
--- a/src/components/Explore.stories.js
+++ b/src/components/Explore.stories.js
@@ -1,103 +1,100 @@
import { storiesOf } from '@storybook/react';
import React from 'react';
-import {
- Form, Select, Input, Button, Table, Checkbox
-} from 'antd';
+import { Form, Select, Input, Button, Table, Checkbox } from 'antd';
-const dataSource = [{
-}];
+const dataSource = [{}];
-const columns = [{
- title: 'Subject',
- dataIndex: 'subject',
- key: 'subject',
-}, {
- title: 'Predicate',
- dataIndex: 'predicate',
- key: 'predicate',
-}, {
- title: 'Object',
- dataIndex: 'object',
- key: 'object',
-}, {
- title: 'Context',
- dataIndex: 'context',
- key: 'context',
-}];
+const columns = [
+ {
+ title: 'Subject',
+ dataIndex: 'subject',
+ key: 'subject',
+ },
+ {
+ title: 'Predicate',
+ dataIndex: 'predicate',
+ key: 'predicate',
+ },
+ {
+ title: 'Object',
+ dataIndex: 'object',
+ key: 'object',
+ },
+ {
+ title: 'Context',
+ dataIndex: 'context',
+ key: 'context',
+ },
+];
class FormLayoutDemo extends React.Component {
- constructor() {
- super();
- this.state = {
- formLayout: 'horizontal',
- };
- }
-
- render() {
- const { formLayout } = this.state;
- const formItemLayout = formLayout === 'horizontal' ? {
- labelCol: { span: 4 },
- wrapperCol: { span: 14 },
- } : null;
- const selectItemLayout = formLayout === 'horizontal' ? {
- labelCol: { span: 4 },
- wrapperCol: { span: 2, offset: 3 },
- } : null;
- const buttonItemLayout = formLayout === 'horizontal' ? {
- labelCol: { span: 4 },
- wrapperCol: { span: 5, offset: 3 },
- } : null;
- const tailFormItemLayout = formLayout === 'horizontal' ? {
- labelCol: { span: 7 },
- wrapperCol: { span: 4, offset: 0 },
- } : null;
- return (
-
- );
- }
+ constructor() {
+ super();
+ this.state = {
+ formLayout: 'horizontal',
+ };
}
-
- storiesOf('Explore', module)
- .add('Explore', () => (
-
- ));
+ render() {
+ const { formLayout } = this.state;
+ const formItemLayout =
+ formLayout === 'horizontal'
+ ? {
+ labelCol: { span: 4 },
+ wrapperCol: { span: 14 },
+ }
+ : null;
+ const selectItemLayout =
+ formLayout === 'horizontal'
+ ? {
+ labelCol: { span: 4 },
+ wrapperCol: { span: 2, offset: 3 },
+ }
+ : null;
+ const buttonItemLayout =
+ formLayout === 'horizontal'
+ ? {
+ labelCol: { span: 4 },
+ wrapperCol: { span: 5, offset: 3 },
+ }
+ : null;
+ const tailFormItemLayout =
+ formLayout === 'horizontal'
+ ? {
+ labelCol: { span: 7 },
+ wrapperCol: { span: 4, offset: 0 },
+ }
+ : null;
+ return (
+
+ );
+ }
+}
+
+storiesOf('Explore', module).add('Explore', () => );
diff --git a/src/components/ExportRepository.stories.js b/src/components/ExportRepository.stories.js
index 1e1ec9436..66dfd96c6 100755
--- a/src/components/ExportRepository.stories.js
+++ b/src/components/ExportRepository.stories.js
@@ -1,11 +1,7 @@
-
import React from 'react';
import { storiesOf } from '@storybook/react';
import ReactDOM from 'react-dom';
-import {
- Form, Input, Select, Button, Table
-} from 'antd';
-
+import { Form, Input, Select, Button, Table } from 'antd';
const InputGroup = Input.Group;
const Option = Select.Option;
@@ -13,127 +9,120 @@ const Option = Select.Option;
class CompactDemo extends React.Component {
state = {
dataSource: [],
- }
+ };
render() {
return (
-
Export Repository
-
-
+
+ {' '}
+ Export Repository{' '}
+
+
+ |
-
-
-
- |
-
-
-
-
- |
-
-
-
-
- |
-
+
+
+ |
+
+
+
+
+ |
+
+
+
+
+ |
+
-
-
+
+ |
-
-
-
- |
-
-
-
-
- |
-
-
-
- |
-
+
+
+ |
+
+
+
+
+ |
+
+
+ |
+
+
+
+
+ |
+ Query Language:
+ |
+
+
+ |
+
+
+ |
+ Query:
+ |
+
+
+ |
+
+
+ |
+ Result per page:
+ |
+
+
+ |
+
+
+ |
+ Actions Options:
+ |
+
+ Include inferred statements
+ |
+
+ Save privately(do not share)
+ |
+
+
+ |
+ Actions:
+ |
+
+
+
+
+
+
+
+ |
+
+
+
-
-
-
-
-storiesOf('Explore', module)
- .add('Query', () => (
-
-
-
-
- |
- Query Language:
- |
-
-
- |
-
-
- |
- Query:
- |
-
-
- |
-
-
- |
- Result per page:
- |
-
-
- |
-
-
- |
- Actions Options:
- |
-
- Include inferred statements
- |
-
- Save privately(do not share)
- |
-
-
- |
- Actions:
- |
-
-
-
-
-
-
-
- |
-
-
-
-
-
-
-
- ));
\ No newline at end of file
+
+
{requirement}
);
-
- else if (requirements[requirement]=='interation')
- container.push( {requirement}
);
-
- else container.push( {requirement}
);
+ if (requirements[requirement] == 'disconnect')
+ container.push(
+
+ {' '}
+ {requirement}
+
,
+ );
+ else if (requirements[requirement] == 'interation')
+ container.push(
+
+ {' '}
+ {requirement}
+
,
+ );
+ else
+ container.push(
+
+ {' '}
+ {requirement}
+
,
+ );
}
-
-
-class AdvancedSearchForm extends React.Component {
-
- render() {
-
+class AdvancedSearchForm extends React.Component {
+ render() {
return (
-
+
+
+
+
+
+
+
+
+ Показывать только атрибуты по умолчанию (
+ )
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
);
}
}
-
const WrappedAdvancedSearchForm = Form.create({ name: 'normal_login' })(AdvancedSearchForm);
-storiesOf('Table Columns Customization', module)
- .add('with form', () => (
- Table Columns Customization
- ))
+storiesOf('Table Columns Customization', module).add('with form', () => (
+ Table Columns Customization
+));
diff --git a/src/components/RemoveStatements.stories.js b/src/components/RemoveStatements.stories.js
index 49cefd3a4..c2d989cb8 100644
--- a/src/components/RemoveStatements.stories.js
+++ b/src/components/RemoveStatements.stories.js
@@ -1,8 +1,8 @@
-import { storiesOf } from "@storybook/react";
-import React from "react";
-import "antd/dist/antd.css";
-import { Form, Input, Button, Badge } from "antd";
-import FormItem from "antd/lib/form/FormItem";
+import { storiesOf } from '@storybook/react';
+import React from 'react';
+import 'antd/dist/antd.css';
+import { Form, Input, Button, Badge } from 'antd';
+import FormItem from 'antd/lib/form/FormItem';
const { TextArea } = Input;
@@ -10,11 +10,11 @@ class FormRemoveStatements extends React.Component {
constructor() {
super();
this.state = {
- formLayout: "horizontal"
+ formLayout: 'horizontal',
};
}
- handleFormLayoutChange = e => {
+ handleFormLayoutChange = (e) => {
this.setState({ formLayout: e.target.value });
};
@@ -22,29 +22,29 @@ class FormRemoveStatements extends React.Component {
const { formLayout } = this.state;
const formItemLayout = {
labelCol: { span: 4 },
- wrapperCol: { span: 14 }
+ wrapperCol: { span: 14 },
};
return (
@@ -52,6 +52,4 @@ class FormRemoveStatements extends React.Component {
}
}
-storiesOf("RemoveStatements", module).add("RemoveStatements", () => (
-
-));
+storiesOf('RemoveStatements', module).add('RemoveStatements', () => );
diff --git a/src/components/Summary.stories.js b/src/components/Summary.stories.js
index d1231f0b8..8a8054ae6 100755
--- a/src/components/Summary.stories.js
+++ b/src/components/Summary.stories.js
@@ -1,9 +1,6 @@
-
import { storiesOf } from '@storybook/react';
import React from 'react';
-import {
- Form, Input,
-} from 'antd';
+import { Form, Input } from 'antd';
class FormLayoutDemo extends React.Component {
constructor() {
@@ -13,56 +10,39 @@ class FormLayoutDemo extends React.Component {
};
}
-
render() {
const { formLayout } = this.state;
- const formItemLayout = formLayout === 'horizontal' ? {
- labelCol: { span: 4 },
- wrapperCol: { span: 14 },
- } : null;
+ const formItemLayout =
+ formLayout === 'horizontal'
+ ? {
+ labelCol: { span: 4 },
+ wrapperCol: { span: 14 },
+ }
+ : null;
return (
@@ -70,9 +50,4 @@ class FormLayoutDemo extends React.Component {
}
}
-
-storiesOf('Lab1', module)
- .add('Summary', () => (
-
- ))
-
\ No newline at end of file
+storiesOf('Lab1', module).add('Summary', () => );
diff --git a/src/components/SystemInformation.stories.js b/src/components/SystemInformation.stories.js
index 4d5a58593..11ac824f6 100755
--- a/src/components/SystemInformation.stories.js
+++ b/src/components/SystemInformation.stories.js
@@ -1,27 +1,27 @@
-import { storiesOf } from "@storybook/react";
-import React from "react";
-import ReactDOM from "react-dom";
-import { Form, Input } from "antd";
+import { storiesOf } from '@storybook/react';
+import React from 'react';
+import ReactDOM from 'react-dom';
+import { Form, Input } from 'antd';
class LockedLayout extends React.Component {
constructor() {
super();
this.state = {
- formLayout: "horizontal"
+ formLayout: 'horizontal',
};
}
- handleFormLayoutChange = e => {
+ handleFormLayoutChange = (e) => {
this.setState({ formLayout: e.target.value });
};
render() {
const { formLayout } = this.state;
const formItemLayout =
- formLayout === "horizontal"
+ formLayout === 'horizontal'
? {
labelCol: { span: 4 },
- wrapperCol: { span: 14 }
+ wrapperCol: { span: 14 },
}
: null;
@@ -29,25 +29,22 @@ class LockedLayout extends React.Component {
@@ -55,4 +52,4 @@ class LockedLayout extends React.Component {
}
}
-storiesOf("SystemInformation", module).add("Info", () => );
\ No newline at end of file
+storiesOf('SystemInformation', module).add('Info', () => );
diff --git a/src/components/TableColumnsCustomization.stories.js b/src/components/TableColumnsCustomization.stories.js
index c03b5265b..32b7ee2b2 100755
--- a/src/components/TableColumnsCustomization.stories.js
+++ b/src/components/TableColumnsCustomization.stories.js
@@ -1,337 +1,306 @@
import React from 'react';
import { storiesOf } from '@storybook/react';
import { StyleSheet, css } from 'aphrodite';
-import {
- Form, Icon, Input, Button, Checkbox,
- Select, Menu, Layout, Row, Col, InputNumber
-} from 'antd';
+import { Form, Icon, Input, Button, Checkbox, Select, Menu, Layout, Row, Col, InputNumber } from 'antd';
const { Content, Sider } = Layout;
var requirements = {
- 'URL':'border',
- 'xsdtype':'border',
- 'Альтернативные варианты написания':'interation',
- 'Вид':'border',
- 'Включает':'disconnect',
- 'Включен в':'disconnect',
- 'Данные процесса':'border',
- 'Длина':'border',
- 'Дочерний объект для':'disconnect',
- 'Требование 10':'border',
- 'Требование 11':'border',
- 'Требование 12':'border',
- 'Требование 13':'disconnect',
- 'Требование 14':'border',
- 'Требование 15':'border',
- 'Требование 16':'disconnect',
- 'Требование 17':'disconnect',
- 'Требование 18':'border',
- 'Требование 19':'disconnect',
- 'Требование 20':'border',
- 'Требование 21':'border',
- 'Требование 22':'disconnect',
- 'Требование 23':'border',
- 'Требование 24':'interationr',
- 'Требование 25':'interation',
- 'Требование 26':'border',
- 'Требование 27':'interation',
- 'Требование 28':'border',
+ URL: 'border',
+ xsdtype: 'border',
+ 'Альтернативные варианты написания': 'interation',
+ Вид: 'border',
+ Включает: 'disconnect',
+ 'Включен в': 'disconnect',
+ 'Данные процесса': 'border',
+ Длина: 'border',
+ 'Дочерний объект для': 'disconnect',
+ 'Требование 10': 'border',
+ 'Требование 11': 'border',
+ 'Требование 12': 'border',
+ 'Требование 13': 'disconnect',
+ 'Требование 14': 'border',
+ 'Требование 15': 'border',
+ 'Требование 16': 'disconnect',
+ 'Требование 17': 'disconnect',
+ 'Требование 18': 'border',
+ 'Требование 19': 'disconnect',
+ 'Требование 20': 'border',
+ 'Требование 21': 'border',
+ 'Требование 22': 'disconnect',
+ 'Требование 23': 'border',
+ 'Требование 24': 'interationr',
+ 'Требование 25': 'interation',
+ 'Требование 26': 'border',
+ 'Требование 27': 'interation',
+ 'Требование 28': 'border',
};
-
const styles = StyleSheet.create({
- scroll_container:{height: 400, width: '100%', border:'2px solid gray', overflowY:'auto', display:'block', },
- widthn:{width:'92%', },
- column:{display:'inline-flex',flexDirection: 'column',width:'98%', align:'center'},
- blue:{color:'rgba(177,208,250)'},
- orange:{color:'orange'},
- gray:{color:'gray'},
- shadowtext: {textShadow: '10px 10px 20px black'},
- size16:{fontSize:'16pt'},
- formcolor:{background:'#FFFFEF'},
- formcolor_padding:{background:'#FFFFEF', padding:'0 3'},
- menuStyle:{color: 'black', fontWeight:'bold', background: 'linear-gradient(0deg, rgba(177,208,250,1) 0%, rgba(248,248,251,1) 100%)'},
- content1:{width:'18%'},
- content2:{width:'70%'},
- content3:{width:'25%', height:'100%'},
- sel:{backgroundColor:'linear-gradient(180deg, rgba(177,208,250,1) 0%, rgba(248,248,251,1) 100%)', fontSize:'16pt'},
- border1:{border:'3px solid rgba(177,208,250,1)'},
- border2:{border:'2px solid gray'},
- center:{textAlign:'center'},
+ scroll_container: { height: 400, width: '100%', border: '2px solid gray', overflowY: 'auto', display: 'block' },
+ widthn: { width: '92%' },
+ column: { display: 'inline-flex', flexDirection: 'column', width: '98%', align: 'center' },
+ blue: { color: 'rgba(177,208,250)' },
+ orange: { color: 'orange' },
+ gray: { color: 'gray' },
+ shadowtext: { textShadow: '10px 10px 20px black' },
+ size16: { fontSize: '16pt' },
+ formcolor: { background: '#FFFFEF' },
+ formcolor_padding: { background: '#FFFFEF', padding: '0 3' },
+ menuStyle: {
+ color: 'black',
+ fontWeight: 'bold',
+ background: 'linear-gradient(0deg, rgba(177,208,250,1) 0%, rgba(248,248,251,1) 100%)',
+ },
+ content1: { width: '18%' },
+ content2: { width: '70%' },
+ content3: { width: '25%', height: '100%' },
+ sel: {
+ backgroundColor: 'linear-gradient(180deg, rgba(177,208,250,1) 0%, rgba(248,248,251,1) 100%)',
+ fontSize: '16pt',
+ },
+ border1: { border: '3px solid rgba(177,208,250,1)' },
+ border2: { border: '2px solid gray' },
+ center: { textAlign: 'center' },
});
-
-const mySelect=[], container=[];
+const mySelect = [],
+ container = [];
for (var requirement in requirements) {
-
mySelect.push();
- if(requirements[requirement]=='disconnect')
- container.push( {requirement}
);
-
- else if (requirements[requirement]=='interation')
- container.push( {requirement}
);
-
- else container.push( {requirement}
);
+ if (requirements[requirement] == 'disconnect')
+ container.push(
+
+ {' '}
+ {requirement}
+
,
+ );
+ else if (requirements[requirement] == 'interation')
+ container.push(
+
+ {' '}
+ {requirement}
+
,
+ );
+ else
+ container.push(
+
+ {' '}
+ {requirement}
+
,
+ );
}
-
-
-class AdvancedSearchForm extends React.Component {
-
- render() {
-
+class AdvancedSearchForm extends React.Component {
+ render() {
return (
-
+
+
+
+
+
+
+
+
+ Показывать только атрибуты по умолчанию (
+ )
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
);
}
}
-
const WrappedAdvancedSearchForm = Form.create({ name: 'normal_login' })(AdvancedSearchForm);
-storiesOf('Table Columns Customization', module)
- .add('with form', () => (
- Table Columns Customization
- ))
+storiesOf('Table Columns Customization', module).add('with form', () => (
+ Table Columns Customization
+));
diff --git a/src/components/newRepository.stories.js b/src/components/newRepository.stories.js
index e5eebc357..03fb9082d 100755
--- a/src/components/newRepository.stories.js
+++ b/src/components/newRepository.stories.js
@@ -1,84 +1,78 @@
import React from 'react';
import { storiesOf } from '@storybook/react';
-import "antd/dist/antd.css";
+import 'antd/dist/antd.css';
-import {
- Form, Select, Row, Col, Input, Button, Typography
-} from 'antd';
+import { Form, Select, Row, Col, Input, Button, Typography } from 'antd';
const { Option } = Select;
const { Title } = Typography;
class NewRepository extends React.Component {
+ FormOptions = [
+ 'In Memory Store',
+ 'In Memory Store RDF Schema',
+ 'In Memory Store RDF Schema and Direct Type Hierarchy',
+ 'In Memory Java Store with basic SPIN support',
+ 'In Memory Store with Lucene support',
+ 'In Memory Store with RDFS+SPIN support',
+ 'In Memory Store with RDFS+SPIN+Lucene support',
+ 'In Memory Store Custom Graph Query Inference',
+ 'Native Java Store',
+ 'Native Java Store RDF Schema',
+ 'Native Java Store RDF Schema and Direct Type Hierarchy',
+ 'Native Java Store Custom Graph Query Inference',
+ 'Native Java Store with basic SPIN support',
+ 'Native Java Store with Lucene support',
+ 'Native Java Store with RDFS+SPIN support',
+ 'Native Java Storewith RDFS+SPIN+Lucene support',
+ 'Remote RDF Store',
+ 'SPARQL endpoint proxy',
+ 'Federation Store',
+ ];
- FormOptions = [
- 'In Memory Store',
- 'In Memory Store RDF Schema',
- 'In Memory Store RDF Schema and Direct Type Hierarchy',
- 'In Memory Java Store with basic SPIN support',
- 'In Memory Store with Lucene support',
- 'In Memory Store with RDFS+SPIN support',
- 'In Memory Store with RDFS+SPIN+Lucene support',
- 'In Memory Store Custom Graph Query Inference',
- 'Native Java Store',
- 'Native Java Store RDF Schema',
- 'Native Java Store RDF Schema and Direct Type Hierarchy',
- 'Native Java Store Custom Graph Query Inference',
- 'Native Java Store with basic SPIN support',
- 'Native Java Store with Lucene support',
- 'Native Java Store with RDFS+SPIN support',
- 'Native Java Storewith RDFS+SPIN+Lucene support',
- 'Remote RDF Store',
- 'SPARQL endpoint proxy',
- 'Federation Store'
- ];
-
- render() {
- return (
-
- );
- }
+ render() {
+ return (
+
+ );
+ }
}
const WrappedApp = Form.create({ name: 'coordinated' })(NewRepository);
-storiesOf('Form', module)
- .add('New Repository Form', () => (
-
- ));
\ No newline at end of file
+storiesOf('Form', module).add('New Repository Form', () => );
diff --git a/src/i18n.js b/src/i18n.js
index 6d357b0bf..2b60a80b8 100755
--- a/src/i18n.js
+++ b/src/i18n.js
@@ -1,5 +1,5 @@
-import i18n from "i18next";
-import { initReactI18next } from "react-i18next";
+import i18n from 'i18next';
+import { initReactI18next } from 'react-i18next';
import XHR from 'i18next-xhr-backend';
import LanguageDetector from 'i18next-browser-languagedetector';
import moment from 'moment';
@@ -23,13 +23,13 @@ i18n
.use(initReactI18next) // passes i18n down to react-i18next
.init({
whitelist: ['en', 'ru-RU'],
- lng: "ru",
+ lng: 'ru',
fallbackLng: 'en',
debug: true,
resources,
interpolation: {
- escapeValue: false // react already safes from xss
- }
+ escapeValue: false, // react already safes from xss
+ },
});
// i18n.on('languageChanged', function(lng) {
diff --git a/src/i18n/NamespacesinRepository.stories.js b/src/i18n/NamespacesinRepository.stories.js
index 732f7d393..cb9e7fefa 100644
--- a/src/i18n/NamespacesinRepository.stories.js
+++ b/src/i18n/NamespacesinRepository.stories.js
@@ -1,29 +1,33 @@
import React from 'react';
import { storiesOf } from '@storybook/react';
-import {Table} from 'antd';
-import {
- Form, Input, Select, Button,
-} from 'antd';
+import { Table } from 'antd';
+import { Form, Input, Select, Button } from 'antd';
-const dataSource = [{
- key: '1',
- prefix: 'Mike',
- namespace: 32
-}, {
- key: '2',
- prefix: 'John',
- namespace: 42
-}];
+const dataSource = [
+ {
+ key: '1',
+ prefix: 'Mike',
+ namespace: 32,
+ },
+ {
+ key: '2',
+ prefix: 'John',
+ namespace: 42,
+ },
+];
-const columns = [{
- title: 'Prefix',
- dataIndex: 'prefix',
- key: 'prefix',
-}, {
- title: 'Namespace',
- dataIndex: 'namespace',
- key: 'namespace',
-}];
+const columns = [
+ {
+ title: 'Prefix',
+ dataIndex: 'prefix',
+ key: 'prefix',
+ },
+ {
+ title: 'Namespace',
+ dataIndex: 'namespace',
+ key: 'namespace',
+ },
+];
const { Option } = Select;
@@ -47,7 +51,7 @@ class PrefixInput extends React.Component {
this.setState({ number });
}
this.triggerChange({ number });
- }
+ };
triggerChange = (changedValue) => {
// Should provide an event to pass value to Form.
@@ -55,7 +59,7 @@ class PrefixInput extends React.Component {
if (onChange) {
onChange(Object.assign({}, this.state, changedValue));
}
- }
+ };
render() {
const { size } = this.props;
@@ -63,21 +67,16 @@ class PrefixInput extends React.Component {
return (
-
);
@@ -92,30 +91,34 @@ class Demo extends React.Component {
console.log('Received values of form: ', values);
}
});
- }
+ };
checkPrefix = (rule, value, callback) => {
if (value.number > 0) {
callback();
return;
}
- }
+ };
render() {
const { getFieldDecorator } = this.props.form;
return (
-