+
);
+};
+
+
diff --git a/web/client/components/manager/rulesmanager/ruleseditor/__tests__/EditMain-test.jsx b/web/client/components/manager/rulesmanager/ruleseditor/__tests__/EditMain-test.jsx
new file mode 100644
index 0000000000..650363a738
--- /dev/null
+++ b/web/client/components/manager/rulesmanager/ruleseditor/__tests__/EditMain-test.jsx
@@ -0,0 +1,82 @@
+/*
+ * Copyright 2018, GeoSolutions Sas.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+const rxjsConfig = require('recompose/rxjsObservableConfig').default;
+
+const React = require('react');
+const ReactDOM = require('react-dom');
+const expect = require('expect');
+const Provider = require('react-redux').Provider;
+const Editor = require('../EditMain.jsx');
+
+const configureMockStore = require('redux-mock-store').default;
+const { setObservableConfig } = require('recompose');
+setObservableConfig(rxjsConfig);
+const mockStore = configureMockStore();
+
+const renderComp = (props, store) => {
+ return ReactDOM.render(
+
+
+
+
+
+
+ );
diff --git a/web/client/components/manager/rulesmanager/rulesgrid/formatters/__tests__/AccessFormatter-test.jsx b/web/client/components/manager/rulesmanager/rulesgrid/formatters/__tests__/AccessFormatter-test.jsx
new file mode 100644
index 0000000000..bfb027a58a
--- /dev/null
+++ b/web/client/components/manager/rulesmanager/rulesgrid/formatters/__tests__/AccessFormatter-test.jsx
@@ -0,0 +1,35 @@
+/**
+ * Copyright 2018, GeoSolutions Sas.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+const React = require('react');
+const ReactDOM = require('react-dom');
+const AccessFormatter = require('../AccessFormatter');
+const expect = require('expect');
+
+describe('Test AccessFormatter component', () => {
+ beforeEach((done) => {
+ document.body.innerHTML = '';
+ setTimeout(done);
+ });
+ afterEach((done) => {
+ ReactDOM.unmountComponentAtNode(document.getElementById("container"));
+ document.body.innerHTML = '';
+ setTimeout(done);
+ });
+ it('render with defaults', () => {
+ ReactDOM.render(
+ {value.toUpperCase()}
+
+
+ { this.props.dependentValues && this.props.dependentValues.priority || "" }
+
);
+ }
+
+ render() {
+ const {connectDragSource, rowSelection} = this.props;
+ let rowHandleStyle = rowSelection !== null ? {position: 'absolute', marginTop: '5px'} : {};
+ let isSelected = this.props.value;
+ let editorClass = isSelected ? 'rdg-actions-checkbox selected' : 'rdg-actions-checkbox';
+
+ return connectDragSource(
+
+
+ {!isSelected ? this.renderRowIndex() : null}
+ {rowSelection !== null &&
);
+ }
+}
+
+PriorityActionsCell.propTypes = {
+ rowIdx: PropTypes.number.isRequired,
+ connectDragSource: PropTypes.func.isRequired,
+ connectDragPreview: PropTypes.func.isRequired,
+ isDragging: PropTypes.bool.isRequired,
+ isRowHovered: PropTypes.bool,
+ column: PropTypes.object,
+ dependentValues: PropTypes.object,
+ value: PropTypes.bool,
+ rowSelection: PropTypes.object.isRequired
+};
+
+PriorityActionsCell.defaultProps = {
+ rowIdx: 0
+};
+
+function collect(connect, monitor) {
+ return {
+ connectDragSource: connect.dragSource(),
+ isDragging: monitor.isDragging(),
+ connectDragPreview: connect.dragPreview()
+ };
+}
+
+const rowIndexSource = {
+ beginDrag(props) {
+ return { idx: props.rowIdx, data: props.dependentValues };
+ },
+ endDrag(props) {
+ return { idx: props.rowIdx, data: props.dependentValues };
+ }
+};
+
+module.exports = dragSource('Row', rowIndexSource, collect)(PriorityActionsCell);
diff --git a/web/client/components/manager/rulesmanager/rulesgrid/renderers/RuleRenderer.jsx b/web/client/components/manager/rulesmanager/rulesgrid/renderers/RuleRenderer.jsx
new file mode 100644
index 0000000000..7d2678d9b1
--- /dev/null
+++ b/web/client/components/manager/rulesmanager/rulesgrid/renderers/RuleRenderer.jsx
@@ -0,0 +1,47 @@
+/**
+* Copyright 2018, GeoSolutions Sas.
+* All rights reserved.
+*
+* This source code is licensed under the BSD-style license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+const React = require('react');
+const PropTypes = require('prop-types');
+const { Row: Rule } = require('react-data-grid');
+
+const accessField = {
+ ALLOW: {
+ classNameRow: 'ms-allow-row'
+ },
+ DENY: {
+ classNameRow: 'ms-deny-row'
+ }
+};
+
+class RuleRenderer extends React.Component {
+ static propTypes = {
+ idx: PropTypes.oneOfType([
+ PropTypes.string,
+ PropTypes.number]),
+ row: PropTypes.object,
+ isSelected: PropTypes.bool
+ };
+ static defaultProps = {
+ selected: []
+ }
+ constructor(props) {
+ super(props);
+ this.setScrollLeft = (scrollBy) => this.row.setScrollLeft(scrollBy);
+ }
+ componentWillUnmount() {
+ this.setScrollLeft = null;
+ }
+ render() {
+ const {row = {}, isSelected} = this.props;
+ const extraClasses = (isSelected && ' ms-row-select ' || '') + ((accessField[row.grant] || {}).classNameRow || ' ');
+ return (
+
+
}
+
{ !firstPage &&
- this.props.pagination.loadPrevPage() }/>
+ {
+ if (this.props.stopPropagation) {
+ e.stopPropagation();
+ }
+ this.props.pagination.loadPrevPage();
+ }}/>
}
{ !lastPage &&
- this.props.pagination.loadNextPage()}/>
+ {
+ if (this.props.stopPropagation) {
+ e.stopPropagation();
+ }
+ this.props.pagination.loadNextPage();
+ }}/>
}
);
@@ -130,6 +143,7 @@ class PagedCombobox extends React.Component {
}
const data = this.props.loading ? [] : options;
const field = (
+ {!this.props.enabled && ()}
+
)
+ }
+
+
);
+ }
+}
+
+const Plugin = connect(
+ createSelector(
+ isEditorActive,
+ editing => ({editing})
+ ), {
+ // setEditing,
+ // onMount: () => setEditorAvailable(true),
+ // onUnmount: () => setEditorAvailable(false)
+ }
+)(RulesEditorComponent);
+module.exports = {
+ RulesEditorPlugin: Plugin,
+ reducers: {
+ rulesmanager: require('../reducers/rulesmanager')
+ },
+ epics: require("../epics/rulesmanager")
+};
diff --git a/web/client/plugins/RulesManagerFooter.jsx b/web/client/plugins/RulesManagerFooter.jsx
new file mode 100644
index 0000000000..da43e9a6c1
--- /dev/null
+++ b/web/client/plugins/RulesManagerFooter.jsx
@@ -0,0 +1,47 @@
+/*
+ * Copyright 2018, GeoSolutions Sas.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+const React = require('react');
+const PropTypes = require('prop-types');
+const src = require("../product/plugins/attribution/geosolutions-brand.png");
+const {connect} = require('react-redux');
+
+class RulesManagerFooter extends React.Component {
+
+ static propTypes = {
+ loading: PropTypes.bool,
+ containerPosition: PropTypes.string
+ };
+
+ static defaultProps = {
+ loading: false,
+ containerPosition: "footer"
+ };
+
+ render() {
+ return (
+
+
+ );
+ }
+}
+
+module.exports = {
+ RulesManagerFooterPlugin: connect(({rulesmanager}) => ({loading: rulesmanager.loading}))(RulesManagerFooter),
+ reducers: {}
+};
diff --git a/web/client/plugins/manager/EditorEnhancer.js b/web/client/plugins/manager/EditorEnhancer.js
new file mode 100644
index 0000000000..6ad9924f4e
--- /dev/null
+++ b/web/client/plugins/manager/EditorEnhancer.js
@@ -0,0 +1,31 @@
+const {compose, withStateHandlers} = require('recompose');
+
+
+module.exports = compose(
+ // defaultProps({dataStreamFactory}),
+ withStateHandlers(({activeRule: initRule}) => ({
+ activeRule: initRule,
+ initRule,
+ activeEditor: "1"
+ }), {
+ setOption: ({activeRule}) => ({key, value}) => {
+ // Add some reference logic here
+ if (key === "workspace" && !value) {
+ const {layer, workspace, ...newActive} = activeRule;
+ return {activeRule: newActive};
+ }else if (key === "service" && !value) {
+ const {request, service, ...newActive} = activeRule;
+ return {activeRule: newActive};
+ }else if (!value) {
+ const {[key]: omit, ...newActive} = activeRule;
+ return {activeRule: newActive};
+ }
+ return {
+ activeRule: {...activeRule, [key]: value}
+ };
+ },
+ onNavChange: () => activeEditor => ({
+ activeEditor
+ })
+ })
+);
diff --git a/web/client/plugins/manager/ManagerMenu.jsx b/web/client/plugins/manager/ManagerMenu.jsx
index 8812c58b5e..142afd3426 100644
--- a/web/client/plugins/manager/ManagerMenu.jsx
+++ b/web/client/plugins/manager/ManagerMenu.jsx
@@ -52,6 +52,11 @@ class ManagerMenu extends React.Component {
"msgId": "users.title",
"glyph": "1-group-mod",
"path": "/manager/usermanager"
+ },
+ {
+ "msgId": "rulesmanager.menutitle",
+ "glyph": "lock",
+ "path": "/rules-manager"
}],
role: "",
onItemClick: () => {},
diff --git a/web/client/plugins/manager/ModalDialog.jsx b/web/client/plugins/manager/ModalDialog.jsx
new file mode 100644
index 0000000000..abc3c25b02
--- /dev/null
+++ b/web/client/plugins/manager/ModalDialog.jsx
@@ -0,0 +1,31 @@
+/*
+ * Copyright 2018, GeoSolutions Sas.
+ * All rights reserved
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+const React = require('react');
+
+const Message = require('../../components/I18N/Message');
+const Portal = require('../../components/misc/Portal');
+const ResizableModal = require('../../components/misc/ResizableModal');
+
+module.exports = ({title = "", showDialog = false, buttons = [], closeAction = () => {}, msg = "Missing message"}) => {
+ return (
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ );
+};
+
+const EditorToolbar = compose(
+ connect(
+ rulesEditorToolbarSelector,
+ {
+ deleteRules: delRules,
+ editOrCreate: onEditRule
+ }
+ ),
+ withStateHandlers(() => ({
+ modal: "none"
+ }), {
+ cancelModal: () => () => ({
+ modal: "none"
+ }),
+ showModal: () => (modal) => ({
+ modal
+ })
+ }),
+ withProps(({
+ showAdd, showEdit, showModal, showInsertBefore, showInsertAfter, showDel, showCache,
+ editOrCreate = () => {}
+ }) => ({
+ buttons: [{
+ glyph: 'plus',
+ tooltipId: 'rulesmanager.tooltip.addT',
+ visible: showAdd,
+ onClick: editOrCreate.bind(null, 0, true)
+ }, {
+ glyph: 'pencil',
+ tooltipId: 'rulesmanager.tooltip.editT',
+ visible: showEdit,
+ onClick: editOrCreate.bind(null, 0, false)
+ }, {
+ glyph: 'add-row-before',
+ tooltipId: 'rulesmanager.tooltip.addBeT',
+ visible: showInsertBefore,
+ onClick: editOrCreate.bind(null, -1, true)
+ }, {
+ glyph: 'add-row-after',
+ tooltipId: 'rulesmanager.tooltip.addAfT',
+ visible: showInsertAfter,
+ onClick: editOrCreate.bind(null, 1, true)
+ }, {
+ glyph: 'trash',
+ tooltipId: 'rulesmanager.tooltip.deleteT',
+ visible: showDel,
+ onClick: () => {
+ showModal("delete");
+ }
+ }, {
+ glyph: 'clear-brush',
+ tooltipId: 'rulesmanager.tooltip.cacheT',
+ visible: showCache,
+ onClick: () => {
+ showModal("cache");
+ }
+ }]
+ })),
+ withPropsOnChange(["modal"], ({modal, cancelModal, deleteRules}) => {
+ switch (modal) {
+ case "delete":
+ return {
+ modalsProps: {
+ showDialog: true,
+ title: "rulesmanager.deltitle",
+ buttons: [{
+ text: + * Add services configuration to overwrite the default values used by the service and the request + * selectors. See the page's plugins configuration in the following example.
+ * The app is available at http://localhos:8081/#/rules-manager. + * + * @example + * // localConfig configuration example + * "geoFenceUrl": "http://localhost:8081/", + * "geoFenceGeoServerInstance": { + * "url": "geoserver/", + * "id" : 1 + * } + * "initialState": { + * "defaultState": { + * "rulesmanager": { + * "services": { + * "WFS": [ + * "DescribeFeatureType", + * "GetCapabilities", + * "GetFeature", + * "GetFeatureWithLock", + * "LockFeature", + * "Transaction" + * ], + * "WMS": [ + * "DescribeLayer", + * "GetCapabilities", + * "GetFeatureInfo", + * "GetLegendGraphic", + * "GetMap", + * "GetStyles" + * ] + * } + * } + * } + * },.... + * "plugins": { + * "rulesmanager": [{ + * "name": "OmniBar", + * "cfg": { + * "containerPosition": "header", + * "className": "navbar shadow navbar-home" + * } + * }, { + * "name": "Home", + * "override": { + * "OmniBar": { + * "position": 1, + * "priority": 1 + * } + * } + * },"Language", "Login", "Attribution", "RulesDataGrid", "Notifications", { + * "name": "RulesManagerFooter" , "cfg": { "containerPosition": "footer"} },{ + * "name": "RulesEditor", + * "containerPosition": "columns" + * }}] + * } +*/ + +class RulesManagerPage extends React.Component { + static propTypes = { + name: PropTypes.string, + mode: PropTypes.string, + match: PropTypes.object, + loadMaps: PropTypes.func, + reset: PropTypes.func, + plugins: PropTypes.object + }; + + static defaultProps = { + name: "rulesmanager", + mode: 'desktop', + loadMaps: () => {}, + reset: () => {} + }; + + render() { + let plugins = ConfigUtils.getConfigProp("plugins") || {}; + let pagePlugins = { + "desktop": [], // TODO mesh page plugins with other plugins + "mobile": [] + }; + let pluginsConfig = { + "desktop": plugins[this.props.name] || [], // TODO mesh page plugins with other plugins + "mobile": plugins[this.props.name] || [] + }; + + return pluginsConfig.desktop.length > 0 && (