-
-
-
-
-
-
-
-
- 
-
- }
- placement="left"
- closable={false}
- onClose={this.onCloseMobileNavigationBar}
- visible={this.state.visible}
- getContainer={false}
- style={{ position: 'absolute' }}
- >
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- );
- }
-}
-
-export default withConfigContext(Dashboard);
diff --git a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/AddNewApp/components/AddNewAppForm/components/NewAppDetailsForm/index.js b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/AddNewApp/components/AddNewAppForm/components/NewAppDetailsForm/index.js
deleted file mode 100644
index c1bfc1f5c0..0000000000
--- a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/AddNewApp/components/AddNewAppForm/components/NewAppDetailsForm/index.js
+++ /dev/null
@@ -1,554 +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 } from '@ant-design/compatible';
-import '@ant-design/compatible/assets/index.css';
-import { Alert, Button, Col, Input, Row, Select, Spin } from 'antd';
-import axios from 'axios';
-import { withConfigContext } from '../../../../../../../../components/ConfigContext';
-import { handleApiError } from '../../../../../../../../services/utils/errorHandler';
-import debounce from 'lodash.debounce';
-import Authorized from '../../../../../../../../components/Authorized/Authorized';
-
-const formItemLayout = {
- labelCol: {
- xs: { span: 24 },
- sm: { span: 5 },
- },
- wrapperCol: {
- xs: { span: 24 },
- sm: { span: 19 },
- },
-};
-const { Option } = Select;
-const { TextArea } = Input;
-
-class NewAppDetailsForm extends React.Component {
- constructor(props) {
- super(props);
- this.state = {
- categories: [],
- tags: [],
- deviceTypes: [],
- selectedValue: null,
- fetching: false,
- roleSearchValue: [],
- unrestrictedRoles: [],
- };
- this.lastFetchId = 0;
- this.fetchRoles = debounce(this.fetchRoles, 800);
- }
-
- handleSubmit = e => {
- e.preventDefault();
- const { formConfig } = this.props;
-
- this.props.form.validateFields((err, values) => {
- if (!err) {
- this.setState({
- loading: true,
- });
- const {
- name,
- description,
- categories,
- tags,
- unrestrictedRoles,
- } = values;
- const unrestrictedRolesData = [];
- unrestrictedRoles.map(val => {
- unrestrictedRolesData.push(val.key);
- });
- const application = {
- name,
- description,
- categories,
- tags,
- unrestrictedRoles: unrestrictedRolesData,
- };
-
- if (formConfig.installationType !== 'WEB_CLIP') {
- application.deviceType = values.deviceType;
- } else {
- application.type = 'WEB_CLIP';
- application.deviceType = 'ALL';
- }
- this.validateAppName(name, application.deviceType, application);
- }
- });
- };
-
- validateAppName = (name, deviceType, application) => {
- const config = this.props.context;
- axios
- .get(
- window.location.origin +
- config.serverConfig.invoker.uri +
- config.serverConfig.invoker.publisher +
- `/applications/device-type/${deviceType}/app-name/${name}`,
- )
- .then(res => {
- if (res.status === 200) {
- this.props.onSuccessApplicationData(application);
- }
- })
- .catch(error => {
- if (error.hasOwnProperty('response') && error.response.status === 403) {
- this.setState({
- loading: false,
- });
- } else if (
- error.hasOwnProperty('response') &&
- error.response.status === 409
- ) {
- this.props.form.setFields({
- name: {
- value: name,
- errors: [
- new Error('App name already exists, Please try another'),
- ],
- },
- });
- } else {
- handleApiError(
- error,
- 'Error occurred while trying to validate app name.',
- true,
- );
- }
- });
- };
-
- componentDidMount() {
- this.getCategories();
- this.getTags();
- this.getDeviceTypes();
- }
-
- getCategories = () => {
- const config = this.props.context;
- axios
- .get(
- window.location.origin +
- config.serverConfig.invoker.uri +
- config.serverConfig.invoker.publisher +
- '/applications/categories',
- )
- .then(res => {
- if (res.status === 200) {
- let categories = JSON.parse(res.data.data);
- this.setState({
- categories: categories,
- loading: false,
- });
- }
- })
- .catch(error => {
- handleApiError(
- error,
- 'Error occurred while trying to load categories.',
- true,
- );
- this.setState({
- loading: false,
- });
- });
- };
-
- getTags = () => {
- const config = this.props.context;
- axios
- .get(
- window.location.origin +
- config.serverConfig.invoker.uri +
- config.serverConfig.invoker.publisher +
- '/applications/tags',
- )
- .then(res => {
- if (res.status === 200) {
- let tags = JSON.parse(res.data.data);
- this.setState({
- tags: tags,
- loading: false,
- });
- }
- })
- .catch(error => {
- handleApiError(
- error,
- 'Error occurred while trying to load tags.',
- true,
- );
- this.setState({
- loading: false,
- });
- });
- };
-
- getDeviceTypes = () => {
- const config = this.props.context;
- const { formConfig } = this.props;
- const { installationType } = formConfig;
-
- axios
- .get(
- window.location.origin +
- config.serverConfig.invoker.uri +
- config.serverConfig.invoker.deviceMgt +
- '/device-types',
- )
- .then(res => {
- if (res.status === 200) {
- const allDeviceTypes = JSON.parse(res.data.data);
- const mobileDeviceTypes = config.deviceTypes.mobileTypes;
- const allowedDeviceTypes = [];
-
- // exclude mobile device types if installation type is custom
- if (installationType === 'CUSTOM') {
- allDeviceTypes.forEach(deviceType => {
- if (!mobileDeviceTypes.includes(deviceType.name)) {
- allowedDeviceTypes.push(deviceType);
- }
- });
- } else {
- allDeviceTypes.forEach(deviceType => {
- if (mobileDeviceTypes.includes(deviceType.name)) {
- allowedDeviceTypes.push(deviceType);
- }
- });
- }
-
- this.setState({
- deviceTypes: allowedDeviceTypes,
- loading: false,
- });
- }
- })
- .catch(error => {
- handleApiError(
- error,
- 'Error occurred while trying to load device types.',
- true,
- );
- if (error.hasOwnProperty('response') && error.response.status === 403) {
- const { forbiddenErrors } = this.state;
- forbiddenErrors.deviceTypes = true;
- this.setState({
- forbiddenErrors,
- loading: false,
- });
- } else {
- this.setState({
- loading: false,
- });
- }
- });
- };
-
- fetchRoles = value => {
- const config = this.props.context;
- this.lastFetchId += 1;
- const fetchId = this.lastFetchId;
- this.setState({ data: [], fetching: true });
-
- axios
- .get(
- window.location.origin +
- config.serverConfig.invoker.uri +
- config.serverConfig.invoker.deviceMgt +
- '/roles?filter=' +
- value,
- )
- .then(res => {
- if (res.status === 200) {
- if (fetchId !== this.lastFetchId) {
- // for fetch callback order
- return;
- }
-
- const data = res.data.data.roles.map(role => ({
- text: role,
- value: role,
- }));
-
- this.setState({
- unrestrictedRoles: data,
- fetching: false,
- });
- }
- })
- .catch(error => {
- handleApiError(
- error,
- 'Error occurred while trying to load roles.',
- true,
- );
- this.setState({
- fetching: false,
- });
- });
- };
-
- handleRoleSearch = roleSearchValue => {
- this.setState({
- roleSearchValue,
- unrestrictedRoles: [],
- fetching: false,
- });
- };
-
- // Event handler for selecting the device type
- handleSelect = event => {
- this.setState({
- selectedValue: event,
- });
- if (this.props.selectedValueHandler) {
- this.props.selectedValueHandler(event);
- }
- };
-
- // Event handler for selecting the windows app type
- handleSelectForAppType = event => {
- if (this.props.selectedAppTypeHandler) {
- this.props.selectedAppTypeHandler(event);
- }
- };
-
- render() {
- const config = this.props.context;
- // Windows installation app types
- const appTypes = config.windowsDeviceType.appType;
- const { formConfig } = this.props;
- const {
- categories,
- tags,
- deviceTypes,
- selectedValue,
- fetching,
- unrestrictedRoles,
- } = this.state;
- const { getFieldDecorator } = this.props.form;
-
- return (
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- );
- }
-}
-
-export default withConfigContext(
- Form.create({ name: 'app-details-form' })(NewAppDetailsForm),
-);
diff --git a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/AddNewApp/components/AddNewAppForm/components/NewAppUploadForm/index.js b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/AddNewApp/components/AddNewAppForm/components/NewAppUploadForm/index.js
deleted file mode 100644
index eb918dc423..0000000000
--- a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/AddNewApp/components/AddNewAppForm/components/NewAppUploadForm/index.js
+++ /dev/null
@@ -1,926 +0,0 @@
-/*
- * Copyright (c) 2019, 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 { MinusOutlined, PlusOutlined, UploadOutlined } from '@ant-design/icons';
-import { Form } from '@ant-design/compatible';
-import '@ant-design/compatible/assets/index.css';
-import {
- Button,
- Col,
- Input,
- Row,
- Select,
- Upload,
- Typography,
- Modal,
- Alert,
-} from 'antd';
-import '@babel/polyfill';
-import Authorized from '../../../../../../../../components/Authorized/Authorized';
-import { withConfigContext } from '../../../../../../../../components/ConfigContext';
-
-const { Text } = Typography;
-
-const formItemLayout = {
- labelCol: {
- xs: { span: 24 },
- sm: { span: 8 },
- },
- wrapperCol: {
- xs: { span: 24 },
- sm: { span: 16 },
- },
-};
-const { Option } = Select;
-const { TextArea } = Input;
-const InputGroup = Input.Group;
-
-function getBase64(file) {
- return new Promise((resolve, reject) => {
- const reader = new FileReader();
- reader.readAsDataURL(file);
- reader.onload = () => resolve(reader.result);
- reader.onerror = error => reject(error);
- });
-}
-
-// function for access the full name of the binary file using the installation path
-function extractBinaryFileName(installationPath) {
- let UploadedBinaryName = installationPath.split('/');
- return UploadedBinaryName[UploadedBinaryName.length - 1];
-}
-
-class NewAppUploadForm extends React.Component {
- constructor(props) {
- super(props);
- this.state = {
- icons: [],
- screenshots: [],
- loading: false,
- binaryFiles: [],
- application: null,
- isFree: true,
- previewVisible: false,
- previewImage: '',
- binaryFileHelperText: '',
- iconHelperText: '',
- screenshotHelperText: '',
- osVersionsHelperText: '',
- osVersionsValidateStatus: 'validating',
- metaData: [],
- appType: null,
- };
- this.lowerOsVersion = null;
- this.upperOsVersion = null;
- }
-
- normFile = e => {
- if (Array.isArray(e)) {
- return e;
- }
- return e && e.fileList;
- };
-
- handleSubmit = e => {
- e.preventDefault();
- const { formConfig } = this.props;
- const { specificElements } = formConfig;
- let windowsAppTypeMetaArray = [];
- let metaValue = [];
-
- this.props.form.validateFields((err, values) => {
- if (!err) {
- this.setState({
- loading: true,
- });
- const {
- binaryFile,
- icon,
- screenshots,
- releaseDescription,
- releaseType,
- } = values;
-
- /**
- * To save the metaData value that receive from
- * metaData UI In an windows app type creation
- */
- if (
- ((this.props.formConfig.installationType === 'ENTERPRISE' &&
- this.props.selectedValue === 'windows') ||
- this.props.deviceType === 'windows') &&
- this.state.metaData.length !== 0
- ) {
- metaValue = [...this.state.metaData];
- }
-
- // add release data
- const release = {
- description: releaseDescription,
- price: 0,
- isSharedWithAllTenants: false,
- metaData: JSON.stringify(this.state.metaData),
- releaseType: releaseType,
- };
-
- const data = new FormData();
- const config = this.props.context;
- // Accessing the Meta Key value for windows device type from the config.json file
- const metaKeyValues =
- config.windowsAppxMsiKeyValueForMetaData.metaKeyArray;
-
- /*
- Setting up the app type specific values to the
- metaData state field and Setting up the version
- and the packageName for windows type
- */
- if (
- (this.props.formConfig.installationType === 'ENTERPRISE' &&
- this.props.selectedValue === 'windows') ||
- this.props.deviceType === 'windows'
- ) {
- // Setting up the version and packageName
- release.version = values.version;
- release.packageName = values.packageName;
- // setting the metaData value for appx type
- if (
- this.props.selectedAppType === 'appx' ||
- this.state.appType === 'appx'
- ) {
- windowsAppTypeMetaArray = [
- {
- key: metaKeyValues[0],
- value: values.packageUrl,
- },
- {
- key: metaKeyValues[1],
- value: values.dependencyPackageUrl,
- },
- {
- key: metaKeyValues[2],
- value: values.certificateHash,
- },
- {
- key: metaKeyValues[3],
- value: values.encodedCertContent,
- },
- {
- key: metaKeyValues[4],
- value: values.packageName,
- },
- ];
- windowsAppTypeMetaArray = [
- ...windowsAppTypeMetaArray,
- ...metaValue,
- ];
- } else if (
- this.props.selectedAppType === 'msi' ||
- this.state.appType === 'msi'
- ) {
- windowsAppTypeMetaArray = [
- {
- key: metaKeyValues[5],
- value: values.productId,
- },
- {
- key: metaKeyValues[6],
- value: values.contentUri,
- },
- {
- key: metaKeyValues[7],
- value: values.fileHash,
- },
- ];
- windowsAppTypeMetaArray = [
- ...windowsAppTypeMetaArray,
- ...metaValue,
- ];
- }
- this.setState(
- {
- metaData: windowsAppTypeMetaArray,
- },
- () => {
- release.metaData = JSON.stringify(this.state.metaData);
- this.props.onSuccessReleaseData({ data, release });
- },
- );
- }
-
- if (specificElements.hasOwnProperty('version')) {
- release.version = values.version;
- }
- if (specificElements.hasOwnProperty('url')) {
- release.url = values.url;
- }
- if (specificElements.hasOwnProperty('packageName')) {
- release.packageName = values.packageName;
- }
-
- let isFormValid = true; // flag to check if this form is valid
-
- if (
- formConfig.installationType !== 'WEB_CLIP' &&
- formConfig.installationType !== 'CUSTOM'
- ) {
- if (this.lowerOsVersion == null || this.upperOsVersion == null) {
- isFormValid = false;
- this.setState({
- osVersionsHelperText: 'Please select supported OS versions',
- osVersionsValidateStatus: 'error',
- });
- } else if (
- parseFloat(this.lowerOsVersion) >= parseFloat(this.upperOsVersion)
- ) {
- isFormValid = false;
- this.setState({
- osVersionsHelperText: 'Please select valid range',
- osVersionsValidateStatus: 'error',
- });
- } else {
- release.supportedOsVersions = `${this.lowerOsVersion}-${this.upperOsVersion}`;
- }
- }
-
- if (
- specificElements.hasOwnProperty('binaryFile') &&
- this.state.binaryFiles.length !== 1
- ) {
- isFormValid = false;
- this.setState({
- binaryFileHelperText: 'Please select the application',
- });
- }
- if (this.state.icons.length !== 1) {
- isFormValid = false;
- this.setState({
- iconHelperText: 'Please select an icon',
- });
- }
- if (this.state.screenshots.length !== 3) {
- isFormValid = false;
- this.setState({
- screenshotHelperText: 'Please select 3 screenshots',
- });
- }
- if (this.state.screenshots.length !== 3) {
- isFormValid = false;
- this.setState({
- screenshotHelperText: 'Please select 3 screenshots',
- });
- }
- if (isFormValid) {
- data.append('icon', icon[0].originFileObj);
- data.append('screenshot1', screenshots[0].originFileObj);
- data.append('screenshot2', screenshots[1].originFileObj);
- data.append('screenshot3', screenshots[2].originFileObj);
- if (specificElements.hasOwnProperty('binaryFile')) {
- data.append('binaryFile', binaryFile[0].originFileObj);
- }
- // Condition to check is it not an Enterprise windows app creation or release
- if (
- !(
- this.props.selectedValue === 'windows' &&
- this.props.formConfig.installationType === 'ENTERPRISE'
- ) &&
- this.props.deviceType !== 'windows'
- ) {
- this.props.onSuccessReleaseData({ data, release });
- }
- }
- }
- });
- };
-
- handleIconChange = ({ fileList }) => {
- if (fileList.length === 1) {
- this.setState({
- iconHelperText: '',
- });
- }
- this.setState({
- icons: fileList,
- });
- };
-
- handleBinaryFileChange = ({ fileList }) => {
- let validity = true;
- // To set the app type of windows by using the binary file in an new app release
- if (this.props.formConfig.isNewRelease && fileList.length !== 0) {
- let firstUploadedBinaryFileName = extractBinaryFileName(
- this.props.uploadedInstalltionAppType,
- );
- let FirstFileExtension = firstUploadedBinaryFileName.substr(
- firstUploadedBinaryFileName.lastIndexOf('.') + 1,
- );
- let LastFileExtension = fileList[0].name.substr(
- fileList[0].name.lastIndexOf('.') + 1,
- );
- if (FirstFileExtension !== LastFileExtension) {
- validity = false;
- } else if (LastFileExtension === 'msi' || LastFileExtension === 'appx') {
- this.setState({
- appType: LastFileExtension,
- });
- }
- }
-
- if (fileList.length === 1) {
- this.setState({
- binaryFileHelperText: '',
- });
- }
-
- if (validity) {
- this.setState({
- binaryFiles: fileList,
- });
- } else {
- this.setState({
- binaryFileHelperText: 'Upload Correct Binary File extension',
- });
- }
- };
-
- handleScreenshotChange = ({ fileList }) => {
- if (fileList.length === 3) {
- this.setState({
- screenshotHelperText: '',
- });
- }
- this.setState({
- screenshots: fileList,
- });
- };
-
- handlePreviewCancel = () => this.setState({ previewVisible: false });
- handlePreview = async file => {
- if (!file.url && !file.preview) {
- file.preview = await getBase64(file.originFileObj);
- }
-
- this.setState({
- previewImage: file.url || file.preview,
- previewVisible: true,
- });
- };
-
- addNewMetaData = () => {
- this.setState({
- metaData: this.state.metaData.concat({ key: '', value: '' }),
- });
- };
-
- handleLowerOsVersionChange = lowerOsVersion => {
- this.lowerOsVersion = lowerOsVersion;
- this.setState({
- osVersionsValidateStatus: 'validating',
- osVersionsHelperText: '',
- });
- };
-
- handleUpperOsVersionChange = upperOsVersion => {
- if (upperOsVersion === 'all') {
- this.upperOsVersion = this.props.supportedOsVersions[
- this.props.supportedOsVersions.length - 1
- ].versionName;
- } else {
- this.upperOsVersion = upperOsVersion;
- }
- this.setState({
- osVersionsValidateStatus: 'validating',
- osVersionsHelperText: '',
- });
- };
-
- render() {
- const { formConfig, supportedOsVersions } = this.props;
- const { getFieldDecorator } = this.props.form;
- const config = this.props.context;
- const {
- icons,
- screenshots,
- binaryFiles,
- previewImage,
- previewVisible,
- binaryFileHelperText,
- iconHelperText,
- screenshotHelperText,
- metaData,
- osVersionsHelperText,
- osVersionsValidateStatus,
- } = this.state;
- const uploadButton = (
-
-
- );
-
- return (
- Select
-
-
-
-
- 
-
-
- );
- }
-}
-
-export default withConfigContext(
- Form.create({ name: 'app-upload-form' })(NewAppUploadForm),
-);
diff --git a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/AddNewApp/components/AddNewAppForm/index.js b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/AddNewApp/components/AddNewAppForm/index.js
deleted file mode 100644
index 3d8767a082..0000000000
--- a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/AddNewApp/components/AddNewAppForm/index.js
+++ /dev/null
@@ -1,258 +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 } from '@ant-design/compatible';
-import '@ant-design/compatible/assets/index.css';
-import { Card, Button, Steps, Row, Col, Result, Spin } from 'antd';
-import axios from 'axios';
-import { withRouter } from 'react-router-dom';
-import NewAppDetailsForm from './components/NewAppDetailsForm';
-import NewAppUploadForm from './components/NewAppUploadForm';
-import { withConfigContext } from '../../../../../../components/ConfigContext';
-import { handleApiError } from '../../../../../../services/utils/errorHandler';
-
-const { Step } = Steps;
-
-class AddNewAppFormComponent extends React.Component {
- constructor(props) {
- super(props);
- this.state = {
- current: 0,
- categories: [],
- tags: [],
- icons: [],
- screenshots: [],
- loading: false,
- binaryFiles: [],
- application: null,
- release: null,
- isError: false,
- deviceType: null,
- selectedValue: null,
- selectedAppType: null,
- supportedOsVersions: [],
- errorText: '',
- forbiddenErrors: {
- supportedOsVersions: false,
- },
- };
- }
-
- onSuccessApplicationData = application => {
- const { formConfig } = this.props;
- if (
- application.hasOwnProperty('deviceType') &&
- formConfig.installationType !== 'WEB_CLIP' &&
- formConfig.installationType !== 'CUSTOM'
- ) {
- this.getSupportedOsVersions(application.deviceType);
- }
- this.setState({
- application,
- current: 1,
- });
- };
-
- onSuccessReleaseData = releaseData => {
- const config = this.props.context;
- this.setState({
- loading: true,
- isError: false,
- });
- const { application } = this.state;
- const { data, release } = releaseData;
- const { formConfig } = this.props;
- const { price } = release;
-
- application.subMethod = price === 0 ? 'FREE' : 'PAID';
- // add release wrapper
- application[formConfig.releaseWrapperName] = [release];
-
- const json = JSON.stringify(application);
- const blob = new Blob([json], {
- type: 'application/json',
- });
- data.append(formConfig.jsonPayloadName, blob);
-
- const url =
- window.location.origin +
- config.serverConfig.invoker.uri +
- config.serverConfig.invoker.publisher +
- '/applications' +
- formConfig.endpoint;
-
- axios
- .post(url, data)
- .then(res => {
- if (res.status === 201) {
- this.setState({
- loading: false,
- current: 2,
- });
- } else {
- this.setState({
- loading: false,
- isError: true,
- current: 2,
- });
- }
- })
- .catch(error => {
- handleApiError(error, error.response.data.data);
- this.setState({
- loading: false,
- isError: true,
- current: 2,
- errorText: error.response.data.data,
- });
- });
- };
-
- onClickBackButton = () => {
- const current = this.state.current - 1;
- this.setState({ current });
- };
-
- getSupportedOsVersions = deviceType => {
- const config = this.props.context;
- axios
- .get(
- window.location.origin +
- config.serverConfig.invoker.uri +
- config.serverConfig.invoker.deviceMgt +
- `/admin/device-types/${deviceType}/versions`,
- )
- .then(res => {
- if (res.status === 200) {
- let supportedOsVersions = JSON.parse(res.data.data);
- this.setState({
- supportedOsVersions,
- loading: false,
- });
- }
- })
- .catch(error => {
- handleApiError(
- error,
- 'Error occurred while trying to load supported OS versions.',
- true,
- );
- this.setState({
- loading: false,
- });
- });
- };
-
- // For passing the device type as the prop for other component
- selectedValueHandler = selectedValue => {
- this.setState({
- selectedValue,
- });
- };
-
- // For passing the app type as the prop for other component
- selectedAppTypeHandler = selectedAppType => {
- this.setState({
- selectedAppType,
- });
- };
-
- render() {
- const {
- loading,
- current,
- isError,
- supportedOsVersions,
- errorText,
- selectedValue,
- selectedAppType,
- } = this.state;
- const { formConfig } = this.props;
- return (
-
-
-
-
-
-
-
-
-
-
-
- );
- }
-}
-
-const AddNewAppForm = withRouter(
- Form.create({ name: 'add-new-app' })(AddNewAppFormComponent),
-);
-export default withConfigContext(AddNewAppForm);
diff --git a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/AddNewApp/scenes/Custom/index.js b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/AddNewApp/scenes/Custom/index.js
deleted file mode 100644
index 3a6fa9c24d..0000000000
--- a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/AddNewApp/scenes/Custom/index.js
+++ /dev/null
@@ -1,92 +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 { HomeOutlined } from '@ant-design/icons';
-import { PageHeader, Typography, Breadcrumb, Result } from 'antd';
-import AddNewAppForm from '../../components/AddNewAppForm';
-import { Link } from 'react-router-dom';
-import Authorized from '../../../../../../components/Authorized/Authorized';
-
-const { Paragraph } = Typography;
-
-const formConfig = {
- installationType: 'CUSTOM',
- endpoint: '/custom-app',
- jsonPayloadName: 'application',
- releaseWrapperName: 'customAppReleaseWrappers',
- specificElements: {
- binaryFile: {
- required: true,
- },
- packageName: {
- required: true,
- },
- version: {
- required: true,
- },
- },
-};
-
-class AddNewCustomApp extends React.Component {
- constructor(props) {
- super(props);
- this.state = {
- current: 0,
- categories: [],
- };
- }
-
- render() {
- return (
-
-
-
-
-
- {!isError && (
-
- this.props.history.push('/publisher/apps')
- }
- >
- Go to applications
- ,
- ]}
- />
- )}
-
- {isError && (
- Back
- }
- />
- )}
-
-
-
-
-
-
-
- Add New Custom App
-
-
-
- );
- }
-}
-
-export default AddNewCustomApp;
diff --git a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/AddNewApp/scenes/Enterprise/index.js b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/AddNewApp/scenes/Enterprise/index.js
deleted file mode 100644
index 38fd3e1341..0000000000
--- a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/AddNewApp/scenes/Enterprise/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 { HomeOutlined } from '@ant-design/icons';
-import { PageHeader, Typography, Breadcrumb, Result } from 'antd';
-import AddNewAppForm from '../../components/AddNewAppForm';
-import { Link } from 'react-router-dom';
-import Authorized from '../../../../../../components/Authorized/Authorized';
-
-const { Paragraph } = Typography;
-
-const formConfig = {
- installationType: 'ENTERPRISE',
- endpoint: '/ent-app',
- jsonPayloadName: 'application',
- releaseWrapperName: 'entAppReleaseWrappers',
- specificElements: {
- binaryFile: {
- required: true,
- },
- },
-};
-
-class AddNewEnterpriseApp extends React.Component {
- constructor(props) {
- super(props);
- this.state = {
- current: 0,
- categories: [],
- };
- }
-
- render() {
- return (
-
-
- Submit and share your own application to the corporate app store.
-
-
- Add New Custom App
-
-
-
-
-
-
-
-
- Add New Enterprise App
-
-
-
- );
- }
-}
-
-export default AddNewEnterpriseApp;
diff --git a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/AddNewApp/scenes/Public/index.js b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/AddNewApp/scenes/Public/index.js
deleted file mode 100644
index 8860227d0d..0000000000
--- a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/AddNewApp/scenes/Public/index.js
+++ /dev/null
@@ -1,94 +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 { HomeOutlined } from '@ant-design/icons';
-import { PageHeader, Typography, Breadcrumb, Result } from 'antd';
-import AddNewAppForm from '../../components/AddNewAppForm';
-import { Link } from 'react-router-dom';
-import Authorized from '../../../../../../components/Authorized/Authorized';
-
-const { Paragraph } = Typography;
-
-const formConfig = {
- installationType: 'PUBLIC',
- endpoint: '/public-app',
- jsonPayloadName: 'public-app',
- releaseWrapperName: 'publicAppReleaseWrappers',
- specificElements: {
- packageName: {
- required: true,
- },
- version: {
- required: true,
- },
- },
-};
-
-class AddNewPublicApp extends React.Component {
- constructor(props) {
- super(props);
- this.state = {
- current: 0,
- categories: [],
- };
- }
-
- componentDidMount() {
- // this.getCategories();
- }
-
- render() {
- return (
-
-
- Submit and share your own application to the corporate app store.
-
-
- Add New Enterprise App
-
-
-
-
-
-
-
-
- Add New Public App
-
-
-
- );
- }
-}
-
-export default AddNewPublicApp;
diff --git a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/AddNewApp/scenes/WebClip/index.js b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/AddNewApp/scenes/WebClip/index.js
deleted file mode 100644
index 5423c471eb..0000000000
--- a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/AddNewApp/scenes/WebClip/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 { HomeOutlined } from '@ant-design/icons';
-import { PageHeader, Typography, Breadcrumb, Result } from 'antd';
-import AddNewAppForm from '../../components/AddNewAppForm';
-import { Link } from 'react-router-dom';
-import Authorized from '../../../../../../components/Authorized/Authorized';
-
-const { Paragraph } = Typography;
-
-const formConfig = {
- installationType: 'WEB_CLIP',
- endpoint: '/web-app',
- jsonPayloadName: 'webapp',
- releaseWrapperName: 'webAppReleaseWrappers',
- specificElements: {
- url: {
- required: true,
- },
- version: {
- required: true,
- },
- },
-};
-
-class AddNewEnterpriseApp extends React.Component {
- constructor(props) {
- super(props);
- this.state = {
- current: 0,
- categories: [],
- };
- }
-
- render() {
- return (
-
-
- Share a public application in google play or apple store to your
- corporate app store.
-
-
- Add New Public App
-
-
-
-
-
-
-
-
- Add New Web Clip
-
-
-
- );
- }
-}
-
-export default AddNewEnterpriseApp;
diff --git a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/AddNewApp/styles.less b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/AddNewApp/styles.less
deleted file mode 100644
index 823ca73809..0000000000
--- a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/AddNewApp/styles.less
+++ /dev/null
@@ -1,22 +0,0 @@
-/*
- * Copyright (c) 2019, 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.
- */
-
-.stepForm {
- max-width: 500px;
- margin: 40px auto 0;
-}
diff --git a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/AddNewRelease/components/AddNewReleaseForm/index.js b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/AddNewRelease/components/AddNewReleaseForm/index.js
deleted file mode 100644
index 7c3c126c1a..0000000000
--- a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/AddNewRelease/components/AddNewReleaseForm/index.js
+++ /dev/null
@@ -1,188 +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 } from '@ant-design/compatible';
-import '@ant-design/compatible/assets/index.css';
-import { notification, Spin, Card, Row, Col } from 'antd';
-import axios from 'axios';
-import { withRouter } from 'react-router-dom';
-import { withConfigContext } from '../../../../../../components/ConfigContext';
-import { handleApiError } from '../../../../../../services/utils/errorHandler';
-import NewAppUploadForm from '../../../AddNewApp/components/AddNewAppForm/components/NewAppUploadForm';
-
-const formConfig = {
- isNewRelease: true,
- specificElements: {
- binaryFile: {
- required: true,
- },
- },
-};
-
-class AddNewReleaseFormComponent extends React.Component {
- constructor(props) {
- super(props);
- this.state = {
- loading: false,
- supportedOsVersions: [],
- application: null,
- release: null,
- deviceType: null,
- forbiddenErrors: {
- supportedOsVersions: false,
- },
- };
- }
-
- componentDidMount() {
- this.getSupportedOsVersions(this.props.deviceType);
- }
-
- getSupportedOsVersions = deviceType => {
- const config = this.props.context;
- axios
- .get(
- window.location.origin +
- config.serverConfig.invoker.uri +
- config.serverConfig.invoker.deviceMgt +
- `/admin/device-types/${deviceType}/versions`,
- )
- .then(res => {
- if (res.status === 200) {
- let supportedOsVersions = JSON.parse(res.data.data);
- this.setState({
- supportedOsVersions,
- loading: false,
- });
- }
- })
- .catch(error => {
- handleApiError(
- error,
- 'Error occurred while trying to load supported OS versions.',
- true,
- );
- if (error.hasOwnProperty('response') && error.response.status === 403) {
- const { forbiddenErrors } = this.state;
- forbiddenErrors.supportedOsVersions = true;
- this.setState({
- forbiddenErrors,
- loading: false,
- });
- } else {
- this.setState({
- loading: false,
- });
- }
- });
- };
-
- onSuccessReleaseData = releaseData => {
- const config = this.props.context;
- const { appId, deviceType } = this.props;
- this.setState({
- loading: true,
- });
- const { data, release } = releaseData;
-
- const json = JSON.stringify(release);
- const blob = new Blob([json], {
- type: 'application/json',
- });
- data.append('applicationRelease', blob);
-
- const url =
- window.location.origin +
- config.serverConfig.invoker.uri +
- config.serverConfig.invoker.publisher +
- '/applications/' +
- deviceType +
- '/ent-app/' +
- appId;
- axios
- .post(url, data)
- .then(res => {
- if (res.status === 201) {
- this.setState({
- loading: false,
- });
-
- notification.success({
- message: 'Done!',
- description: 'New release was added successfully',
- });
- const uuid = res.data.data.uuid;
- this.props.history.push({
- pathname: '/publisher/apps/releases/' + uuid,
- state: { fullAppDetails: this.props.location.state.fullAppDetails },
- });
- } else {
- this.setState({
- loading: false,
- });
- }
- })
- .catch(error => {
- handleApiError(
- error,
- 'Sorry, we were unable to complete your request.',
- );
- this.setState({
- loading: false,
- });
- });
- };
-
- onClickBackButton = () => {
- this.props.history.push('/publisher/apps/');
- };
-
- render() {
- const { loading, supportedOsVersions, forbiddenErrors } = this.state;
- return (
-
- Share a Web Clip to your corporate app store.
-
- Add New Web Clip
-
-
-
-
-
-
-
-
-
-
-
- );
- }
-}
-
-const AddReleaseForm = withRouter(
- Form.create({ name: 'add-new-release' })(AddNewReleaseFormComponent),
-);
-export default withConfigContext(AddReleaseForm);
diff --git a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/AddNewRelease/index.js b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/AddNewRelease/index.js
deleted file mode 100644
index b15efedfd7..0000000000
--- a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/AddNewRelease/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 { HomeOutlined } from '@ant-design/icons';
-import { PageHeader, Typography, Breadcrumb } from 'antd';
-import AddNewReleaseForm from './components/AddNewReleaseForm';
-import { Link } from 'react-router-dom';
-
-const Paragraph = Typography;
-
-class AddNewRelease extends React.Component {
- constructor(props) {
- super(props);
- this.state = {
- current: 0,
- categories: [],
- };
- }
-
- render() {
- const { appId, deviceType } = this.props.match.params;
- return (
-
-
-
-
-
-
- Add New Release
-
-
-
- );
- }
-}
-
-export default AddNewRelease;
diff --git a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/Apps/components/AppList/components/ApssTable/AppDetailsDrawer/components/DeleteApp/index.js b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/Apps/components/AppList/components/ApssTable/AppDetailsDrawer/components/DeleteApp/index.js
deleted file mode 100644
index f7c4da1bb3..0000000000
--- a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/Apps/components/AppList/components/ApssTable/AppDetailsDrawer/components/DeleteApp/index.js
+++ /dev/null
@@ -1,102 +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 { DeleteOutlined, ExclamationCircleOutlined } from '@ant-design/icons';
-import { Button, Modal, notification, Tooltip } from 'antd';
-import axios from 'axios';
-import { handleApiError } from '../../../../../../../../../../../services/utils/errorHandler';
-import { withConfigContext } from '../../../../../../../../../../../components/ConfigContext';
-import { withRouter } from 'react-router-dom';
-import '../../styles.css';
-
-const { confirm } = Modal;
-
-class DeleteApp extends React.Component {
- showModal = () => {
- confirm({
- title: 'Are you sure you want to delete this app?',
- icon:
- Add new release for the application
-
- Add New Release
-
-
-
- {this.props.isDeletableApp && (
-
- )}
- {!this.props.isDeletableApp && (
-
-
-
- )}
-
- );
- }
-}
-
-export default withConfigContext(withRouter(DeleteApp));
diff --git a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/Apps/components/AppList/components/ApssTable/AppDetailsDrawer/components/ManagedConfigurationsIframe/index.js b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/Apps/components/AppList/components/ApssTable/AppDetailsDrawer/components/ManagedConfigurationsIframe/index.js
deleted file mode 100644
index a1921e0c98..0000000000
--- a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/Apps/components/AppList/components/ApssTable/AppDetailsDrawer/components/ManagedConfigurationsIframe/index.js
+++ /dev/null
@@ -1,276 +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, Modal, notification, Popover, Spin, Tooltip } from 'antd';
-import axios from 'axios';
-import { withConfigContext } from '../../../../../../../../../../../components/ConfigContext';
-import { handleApiError } from '../../../../../../../../../../../services/utils/errorHandler';
-import { SettingOutlined, QuestionCircleOutlined } from '@ant-design/icons';
-import '../../styles.css';
-
-class ManagedConfigurationsIframe extends React.Component {
- constructor(props) {
- super(props);
- this.config = this.props.context;
- this.state = {
- visible: false,
- loading: false,
- isHintVisible: false,
- };
- }
-
- showModal = () => {
- this.getMcm();
- this.setState({
- visible: true,
- });
- };
-
- handleOk = e => {
- this.setState({
- visible: false,
- });
- };
-
- handleCancel = e => {
- this.setState({
- visible: false,
- });
- };
-
- getMcm = () => {
- const { packageName } = this.props;
- this.setState({ loading: true });
-
- // send request to the invoker
- axios
- .get(
- window.location.origin +
- this.config.serverConfig.invoker.uri +
- '/device-mgt/android/v1.0/enterprise/managed-configs/package/' +
- packageName,
- )
- .then(res => {
- if (res.status === 200) {
- let mcmId = null;
- if (res.data.hasOwnProperty('data')) {
- mcmId = res.data.data.mcmId;
- }
- this.loadIframe(mcmId);
- this.setState({ loading: false });
- }
- })
- .catch(error => {
- handleApiError(
- error,
- 'Error occurred while trying to load configurations.',
- );
- this.setState({ loading: false, visible: false });
- });
- };
-
- loadIframe = mcmId => {
- const { packageName } = this.props;
- let method = 'post';
- // eslint-disable-next-line no-undef
- gapi.load('gapi.iframes', () => {
- const parameters = {
- token: this.config.androidEnterpriseToken,
- packageName: packageName,
- };
- if (mcmId != null) {
- parameters.mcmId = mcmId;
- parameters.canDelete = true;
- method = 'put';
- }
-
- const queryString = Object.keys(parameters)
- .map(key => key + '=' + parameters[key])
- .join('&');
-
- var options = {
- url: 'https://play.google.com/managed/mcm?' + queryString,
- where: document.getElementById('manage-config-iframe-container'),
- attributes: { style: 'height:720px', scrolling: 'yes' },
- };
-
- // eslint-disable-next-line no-undef
- var iframe = gapi.iframes.getContext().openChild(options);
- iframe.register(
- 'onconfigupdated',
- event => {
- this.updateConfig(method, event);
- },
- // eslint-disable-next-line no-undef
- gapi.iframes.CROSS_ORIGIN_IFRAMES_FILTER,
- );
-
- iframe.register(
- 'onconfigdeleted',
- event => {
- this.deleteConfig(event);
- },
- // eslint-disable-next-line no-undef
- gapi.iframes.CROSS_ORIGIN_IFRAMES_FILTER,
- );
- });
- };
-
- updateConfig = (method, event) => {
- const { packageName } = this.props;
- this.setState({ loading: true });
-
- const data = {
- mcmId: event.mcmId,
- profileName: event.name,
- packageName,
- };
-
- // send request to the invoker
- axios({
- method,
- url:
- window.location.origin +
- this.config.serverConfig.invoker.uri +
- '/device-mgt/android/v1.0/enterprise/managed-configs',
- data,
- })
- .then(res => {
- if (res.status === 200 || res.status === 201) {
- notification.success({
- message: 'Saved!',
- description: 'Configuration Profile updated Successfully',
- });
- this.setState({
- loading: false,
- visible: false,
- });
- }
- })
- .catch(error => {
- handleApiError(
- error,
- 'Error occurred while trying to update configurations.',
- );
- this.setState({ loading: false });
- });
- };
-
- deleteConfig = event => {
- this.setState({ loading: true });
-
- // send request to the invoker
- axios
- .delete(
- window.location.origin +
- this.config.serverConfig.invoker.uri +
- '/device-mgt/android/v1.0/enterprise/managed-configs/mcm/' +
- event.mcmId,
- )
- .then(res => {
- if (res.status === 200 || res.status === 201) {
- notification.success({
- message: 'Saved!',
- description: 'Configuration Profile removed Successfully',
- });
- this.setState({
- loading: false,
- visible: false,
- });
- }
- })
- .catch(error => {
- handleApiError(
- error,
- 'Error occurred while trying to remove configurations.',
- );
- this.setState({ loading: false });
- });
- };
-
- handleHintVisibleChange = visible => {
- this.setState({ isHintVisible: visible });
- };
-
- render() {
- return (
-
- {this.props.isEnabled && (
-
- )}
- {!this.props.isEnabled && (
-
-
-
- )}
-
-
-
- );
- }
-}
-
-export default withConfigContext(ManagedConfigurationsIframe);
diff --git a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/Apps/components/AppList/components/ApssTable/AppDetailsDrawer/components/RetireApp/index.js b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/Apps/components/AppList/components/ApssTable/AppDetailsDrawer/components/RetireApp/index.js
deleted file mode 100644
index 0aab732f3c..0000000000
--- a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/Apps/components/AppList/components/ApssTable/AppDetailsDrawer/components/RetireApp/index.js
+++ /dev/null
@@ -1,106 +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 {
- EyeInvisibleOutlined,
- ExclamationCircleOutlined,
-} from '@ant-design/icons';
-import { Button, Modal, notification, Tooltip } from 'antd';
-import axios from 'axios';
-import { handleApiError } from '../../../../../../../../../../../services/utils/errorHandler';
-import { withConfigContext } from '../../../../../../../../../../../components/ConfigContext';
-import { withRouter } from 'react-router-dom';
-import '../../styles.css';
-
-const { confirm } = Modal;
-
-class RetireApp extends React.Component {
- showModal = () => {
- confirm({
- title: 'Are you sure you want to retire this app?',
- icon:
-
- If you are developing apps for the enterprise market, you may
- need to satisfy particular requirements set by a
- organization"s policies. Managed configurations,
- previously previously known as application restrictions, allow
- the organization"s IT admin to remotely specify settings
- for apps. This capability is particularly useful for
- organization-approved apps deployed to a work profile.
-
- }
- onVisibleChange={this.handleHintVisibleChange}
- overlayStyle={{ width: 300 }}
- >
-
-
-
-
-
-
-
- {this.props.isHideableApp && (
-
- )}
- {!this.props.isHideableApp && (
-
-
-
- )}
-
- );
- }
-}
-
-export default withConfigContext(withRouter(RetireApp));
diff --git a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/Apps/components/AppList/components/ApssTable/AppDetailsDrawer/index.js b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/Apps/components/AppList/components/ApssTable/AppDetailsDrawer/index.js
deleted file mode 100644
index 89d305c189..0000000000
--- a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/Apps/components/AppList/components/ApssTable/AppDetailsDrawer/index.js
+++ /dev/null
@@ -1,1087 +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,
- Drawer,
- Select,
- Avatar,
- Typography,
- Divider,
- Tag,
- notification,
- List,
- Button,
- Spin,
- message,
- Card,
- Badge,
- Tooltip,
- Dropdown,
- Menu,
-} from 'antd';
-import DetailedRating from '../../../../DetailedRating';
-import { Link } from 'react-router-dom';
-import axios from 'axios';
-import ReactQuill from 'react-quill';
-import ReactHtmlParser from 'react-html-parser';
-import './styles.css';
-import pSBC from 'shade-blend-color';
-import { withConfigContext } from '../../../../../../../../../components/ConfigContext';
-import ManagedConfigurationsIframe from './components/ManagedConfigurationsIframe';
-import { handleApiError } from '../../../../../../../../../services/utils/errorHandler';
-import Authorized from '../../../../../../../../../components/Authorized/Authorized';
-import { isAuthorized } from '../../../../../../../../../services/utils/authorizationHandler';
-import {
- CheckCircleOutlined,
- EditOutlined,
- MoreOutlined,
- StarOutlined,
- UploadOutlined,
- CheckOutlined,
-} from '@ant-design/icons';
-import DeleteApp from './components/DeleteApp';
-import RetireApp from './components/RetireApp';
-
-const { Meta } = Card;
-const { Text, Title } = Typography;
-const { Option } = Select;
-
-const modules = {
- toolbar: [
- ['bold', 'italic', 'underline', 'strike', 'blockquote'],
- [{ list: 'ordered' }, { list: 'bullet' }],
- ['link'],
- ],
-};
-
-const formats = [
- 'bold',
- 'italic',
- 'underline',
- 'strike',
- 'blockquote',
- 'list',
- 'bullet',
- 'link',
-];
-
-class AppDetailsDrawer extends React.Component {
- constructor(props) {
- super(props);
- this.config = this.props.context;
- const drawerWidth = window.innerWidth <= 770 ? '80%' : '40%';
-
- this.state = {
- loading: false,
- name: '',
- description: null,
- globalCategories: [],
- globalTags: [],
- globalUnrestrictedRoles: [],
- categories: [],
- tags: [],
- unrestrictedRoles: [],
- temporaryDescription: null,
- temporaryCategories: [],
- temporaryTags: [],
- temporaryUnrestrictedRoles: [],
- isDescriptionEditEnabled: false,
- isCategoriesEditEnabled: false,
- isTagsEditEnabled: false,
- isUnrestrictedRolesEditEnabled: false,
- drawer: null,
- drawerWidth,
- };
- }
-
- componentDidMount() {
- if (
- isAuthorized(
- this.props.context.user,
- '/permission/admin/app-mgt/publisher/application/update',
- )
- ) {
- this.getCategories();
- this.getTags();
- this.getUnrestrictedRoles();
- }
- }
-
- componentDidUpdate(prevProps, prevState, snapshot) {
- if (prevProps.app !== this.props.app) {
- const {
- name,
- description,
- tags,
- categories,
- unrestrictedRoles,
- } = this.props.app;
- this.setState({
- name,
- description,
- tags,
- categories,
- unrestrictedRoles,
- isDescriptionEditEnabled: false,
- isCategoriesEditEnabled: false,
- isTagsEditEnabled: false,
- isUnrestrictedRolesEditEnabled: false,
- });
- }
- }
-
- getCategories = () => {
- axios
- .get(
- window.location.origin +
- this.config.serverConfig.invoker.uri +
- this.config.serverConfig.invoker.publisher +
- '/applications/categories',
- )
- .then(res => {
- if (res.status === 200) {
- const categories = JSON.parse(res.data.data);
- const globalCategories = categories.map(category => {
- return (
-
- );
- });
-
- this.setState({
- globalCategories,
- loading: false,
- });
- }
- })
- .catch(error => {
- handleApiError(
- error,
- 'Error occurred while trying to load categories.',
- true,
- );
- this.setState({
- loading: false,
- });
- });
- };
-
- getTags = () => {
- axios
- .get(
- window.location.origin +
- this.config.serverConfig.invoker.uri +
- this.config.serverConfig.invoker.publisher +
- '/applications/tags',
- )
- .then(res => {
- if (res.status === 200) {
- const tags = JSON.parse(res.data.data);
-
- const globalTags = tags.map(tag => {
- return ;
- });
-
- this.setState({
- globalTags,
- loading: false,
- });
- }
- })
- .catch(error => {
- handleApiError(error, 'Error occurred while trying to load tags.');
- this.setState({
- loading: false,
- });
- });
- };
-
- getUnrestrictedRoles = () => {
- axios
- .get(
- window.location.origin +
- this.config.serverConfig.invoker.uri +
- this.config.serverConfig.invoker.deviceMgt +
- '/roles',
- )
- .then(res => {
- if (res.status === 200) {
- const globalUnrestrictedRoles = res.data.data.roles;
-
- this.setState({
- globalUnrestrictedRoles,
- loading: false,
- });
- }
- })
- .catch(error => {
- handleApiError(
- error,
- 'Error occurred while trying to load roles.',
- true,
- );
- this.setState({
- loading: false,
- });
- });
- };
-
- // change the app name
- handleNameSave = name => {
- const { id } = this.props.app;
- if (name !== this.state.name && name !== '') {
- const data = { name: name };
- axios
- .put(
- window.location.origin +
- this.config.serverConfig.invoker.uri +
- this.config.serverConfig.invoker.publisher +
- '/applications/' +
- id,
- data,
- )
- .then(res => {
- if (res.status === 200) {
- const app = res.data.data;
- this.props.onUpdateApp('name', app.name);
- notification.success({
- message: 'Saved!',
- description: 'App name updated successfully!',
- });
- this.setState({
- loading: false,
- name: app.name,
- });
- }
- })
- .catch(error => {
- if (
- error.hasOwnProperty('response') &&
- error.response.status === 401
- ) {
- message.error('You are not logged in');
- window.location.href = window.location.origin + '/publisher/login';
- } else {
- notification.error({
- message: 'There was a problem',
- duration: 0,
- description: 'Error occurred while trying to save the app name.',
- });
- }
-
- this.setState({ loading: false });
- });
- }
- };
-
- // handle description change
- handleDescriptionChange = temporaryDescription => {
- this.setState({ temporaryDescription });
- };
-
- enableDescriptionEdit = () => {
- this.setState({
- isDescriptionEditEnabled: true,
- temporaryDescription: this.state.description,
- });
- };
-
- disableDescriptionEdit = () => {
- this.setState({
- isDescriptionEditEnabled: false,
- });
- };
-
- enableCategoriesEdit = () => {
- this.setState({
- isCategoriesEditEnabled: true,
- temporaryCategories: this.state.categories,
- });
- };
-
- disableCategoriesEdit = () => {
- this.setState({
- isCategoriesEditEnabled: false,
- });
- };
-
- // handle description change
- handleCategoryChange = temporaryCategories => {
- this.setState({ temporaryCategories });
- };
-
- // change app categories
- handleCategorySave = () => {
- const { id } = this.props.app;
- const { temporaryCategories, categories } = this.state;
-
- const difference = temporaryCategories
- .filter(x => !categories.includes(x))
- .concat(categories.filter(x => !temporaryCategories.includes(x)));
-
- if (difference.length !== 0 && temporaryCategories.length !== 0) {
- const data = { categories: temporaryCategories };
- axios
- .put(
- window.location.origin +
- this.config.serverConfig.invoker.uri +
- this.config.serverConfig.invoker.publisher +
- '/applications/' +
- id,
- data,
- )
- .then(res => {
- if (res.status === 200) {
- const app = res.data.data;
- this.props.onUpdateApp('categories', temporaryCategories);
- notification.success({
- message: 'Saved!',
- description: 'App categories updated successfully!',
- });
- this.setState({
- loading: false,
- categories: app.categories,
- isCategoriesEditEnabled: false,
- });
- }
- })
- .catch(error => {
- if (
- error.hasOwnProperty('response') &&
- error.response.status === 401
- ) {
- message.error('You are not logged in');
- window.location.href = window.location.origin + '/publisher/login';
- } else {
- notification.error({
- message: 'There was a problem',
- duration: 0,
- description:
- 'Error occurred while trying to updating categories.',
- });
- }
-
- this.setState({ loading: false });
- });
- }
- };
-
- enableTagsEdit = () => {
- this.setState({
- isTagsEditEnabled: true,
- temporaryTags: this.state.tags,
- });
- };
-
- disableTagsEdit = () => {
- this.setState({
- isTagsEditEnabled: false,
- });
- };
-
- // handle description change
- handleTagsChange = temporaryTags => {
- this.setState({ temporaryTags });
- };
-
- // change app tags
- handleTagsSave = () => {
- const { id } = this.props.app;
- const { temporaryTags, tags } = this.state;
-
- const difference = temporaryTags
- .filter(x => !tags.includes(x))
- .concat(tags.filter(x => !temporaryTags.includes(x)));
-
- if (difference.length !== 0 && temporaryTags.length !== 0) {
- const data = { tags: temporaryTags };
- axios
- .put(
- window.location.origin +
- this.config.serverConfig.invoker.uri +
- this.config.serverConfig.invoker.publisher +
- '/applications/' +
- id,
- data,
- )
- .then(res => {
- if (res.status === 200) {
- const app = res.data.data;
- this.props.onUpdateApp('tags', temporaryTags);
- notification.success({
- message: 'Saved!',
- description: 'App tags updated successfully!',
- });
- this.setState({
- loading: false,
- tags: app.tags,
- isTagsEditEnabled: false,
- });
- }
- })
- .catch(error => {
- if (
- error.hasOwnProperty('response') &&
- error.response.status === 401
- ) {
- message.error('You are not logged in');
- window.location.href = window.location.origin + '/publisher/login';
- } else {
- notification.error({
- message: 'There was a problem',
- duration: 0,
- description: 'Error occurred while trying to update tags',
- });
- }
-
- this.setState({ loading: false });
- });
- }
- };
-
- enableUnrestrictedRolesEdit = () => {
- this.setState({
- isUnrestrictedRolesEditEnabled: true,
- temporaryUnrestrictedRoles: this.state.unrestrictedRoles,
- });
- };
-
- disableUnrestrictedRolesEdit = () => {
- this.setState({
- isUnrestrictedRolesEditEnabled: false,
- });
- };
-
- handleUnrestrictedRolesChange = temporaryUnrestrictedRoles => {
- this.setState({ temporaryUnrestrictedRoles });
- };
-
- handleUnrestrictedRolesSave = () => {
- const { id } = this.props.app;
- const { temporaryUnrestrictedRoles, unrestrictedRoles } = this.state;
-
- temporaryUnrestrictedRoles
- .filter(x => !unrestrictedRoles.includes(x))
- .concat(
- unrestrictedRoles.filter(x => !temporaryUnrestrictedRoles.includes(x)),
- );
-
- const data = { unrestrictedRoles: temporaryUnrestrictedRoles };
- axios
- .put(
- window.location.origin +
- this.config.serverConfig.invoker.uri +
- this.config.serverConfig.invoker.publisher +
- '/applications/' +
- id,
- data,
- )
- .then(res => {
- if (res.status === 200) {
- const app = res.data.data;
- this.props.onUpdateApp(
- 'unrestrictedRoles',
- temporaryUnrestrictedRoles,
- );
- notification.success({
- message: 'Saved!',
- description: 'App unrestricted roles updated successfully!',
- });
- this.setState({
- loading: false,
- unrestrictedRoles: app.unrestrictedRoles,
- isUnrestrictedRolesEditEnabled: false,
- });
- }
- })
- .catch(error => {
- handleApiError(
- error,
- 'Error occurred while trying to update unrestricted roles.',
- true,
- );
- this.setState({
- loading: false,
- });
- });
- };
-
- // handle description save
- handleDescriptionSave = () => {
- const { id } = this.props.app;
- const { description, temporaryDescription } = this.state;
-
- if (
- temporaryDescription !== description &&
- temporaryDescription !== '
-
-
- Releases
-
-
- {/* display add new release only if app type is enterprise*/}
- {app.type === 'ENTERPRISE' && (
-
-
-
-
-
-
- {this.config.androidEnterpriseToken !== null &&
- isAuthorized(
- this.config.user,
- '/permission/admin/device-mgt/enterprise/user/modify',
- ) && (
-
-
- )}
-
- }
- >
-
-
-
- {avatar}
-
- {name}
-
- }
- no={{name} }
- />
-
-
-
- )}
- />
- - (
-
-
-
-
-
-
- {release.currentStatus === 'PUBLISHED' ? (
-
-
- }
- >
-
- }
- title={release.version}
- description={
-
-
- }
- />
-
-
-
-
-
- Add new release for the application
-
-
-
-
-
- }
- />
- )}
- {ReactHtmlParser(description)}
- )}
-
- {isDescriptionEditEnabled && (
-
-
- )}
-
- -
- {isCategoriesEditEnabled && ( -
-
-
- )}
- {!isCategoriesEditEnabled && (
-
- {categories.map(category => {
- return (
-
-
-
-
- -
- {isTagsEditEnabled && ( -
-
-
- )}
- {!isTagsEditEnabled && (
-
- {tags.map(tag => {
- return (
-
-
-
-
- -
- {!unrestrictedRoles.length && ( -
-
-
- )}
- {!isUnrestrictedRolesEditEnabled && (
-
- {unrestrictedRoles.map(unrestrictedRole => {
- return (
-
-
-
-
-
- {app.applicationReleases.length > 0 && (
-
-
- }
- />
-
-
-
- );
- }
-}
-
-export default withConfigContext(AppDetailsDrawer);
diff --git a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/Apps/components/AppList/components/ApssTable/AppDetailsDrawer/styles.css b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/Apps/components/AppList/components/ApssTable/AppDetailsDrawer/styles.css
deleted file mode 100644
index 3c50034c10..0000000000
--- a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/Apps/components/AppList/components/ApssTable/AppDetailsDrawer/styles.css
+++ /dev/null
@@ -1,45 +0,0 @@
-/*
- * Copyright (c) 2019, 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.
- */
-
-.release-card{
- margin-top: 16px;
-}
-
-.release-card:hover {
- background-color: rgba(15, 188, 249,0.1);
-}
-
-@media screen and (max-width: 700px) {
-
- .release-card{
- width: 210%;
- }
-
- .app-release-cards{
- display: grid;
- }
-
-}
-
-.app-details-drawer {
- text-align: right
-}
-
-.btn-view-more {
- color: rgba(0, 0, 0, 0.65) !important;
-}
diff --git a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/Apps/components/AppList/components/ApssTable/index.js b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/Apps/components/AppList/components/ApssTable/index.js
deleted file mode 100644
index 48fa42e395..0000000000
--- a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/Apps/components/AppList/components/ApssTable/index.js
+++ /dev/null
@@ -1,335 +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 { CheckCircleOutlined } from '@ant-design/icons';
-import { Avatar, Table, Tag, Badge, Alert, Tooltip } from 'antd';
-import axios from 'axios';
-import pSBC from 'shade-blend-color';
-import './styles.css';
-import { withConfigContext } from '../../../../../../../../components/ConfigContext';
-import AppDetailsDrawer from './AppDetailsDrawer';
-import { handleApiError } from '../../../../../../../../services/utils/errorHandler';
-import { EntgraIcon } from 'entgra-icons-react';
-
-let config = null;
-
-const columns = [
- {
- title: '',
- dataIndex: 'name',
- // eslint-disable-next-line react/display-name
- render: (name, row) => {
- let avatar = null;
- if (row.applicationReleases.length === 0) {
- const avatarLetter = name.charAt(0).toUpperCase();
- avatar = (
-
- {avatar}
- {name}
-
- );
- },
- },
- {
- title: 'Categories',
- dataIndex: 'categories',
- // eslint-disable-next-line react/display-name
- render: categories => (
-
- {categories.map(category => {
- return (
-
- {this.state.isForbiddenErrorVisible && (
-
- record.id}
- dataSource={this.state.apps}
- columns={columns}
- pagination={this.state.pagination}
- onChange={this.handleTableChange}
- rowClassName="app-row"
- loading={loading}
- onRow={(record, rowIndex) => {
- return {
- onClick: event => {
- this.showDrawer(record, rowIndex);
- },
- };
- }}
- />
-