-
- record.deviceIdentifier +
- record.enrolmentInfo.owner +
- record.enrolmentInfo.ownership
- }
- dataSource={data.devices}
- pagination={{
- ...pagination,
- size: 'small',
- total: data.count,
- showTotal: (total, range) =>
- `showing ${range[0]}-${range[1]} of ${total} devices`,
- }}
- loading={loading}
- onChange={this.handleTableChange}
- rowSelection={this.rowSelection}
- />
-
- );
- }
-}
-
-export default withConfigContext(deviceTable);
diff --git a/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/components/Filter/index.js b/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/components/Filter/index.js
deleted file mode 100644
index 72fc45eb75..0000000000
--- a/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/components/Filter/index.js
+++ /dev/null
@@ -1,38 +0,0 @@
-import React from 'react';
-
-import { Form, Input, Button } from 'antd';
-
-class Filter extends React.Component {
- handleSubmit = e => {
- e.preventDefault();
- this.props.form.validateFields((err, values) => {
- if (!err) {
- Object.keys(values).forEach(
- key => values[key] === undefined && delete values[key],
- );
- this.props.callback({}, values);
- }
- });
- };
-
- render() {
- const { getFieldDecorator } = this.props.form;
-
- return (
-
- );
- }
-}
-
-export default Form.create({ name: 'horizontal_login' })(Filter);
diff --git a/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/components/Logout/index.js b/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/components/Logout/index.js
deleted file mode 100644
index 84564d39fa..0000000000
--- a/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/components/Logout/index.js
+++ /dev/null
@@ -1,81 +0,0 @@
-/*
- * Copyright (c) 2020, Entgra (pvt) Ltd. (http://entgra.io) All Rights Reserved.
- *
- * Entgra (pvt) Ltd. licenses this file to you under the Apache License,
- * Version 2.0 (the "License"); you may not use this file except
- * in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-import React from 'react';
-import { notification, Menu, Icon } from 'antd';
-import axios from 'axios';
-import { withConfigContext } from '../../../../components/ConfigContext';
-
-/*
-This class for call the logout api by sending request
- */
-class Logout extends React.Component {
- constructor(props) {
- super(props);
- this.state = {
- inValid: false,
- loading: false,
- };
- }
- /*
- This function call the logout api when the request is success
- */
- handleSubmit = () => {
- const thisForm = this;
- const config = this.props.context;
-
- thisForm.setState({
- inValid: false,
- });
-
- axios
- .post(window.location.origin + config.serverConfig.logoutUri)
- .then(res => {
- // if the api call status is correct then user will logout and then it goes to login page
- if (res.status === 200) {
- window.location = window.location.origin + '/entgra/login';
- }
- })
- .catch(function(error) {
- if (error.hasOwnProperty('response') && error.response.status === 400) {
- thisForm.setState({
- inValid: true,
- });
- } else {
- notification.error({
- message: 'There was a problem',
- duration: 0,
- description: 'Error occurred while trying to logout.',
- });
- }
- });
- };
-
- render() {
- return (
-
- );
- }
-}
-
-export default withConfigContext(Logout);
diff --git a/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/index.js b/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/index.js
deleted file mode 100644
index 01309ccad8..0000000000
--- a/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/index.js
+++ /dev/null
@@ -1,194 +0,0 @@
-/*
- * Copyright (c) 2020, Entgra (pvt) Ltd. (http://entgra.io) All Rights Reserved.
- *
- * Entgra (pvt) Ltd. licenses this file to you under the Apache License,
- * Version 2.0 (the "License"); you may not use this file except
- * in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-import React from 'react';
-import { Layout, Menu, Icon } from 'antd';
-import { Switch, Link } from 'react-router-dom';
-import RouteWithSubRoutes from '../../components/RouteWithSubRoutes';
-import './styles.css';
-import { withConfigContext } from '../../components/ConfigContext';
-import Logout from './components/Logout';
-
-const { Header, Content, Footer } = Layout;
-const { SubMenu } = Menu;
-
-class Home extends React.Component {
- constructor(props) {
- super(props);
-
- const mobileWidth = window.innerWidth <= 768 ? '0' : '80';
-
- this.state = {
- routes: props.routes,
- selectedKeys: [],
- deviceTypes: [],
- isNavBarCollapsed: false,
- mobileWidth,
- };
- this.logo = this.props.context.theme.logo;
- this.config = this.props.context;
- }
-
- toggle = () => {
- console.log(this.config);
- this.setState({
- isNavBarCollapsed: !this.state.isNavBarCollapsed,
- });
- };
-
- render() {
- return (
-
-
-
-
-
-
- );
- default:
- return null;
- }
- });
- };
-
- render() {
- const { policyUIConfigurationsList } = this.props;
- const { getFieldDecorator } = this.props.form;
- return (
-
-
- {policyUIConfigurationsList.map((element, i) => {
- return (
- {element.name}} key={i}>
- {Object.values(element.panels).map((panel, j) => {
- panel = panel.panel;
- let subForms = [];
- return (
-
- );
- })}
-
- );
- })}
-
-
-
-
-
- {panel.title}
-
-
- this.handleMainPanel(
- e,
- `${panel.panelId}`,
- )
- }
- />
-
-
- {panel.description}
-
- }
- >
- {panel.hasOwnProperty('panelItem') && (
-
-
-
- )}
- {panel.hasOwnProperty('subFormLists') && (
-
- {Object.values(panel.subFormLists).map(
- (form, i) => {
- subForms.push(form.id);
- formContainers[`${panel.panelId}`] = subForms;
- return (
-
- );
- },
- )}
-
- )}
-
-
-
-
-
-
-
-
- );
- }
-}
-
-export default withConfigContext(Form.create()(ConfigureProfile));
diff --git a/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/components/AddPolicy/components/PublishDevices/index.js b/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/components/AddPolicy/components/PublishDevices/index.js
deleted file mode 100644
index 3fc1d758e7..0000000000
--- a/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/components/AddPolicy/components/PublishDevices/index.js
+++ /dev/null
@@ -1,87 +0,0 @@
-/*
- * Copyright (c) 2020, Entgra (pvt) Ltd. (http://entgra.io) All Rights Reserved.
- *
- * Entgra (pvt) Ltd. licenses this file to you under the Apache License,
- * Version 2.0 (the "License"); you may not use this file except
- * in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-import React from 'react';
-import { withConfigContext } from '../../../../../../../../components/ConfigContext';
-import { Button, Col, Form, Input } from 'antd';
-const { TextArea } = Input;
-
-class PublishDevices extends React.Component {
- constructor(props) {
- super(props);
- this.config = this.props.context;
- }
-
- onClickSavePolicy = (event, isPublish, formName) => {
- this.props.form.validateFields((err, values) => {
- if (!err) {
- values.active = isPublish;
- this.props.getPolicyPayloadData(formName, values);
- }
- });
- };
-
- render() {
- const { getFieldDecorator } = this.props.form;
- return (
-
-
- {getFieldDecorator('policyName', {
- rules: [
- {
- pattern: new RegExp('^.{1,30}$'),
- message: 'Should be 1-to-30 characters long',
- },
- ],
- })()}
-
-
- {getFieldDecorator('description', {})()}
-
-
- );
- }
-}
-
-export default withConfigContext(Form.create()(PublishDevices));
diff --git a/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/components/AddPolicy/components/SelectPlatform/index.js b/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/components/AddPolicy/components/SelectPlatform/index.js
deleted file mode 100644
index 3edb401306..0000000000
--- a/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/components/AddPolicy/components/SelectPlatform/index.js
+++ /dev/null
@@ -1,123 +0,0 @@
-/*
- * Copyright (c) 2020, Entgra (pvt) Ltd. (http://entgra.io) All Rights Reserved.
- *
- * Entgra (pvt) Ltd. licenses this file to you under the Apache License,
- * Version 2.0 (the "License"); you may not use this file except
- * in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-import React from 'react';
-import axios from 'axios';
-import { Card, Col, Icon, message, notification, Row } from 'antd';
-import { withConfigContext } from '../../../../../../../../components/ConfigContext';
-
-class SelectPlatform extends React.Component {
- constructor(props) {
- super(props);
- this.config = this.props.context;
- this.state = {
- data: [],
- loading: false,
- };
- }
-
- componentDidMount() {
- this.getDeviceTypes();
- }
-
- onClickCard = (e, type, formname) => {
- this.props.getPolicyConfigJson(type);
- let deviceType = {
- deviceType: type,
- };
- this.props.getPolicyPayloadData(formname, deviceType);
- };
-
- // fetch data from api
- getDeviceTypes() {
- this.setState({ loading: true });
-
- let apiUrl =
- window.location.origin +
- this.config.serverConfig.invoker.uri +
- this.config.serverConfig.invoker.deviceMgt +
- '/device-types';
-
- // send request to the invokers
- axios
- .get(apiUrl)
- .then(res => {
- if (res.status === 200) {
- this.setState({
- loading: false,
- data: JSON.parse(res.data.data),
- });
- }
- })
- .catch(error => {
- if (error.hasOwnProperty('response') && error.response.status === 401) {
- // todo display a popop with error
- message.error('You are not logged in');
- window.location.href = window.location.origin + '/entgra/login';
- } else {
- notification.error({
- message: 'There was a problem',
- duration: 0,
- description: 'Error occurred while trying to load device types.',
- });
- }
-
- this.setState({ loading: false });
- });
- }
-
- render() {
- const { data } = this.state;
- const { Meta } = Card;
- const itemCard = data.map(data => (
-
-
-
-
-
-
-
- {itemCard}
-
- );
- }
-}
-
-export default withConfigContext(SelectPlatform);
diff --git a/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/components/AddPolicy/components/SelectPolicyType/index.js b/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/components/AddPolicy/components/SelectPolicyType/index.js
deleted file mode 100644
index 7c0c66be17..0000000000
--- a/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/components/AddPolicy/components/SelectPolicyType/index.js
+++ /dev/null
@@ -1,171 +0,0 @@
-/*
- * Copyright (c) 2020, Entgra (pvt) Ltd. (http://entgra.io) All Rights Reserved.
- *
- * Entgra (pvt) Ltd. licenses this file to you under the Apache License,
- * Version 2.0 (the "License"); you may not use this file except
- * in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-import React from 'react';
-import {
- Button,
- Col,
- Form,
- Icon,
- message,
- notification,
- Radio,
- Select,
- Tooltip,
-} from 'antd';
-import { withConfigContext } from '../../../../../../../../components/ConfigContext';
-import axios from 'axios';
-const { Option } = Select;
-
-class SelectPolicyType extends React.Component {
- constructor(props) {
- super(props);
- this.config = this.props.context;
- this.state = {
- correctivePoliciesList: [],
- };
- }
-
- componentDidMount() {
- this.fetchPolicies();
- }
-
- // generate payload using Select policy type
- onHandleContinue = (e, formName) => {
- this.props.form.validateFields((err, values) => {
- if (!err) {
- if (values.correctiveActions === 'NONE') {
- values.correctiveActions = [];
- }
- this.props.getPolicyPayloadData(formName, values);
- this.props.getNextStep();
- }
- });
- };
-
- fetchPolicies = () => {
- let apiUrl =
- window.location.origin +
- this.config.serverConfig.invoker.uri +
- this.config.serverConfig.invoker.deviceMgt +
- '/policies';
-
- // send request to the invokerss
- axios
- .get(apiUrl)
- .then(res => {
- if (res.status === 200) {
- let policies = res.data.data.policies;
- let correctivePolicies = [];
- for (let i = 0; i < policies.length; i++) {
- if (policies[i].policyType === 'CORRECTIVE') {
- correctivePolicies.push(
- ,
- );
- }
- }
- this.setState({
- correctivePoliciesList: correctivePolicies,
- });
- }
- })
- .catch(error => {
- if (error.hasOwnProperty('response') && error.response.status === 401) {
- // todo display a popop with error
- message.error('You are not logged in');
- window.location.href = window.location.origin + '/entgra/login';
- } else {
- notification.error({
- message: 'There was a problem',
- duration: 0,
- description: 'Error occurred while trying to load policies.',
- });
- }
-
- this.setState({ loading: false });
- });
- };
-
- handlePolicyTypes = event => {
- if (event.target.value === 'GENERAL') {
- document.getElementById('generalPolicySubPanel').style.display = 'block';
- } else {
- document.getElementById('generalPolicySubPanel').style.display = 'none';
- }
- };
-
- render() {
- const { getFieldDecorator } = this.props.form;
- return (
-
-
- {getFieldDecorator('policyType', {
- initialValue: 'GENERAL',
- })(
-
- General Policy
- Corrective Policy
- ,
- )}
-
-
- );
- }
-}
-
-export default withConfigContext(Form.create()(SelectPolicyType));
diff --git a/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/components/AddPolicy/index.js b/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/components/AddPolicy/index.js
deleted file mode 100644
index 81cc3c573d..0000000000
--- a/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/components/AddPolicy/index.js
+++ /dev/null
@@ -1,233 +0,0 @@
-/*
- * Copyright (c) 2020, Entgra (pvt) Ltd. (http://entgra.io) All Rights Reserved.
- *
- * Entgra (pvt) Ltd. licenses this file to you under the Apache License,
- * Version 2.0 (the "License"); you may not use this file except
- * in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-import React from 'react';
-import { Form, Row, Col, Card, Steps, message, notification } from 'antd';
-import { withConfigContext } from '../../../../../../components/ConfigContext';
-import SelectPlatform from './components/SelectPlatform';
-import ConfigureProfile from './components/ConfigureProfile';
-import SelectPolicyType from './components/SelectPolicyType';
-import AssignGroups from './components/AssignGroups';
-import PublishDevices from './components/PublishDevices';
-import axios from 'axios';
-const { Step } = Steps;
-
-class AddPolicy extends React.Component {
- constructor(props) {
- super(props);
- this.config = this.props.context;
- this.state = {
- currentStepIndex: 0,
- isLoading: false,
- policyUIConfigurationsList: [],
- newPolicyPayload: { compliance: 'enforce' },
- policyProfile: {},
- payloadData: {},
- };
- }
-
- getPolicyPayloadData = (dataName, dataValue) => {
- Object.defineProperty(this.state.payloadData, dataName, {
- value: dataValue,
- writable: true,
- });
- if (dataName === 'publishDevicesData') {
- this.createPayload();
- }
- };
-
- createPayload = () => {
- const {
- publishDevicesData,
- selectedPlatformData,
- configureProfileData,
- policyTypeData,
- groupData,
- } = this.state.payloadData;
- const profile = {
- profileName: publishDevicesData.policyName,
- deviceType: selectedPlatformData.deviceType,
- profileFeaturesList: configureProfileData,
- };
-
- const payload = {
- policyName: publishDevicesData.policyName,
- description: publishDevicesData.description,
- compliance: 'enforce',
- ownershipType: null,
- active: publishDevicesData.active,
- ...policyTypeData,
- profile: profile,
- ...groupData,
- };
- this.onAddNewPolicy(JSON.stringify(payload));
- };
-
- getPolicyConfigJson = type => {
- this.setState({ isLoading: true });
-
- let apiUrl =
- window.location.origin +
- this.config.serverConfig.invoker.uri +
- this.config.serverConfig.invoker.deviceMgt +
- '/device-types/' +
- type +
- '/ui-policy-configurations';
- // send request to the invokers
- axios
- .get(apiUrl)
- .then(res => {
- if (res.status === 200) {
- this.setState({
- isLoading: false,
- policyUIConfigurationsList: JSON.parse(res.data.data),
- currentStepIndex: 1,
- });
- }
- })
- .catch(error => {
- if (error.hasOwnProperty('response') && error.response.status === 401) {
- // todo display a popop with error
- message.error('You are not logged in');
- window.location.href = window.location.origin + '/entgra/login';
- } else {
- notification.error({
- message: 'There was a problem',
- duration: 0,
- description: 'Error occurred while trying to load Policy details.',
- });
- }
- this.setState({ isLoading: false });
- });
- };
-
- onAddNewPolicy = value => {
- axios
- .post(
- window.location.origin +
- this.config.serverConfig.invoker.uri +
- this.config.serverConfig.invoker.deviceMgt +
- '/policies/',
- value,
- { headers: { 'Content-Type': 'application-json' } },
- )
- .then(res => {
- if (res.status === 201) {
- notification.success({
- message: 'Done',
- duration: 4,
- description: 'Successfully added new Policy.',
- });
- }
- })
- .catch(error => {
- if (error.hasOwnProperty('response') && error.response.status === 401) {
- // todo display a popop with error
- message.error('You are not logged in');
- window.location.href = window.location.origin + '/entgra/login';
- } else {
- notification.error({
- message: 'There was a problem',
- duration: 0,
- description: 'Error occurred while trying to add New Policy.',
- });
- }
- });
- };
-
- getNextStep = () => {
- const currentStepIndex = this.state.currentStepIndex + 1;
- this.setState({ currentStepIndex });
- };
-
- getPrevStep = () => {
- const currentStepIndex = this.state.currentStepIndex - 1;
- this.setState({ currentStepIndex });
- };
-
- render() {
- const { currentStepIndex, policyUIConfigurationsList } = this.state;
- return (
-
-
- Select Corrective Policy
-
-
-
- }
- >
- {getFieldDecorator('correctiveActions', {
- initialValue: 'NONE',
- })(
- ,
- )}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- );
- }
-}
-
-export default withConfigContext(
- Form.create({ name: 'add-policy' })(AddPolicy),
-);
diff --git a/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/components/EditPolicy/components/AssignGroups/index.js b/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/components/EditPolicy/components/AssignGroups/index.js
deleted file mode 100644
index 22f52ba3d4..0000000000
--- a/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/components/EditPolicy/components/AssignGroups/index.js
+++ /dev/null
@@ -1,269 +0,0 @@
-/*
- * Copyright (c) 2020, Entgra (pvt) Ltd. (http://entgra.io) All Rights Reserved.
- *
- * Entgra (pvt) Ltd. licenses this file to you under the Apache License,
- * Version 2.0 (the "License"); you may not use this file except
- * in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-import React from 'react';
-import { withConfigContext } from '../../../../../../../../components/ConfigContext';
-import { Button, Col, Form, message, notification, Radio, Select } from 'antd';
-import axios from 'axios';
-const { Option } = Select;
-
-class AssignGroups extends React.Component {
- constructor(props) {
- super(props);
- this.config = this.props.context;
- this.userSelector = React.createRef();
- this.roleSelector = React.createRef();
- this.state = {
- roles: [],
- users: [],
- groups: [],
- };
- }
- componentDidMount() {
- this.getRolesList();
- this.getGroupsList();
- }
-
- handleSetUserRoleFormItem = event => {
- if (event.target.value === 'roleSelector') {
- this.roleSelector.current.style.cssText = 'display: block;';
- this.userSelector.current.style.cssText = 'display: none;';
- } else {
- this.roleSelector.current.style.cssText = 'display: none;';
- this.userSelector.current.style.cssText = 'display: block;';
- }
- };
-
- // generate payload by adding Assign Groups
- onHandleContinue = (e, formName) => {
- this.props.form.validateFields((err, values) => {
- if (!err) {
- if (typeof values.roles === 'string') {
- values.roles = [values.roles];
- }
- if (!values.users) {
- delete values.users;
- }
-
- if (values.deviceGroups === 'NONE') {
- delete values.deviceGroups;
- }
-
- this.props.getPolicyPayloadData(formName, values);
- this.props.getNextStep();
- }
- });
- };
-
- getRolesList = () => {
- let apiURL =
- window.location.origin +
- this.config.serverConfig.invoker.uri +
- this.config.serverConfig.invoker.deviceMgt +
- '/roles?user-store=PRIMARY&limit=100';
-
- axios
- .get(apiURL)
- .then(res => {
- if (res.status === 200) {
- this.setState({
- roles: res.data.data.roles,
- });
- }
- })
- .catch(error => {
- if (error.hasOwnProperty('response') && error.response.status === 401) {
- // todo display a popop with error
-
- message.error('You are not logged in');
- window.location.href = window.location.origin + '/entgra/login';
- } else {
- notification.error({
- message: 'There was a problem',
- duration: 0,
- description: 'Error occurred while trying to load roles.',
- });
- }
- });
- };
-
- getUsersList = value => {
- let apiURL =
- window.location.origin +
- this.config.serverConfig.invoker.uri +
- this.config.serverConfig.invoker.deviceMgt +
- '/users/search/usernames?filter=' +
- value +
- '&domain=Primary';
- axios
- .get(apiURL)
- .then(res => {
- if (res.status === 200) {
- let users = JSON.parse(res.data.data);
- this.setState({
- users,
- });
- }
- })
- .catch(error => {
- if (error.hasOwnProperty('response') && error.response.status === 401) {
- // todo display a popop with error
- message.error('You are not logged in');
- window.location.href = window.location.origin + '/entgra/login';
- } else {
- notification.error({
- message: 'There was a problem',
- duration: 0,
- description: 'Error occurred while trying to load users.',
- });
- }
- });
- };
-
- // fetch data from api
- getGroupsList = () => {
- let apiUrl =
- window.location.origin +
- this.config.serverConfig.invoker.uri +
- this.config.serverConfig.invoker.deviceMgt +
- '/admin/groups';
-
- // send request to the invokerss
- axios
- .get(apiUrl)
- .then(res => {
- if (res.status === 200) {
- this.setState({
- groups: res.data.data.deviceGroups,
- });
- }
- })
- .catch(error => {
- if (error.hasOwnProperty('response') && error.response.status === 401) {
- // todo display a popop with error
- message.error('You are not logged in');
- window.location.href = window.location.origin + '/entgra/login';
- } else {
- notification.error({
- message: 'There was a problem',
- duration: 0,
- description: 'Error occurred while trying to load device groups.',
- });
- }
- });
- };
-
- render() {
- const { policyData } = this.props;
- const { getFieldDecorator } = this.props.form;
- let deviceGroups = null;
- if (policyData.deviceGroups.length > 0) {
- deviceGroups = policyData.deviceGroups;
- } else {
- deviceGroups = 'NONE';
- }
- return (
-
-
-
-
-
-
-
-
-
-
-
-
- {getFieldDecorator('deviceGroups', {
- initialValue: deviceGroups,
- })(
- ,
- )}
-
-
- );
- }
-}
-
-export default withConfigContext(Form.create()(AssignGroups));
diff --git a/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/components/EditPolicy/components/ConfigureProfile/index.js b/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/components/EditPolicy/components/ConfigureProfile/index.js
deleted file mode 100644
index c17241188b..0000000000
--- a/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/components/EditPolicy/components/ConfigureProfile/index.js
+++ /dev/null
@@ -1,949 +0,0 @@
-/*
- * Copyright (c) 2020, Entgra (pvt) Ltd. (http://entgra.io) All Rights Reserved.
- *
- * Entgra (pvt) Ltd. licenses this file to you under the Apache License,
- * Version 2.0 (the "License"); you may not use this file except
- * in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-import React from 'react';
-import {
- Tabs,
- Row,
- Col,
- Switch,
- Input,
- Typography,
- Form,
- Collapse,
- Checkbox,
- Select,
- Tooltip,
- Icon,
- Table,
- Alert,
- Upload,
- Popconfirm,
- Button,
- Radio,
-} from 'antd';
-import { withConfigContext } from '../../../../../../../../components/ConfigContext';
-import '../../../../styles.css';
-import moment from 'moment';
-const { Text, Title, Paragraph } = Typography;
-const { TabPane } = Tabs;
-const { Option } = Select;
-const { TextArea } = Input;
-
-const subPanelpayloadAttributes = {};
-let subFormContainer = {};
-let radioSubPanelSwitches = [];
-let initialRadioPanels = {};
-let radioPanelStatusList = {};
-
-class ConfigureProfile extends React.Component {
- constructor(props) {
- super(props);
- this.config = this.props.context;
- this.state = {
- loading: false,
- activePanelKeys: [],
- activeSubPanelKeys: [],
- subFormList: [],
- subPanelpayloadAttributes: {},
- customInputDataArray: [],
- inputTableDataSources: {},
- subPanelRadio: {},
- };
- }
-
- componentDidMount() {}
-
- setProfileInfo = e => {
- let activePolicies = [];
- let activePolicyFields = {};
- let activeSubPanels = [];
- let subPanelRadio = this.state.subPanelRadio;
- this.setState({
- subPanelRadio: radioPanelStatusList,
- });
- const allFields = this.props.form.getFieldsValue();
- this.props.policyFeatureList.map(element => {
- activePolicies.push(element.featureCode);
- let featureData = JSON.parse(element.content);
- Object.keys(featureData).map(key => {
- if (element.featureCode in subPanelpayloadAttributes) {
- Object.entries(subPanelpayloadAttributes[element.featureCode]).map(
- ([panelKey, payloadAttr]) => {
- if (key === payloadAttr) {
- activeSubPanels.push(`${element.featureCode}-${panelKey}`);
- }
- },
- );
-
- let regex = new RegExp(`${element.featureCode}.+${key}`, 'g');
- Object.keys(allFields).map(fieldName => {
- if (fieldName.match(regex) != null) {
- activePolicyFields[fieldName] = featureData[key];
- }
- });
- } else if (element.featureCode in subFormContainer) {
- let regex = new RegExp(`.+${element.featureCode}-${key}`, 'g');
- Object.keys(allFields).map(fieldName => {
- if (fieldName.match(regex) != null) {
- activePolicyFields[fieldName] = featureData[key];
- if (
- !activePolicies.includes(
- fieldName.replace(`-${element.featureCode}-${key}`, ''),
- )
- ) {
- activePolicies.push(
- fieldName.replace(`-${element.featureCode}-${key}`, ''),
- );
- }
- }
- });
- } else {
- let regex = new RegExp(`${element.featureCode}.+${key}`, 'g');
- Object.keys(allFields).map(fieldName => {
- if (fieldName.match(regex) != null) {
- activePolicyFields[fieldName] = featureData[key];
- }
- if (
- radioSubPanelSwitches.includes(
- `${element.featureCode}-${featureData[key]}`,
- )
- ) {
- let subPanelViewStatus = {
- [featureData[key]]: true,
- };
- Object.assign(subPanelRadio, subPanelViewStatus);
- }
- });
- }
- });
- });
- this.props.form.setFieldsValue(activePolicyFields);
- Object.keys(initialRadioPanels).map(policy => {
- if (!activePolicies.includes(policy)) {
- for (let subPanelKey of initialRadioPanels[policy]) {
- let subPanelViewStatus = {
- [subPanelKey]: true,
- };
- Object.assign(subPanelRadio, subPanelViewStatus);
- }
- }
- });
- this.setState({
- activePanelKeys: activePolicies,
- activeSubPanelKeys: activeSubPanels,
- subPanelRadio,
- });
- };
-
- // convert time from 24h format to 12h format
- timeConverter = time => {
- time = time
- .toString()
- .match(/^([01]\d|2[0-3])(:)([0-5]\d)(:[0-5]\d)?$/) || [time];
- if (time.length > 1) {
- time = time.slice(1);
- time[5] = +time[0] < 12 ? ' AM' : ' PM';
- time[0] = +time[0] % 12 || 12;
- }
- return time.join('');
- };
-
- // get Option value from start Time, end Time and time difference between 2 values
- getOptionForTimeSelectors = (startTimeValue, endTimeValue, timeIncrement) => {
- let timeOptions = [];
- let time = new Date(
- moment()
- .startOf('day')
- .format('YYYY/MM/DD'),
- );
- let tempValue = startTimeValue;
- time.setMinutes(time.getMinutes() + tempValue);
- let startOption = (
-
- );
- timeOptions.push(startOption);
-
- while (tempValue !== endTimeValue) {
- time = new Date(
- moment()
- .startOf('day')
- .format('YYYY/MM/DD'),
- );
- tempValue += timeIncrement;
- if (tempValue > 1440) {
- tempValue = 0;
- continue;
- }
- time.setMinutes(time.getMinutes() + tempValue);
- let option = (
-
- );
- timeOptions.push(option);
- }
- return timeOptions;
- };
-
- // handle items which handle from radio buttons
- handleRadioPanel = (e, subPanel) => {
- {
- subPanel.map((panel, i) => {
- if (panel.value === e.target.value) {
- document.getElementById(panel.value).style.display = 'block';
- } else {
- document.getElementById(panel.value).style.display = 'none';
- }
- });
- }
- };
-
- // handle items which handle from select options
- handleSelectedPanel = (e, subPanel) => {
- {
- subPanel.map((panel, i) => {
- if (panel.id === e) {
- document.getElementById(panel.id).style.display = 'block';
- } else {
- document.getElementById(panel.id).style.display = 'none';
- }
- });
- }
- };
-
- // handle items which handle from checkbox
- handleSubPanel = e => {
- if (e.target.checked) {
- let joined = this.state.activeSubPanelKeys.concat(e.target.id);
- this.setState({ activeSubPanelKeys: joined });
- } else {
- let index = this.state.activeSubPanelKeys.indexOf(e.target.id);
- if (index !== -1) {
- this.state.activeSubPanelKeys.splice(index, 1);
- let removed = this.state.activeSubPanelKeys;
- this.setState({ activeSubPanelKeys: removed });
- }
- }
- };
-
- // handle Switch on off button
- handleMainPanel = (e, ref) => {
- if (e) {
- let joined = this.state.activePanelKeys.concat(ref);
- this.setState({ activePanelKeys: joined });
- } else {
- let index = this.state.activePanelKeys.indexOf(ref);
- if (index !== -1) {
- this.state.activePanelKeys.splice(index, 1);
- let removed = this.state.activePanelKeys;
- this.setState({ activePanelKeys: removed });
- }
- }
- };
-
- handleCustomInputTable = event => {
- const { count, customInputDataArray } = this.state;
-
- const newData = [
- {
- key: count,
- CERT_NAME: `${event.file.name}`,
- },
- ];
- this.setState({
- customInputDataArray: [...customInputDataArray, newData],
- count: count + 1,
- });
- };
-
- handleAdd = array => {
- const { count, inputTableDataSources } = this.state;
- const newData = [
- {
- key: count,
- },
- ];
- inputTableDataSources[array].push(newData);
- Object.defineProperty(inputTableDataSources, array, {
- value: inputTableDataSources[array],
- });
- this.setState({
- inputTableDataSources,
- count: count + 1,
- });
- };
-
- getColumns = ({ getFieldDecorator }, arr) => {
- const columnArray = [];
- const actionColumn = [
- {
- title: '',
- dataIndex: 'operation',
- render: (name, row) => (
-
-
- Set User role(s)
- Set User(s)
-
-
-
-
- {getFieldDecorator('roles', {
- initialValue: policyData.roles,
- })(
- ,
- )}
-
-
-
-
- {getFieldDecorator('users', {
- initialValue: policyData.users,
- })(
- ,
- )}
-
-
-
-
-
-
-
-
-
- {item.label}
-
-
-
- }
- style={{ display: 'block' }}
- >
- {getFieldDecorator(`${item.id}`, {
- initialValue: `${item.optional.option[0].name}`,
- })(
- ,
- )}
-
-
- );
- }
- return (
-
- {item.optional.subPanel.map((panel, i) => {
- return (
-
-
- {this.getPanelItems(panel.panelItem)}
-
- );
- })}
-
-
-
- {getFieldDecorator(`${item.id}`, {
- valuePropName: 'checked',
- initialValue: item.optional.ischecked,
- })(
-
-
- {item.label}
-
-
-
- ,
- )}
-
- }
- >
-
-
-
- );
- }
- return (
-
-
-
- {item.optional.subPanel.map((panel, i) => {
- subPanelList[panel.others.itemSwitch] =
- panel.others.itemPayload;
- if (
- subPanelpayloadAttributes.hasOwnProperty(panelId)
- ) {
- Object.assign(
- subPanelpayloadAttributes[panelId],
- subPanelList,
- );
- } else {
- subPanelpayloadAttributes[panelId] = subPanelList;
- }
- return (
-
-
- {this.getPanelItems(panel.panelItem, panelId)}
-
- );
- })}
-
-
- {item.label}
-
-
-
- }
- style={{ display: 'block' }}
- >
- {getFieldDecorator(`${item.id}`, {
- initialValue: `${item.optional.initialValue}`,
- })(
-
- this.handleRadioPanel(e, item.optional.radio)
- }
- >
- {item.optional.radio.map((option, i) => {
- return (
-
- {option.name}
-
- );
- })}
- ,
- )}
-
-
- );
- case 'title':
- return (
-
- {item.optional.subPanel.map((panel, i) => {
- radioSubPanelSwitches.push(`${panelId}-${panel.id}`);
- radioPanelStatusList[panel.id] = false;
- return (
-
-
- {this.getPanelItems(panel.panelItem)}
-
- );
- })}
-
-
-
-
- );
- case 'customInputTable':
- return (
-
-
-
-
-
-
- );
- default:
- return null;
- }
- });
- };
-
- render() {
- const { policyUIConfigurationsList } = this.props;
- const { getFieldDecorator } = this.props.form;
- return (
-
-
- {policyUIConfigurationsList.map((element, i) => {
- return (
- {element.name}} key={i}>
- {Object.values(element.panels).map((panel, j) => {
- panel = panel.panel;
- return (
-
- );
- })}
-
- );
- })}
-
-
-
-
-
- {panel.title}
-
-
- this.handleMainPanel(
- e,
- `${panel.panelId}`,
- )
- }
- />
-
-
- {panel.description}
-
- }
- >
- {panel.hasOwnProperty('panelItem') && (
-
-
-
- )}
- {panel.hasOwnProperty('subFormLists') && (
-
- {Object.values(panel.subFormLists).map(
- (form, i) => {
- subFormContainer[`${form.id}`] =
- panel.panelId;
- return (
-
- );
- },
- )}
-
- )}
-
-
-
-
-
-
-
-
- );
- }
-}
-
-export default withConfigContext(Form.create()(ConfigureProfile));
diff --git a/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/components/EditPolicy/components/PublishDevices/index.js b/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/components/EditPolicy/components/PublishDevices/index.js
deleted file mode 100644
index e24cfd55d4..0000000000
--- a/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/components/EditPolicy/components/PublishDevices/index.js
+++ /dev/null
@@ -1,86 +0,0 @@
-/*
- * Copyright (c) 2020, Entgra (pvt) Ltd. (http://entgra.io) All Rights Reserved.
- *
- * Entgra (pvt) Ltd. licenses this file to you under the Apache License,
- * Version 2.0 (the "License"); you may not use this file except
- * in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-import React from 'react';
-import { withConfigContext } from '../../../../../../../../components/ConfigContext';
-import { Button, Col, Form, Input } from 'antd';
-const { TextArea } = Input;
-
-class PublishDevices extends React.Component {
- constructor(props) {
- super(props);
- this.config = this.props.context;
- }
-
- onClickSavePolicy = (event, formName) => {
- this.props.form.validateFields((err, values) => {
- if (!err) {
- this.props.getPolicyPayloadData(formName, values);
- }
- });
- };
-
- render() {
- const { policyData } = this.props;
- const { getFieldDecorator } = this.props.form;
- return (
-
-
- {getFieldDecorator('policyName', {
- initialValue: policyData.policyName,
- rules: [
- {
- pattern: new RegExp('^.{1,30}$'),
- message: 'Should be 1-to-30 characters long',
- },
- ],
- })()}
-
-
- {getFieldDecorator('description', {
- initialValue: policyData.description,
- })()}
-
-
- );
- }
-}
-
-export default withConfigContext(Form.create()(PublishDevices));
diff --git a/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/components/EditPolicy/components/SelectPolicyType/index.js b/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/components/EditPolicy/components/SelectPolicyType/index.js
deleted file mode 100644
index ae467b95e6..0000000000
--- a/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/components/EditPolicy/components/SelectPolicyType/index.js
+++ /dev/null
@@ -1,182 +0,0 @@
-/*
- * Copyright (c) 2020, Entgra (pvt) Ltd. (http://entgra.io) All Rights Reserved.
- *
- * Entgra (pvt) Ltd. licenses this file to you under the Apache License,
- * Version 2.0 (the "License"); you may not use this file except
- * in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-import React from 'react';
-import {
- Button,
- Col,
- Form,
- Icon,
- message,
- notification,
- Radio,
- Select,
- Tooltip,
-} from 'antd';
-import { withConfigContext } from '../../../../../../../../components/ConfigContext';
-import axios from 'axios';
-const { Option } = Select;
-
-class SelectPolicyType extends React.Component {
- constructor(props) {
- super(props);
- this.config = this.props.context;
- this.state = {
- correctivePoliciesList: [],
- };
- }
-
- componentDidMount() {
- this.fetchPolicies();
- }
-
- // generate payload using Select policy type
- onHandleContinue = (e, formName) => {
- this.props.form.validateFields((err, values) => {
- if (!err) {
- if (
- values.policyType === 'CORRECTIVE' ||
- values.correctiveActions === 'NONE'
- ) {
- values.correctiveActions = [];
- }
- this.props.getPolicyPayloadData(formName, values);
- this.props.getNextStep();
- }
- });
- };
-
- fetchPolicies = () => {
- let apiUrl =
- window.location.origin +
- this.config.serverConfig.invoker.uri +
- this.config.serverConfig.invoker.deviceMgt +
- '/policies';
-
- // send request to the invokerss
- axios
- .get(apiUrl)
- .then(res => {
- if (res.status === 200) {
- let policies = res.data.data.policies;
- let correctivePolicies = [];
- for (let i = 0; i < policies.length; i++) {
- if (policies[i].policyType === 'CORRECTIVE') {
- correctivePolicies.push(
- ,
- );
- }
- }
- this.setState({
- correctivePoliciesList: correctivePolicies,
- });
- }
- })
- .catch(error => {
- if (error.hasOwnProperty('response') && error.response.status === 401) {
- // todo display a popop with error
- message.error('You are not logged in');
- window.location.href = window.location.origin + '/entgra/login';
- } else {
- notification.error({
- message: 'There was a problem',
- duration: 0,
- description: 'Error occurred while trying to load policies.',
- });
- }
-
- this.setState({ loading: false });
- });
- };
-
- handlePolicyTypes = event => {
- if (event.target.value === 'GENERAL') {
- document.getElementById('generalPolicySubPanel').style.display = 'block';
- } else {
- document.getElementById('generalPolicySubPanel').style.display = 'none';
- }
- };
-
- render() {
- const { policyData } = this.props;
- const { getFieldDecorator } = this.props.form;
- let correctiveActions = null;
- if (policyData.correctiveActions.length > 0) {
- correctiveActions = '';
- } else {
- correctiveActions = 'NONE';
- }
-
- return (
-
-
-
-
-
-
-
-
- {getFieldDecorator('policyType', {
- initialValue: policyData.policyType,
- })(
-
- General Policy
- Corrective Policy
- ,
- )}
-
-
- );
- }
-}
-
-export default withConfigContext(Form.create()(SelectPolicyType));
diff --git a/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/components/EditPolicy/index.js b/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/components/EditPolicy/index.js
deleted file mode 100644
index 3c69618ae1..0000000000
--- a/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/components/EditPolicy/index.js
+++ /dev/null
@@ -1,273 +0,0 @@
-/*
- * Copyright (c) 2020, Entgra (pvt) Ltd. (http://entgra.io) All Rights Reserved.
- *
- * Entgra (pvt) Ltd. licenses this file to you under the Apache License,
- * Version 2.0 (the "License"); you may not use this file except
- * in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-import React from 'react';
-import { Form, Row, Col, Card, Steps, message, notification } from 'antd';
-import { withConfigContext } from '../../../../../../components/ConfigContext';
-import ConfigureProfile from './components/ConfigureProfile';
-import SelectPolicyType from './components/SelectPolicyType';
-import AssignGroups from './components/AssignGroups';
-import PublishDevices from './components/PublishDevices';
-import axios from 'axios';
-const { Step } = Steps;
-
-class EditPolicy extends React.Component {
- constructor(props) {
- super(props);
- this.config = this.props.context;
- this.state = {
- currentStepIndex: 0,
- policyUIConfigurationsList: null,
- newPolicyPayload: { compliance: 'enforce' },
- policyProfile: {},
- payloadData: {},
- policyFeatureList: [],
- policyData: {},
- deviceType: null,
- };
- }
-
- componentDidMount() {
- this.getSelectedPolicy(this.props.policyId);
- }
-
- getPolicyPayloadData = (dataName, dataValue) => {
- Object.defineProperty(this.state.payloadData, dataName, {
- value: dataValue,
- writable: true,
- });
- if (dataName === 'publishDevicesData') {
- this.createPayload();
- }
- };
-
- createPayload = () => {
- const {
- publishDevicesData,
- configureProfileData,
- policyTypeData,
- groupData,
- } = this.state.payloadData;
- const profile = {
- profileName: publishDevicesData.policyName,
- deviceType: this.state.deviceType,
- profileFeaturesList: configureProfileData,
- };
-
- const payload = {
- ...publishDevicesData,
- compliance: 'enforce',
- ownershipType: null,
- ...policyTypeData,
- profile: profile,
- ...groupData,
- };
- this.onEditPolicy(JSON.stringify(payload));
- };
-
- getSelectedPolicy = policyId => {
- let apiUrl =
- window.location.origin +
- this.config.serverConfig.invoker.uri +
- this.config.serverConfig.invoker.deviceMgt +
- '/policies/' +
- policyId;
-
- // send request to the invokers
- axios
- .get(apiUrl)
- .then(res => {
- if (res.status === 200) {
- this.setState({
- isLoading: true,
- policyData: res.data.data,
- deviceType: res.data.data.profile.deviceType,
- policyFeatureList: res.data.data.profile.profileFeaturesList,
- });
- this.getPolicyConfigJson(res.data.data.profile.deviceType);
- }
- })
- .catch(error => {
- if (error.hasOwnProperty('response') && error.response.status === 401) {
- // todo display a popop with error
- message.error('You are not logged in');
- window.location.href = window.location.origin + '/entgra/login';
- } else {
- notification.error({
- message: 'There was a problem',
- duration: 0,
- description: 'Error occurred while trying to load selected policy.',
- });
- }
- });
- };
-
- getPolicyConfigJson = type => {
- this.setState({ isLoading: true });
-
- let apiUrl =
- window.location.origin +
- this.config.serverConfig.invoker.uri +
- this.config.serverConfig.invoker.deviceMgt +
- '/device-types/' +
- type +
- '/ui-policy-configurations';
- // send request to the invokers
- axios
- .get(apiUrl)
- .then(res => {
- if (res.status === 200) {
- this.setState({
- policyUIConfigurationsList: JSON.parse(res.data.data),
- });
- }
- })
- .catch(error => {
- if (error.hasOwnProperty('response') && error.response.status === 401) {
- // todo display a popop with error
- message.error('You are not logged in');
- window.location.href = window.location.origin + '/entgra/login';
- } else {
- notification.error({
- message: 'There was a problem',
- duration: 0,
- description: 'Error occurred while trying to load Policy details.',
- });
- }
- });
- };
-
- onEditPolicy = value => {
- axios
- .put(
- window.location.origin +
- this.config.serverConfig.invoker.uri +
- this.config.serverConfig.invoker.deviceMgt +
- '/policies/' +
- this.props.policyId,
- value,
- { headers: { 'Content-Type': 'application-json' } },
- )
- .then(res => {
- if (res.status === 200) {
- notification.success({
- message: 'Done',
- duration: 4,
- description: 'Successfully Updated the Policy.',
- });
- }
- })
- .catch(error => {
- if (error.hasOwnProperty('response') && error.response.status === 401) {
- // todo display a popop with error
- message.error('You are not logged in');
- window.location.href = window.location.origin + '/entgra/login';
- } else {
- notification.error({
- message: 'There was a problem',
- duration: 0,
- description: 'Error occurred while trying to Updated the Policy.',
- });
- }
- });
- };
-
- getNextStep = () => {
- const currentStepIndex = this.state.currentStepIndex + 1;
- this.setState({ currentStepIndex });
- };
-
- getPrevStep = () => {
- const currentStepIndex = this.state.currentStepIndex - 1;
- this.setState({ currentStepIndex });
- };
-
- render() {
- const {
- currentStepIndex,
- policyUIConfigurationsList,
- policyFeatureList,
- policyData,
- deviceType,
- } = this.state;
- return (
-
-
- Select Corrective Policy
-
-
-
- }
- >
- {getFieldDecorator('correctiveActions', {
- initialValue: correctiveActions,
- })(
- ,
- )}
-
-
-
-
-
-
-
-
- {policyUIConfigurationsList != null && (
-
-
-
-
-
-
-
-
- )}
-
- );
- }
-}
-
-export default withConfigContext(
- Form.create({ name: 'edit-policy' })(EditPolicy),
-);
diff --git a/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/components/PoliciesTable/component/PolicyAction/index.js b/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/components/PoliciesTable/component/PolicyAction/index.js
deleted file mode 100644
index 53b309e220..0000000000
--- a/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/components/PoliciesTable/component/PolicyAction/index.js
+++ /dev/null
@@ -1,55 +0,0 @@
-/*
- * Copyright (c) 2020, Entgra (pvt) Ltd. (http://entgra.io) All Rights Reserved.
- *
- * Entgra (pvt) Ltd. licenses this file to you under the Apache License,
- * Version 2.0 (the "License"); you may not use this file except
- * in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-import React from 'react';
-import { Divider, Icon, Tooltip } from 'antd';
-import { withConfigContext } from '../../../../../../../../components/ConfigContext';
-import { Link } from 'react-router-dom';
-
-class PolicyAction extends React.Component {
- constructor(props) {
- super(props);
- this.config = this.props.context;
- }
-
- render() {
- return (
-
-
-
-
-
-
-
-
-
-
- );
- }
-}
-
-export default withConfigContext(PolicyAction);
diff --git a/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/components/PoliciesTable/component/PolicyBulkActionBar/index.js b/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/components/PoliciesTable/component/PolicyBulkActionBar/index.js
deleted file mode 100644
index c2751c20a0..0000000000
--- a/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/components/PoliciesTable/component/PolicyBulkActionBar/index.js
+++ /dev/null
@@ -1,178 +0,0 @@
-/*
- * Copyright (c) 2020, Entgra (pvt) Ltd. (http://entgra.io) All Rights Reserved.
- *
- * Entgra (pvt) Ltd. licenses this file to you under the Apache License,
- * Version 2.0 (the "License"); you may not use this file except
- * in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-import React from 'react';
-import { Button, Tooltip, Popconfirm, Divider } from 'antd';
-
-class BulkActionBar extends React.Component {
- constructor(props) {
- super(props);
- this.state = {
- selectedMultiple: false,
- selectedSingle: false,
- isPolicyActive: true,
- };
- }
-
- // This method checks whether active devices are selected
- onCheckPolicyStatus = () => {
- let tempIsPolicyActive;
- for (let i = 0; i < this.props.selectedRows.length; i++) {
- if (this.props.selectedRows[i].active) {
- tempIsPolicyActive = true;
- break;
- }
- tempIsPolicyActive = false;
- }
- this.setState({ isPolicyActive: tempIsPolicyActive });
- };
-
- onConfirmRemove = () => {
- if (!this.state.isPolicyActive) {
- this.props.removePolicy();
- }
- };
-
- onConfirmPublish = () => {
- if (!this.state.isPolicyActive) {
- this.props.publishPolicy();
- }
- };
-
- onConfirmUnpublish = () => {
- if (this.state.isPolicyActive) {
- this.props.unpublishPolicy();
- }
- };
-
- render() {
- const isSelected = this.props.selectedRows.length > 0;
-
- return (
-
-
-
-
-
-
-
-
-
-
- );
- }
-}
-
-export default BulkActionBar;
diff --git a/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/components/PoliciesTable/index.js b/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/components/PoliciesTable/index.js
deleted file mode 100644
index 62c89e4032..0000000000
--- a/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/components/PoliciesTable/index.js
+++ /dev/null
@@ -1,344 +0,0 @@
-/*
- * Copyright (c) 2020, Entgra (pvt) Ltd. (http://entgra.io) All Rights Reserved.
- *
- * Entgra (pvt) Ltd. licenses this file to you under the Apache License,
- * Version 2.0 (the "License"); you may not use this file except
- * in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-import React from 'react';
-import axios from 'axios';
-import { message, notification, Table } from 'antd';
-import TimeAgo from 'javascript-time-ago';
-
-// Load locale-specific relative date/time formatting rules.
-import en from 'javascript-time-ago/locale/en';
-import { withConfigContext } from '../../../../../../components/ConfigContext';
-import PolicyAction from './component/PolicyAction';
-import PolicyBulkActionBar from './component/PolicyBulkActionBar';
-
-let apiUrl;
-
-class PoliciesTable extends React.Component {
- constructor(props) {
- super(props);
- TimeAgo.addLocale(en);
- this.config = this.props.context;
- this.state = {
- data: [],
- pagination: {},
- loading: false,
- selectedRows: [],
- };
- }
-
- rowSelection = {
- onChange: (selectedRowKeys, selectedRows) => {
- this.setState({
- selectedRows: selectedRows,
- });
- },
- };
-
- componentDidMount() {
- this.fetchGroups();
- }
-
- // fetch data from api
- fetchGroups = (params = {}) => {
- const config = this.props.context;
- this.setState({ loading: true });
-
- // get current page
- const currentPage = params.hasOwnProperty('page') ? params.page : 1;
-
- const extraParams = {
- offset: 10 * (currentPage - 1), // calculate the offset
- limit: 10,
- };
-
- const encodedExtraParams = Object.keys(extraParams)
- .map(key => key + '=' + extraParams[key])
- .join('&');
-
- apiUrl =
- window.location.origin +
- config.serverConfig.invoker.uri +
- config.serverConfig.invoker.deviceMgt +
- '/policies?' +
- encodedExtraParams;
-
- // send request to the invokerss
- axios
- .get(apiUrl)
- .then(res => {
- if (res.status === 200) {
- const pagination = { ...this.state.pagination };
- this.setState({
- loading: false,
- data: res.data.data.policies,
- pagination,
- });
- }
- })
- .catch(error => {
- if (error.hasOwnProperty('response') && error.response.status === 401) {
- // todo display a popop with error
- message.error('You are not logged in');
- window.location.href = window.location.origin + '/entgra/login';
- } else {
- notification.error({
- message: 'There was a problem',
- duration: 0,
- description: 'Error occurred while trying to load policies.',
- });
- }
-
- this.setState({ loading: false });
- });
- };
-
- handleTableChange = (pagination, filters, sorter) => {
- const pager = { ...this.state.pagination };
- pager.current = pagination.current;
- this.setState({
- pagination: pager,
- });
- this.fetch({
- results: pagination.pageSize,
- page: pagination.current,
- sortField: sorter.field,
- sortOrder: sorter.order,
- ...filters,
- });
- };
-
- unpublishPolicy = () => {
- const policyIDs = this.state.selectedRows.map(obj => obj.id);
- // send request to the invoker
- axios
- .post(
- window.location.origin +
- this.config.serverConfig.invoker.uri +
- this.config.serverConfig.invoker.deviceMgt +
- '/policies/deactivate-policy',
- policyIDs,
- { headers: { 'Content-Type': 'application/json' } },
- )
- .then(res => {
- if (res.status === 200) {
- this.fetchGroups();
- notification.success({
- message: 'Done',
- duration: 4,
- description: 'Selected policy(s) was successfully unpublished',
- });
- }
- })
- .catch(error => {
- if (error.hasOwnProperty('response') && error.response.status === 401) {
- // todo display a popop with error
- message.error('You are not logged in');
- window.location.href = window.location.origin + '/entgra/login';
- } else {
- notification.error({
- message: 'There was a problem',
- duration: 0,
- description: 'Error occurred while trying to unpublish policy(s).',
- });
- }
- });
- };
-
- publishPolicy = () => {
- const policyIDs = this.state.selectedRows.map(obj => obj.id);
- // send request to the invoker
- axios
- .post(
- window.location.origin +
- this.config.serverConfig.invoker.uri +
- this.config.serverConfig.invoker.deviceMgt +
- '/policies/activate-policy',
- policyIDs,
- { headers: { 'Content-Type': 'application/json' } },
- )
- .then(res => {
- if (res.status === 200) {
- this.fetchGroups();
- notification.success({
- message: 'Done',
- duration: 4,
- description: 'Selected policy(s) was successfully unpublished',
- });
- }
- })
- .catch(error => {
- if (error.hasOwnProperty('response') && error.response.status === 401) {
- // todo display a popop with error
- message.error('You are not logged in');
- window.location.href = window.location.origin + '/entgra/login';
- } else {
- notification.error({
- message: 'There was a problem',
- duration: 0,
- description: 'Error occurred while trying to unpublish policy(s).',
- });
- }
- });
- };
-
- removePolicy = () => {
- const policyIDs = this.state.selectedRows.map(obj => obj.id);
- // send request to the invoker
- axios
- .post(
- window.location.origin +
- this.config.serverConfig.invoker.uri +
- this.config.serverConfig.invoker.deviceMgt +
- '/policies/remove-policy',
- policyIDs,
- { headers: { 'Content-Type': 'application/json' } },
- )
- .then(res => {
- if (res.status === 200) {
- this.fetchGroups();
- notification.success({
- message: 'Done',
- duration: 4,
- description: 'Selected policy(s) was successfully removed.',
- });
- }
- })
- .catch(error => {
- if (error.hasOwnProperty('response') && error.response.status === 401) {
- // todo display a popop with error
- message.error('You are not logged in');
- window.location.href = window.location.origin + '/entgra/login';
- } else {
- notification.error({
- message: 'There was a problem',
- duration: 0,
- description: 'Error occurred while trying to remove policy(s).',
- });
- }
- });
- };
-
- applyChanges = () => {
- // send request to the invoker
- axios
- .put(
- window.location.origin +
- this.config.serverConfig.invoker.uri +
- this.config.serverConfig.invoker.deviceMgt +
- '/policies/apply-changes',
- 'null',
- { headers: { 'Content-Type': 'application/json' } },
- )
- .then(res => {
- if (res.status === 200) {
- this.fetchGroups();
- notification.success({
- message: 'Done',
- duration: 4,
- description: 'Changes applied successfully.',
- });
- }
- })
- .catch(error => {
- if (error.hasOwnProperty('response') && error.response.status === 401) {
- // todo display a popop with error
- message.error('You are not logged in');
- window.location.href = window.location.origin + '/entgra/login';
- } else {
- notification.error({
- message: 'There was a problem',
- duration: 0,
- description:
- 'Error occurred while trying to apply changes to device.',
- });
- }
- });
- };
-
- render() {
- const { data, pagination, loading, selectedRows } = this.state;
- const columns = [
- {
- title: 'Policy Name',
- dataIndex: 'policyName',
- width: 100,
- },
- {
- title: 'Description',
- dataIndex: 'description',
- key: 'description',
- // render: enrolmentInfo => enrolmentInfo.owner
- // todo add filtering options
- },
- {
- title: 'Compilance',
- dataIndex: 'compliance',
- key: 'compliance',
- // render: enrolmentInfo => enrolmentInfo.ownership
- // todo add filtering options
- },
- {
- title: 'Policy Type',
- dataIndex: 'policyType',
- key: 'policyType',
- // render: enrolmentInfo => enrolmentInfo.ownership
- // todo add filtering options
- },
- {
- title: 'Action',
- dataIndex: 'id',
- key: 'action',
- render: (id, row) => (
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- record.id}
- dataSource={data}
- pagination={{
- ...pagination,
- size: 'small',
- // position: "top",
- showTotal: (total, range) =>
- `showing ${range[0]}-${range[1]} of ${total} groups`,
- // showQuickJumper: true
- }}
- loading={loading}
- onChange={this.handleTableChange}
- rowSelection={this.rowSelection}
- />
-
- );
- }
-}
-
-export default withConfigContext(PoliciesTable);
diff --git a/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/components/PolicyProfile/component/PolicyInfo/index.js b/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/components/PolicyProfile/component/PolicyInfo/index.js
deleted file mode 100644
index be10903697..0000000000
--- a/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/components/PolicyProfile/component/PolicyInfo/index.js
+++ /dev/null
@@ -1,831 +0,0 @@
-/*
- * Copyright (c) 2020, Entgra (pvt) Ltd. (http://entgra.io) All Rights Reserved.
- *
- * Entgra (pvt) Ltd. licenses this file to you under the Apache License,
- * Version 2.0 (the "License"); you may not use this file except
- * in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-import React from 'react';
-import {
- Alert,
- Button,
- Checkbox,
- Col,
- Collapse,
- Form,
- Icon,
- Input,
- Popconfirm,
- Radio,
- Row,
- Select,
- Table,
- Tabs,
- Tooltip,
- Typography,
- Upload,
-} from 'antd';
-import { withConfigContext } from '../../../../../../../../components/ConfigContext';
-import moment from 'moment';
-
-const { Text, Title, Paragraph } = Typography;
-const { TabPane } = Tabs;
-const { Option } = Select;
-const { TextArea } = Input;
-
-const subPanelpayloadAttributes = {};
-const fieldKeys = [];
-let subFormContainer = {};
-let radioSubPanelSwitches = [];
-let radioPanelStatusList = {};
-
-class PolicyInfo extends React.Component {
- constructor(props) {
- super(props);
- this.config = this.props.context;
- this.state = {
- data: {},
- policyFeatureList: [],
- activePanelKeys: [],
- activeSubPanelKeys: [],
- profilePreviewKey: '',
- customInputDataArray: [],
- inputTableDataSources: {},
- isInfoPreview: false,
- subPanelRadio: {},
- };
- }
-
- setProfileInfo = e => {
- let activePolicies = [];
- let activePolicyFields = {};
- let activeSubPanels = [];
- let subPanelRadio = this.state.subPanelRadio;
- this.setState({
- subPanelRadio: radioPanelStatusList,
- });
- const allFields = this.props.form.getFieldsValue();
- this.props.policyFeatureList.map(element => {
- activePolicies.push(element.featureCode);
- let featureData = JSON.parse(element.content);
- Object.keys(featureData).map(key => {
- if (element.featureCode in subPanelpayloadAttributes) {
- Object.entries(subPanelpayloadAttributes[element.featureCode]).map(
- ([panelKey, payloadAttr]) => {
- if (key === payloadAttr) {
- activeSubPanels.push(`${element.featureCode}-${panelKey}`);
- }
- },
- );
-
- let regex = new RegExp(`${element.featureCode}.+${key}`, 'g');
- Object.keys(allFields).map(fieldName => {
- if (fieldName.match(regex) != null) {
- activePolicyFields[fieldName] = featureData[key];
- }
- });
- } else if (element.featureCode in subFormContainer) {
- let regex = new RegExp(`.+${element.featureCode}-${key}`, 'g');
- Object.keys(allFields).map(fieldName => {
- if (fieldName.match(regex) != null) {
- activePolicyFields[fieldName] = featureData[key];
- if (
- !activePolicies.includes(
- fieldName.replace(`-${element.featureCode}-${key}`, ''),
- )
- ) {
- activePolicies.push(
- fieldName.replace(`-${element.featureCode}-${key}`, ''),
- );
- }
- }
- });
- } else {
- let regex = new RegExp(`${element.featureCode}.+${key}`, 'g');
- Object.keys(allFields).map(fieldName => {
- if (fieldName.match(regex) != null) {
- activePolicyFields[fieldName] = featureData[key];
- }
- if (
- radioSubPanelSwitches.includes(
- `${element.featureCode}-${featureData[key]}`,
- )
- ) {
- let subPanelViewStatus = {
- [featureData[key]]: true,
- };
- Object.assign(subPanelRadio, subPanelViewStatus);
- }
- });
- }
- });
- });
- this.props.form.setFieldsValue(activePolicyFields);
- this.setState({
- activePanelKeys: activePolicies,
- activeSubPanelKeys: activeSubPanels,
- subPanelRadio,
- });
- };
-
- // convert time from 24h format to 12h format
- timeConverter = time => {
- time = time
- .toString()
- .match(/^([01]\d|2[0-3])(:)([0-5]\d)(:[0-5]\d)?$/) || [time];
- if (time.length > 1) {
- time = time.slice(1);
- time[5] = +time[0] < 12 ? ' AM' : ' PM';
- time[0] = +time[0] % 12 || 12;
- }
- return time.join('');
- };
-
- // get Option value from start Time, end Time and time difference between 2 values
- getOptionForTimeSelectors = (startTimeValue, endTimeValue, timeIncrement) => {
- let timeOptions = [];
- let time = new Date(
- moment()
- .startOf('day')
- .format('YYYY/MM/DD'),
- );
- let tempValue = startTimeValue;
- time.setMinutes(time.getMinutes() + tempValue);
- let startOption = (
-
- );
- timeOptions.push(startOption);
-
- while (tempValue !== endTimeValue) {
- time = new Date(
- moment()
- .startOf('day')
- .format('YYYY/MM/DD'),
- );
- tempValue += timeIncrement;
- if (tempValue > 1440) {
- tempValue = 0;
- continue;
- }
- time.setMinutes(time.getMinutes() + tempValue);
- let option = (
-
- );
- timeOptions.push(option);
- }
- return timeOptions;
- };
-
- // handle items which handle from radio buttons
- handleRadioPanel = (e, subPanel) => {
- {
- subPanel.map((panel, i) => {
- if (panel.value === e.target.value) {
- document.getElementById(panel.value).style.display = 'block';
- } else {
- document.getElementById(panel.value).style.display = 'none';
- }
- });
- }
- };
-
- // handle items which handle from select options
- handleSelectedPanel = (e, subPanel) => {
- {
- subPanel.map((panel, i) => {
- if (panel.id === e) {
- document.getElementById(panel.id).style.display = 'block';
- } else {
- document.getElementById(panel.id).style.display = 'none';
- }
- });
- }
- };
-
- getColumns = ({ getFieldDecorator }, arr) => {
- const columnArray = [];
- const actionColumn = [
- {
- title: '',
- dataIndex: 'operation',
- render: (name, row) => (
-
- {this.renderTreeNodes(item.nodeList)}
-
- );
- }
- return
- {this.renderTreeNodes(item.nodeList)}
-
- );
- }
- return
-
-
- );
- default:
- return null;
- }
- });
- };
-
- onPreview = e => {
- this.setProfileInfo();
- this.setState({
- profilePreviewKey: 'profileInfo',
- isInfoPreview: true,
- });
- };
-
- onCancelPreview = e => {
- this.setState({
- profilePreviewKey: 'profileInfo',
- isInfoPreview: false,
- });
- };
-
- render() {
- const { policyUIConfigurationsList } = this.props;
- const { getFieldDecorator } = this.props.form;
- return (
-
-
- Profile Information
-
-
-
-
-
-
-
-
- );
- }
-}
-
-export default withConfigContext(Form.create()(PolicyInfo));
diff --git a/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/components/PolicyProfile/component/ProfileOverview/index.js b/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/components/PolicyProfile/component/ProfileOverview/index.js
deleted file mode 100644
index 798fc84c0f..0000000000
--- a/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/components/PolicyProfile/component/ProfileOverview/index.js
+++ /dev/null
@@ -1,131 +0,0 @@
-/*
- * Copyright (c) 2020, Entgra (pvt) Ltd. (http://entgra.io) All Rights Reserved.
- *
- * Entgra (pvt) Ltd. licenses this file to you under the Apache License,
- * Version 2.0 (the "License"); you may not use this file except
- * in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-import React from 'react';
-import { Card, Col, Icon, Row, Typography } from 'antd';
-import { withConfigContext } from '../../../../../../../../components/ConfigContext';
-const { Title, Text } = Typography;
-
-class ProfileOverview extends React.Component {
- constructor(props) {
- super(props);
- this.config = this.props.context;
- this.state = {
- data: {},
- };
- }
-
- render() {
- const { policyData } = this.props;
- return (
-
-
- {policyUIConfigurationsList.map((element, i) => {
- return (
- {element.name}} key={i}>
- {Object.values(element.panels).map((panel, j) => {
- panel = panel.panel;
- return (
-
- );
- })}
-
- );
- })}
-
-
-
-
-
- {panel.title}
-
-
- {panel.description}
-
- }
- >
- {panel.hasOwnProperty('panelItem') && (
-
-
-
- )}
- {panel.hasOwnProperty('subFormLists') && (
-
- {Object.values(panel.subFormLists).map(
- (form, i) => {
- subFormContainer[`${form.id}`] =
- panel.panelId;
- return (
-
- );
- },
- )}
-
- )}
-
-
-
-
- );
- }
-}
-
-export default withConfigContext(ProfileOverview);
diff --git a/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/components/PolicyProfile/index.js b/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/components/PolicyProfile/index.js
deleted file mode 100644
index 29666f67e2..0000000000
--- a/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/components/PolicyProfile/index.js
+++ /dev/null
@@ -1,147 +0,0 @@
-/*
- * Copyright (c) 2020, Entgra (pvt) Ltd. (http://entgra.io) All Rights Reserved.
- *
- * Entgra (pvt) Ltd. licenses this file to you under the Apache License,
- * Version 2.0 (the "License"); you may not use this file except
- * in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-import React from 'react';
-import { Col, message, notification } from 'antd';
-import { withConfigContext } from '../../../../../../components/ConfigContext';
-import PolicyInfo from './component/PolicyInfo';
-import ProfileOverview from './component/ProfileOverview';
-import axios from 'axios';
-
-class PolicyProfile extends React.Component {
- constructor(props) {
- super(props);
- this.config = this.props.context;
- this.state = {
- policyId: this.props.policyId,
- policyData: null,
- policyUIConfigurationsList: [],
- policyFeatureList: [],
- };
- }
-
- componentDidMount() {
- this.getSelectedPolicy(this.props.policyId);
- }
-
- getSelectedPolicy = policyId => {
- let apiUrl =
- window.location.origin +
- this.config.serverConfig.invoker.uri +
- this.config.serverConfig.invoker.deviceMgt +
- '/policies/' +
- policyId;
-
- // send request to the invokers
- axios
- .get(apiUrl)
- .then(res => {
- if (res.status === 200) {
- this.setState({
- policyData: res.data.data,
- policyFeatureList: res.data.data.profile.profileFeaturesList,
- });
- this.getPolicyConfigJson(res.data.data.profile.deviceType);
- }
- })
- .catch(error => {
- if (error.hasOwnProperty('response') && error.response.status === 401) {
- // todo display a popop with error
- message.error('You are not logged in');
- window.location.href = window.location.origin + '/entgra/login';
- } else {
- notification.error({
- message: 'There was a problem',
- duration: 0,
- description: 'Error occurred while trying to load selected policy.',
- });
- }
- });
- };
-
- getPolicyConfigJson = type => {
- this.setState({ isLoading: true });
-
- let apiUrl =
- window.location.origin +
- this.config.serverConfig.invoker.uri +
- this.config.serverConfig.invoker.deviceMgt +
- '/device-types/' +
- type +
- '/ui-policy-configurations';
- // send request to the invokers
- axios
- .get(apiUrl)
- .then(res => {
- if (res.status === 200) {
- this.setState({
- isLoading: false,
- policyUIConfigurationsList: JSON.parse(res.data.data),
- });
- }
- })
- .catch(error => {
- if (error.hasOwnProperty('response') && error.response.status === 401) {
- // todo display a popop with error
- message.error('You are not logged in');
- window.location.href = window.location.origin + '/entgra/login';
- } else {
- notification.error({
- message: 'There was a problem',
- duration: 0,
- description: 'Error occurred while trying to load Policy details.',
- });
- }
- this.setState({ isLoading: false });
- });
- };
-
- render() {
- const {
- policyData,
- policyUIConfigurationsList,
- policyFeatureList,
- } = this.state;
- return (
-
-
-
-
-
- Policy Overview
-
-
-
- Platform
-
- {policyData.profile.deviceType.toUpperCase()}
-
-
-
-
- Groups
-
- {policyData.deviceGroups}
-
-
-
-
- Action upon non-compliance
-
- {policyData.compliance.toUpperCase()}
-
-
-
-
- Status
-
-
- {policyData.active ? (
-
-
-
-
-
-
- Assigned Roles
-
-
-
-
- Policy Type
-
- {policyData.policyType}
-
-
-
- -
-
-
-
-
- Description
-
-
- {policyData.description}
-
-
-
-
-
- */}
-
- );
- }
-}
-
-export default withConfigContext(PolicyProfile);
diff --git a/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/index.js b/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/index.js
deleted file mode 100644
index 94e12f8025..0000000000
--- a/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/index.js
+++ /dev/null
@@ -1,62 +0,0 @@
-/*
- * Copyright (c) 2020, Entgra (pvt) Ltd. (http://entgra.io) All Rights Reserved.
- *
- * Entgra (pvt) Ltd. licenses this file to you under the Apache License,
- * Version 2.0 (the "License"); you may not use this file except
- * in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-import React from 'react';
-import { PageHeader, Typography, Breadcrumb, Icon } from 'antd';
-import { Link } from 'react-router-dom';
-import PoliciesTable from './components/PoliciesTable';
-
-const { Paragraph } = Typography;
-
-class Policies extends React.Component {
- routes;
-
- constructor(props) {
- super(props);
- this.routes = props.routes;
- }
-
- render() {
- return (
-
- {policyData != null && (
-
-
- {policyData != null && (
-
-
-
-
-
-
-
-
- Policies
-
-
-
-
- );
- }
-}
-
-export default Policies;
diff --git a/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/scenes/AddNewPolicy/index.js b/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/scenes/AddNewPolicy/index.js
deleted file mode 100644
index bfaf976298..0000000000
--- a/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/scenes/AddNewPolicy/index.js
+++ /dev/null
@@ -1,62 +0,0 @@
-/*
- * Copyright (c) 2020, Entgra (pvt) Ltd. (http://entgra.io) All Rights Reserved.
- *
- * Entgra (pvt) Ltd. licenses this file to you under the Apache License,
- * Version 2.0 (the "License"); you may not use this file except
- * in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-import React from 'react';
-import { PageHeader, Typography, Breadcrumb, Icon } from 'antd';
-import { Link } from 'react-router-dom';
-import AddPolicy from '../../components/AddPolicy';
-
-const { Paragraph } = Typography;
-
-class AddNewPolicy extends React.Component {
- routes;
-
- constructor(props) {
- super(props);
- this.routes = props.routes;
- }
-
- render() {
- return (
-
- All policies for device management
-
- Policies
-
-
-
-
-
-
-
-
- Policies
-
-
-
-
- );
- }
-}
-
-export default AddNewPolicy;
diff --git a/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/scenes/EditSelectedPolicy/index.js b/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/scenes/EditSelectedPolicy/index.js
deleted file mode 100644
index ba2a94ed7a..0000000000
--- a/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/scenes/EditSelectedPolicy/index.js
+++ /dev/null
@@ -1,69 +0,0 @@
-/*
- * Copyright (c) 2020, Entgra (pvt) Ltd. (http://entgra.io) All Rights Reserved.
- *
- * Entgra (pvt) Ltd. licenses this file to you under the Apache License,
- * Version 2.0 (the "License"); you may not use this file except
- * in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-import React, { Component } from 'react';
-import { Breadcrumb, Icon, PageHeader } from 'antd';
-import { Link } from 'react-router-dom';
-import EditPolicy from '../../components/EditPolicy';
-import { withConfigContext } from '../../../../../../components/ConfigContext';
-class EditSelectedPolicy extends Component {
- routes;
-
- constructor(props) {
- super(props);
- this.routes = props.routes;
- this.config = this.props.context;
- this.state = {
- data: {},
- policyOverview: {},
- policyId: '',
- };
- }
-
- render() {
- const {
- match: { params },
- } = this.props;
-
- return (
-
- Create new policy on IoT Server.
-
- Policies
-
-
-
-
-
-
-
-
- Policies
-
-
-
-
- );
- }
-}
-export default withConfigContext(EditSelectedPolicy);
diff --git a/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/scenes/ViewPolicy/index.js b/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/scenes/ViewPolicy/index.js
deleted file mode 100644
index 74b98521eb..0000000000
--- a/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/scenes/ViewPolicy/index.js
+++ /dev/null
@@ -1,68 +0,0 @@
-/*
- * Copyright (c) 2020, Entgra (pvt) Ltd. (http://entgra.io) All Rights Reserved.
- *
- * Entgra (pvt) Ltd. licenses this file to you under the Apache License,
- * Version 2.0 (the "License"); you may not use this file except
- * in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-import React, { Component } from 'react';
-import { Breadcrumb, Icon, PageHeader } from 'antd';
-import { Link } from 'react-router-dom';
-import { withConfigContext } from '../../../../../../components/ConfigContext';
-import PolicyProfile from '../../components/PolicyProfile';
-class ViewPolicy extends Component {
- routes;
-
- constructor(props) {
- super(props);
- this.routes = props.routes;
- this.config = this.props.context;
- this.state = {
- data: {},
- policyOverview: {},
- policyId: '',
- };
- }
-
- render() {
- const {
- match: { params },
- } = this.props;
- return (
-
- {/* Create new policy on IoT Server. */}
-
- Policies
*/} - {/*
-
-
-
-
-
-
-
- Policies
-
-
-
-
- );
- }
-}
-export default withConfigContext(ViewPolicy);
diff --git a/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/styles.css b/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/styles.css
deleted file mode 100644
index 0290b03179..0000000000
--- a/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Policies/styles.css
+++ /dev/null
@@ -1,32 +0,0 @@
-/*
- * Copyright (c) 2020, Entgra (pvt) Ltd. (http://entgra.io) All Rights Reserved.
- *
- * Entgra (pvt) Ltd. licenses this file to you under the Apache License,
- * Version 2.0 (the "License"); you may not use this file except
- * in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-.tab-container > .ant-tabs > .ant-tabs-bar {
- border-color: #aaaaaa;
-}
-
-.tab-container > .ant-tabs > .ant-tabs-bar .ant-tabs-tab {
- height: 50px;
- margin: 0;
-}
-
-.tab-container > .ant-tabs > .ant-tabs-bar .ant-tabs-tab-active {
- border-color: transparent;
- background: #4b92db;
- color: #fff;
-}
diff --git a/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Roles/components/RolesTable/components/AddRole/index.js b/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Roles/components/RolesTable/components/AddRole/index.js
deleted file mode 100644
index d8770f81b1..0000000000
--- a/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Roles/components/RolesTable/components/AddRole/index.js
+++ /dev/null
@@ -1,410 +0,0 @@
-/*
- * Copyright (c) 2020, Entgra (pvt) Ltd. (http://entgra.io) All Rights Reserved.
- *
- * Entgra (pvt) Ltd. licenses this file to you under the Apache License,
- * Version 2.0 (the "License"); you may not use this file except
- * in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-import React from 'react';
-import {
- Button,
- Form,
- Input,
- message,
- Modal,
- notification,
- Select,
- Tree,
-} from 'antd';
-import { withConfigContext } from '../../../../../../../../components/ConfigContext';
-import axios from 'axios';
-
-const { Option } = Select;
-const { TreeNode } = Tree;
-
-class AddRole extends React.Component {
- constructor(props) {
- super(props);
- this.config = this.props.context;
- this.expandKeys = [];
- this.state = {
- isAddRoleModalVisible: false,
- isAddPermissionModalVisible: false,
- roleName: '',
- users: [],
- nodeList: [],
- expandedKeys: [],
- autoExpandParent: true,
- checkedKeys: [],
- isNodeList: false,
- };
- }
-
- openAddModal = () => {
- this.setState({
- isAddRoleModalVisible: true,
- });
- };
-
- onCancelHandler = e => {
- this.setState({
- isAddRoleModalVisible: false,
- isAddPermissionModalVisible: false,
- });
- };
-
- getCheckedPermissionsList = data => {
- data.forEach(item => {
- if (item !== null) {
- this.expandKeys.push(item.resourcePath);
- this.getCheckedPermissionsList(item.nodeList);
- } else {
- return null;
- }
- });
- };
-
- onAddRole = e => {
- this.props.form.validateFields((err, values) => {
- if (!err) {
- this.onConfirmAddRole(values);
- }
- console.log(values);
- });
- };
-
- onExpand = expandedKeys => {
- this.setState({
- expandedKeys,
- autoExpandParent: false,
- });
- };
-
- onCheck = checkedKeys => {
- this.setState({ checkedKeys });
- };
-
- onConfirmAddRole = value => {
- const roleData = {
- roleName: value.roleName,
- users: value.users,
- };
- this.setState({
- roleName: value.roleName,
- });
- axios
- .post(
- window.location.origin +
- this.config.serverConfig.invoker.uri +
- this.config.serverConfig.invoker.deviceMgt +
- '/roles',
- roleData,
- { headers: { 'Content-Type': 'application-json' } },
- )
- .then(res => {
- if (res.status === 201) {
- this.props.fetchUsers();
- this.setState({
- isAddRoleModalVisible: false,
- isAddPermissionModalVisible: true,
- });
- notification.success({
- message: 'Done',
- duration: 4,
- description: 'Successfully added the role.',
- });
- this.loadPermissionList();
- }
- })
- .catch(error => {
- if (error.hasOwnProperty('response') && error.response.status === 401) {
- // todo display a popop with error
- message.error('You are not logged in');
- window.location.href = window.location.origin + '/entgra/login';
- } else {
- notification.error({
- message: 'There was a problem',
- duration: 0,
- description: 'Error occurred while trying to add role.',
- });
- }
- });
- };
-
- renderTreeNodes = data => {
- return data.map(item => {
- if (item !== null) {
- if (item.hasOwnProperty('nodeList')) {
- return (
-
- {/* Create new policy on IoT Server. */}
-
- Policies
*/} - {/*
-
-
-
- );
- }
-}
-
-export default withConfigContext(Form.create({ name: 'add-role' })(AddRole));
diff --git a/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Roles/components/RolesTable/components/RoleAction/index.js b/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Roles/components/RolesTable/components/RoleAction/index.js
deleted file mode 100644
index ffc71b5b49..0000000000
--- a/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Roles/components/RolesTable/components/RoleAction/index.js
+++ /dev/null
@@ -1,507 +0,0 @@
-/*
- * Copyright (c) 2020, Entgra (pvt) Ltd. (http://entgra.io) All Rights Reserved.
- *
- * Entgra (pvt) Ltd. licenses this file to you under the Apache License,
- * Version 2.0 (the "License"); you may not use this file except
- * in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-import React from 'react';
-import {
- Button,
- Divider,
- Form,
- Icon,
- Input,
- message,
- Modal,
- notification,
- Popconfirm,
- Select,
- Tooltip,
- Tree,
- Typography,
-} from 'antd';
-import axios from 'axios';
-import { withConfigContext } from '../../../../../../../../components/ConfigContext';
-const { Option } = Select;
-const { Text } = Typography;
-const { TreeNode } = Tree;
-
-class RoleAction extends React.Component {
- constructor(props) {
- super(props);
- this.config = this.props.context;
- this.selected = [];
- this.expandKeys = [];
- this.state = {
- roleData: [],
- nodeList: [],
- isNodeList: false,
- users: [],
- isEditRoleModalVisible: false,
- isEditPermissionModalVisible: false,
- expandedKeys: [],
- autoExpandParent: true,
- checkedKeys: [],
- };
- }
-
- openEditRoleModal = () => {
- let apiUrl =
- window.location.origin +
- this.config.serverConfig.invoker.uri +
- this.config.serverConfig.invoker.deviceMgt +
- '/roles/' +
- this.props.data;
-
- axios
- .get(apiUrl)
- .then(res => {
- if (res.status === 200) {
- this.setState({
- roleData: res.data.data,
- isEditRoleModalVisible: true,
- });
- }
- })
- .catch(error => {
- if (error.hasOwnProperty('response') && error.response.status === 401) {
- // todo display a popop with error
- message.error('You are not logged in');
- window.location.href = window.location.origin + '/entgra/login';
- } else {
- notification.error({
- message: 'There was a problem',
- duration: 0,
- description: 'Error occurred while trying to load role.',
- });
- }
- });
- };
-
- openEditPermissionModal = () => {
- this.loadPermissionList();
- this.setState({
- isEditPermissionModalVisible: true,
- });
- };
-
- loadPermissionList = () => {
- let apiURL =
- window.location.origin +
- this.config.serverConfig.invoker.uri +
- this.config.serverConfig.invoker.deviceMgt +
- '/roles/' +
- this.props.data +
- '/permissions';
-
- axios
- .get(apiURL)
- .then(res => {
- if (res.status === 200) {
- this.getCheckedPermissions(res.data.data.nodeList);
- this.setState({
- nodeList: res.data.data.nodeList,
- isNodeList: true,
- checkedKeys: this.selected,
- expandedKeys: this.expandKeys,
- });
- }
- })
- .catch(error => {
- if (error.hasOwnProperty('response') && error.response.status === 401) {
- // todo display a popop with error
- message.error('You are not logged in');
- window.location.href = window.location.origin + '/entgra/login';
- } else {
- notification.error({
- message: 'There was a problem',
- duration: 0,
- description: 'Error occurred while trying to load permission.',
- });
- }
- });
- };
-
- getCheckedPermissions = data => {
- data.forEach(item => {
- if (item !== null) {
- this.expandKeys.push(item.resourcePath);
- if (item.isSelected) {
- this.selected.push(item.resourcePath);
- }
- this.getCheckedPermissions(item.nodeList);
- } else {
- return null;
- }
- });
- };
-
- onExpand = expandedKeys => {
- this.setState({
- expandedKeys,
- autoExpandParent: false,
- });
- };
-
- onCheck = checkedKeys => {
- this.setState({ checkedKeys });
- };
-
- renderTreeNodes = data => {
- return data.map(item => {
- if (item !== null) {
- if (item.hasOwnProperty('nodeList')) {
- return (
-
-
-
-
-
- Cancel
- ,
- ,
- ]}
- >
-
-
-
-
- Create new user on IoT Server.
- -
-
- Cancel
- ,
- ,
- ]}
- >
-
-
-
-
-
- {this.state.isNodeList && (
-
- {this.renderTreeNodes(this.state.nodeList)}
-
- )}
-
-
-
-
-
- );
- }
-}
-
-export default withConfigContext(
- Form.create({ name: 'role-actions' })(RoleAction),
-);
diff --git a/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Roles/components/RolesTable/index.js b/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Roles/components/RolesTable/index.js
deleted file mode 100644
index 1fe19a0d7c..0000000000
--- a/components/device-mgt/io.entgra.device.mgt.ui/react-app/src/scenes/Home/scenes/Roles/components/RolesTable/index.js
+++ /dev/null
@@ -1,266 +0,0 @@
-/*
- * Copyright (c) 2020, Entgra (pvt) Ltd. (http://entgra.io) All Rights Reserved.
- *
- * Entgra (pvt) Ltd. licenses this file to you under the Apache License,
- * Version 2.0 (the "License"); you may not use this file except
- * in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-import React from 'react';
-import axios from 'axios';
-import { Button, message, Modal, notification, Table, List } from 'antd';
-import TimeAgo from 'javascript-time-ago';
-// Load locale-specific relative date/time formatting rules.
-import en from 'javascript-time-ago/locale/en';
-import { withConfigContext } from '../../../../../../components/ConfigContext';
-import AddRole from './components/AddRole';
-import RoleAction from './components/RoleAction';
-import Filter from '../../../../components/Filter';
-
-const searchFields = [
- {
- name: 'filter',
- placeholder: 'Name',
- },
-];
-
-class RolesTable extends React.Component {
- constructor(props) {
- super(props);
- this.config = this.props.context;
- TimeAgo.addLocale(en);
- this.state = {
- data: [],
- pagination: {},
- loading: false,
- selectedRows: [],
- userData: [],
- users: [],
- isEditRoleModalVisible: false,
- isUserListModalVisible: false,
- };
- }
-
- rowSelection = {
- onChange: (selectedRowKeys, selectedRows) => {
- this.setState({
- selectedRows: selectedRows,
- });
- },
- };
-
- componentDidMount() {
- this.fetchUsers();
- }
-
- openUserListModal = event => {
- let apiUrl =
- window.location.origin +
- this.config.serverConfig.invoker.uri +
- this.config.serverConfig.invoker.deviceMgt +
- '/roles/' +
- event;
-
- // send request to the invokerss
- axios
- .get(apiUrl)
- .then(res => {
- if (res.status === 200) {
- this.setState({
- userData: res.data.data.users,
- isUserListModalVisible: true,
- });
- }
- })
- .catch(error => {
- if (error.hasOwnProperty('response') && error.response.status === 401) {
- // todo display a popop with error
- message.error('You are not logged in');
- window.location.href = window.location.origin + '/entgra/login';
- } else {
- notification.error({
- message: 'There was a problem',
- duration: 0,
- description: 'Error occurred while trying to load users.',
- });
- }
- });
- };
-
- handleOk = e => {
- this.setState({
- isUserListModalVisible: false,
- });
- };
-
- handleCancel = e => {
- this.setState({
- isUserListModalVisible: false,
- });
- };
-
- // fetch data from api
- fetchUsers = (params = {}, filters = {}) => {
- // const config = this.props.context;
- this.setState({ loading: true });
-
- // get current page
- const currentPage = params.hasOwnProperty('page') ? params.page : 1;
-
- const extraParams = {
- offset: 10 * (currentPage - 1), // calculate the offset
- limit: 10,
- ...filters,
- };
-
- const encodedExtraParams = Object.keys(extraParams)
- .map(key => key + '=' + extraParams[key])
- .join('&');
-
- let apiUrl =
- window.location.origin +
- this.config.serverConfig.invoker.uri +
- this.config.serverConfig.invoker.deviceMgt +
- '/roles?' +
- encodedExtraParams;
-
- // send request to the invokerss
- axios
- .get(apiUrl)
- .then(res => {
- if (res.status === 200) {
- const pagination = { ...this.state.pagination };
- this.setState({
- loading: false,
- data: res.data.data.roles,
- pagination,
- });
- }
- })
- .catch(error => {
- if (error.hasOwnProperty('response') && error.response.status === 401) {
- // todo display a popop with error
- message.error('You are not logged in');
- window.location.href = window.location.origin + '/entgra/login';
- } else {
- notification.error({
- message: 'There was a problem',
- duration: 0,
- description: 'Error occurred while trying to load users.',
- });
- }
-
- this.setState({ loading: false });
- });
- };
-
- handleTableChange = (pagination, filters, sorter) => {
- const pager = { ...this.state.pagination };
- pager.current = pagination.current;
- this.setState({
- pagination: pager,
- });
- this.fetch({
- results: pagination.pageSize,
- page: pagination.current,
- sortField: sorter.field,
- sortOrder: sorter.order,
- ...filters,
- });
- };
-
- render() {
- const { data, pagination, loading } = this.state;
- const columns = [
- {
- title: 'Role Name',
- dataIndex: '',
- key: 'role',
- width: '60%',
- },
- {
- title: 'View',
- dataIndex: '',
- key: 'users',
- render: (id, row) => (
-
- ),
- },
- {
- title: 'Action',
- dataIndex: 'id',
- key: 'action',
- render: (id, row) => (
-
-
-
- Cancel
- ,
- ,
- ]}
- >
-
-
-
-
- Create new user on IoT Server.
- -
-
- Cancel
- ,
- ,
- ]}
- bodyStyle={{
- overflowY: 'scroll',
- maxHeight: '500px',
- marginLeft: '10px',
- }}
- >
-
-
-
- {this.state.isNodeList && (
-
- {this.renderTreeNodes(this.state.nodeList)}
-
- )}
-
-
-
-
-
-
-
- record}
- dataSource={data}
- pagination={{
- ...pagination,
- size: 'small',
- // position: "top",
- showTotal: (total, range) =>
- `showing ${range[0]}-${range[1]} of ${total} groups`,
- // showQuickJumper: true
- }}
- loading={loading}
- onChange={this.handleTableChange}
- rowSelection={this.rowSelection}
- />
-
-