diff --git a/package.json b/package.json index f481cefd2..cc33d27f3 100755 --- a/package.json +++ b/package.json @@ -17,7 +17,9 @@ "react-lifecycles-compat": "^3.0.4", "react-i18next": "^10.7.0", "react-redux": "^7.0.2", - "react-scripts": "2.1.8" + "redux": "^4.0.1", + "react-scripts": "2.1.8", + "react-split-pane": "^0.1.87" }, "scripts": { "start": "react-scripts start", diff --git a/src/RolesPermissions.stories.js b/src/RolesPermissions.stories.js deleted file mode 100644 index 219c32155..000000000 --- a/src/RolesPermissions.stories.js +++ /dev/null @@ -1,153 +0,0 @@ -import { storiesOf } from "@storybook/react"; -import React from "react"; -import "antd/dist/antd.css"; -import "./index.css"; -import { Form, Input, Table, Icon, Radio, Layout, List, Typography } from "antd"; - -class Sider extends React.Component { - handleClick = (e) => { - console.log('click ', e); - } -} - -class FormLayoutDemo extends React.Component { - constructor() { - super(); - this.state = { - formLayout: "horizontal" - }; - } - - handleFormLayoutChange = e => { - this.setState({ formLayout: e.target.value }); - }; - - render() { - const { formLayout } = this.state; - const formItemLayout = - formLayout === "horizontal" - ? { - labelCol: { span: 4 }, - wrapperCol: { span: 14 } - } - : null; - - const RadioGroup = Radio.Group; - const { Header, Footer, Sider, Content } = Layout; - - const radioStyle = { - display: 'block', - height: '30px', - lineHeight: '30px', - }; - - const columns = [{ - title: 'Операция', - dataIndex: 'operation', - key: 'operation', - }, { - title: 'Доступ', - dataIndex: 'permission', - key: 'permission', - }, { - title: 'Действия', - key: 'action', - render: (text, record) => ( - - - - - ), - }]; - - const data1 = [ - Любой пользователь (default), - Администратор, - Автор, - Комментатор, - Администратор моментальных копий проекта, - ]; - - const data2 = [{ - key: '1', - operation: 'Показать отчет', - permission: , - description: ' ', - }, { - key: '2', - operation: 'Развернуть отчет', - permission:, - description: ' ', - }, { - key: '3', - operation: 'Развернуть ресурс отчета', - permission: , - description: ' ', - }, { - key: '4', - operation: 'Управлять папкой отчетов', - permission: , - description: ' ', - }, { - key: '5', - operation: 'Сгенерировать приглашение в коллектив', - permission: , - description: ' ', - }, { - key: '6', - operation: 'Сохранить область', - permission: , - description: ' ', - }, { - key: '7', - operation: 'Сохранить область проекта', - permission: , - description: ' ', - }, { - key: '8', - operation: 'Изменить блокировки', - permission: , - description: ' ', - }] - - return ( -
- -

Права доступа

- - Показать по ролям - Показать по операциям - - -

Выберите роль:

- ({item})} - /> - - - -

Права доступа для роли Администратор:

-

{record.description}

} - dataSource={data2} - bordered - /> - -
- - - - ); - } -} - - -storiesOf('Form', module) - .add('RolesPermissions', () => ( - - )) diff --git a/src/components/RolesPermissions.stories.js b/src/components/RolesPermissions.stories.js new file mode 100644 index 000000000..fffc6580d --- /dev/null +++ b/src/components/RolesPermissions.stories.js @@ -0,0 +1,171 @@ +import { storiesOf } from '@storybook/react'; +import React from 'react'; +import 'antd/dist/antd.css'; +import './index.css'; +import { Form, Input, Table, Icon, Radio, Layout, List, Typography } from 'antd'; + +class Sider extends React.Component { + handleClick = (e) => { + console.log('click ', e); + }; +} + +class FormLayoutDemo extends React.Component { + constructor() { + super(); + this.state = { + formLayout: 'horizontal', + }; + } + + handleFormLayoutChange = (e) => { + this.setState({ formLayout: e.target.value }); + }; + + render() { + const { formLayout } = this.state; + const formItemLayout = + formLayout === 'horizontal' + ? { + labelCol: { span: 4 }, + wrapperCol: { span: 14 }, + } + : null; + + const RadioGroup = Radio.Group; + const { Header, Footer, Sider, Content } = Layout; + + const radioStyle = { + display: 'block', + height: '30px', + lineHeight: '30px', + }; + + const columns = [ + { + title: 'Операция', + dataIndex: 'operation', + key: 'operation', + }, + { + title: 'Доступ', + dataIndex: 'permission', + key: 'permission', + }, + { + title: 'Действия', + key: 'action', + render: (text, record) => ( + + + + + + + + + ), + }, + ]; + + const data1 = [ + Любой пользователь (default), + Администратор, + Автор, + Комментатор, + Администратор моментальных копий проекта, + ]; + + const data2 = [ + { + key: '1', + operation: 'Показать отчет', + permission: , + description: ' ', + }, + { + key: '2', + operation: 'Развернуть отчет', + permission: , + description: ' ', + }, + { + key: '3', + operation: 'Развернуть ресурс отчета', + permission: , + description: ' ', + }, + { + key: '4', + operation: 'Управлять папкой отчетов', + permission: , + description: ' ', + }, + { + key: '5', + operation: 'Сгенерировать приглашение в коллектив', + permission: , + description: ' ', + }, + { + key: '6', + operation: 'Сохранить область', + permission: , + description: ' ', + }, + { + key: '7', + operation: 'Сохранить область проекта', + permission: , + description: ' ', + }, + { + key: '8', + operation: 'Изменить блокировки', + permission: , + description: ' ', + }, + ]; + + return ( +
+ +
+

Права доступа

+
+ + + Показать по ролям + + + Показать по операциям + + + + +

Выберите роль:

+ {item}} /> + + + +

Права доступа для роли Администратор:

+

{record.description}

} + dataSource={data2} + bordered + /> + +
+ + + + ); + } +} + +storiesOf('Form', module).add('RolesPermissions', () => ); diff --git a/src/components/createArtifact.stories.js b/src/components/createArtifact.stories.js new file mode 100644 index 000000000..39dc9c0f8 --- /dev/null +++ b/src/components/createArtifact.stories.js @@ -0,0 +1,83 @@ +import React from 'react'; +import { storiesOf } from '@storybook/react'; +import { Button } from '@storybook/react/demo'; +import { Table, Input, Select, Checkbox } from 'antd'; +import { Z_BLOCK } from 'zlib'; + +const Option = Select.Option; +const { TextArea } = Input; +import { Menu, Icon } from 'antd'; +function onChange(e) { + console.log(`checked = ${e.target.checked}`); +} + +const SubMenu = Menu.SubMenu; +const MenuItemGroup = Menu.ItemGroup; + +class Sider extends React.Component { + handleClick = (e) => { + console.log('click ', e); + }; + + render() { + return ( +
+ + + + Создать требование + + }> + + Веб-сервис + + + Классификатор + + + Метаданные + + + Процесс + + + Схема процесса + + + + Форма документа + + }> + + Использовать создание в один щелчок + + + + {' '} + + Передать требование + + + {' '} + + Импортировать + + + +
+ ); + } +} + +storiesOf('Explore', module).add('CreateArtifact', () => ); diff --git a/src/createArtifact.stories.js b/src/createArtifact.stories.js deleted file mode 100644 index 135499e7d..000000000 --- a/src/createArtifact.stories.js +++ /dev/null @@ -1,65 +0,0 @@ -import React from 'react'; -import { storiesOf } from '@storybook/react'; -import { Button } from '@storybook/react/demo'; -import { Table, Input, Select, Checkbox } from 'antd'; -import { Z_BLOCK } from 'zlib'; - - - -const Option = Select.Option; -const { TextArea } = Input; -import { Menu, Icon } from 'antd'; -function onChange(e) { - console.log(`checked = ${e.target.checked}`); - } - -const SubMenu = Menu.SubMenu; -const MenuItemGroup = Menu.ItemGroup; - - - - -class Sider extends React.Component { - handleClick = (e) => { - console.log('click ', e); - } - - render() { - return ( -
- - Создать требование}> - Веб-сервис - Классификатор - Метаданные - Процесс - Схема процесса - Форма документа}> - Использовать создание в один щелчок - - Передать требование - Импортировать - - - -
- ); - } - } - - - - - -storiesOf('Explore', module) - .add('CreateArtifact', () => ( - - )); - -