shamalka1
/
device-mgt-core
forked from community/device-mgt-core
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'publisher-icons' into 'master'

Browse Source 
Change Legacy Icons to antd's v4 icons in APPM publisher

Closes product-iots#590

See merge request entgra/carbon-device-mgt!587
revert-70ac1926
Dharmakeerthi Lasantha 4 years ago
parent 4c59a73051 111e32e97d
commit 951d0dd743
34 changed files with 226 additions and 202 deletions
Show Stats Download Patch File Download Diff File

1
components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/.npmrc
Unescape View File

@ -0,0 +1 @@
registry=http://nexus.entgra.io/repository/npm-group/

5
components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/package.json
Unescape View File

@ -10,15 +10,17 @@
}, },
"license": "Apache License 2.0", "license": "Apache License 2.0",
"dependencies": { "dependencies": {
"@ant-design/compatible": "^1.0.0",
"@ant-design/dark-theme": "^0.2.2", "@ant-design/dark-theme": "^0.2.2",
"@ant-design/icons": "^4.0.6", "@ant-design/icons": "^4.0.6",
"@babel/polyfill": "^7.6.0", "@babel/polyfill": "^7.6.0",
"acorn": "^6.2.0", "acorn": "^6.2.0",
"antd": "^3.23.6", "antd": "^4.0.0",
"axios": "^0.19.0", "axios": "^0.19.0",
"babel-eslint": "^9.0.0", "babel-eslint": "^9.0.0",
"d3": "^5.9.7", "d3": "^5.9.7",
"dagre": "^0.8.4", "dagre": "^0.8.4",
"entgra-icons-react": "^1.0.0",
"eslint": "^5.16.0", "eslint": "^5.16.0",
"eslint-plugin-import": "^2.18.2", "eslint-plugin-import": "^2.18.2",
"eslint-plugin-jsx-a11y": "^6.2.3", "eslint-plugin-jsx-a11y": "^6.2.3",
@ -58,6 +60,7 @@
"chai": "^4.1.2", "chai": "^4.1.2",
"cross-env": "^7.0.0", "cross-env": "^7.0.0",
"css-loader": "^0.28.11", "css-loader": "^0.28.11",
"entgra-icons": "^1.4.0",
"eslint": "^5.16.0", "eslint": "^5.16.0",
"eslint-config-prettier": "4.3.0", "eslint-config-prettier": "4.3.0",
"eslint-plugin-babel": "5.3.0", "eslint-plugin-babel": "5.3.0",

36
components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/public/conf/config.json
Unescape View File

@ -18,73 +18,69 @@
}, },
"defaultPlatformIcons": { "defaultPlatformIcons": {
"default": { "default": {
"icon": "global", "icon": "fw-globe",
"color": "#535c68", "color": "#535c68"
"theme": "outlined"
}, },
"android": { "android": {
"icon": "android", "icon": "fw-android",
"color": "#7db343", "color": "#7db343"
"theme": "filled"
}, },
"ios": { "ios": {
"icon": "apple", "icon": "fw-apple",
"color": "#535c68", "color": "#535c68"
"theme": "filled"
}, },
"windows": { "windows": {
"icon": "windows", "icon": "fw-windows",
"color": "#008cc4", "color": "#008cc4"
"theme": "filled"
} }
}, },
"lifecycle": { "lifecycle": {
"CREATED": { "CREATED": {
"title": "Created", "title": "Created",
"text": "The initial most state of an application.\n You can only proceed to one of the following states:", "text": "The initial most state of an application.\n You can only proceed to one of the following states:",
"icon": "file-text", "icon": "fw-document",
"step": 0 "step": 0
}, },
"IN-REVIEW": { "IN-REVIEW": {
"title": "In-Review", "title": "In-Review",
"text": "In this state the application is being reviewed by approvers. You can move from this state to APPROVED state if it is approved by reviewers. Otherwise, you can move the application into either REJECTED state or CREATED state based on the feedback getting by reviewers.", "text": "In this state the application is being reviewed by approvers. You can move from this state to APPROVED state if it is approved by reviewers. Otherwise, you can move the application into either REJECTED state or CREATED state based on the feedback getting by reviewers.",
"icon": "audit", "icon": "fw-throttling-policy",
"step": 1 "step": 1
}, },
"APPROVED": { "APPROVED": {
"title": "Approved", "title": "Approved",
"text": "The approved state is a compulsory state prior to publishing the application.\n You can only proceed to one of the following states:", "text": "The approved state is a compulsory state prior to publishing the application.\n You can only proceed to one of the following states:",
"icon": "file-done", "icon": "fw-check",
"step": 2 "step": 2
}, },
"PUBLISHED": { "PUBLISHED": {
"title": "Published", "title": "Published",
"text": "The state which is applied for applications which are qualified for your Corporate App Store. Only the applications of Published state can be installed to your corporate devices.\n You can only proceed to one of the following states:", "text": "The state which is applied for applications which are qualified for your Corporate App Store. Only the applications of Published state can be installed to your corporate devices.\n You can only proceed to one of the following states:",
"icon": "global", "icon": "fw-globe",
"step": 3 "step": 3
}, },
"BLOCKED": { "BLOCKED": {
"title": "Blocked", "title": "Blocked",
"text": "This state allows you to block your application either to publish or deprecate at a future date.\n You can only proceed to one of the following states:", "text": "This state allows you to block your application either to publish or deprecate at a future date.\n You can only proceed to one of the following states:",
"icon": "exception", "icon": "fw-lock",
"step": 4 "step": 4
}, },
"DEPRECATED": { "DEPRECATED": {
"title": "Deprecated", "title": "Deprecated",
"text": "The applications which are outdated and no longer suit your app store.\n You can only proceed to one of the following states:", "text": "The applications which are outdated and no longer suit your app store.\n You can only proceed to one of the following states:",
"icon": "file-excel", "icon": "fw-warning",
"step": 5 "step": 5
}, },
"REJECTED": { "REJECTED": {
"title": "Rejected", "title": "Rejected",
"text": "The Approvers can reject an application due to a faulty of the app or not being in compliance with company policies.\n You can only proceed to one of the following states:", "text": "The Approvers can reject an application due to a faulty of the app or not being in compliance with company policies.\n You can only proceed to one of the following states:",
"icon": "frown", "icon": "fw-error",
"step": 6 "step": 6
}, },
"RETIRED": { "RETIRED": {
"title": "Retired", "title": "Retired",
"text": "The final state of an application, where no transition of states will be allowed after this.", "text": "The final state of an application, where no transition of states will be allowed after this.",
"icon": "rest", "icon": "fw-delete",
"step": 7 "step": 7
} }
}, },

5
components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/components/Logout/index.js vendored
Unescape View File

@ -17,7 +17,8 @@
*/ */
import React from 'react'; import React from 'react';
import { notification, Menu, Icon } from 'antd'; import { LogoutOutlined } from '@ant-design/icons';
import { notification, Menu } from 'antd';
import axios from 'axios'; import axios from 'axios';
import { withConfigContext } from '../../../../components/ConfigContext'; import { withConfigContext } from '../../../../components/ConfigContext';
@ -70,7 +71,7 @@ class Logout extends React.Component {
return ( return (
<Menu> <Menu>
<Menu.Item key="1" onClick={this.handleSubmit}> <Menu.Item key="1" onClick={this.handleSubmit}>
<Icon type="logout" /> <LogoutOutlined />
Logout Logout
</Menu.Item> </Menu.Item>
</Menu> </Menu>

44
components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/index.js vendored
Unescape View File

@ -17,7 +17,19 @@
*/ */
import React from 'react'; import React from 'react';
import { Layout, Menu, Icon, Drawer, Button } from 'antd';
import {
AndroidFilled,
AppstoreOutlined,
ControlOutlined,
PlusOutlined,
SettingOutlined,
UserOutlined,
MenuFoldOutlined,
MenuUnfoldOutlined,
} from '@ant-design/icons';
import { Layout, Menu, Drawer, Button } from 'antd';
import { Switch, Link } from 'react-router-dom'; import { Switch, Link } from 'react-router-dom';
import RouteWithSubRoutes from '../../components/RouteWithSubRoutes'; import RouteWithSubRoutes from '../../components/RouteWithSubRoutes';
import { Redirect } from 'react-router'; import { Redirect } from 'react-router';
@ -81,7 +93,7 @@ class Dashboard extends React.Component {
> >
<Menu.Item key="1"> <Menu.Item key="1">
<Link to="/publisher/apps"> <Link to="/publisher/apps">
<Icon type="appstore" /> <AppstoreOutlined />
Apps Apps
</Link> </Link>
</Menu.Item> </Menu.Item>
@ -92,7 +104,7 @@ class Dashboard extends React.Component {
<SubMenu <SubMenu
title={ title={
<span className="submenu-title-wrapper"> <span className="submenu-title-wrapper">
<Icon type="plus" /> <PlusOutlined />
Add New App Add New App
</span> </span>
} }
@ -118,21 +130,20 @@ class Dashboard extends React.Component {
<SubMenu <SubMenu
title={ title={
<span className="submenu-title-wrapper"> <span className="submenu-title-wrapper">
<Icon type="control" /> <ControlOutlined />
Manage Manage
</span> </span>
} }
> >
<Menu.Item key="manage"> <Menu.Item key="manage">
<Link to="/publisher/manage"> <Link to="/publisher/manage">
<Icon type="setting" /> General <SettingOutlined /> General
</Link> </Link>
</Menu.Item> </Menu.Item>
{this.config.androidEnterpriseToken != null && ( {this.config.androidEnterpriseToken != null && (
<Menu.Item key="manage-android-enterprise"> <Menu.Item key="manage-android-enterprise">
<Link to="/publisher/manage/android-enterprise"> <Link to="/publisher/manage/android-enterprise">
<Icon type="android" theme="filled" /> Android <AndroidFilled /> Android Enterprise
Enterprise
</Link> </Link>
</Menu.Item> </Menu.Item>
)} )}
@ -142,7 +153,7 @@ class Dashboard extends React.Component {
className="profile" className="profile"
title={ title={
<span className="submenu-title-wrapper"> <span className="submenu-title-wrapper">
<Icon type="user" /> <UserOutlined />
{this.config.username} {this.config.username}
</span> </span>
} }
@ -157,10 +168,11 @@ class Dashboard extends React.Component {
<Layout className="mobile-layout"> <Layout className="mobile-layout">
<div className="mobile-menu-button"> <div className="mobile-menu-button">
<Button type="link" onClick={this.showMobileNavigationBar}> <Button type="link" onClick={this.showMobileNavigationBar}>
<Icon {this.state.collapsed ? (
type={this.state.collapsed ? 'menu-fold' : 'menu-unfold'} <MenuFoldOutlined />
className="bar-icon" ) : (
/> <MenuUnfoldOutlined />
)}
</Button> </Button>
</div> </div>
</Layout> </Layout>
@ -194,14 +206,14 @@ class Dashboard extends React.Component {
> >
<Menu.Item key="1"> <Menu.Item key="1">
<Link to="/publisher/apps"> <Link to="/publisher/apps">
<Icon type="appstore" /> <AppstoreOutlined />
Apps Apps
</Link> </Link>
</Menu.Item> </Menu.Item>
<SubMenu <SubMenu
title={ title={
<span className="submenu-title-wrapper"> <span className="submenu-title-wrapper">
<Icon type="plus" /> <PlusOutlined />
Add New App Add New App
</span> </span>
} }
@ -223,7 +235,7 @@ class Dashboard extends React.Component {
</SubMenu> </SubMenu>
<Menu.Item key="2"> <Menu.Item key="2">
<Link to="/publisher/manage"> <Link to="/publisher/manage">
<Icon type="control" /> <ControlOutlined />
Manage Manage
</Link> </Link>
</Menu.Item> </Menu.Item>
@ -238,7 +250,7 @@ class Dashboard extends React.Component {
<SubMenu <SubMenu
title={ title={
<span className="submenu-title-wrapper"> <span className="submenu-title-wrapper">
<Icon type="user" /> <UserOutlined />
</span> </span>
} }
> >

4
components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/AddNewApp/components/AddNewAppForm/components/NewAppDetailsForm/index.js vendored
Unescape View File

@ -17,7 +17,9 @@
*/ */
import React from 'react'; import React from 'react';
import { Alert, Button, Col, Form, Input, Row, Select, Spin } from 'antd'; 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 axios from 'axios';
import { withConfigContext } from '../../../../../../../../components/ConfigContext'; import { withConfigContext } from '../../../../../../../../components/ConfigContext';
import { handleApiError } from '../../../../../../../../services/utils/errorHandler'; import { handleApiError } from '../../../../../../../../services/utils/errorHandler';

13
components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/AddNewApp/components/AddNewAppForm/components/NewAppUploadForm/index.js vendored
Unescape View File

@ -17,11 +17,12 @@
*/ */
import React from 'react'; 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 { import {
Button, Button,
Col, Col,
Form,
Icon,
Input, Input,
Row, Row,
Select, Select,
@ -280,7 +281,7 @@ class NewAppUploadForm extends React.Component {
} = this.state; } = this.state;
const uploadButton = ( const uploadButton = (
<div> <div>
<Icon type="plus" /> <PlusOutlined />
<div className="ant-upload-text">Select</div> <div className="ant-upload-text">Select</div>
</div> </div>
); );
@ -315,7 +316,7 @@ class NewAppUploadForm extends React.Component {
> >
{binaryFiles.length !== 1 && ( {binaryFiles.length !== 1 && (
<Button> <Button>
<Icon type="upload" /> Click to upload <UploadOutlined /> Click to upload
</Button> </Button>
)} )}
</Upload>, </Upload>,
@ -577,7 +578,7 @@ class NewAppUploadForm extends React.Component {
<Button <Button
type="dashed" type="dashed"
shape="circle" shape="circle"
icon="minus" icon={<MinusOutlined />}
onClick={() => { onClick={() => {
metaData.splice(index, 1); metaData.splice(index, 1);
this.setState({ this.setState({
@ -592,7 +593,7 @@ class NewAppUploadForm extends React.Component {
})} })}
<Button <Button
type="dashed" type="dashed"
icon="plus" icon={<PlusOutlined />}
onClick={this.addNewMetaData} onClick={this.addNewMetaData}
> >
Add Add

4
components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/AddNewApp/components/AddNewAppForm/index.js vendored
Unescape View File

@ -17,7 +17,9 @@
*/ */
import React from 'react'; import React from 'react';
import { Card, Button, Steps, Row, Col, Form, Result, Spin } from 'antd'; 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 axios from 'axios';
import { withRouter } from 'react-router-dom'; import { withRouter } from 'react-router-dom';
import NewAppDetailsForm from './components/NewAppDetailsForm'; import NewAppDetailsForm from './components/NewAppDetailsForm';

5
components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/AddNewApp/scenes/Custom/index.js vendored
Unescape View File

@ -17,7 +17,8 @@
*/ */
import React from 'react'; import React from 'react';
import { PageHeader, Typography, Breadcrumb, Icon, Result } from 'antd'; import { HomeOutlined } from '@ant-design/icons';
import { PageHeader, Typography, Breadcrumb, Result } from 'antd';
import AddNewAppForm from '../../components/AddNewAppForm'; import AddNewAppForm from '../../components/AddNewAppForm';
import { Link } from 'react-router-dom'; import { Link } from 'react-router-dom';
import Authorized from '../../../../../../components/Authorized/Authorized'; import Authorized from '../../../../../../components/Authorized/Authorized';
@ -58,7 +59,7 @@ class AddNewCustomApp extends React.Component {
<Breadcrumb style={{ paddingBottom: 16 }}> <Breadcrumb style={{ paddingBottom: 16 }}>
<Breadcrumb.Item> <Breadcrumb.Item>
<Link to="/publisher/apps"> <Link to="/publisher/apps">
<Icon type="home" /> Home <HomeOutlined /> Home
</Link> </Link>
</Breadcrumb.Item> </Breadcrumb.Item>
<Breadcrumb.Item>Add New Custom App</Breadcrumb.Item> <Breadcrumb.Item>Add New Custom App</Breadcrumb.Item>

5
components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/AddNewApp/scenes/Enterprise/index.js vendored
Unescape View File

@ -17,7 +17,8 @@
*/ */
import React from 'react'; import React from 'react';
import { PageHeader, Typography, Breadcrumb, Icon, Result } from 'antd'; import { HomeOutlined } from '@ant-design/icons';
import { PageHeader, Typography, Breadcrumb, Result } from 'antd';
import AddNewAppForm from '../../components/AddNewAppForm'; import AddNewAppForm from '../../components/AddNewAppForm';
import { Link } from 'react-router-dom'; import { Link } from 'react-router-dom';
import Authorized from '../../../../../../components/Authorized/Authorized'; import Authorized from '../../../../../../components/Authorized/Authorized';
@ -52,7 +53,7 @@ class AddNewEnterpriseApp extends React.Component {
<Breadcrumb style={{ paddingBottom: 16 }}> <Breadcrumb style={{ paddingBottom: 16 }}>
<Breadcrumb.Item> <Breadcrumb.Item>
<Link to="/publisher/apps"> <Link to="/publisher/apps">
<Icon type="home" /> Home <HomeOutlined /> Home
</Link> </Link>
</Breadcrumb.Item> </Breadcrumb.Item>
<Breadcrumb.Item>Add New Enterprise App</Breadcrumb.Item> <Breadcrumb.Item>Add New Enterprise App</Breadcrumb.Item>

5
components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/AddNewApp/scenes/Public/index.js vendored
Unescape View File

@ -17,7 +17,8 @@
*/ */
import React from 'react'; import React from 'react';
import { Icon, PageHeader, Typography, Breadcrumb, Result } from 'antd'; import { HomeOutlined } from '@ant-design/icons';
import { PageHeader, Typography, Breadcrumb, Result } from 'antd';
import AddNewAppForm from '../../components/AddNewAppForm'; import AddNewAppForm from '../../components/AddNewAppForm';
import { Link } from 'react-router-dom'; import { Link } from 'react-router-dom';
import Authorized from '../../../../../../components/Authorized/Authorized'; import Authorized from '../../../../../../components/Authorized/Authorized';
@ -59,7 +60,7 @@ class AddNewPublicApp extends React.Component {
<Breadcrumb style={{ paddingBottom: 16 }}> <Breadcrumb style={{ paddingBottom: 16 }}>
<Breadcrumb.Item> <Breadcrumb.Item>
<Link to="/publisher/apps"> <Link to="/publisher/apps">
<Icon type="home" /> Home <HomeOutlined /> Home
</Link> </Link>
</Breadcrumb.Item> </Breadcrumb.Item>
<Breadcrumb.Item>Add New Public App</Breadcrumb.Item> <Breadcrumb.Item>Add New Public App</Breadcrumb.Item>

5
components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/AddNewApp/scenes/WebClip/index.js vendored
Unescape View File

@ -17,7 +17,8 @@
*/ */
import React from 'react'; import React from 'react';
import { Icon, PageHeader, Typography, Breadcrumb, Result } from 'antd'; import { HomeOutlined } from '@ant-design/icons';
import { PageHeader, Typography, Breadcrumb, Result } from 'antd';
import AddNewAppForm from '../../components/AddNewAppForm'; import AddNewAppForm from '../../components/AddNewAppForm';
import { Link } from 'react-router-dom'; import { Link } from 'react-router-dom';
import Authorized from '../../../../../../components/Authorized/Authorized'; import Authorized from '../../../../../../components/Authorized/Authorized';
@ -55,7 +56,7 @@ class AddNewEnterpriseApp extends React.Component {
<Breadcrumb style={{ paddingBottom: 16 }}> <Breadcrumb style={{ paddingBottom: 16 }}>
<Breadcrumb.Item> <Breadcrumb.Item>
<Link to="/publisher/apps"> <Link to="/publisher/apps">
<Icon type="home" /> Home <HomeOutlined /> Home
</Link> </Link>
</Breadcrumb.Item> </Breadcrumb.Item>
<Breadcrumb.Item>Add New Web Clip</Breadcrumb.Item> <Breadcrumb.Item>Add New Web Clip</Breadcrumb.Item>

4
components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/AddNewRelease/components/AddNewReleaseForm/index.js vendored
Unescape View File

@ -17,7 +17,9 @@
*/ */
import React from 'react'; import React from 'react';
import { Form, notification, Spin, Card, Row, Col } from 'antd'; 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 axios from 'axios';
import { withRouter } from 'react-router-dom'; import { withRouter } from 'react-router-dom';
import { withConfigContext } from '../../../../../../components/ConfigContext'; import { withConfigContext } from '../../../../../../components/ConfigContext';

5
components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/AddNewRelease/index.js vendored
Unescape View File

@ -17,7 +17,8 @@
*/ */
import React from 'react'; import React from 'react';
import { Icon, PageHeader, Typography, Breadcrumb } from 'antd'; import { HomeOutlined } from '@ant-design/icons';
import { PageHeader, Typography, Breadcrumb } from 'antd';
import AddNewReleaseForm from './components/AddNewReleaseForm'; import AddNewReleaseForm from './components/AddNewReleaseForm';
import { Link } from 'react-router-dom'; import { Link } from 'react-router-dom';
@ -40,7 +41,7 @@ class AddNewRelease extends React.Component {
<Breadcrumb style={{ paddingBottom: 16 }}> <Breadcrumb style={{ paddingBottom: 16 }}>
<Breadcrumb.Item> <Breadcrumb.Item>
<Link to="/publisher/apps"> <Link to="/publisher/apps">
<Icon type="home" /> Home <HomeOutlined /> Home
</Link> </Link>
</Breadcrumb.Item> </Breadcrumb.Item>
<Breadcrumb.Item>Add New Release</Breadcrumb.Item> <Breadcrumb.Item>Add New Release</Breadcrumb.Item>

43
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 vendored
Unescape View File

@ -29,7 +29,6 @@ import {
Button, Button,
Spin, Spin,
message, message,
Icon,
Card, Card,
Badge, Badge,
Tooltip, Tooltip,
@ -48,7 +47,14 @@ import ManagedConfigurationsIframe from './components/ManagedConfigurationsIfram
import { handleApiError } from '../../../../../../../../../services/utils/errorHandler'; import { handleApiError } from '../../../../../../../../../services/utils/errorHandler';
import Authorized from '../../../../../../../../../components/Authorized/Authorized'; import Authorized from '../../../../../../../../../components/Authorized/Authorized';
import { isAuthorized } from '../../../../../../../../../services/utils/authorizationHandler'; import { isAuthorized } from '../../../../../../../../../services/utils/authorizationHandler';
import { MoreOutlined } from '@ant-design/icons'; import {
CheckCircleOutlined,
EditOutlined,
MoreOutlined,
StarOutlined,
UploadOutlined,
CheckOutlined,
} from '@ant-design/icons';
import DeleteApp from './components/DeleteApp'; import DeleteApp from './components/DeleteApp';
import RetireApp from './components/RetireApp'; import RetireApp from './components/RetireApp';
@ -56,13 +62,6 @@ const { Meta } = Card;
const { Text, Title } = Typography; const { Text, Title } = Typography;
const { Option } = Select; const { Option } = Select;
const IconText = ({ type, text }) => (
<span>
<Icon type={type} style={{ marginRight: 8 }} />
{text}
</span>
);
const modules = { const modules = {
toolbar: [ toolbar: [
['bold', 'italic', 'underline', 'strike', 'blockquote'], ['bold', 'italic', 'underline', 'strike', 'blockquote'],
@ -603,13 +602,12 @@ class AppDetailsDrawer extends React.Component {
title="Published" title="Published"
count={ count={
<Tooltip title="Published"> <Tooltip title="Published">
<Icon <CheckCircleOutlined
style={{ style={{
backgroundColor: '#52c41a', backgroundColor: '#52c41a',
borderRadius: '50%', borderRadius: '50%',
color: 'white', color: 'white',
}} }}
type="check-circle"
/> />
</Tooltip> </Tooltip>
} }
@ -633,24 +631,15 @@ class AppDetailsDrawer extends React.Component {
description={ description={
<div <div
style={{ style={{
fontSize: '0.7em', fontSize: '0.8em',
}} }}
className="description-view" className="description-view"
> >
<IconText <CheckOutlined /> {release.currentStatus}
type="check"
text={release.currentStatus}
/>
<Divider type="vertical" /> <Divider type="vertical" />
<IconText <UploadOutlined /> {release.releaseType}
type="upload"
text={release.releaseType}
/>
<Divider type="vertical" /> <Divider type="vertical" />
<IconText <StarOutlined /> {release.rating.toFixed(1)}
type="star-o"
text={release.rating.toFixed(1)}
/>
</div> </div>
} }
/> />
@ -698,7 +687,7 @@ class AppDetailsDrawer extends React.Component {
}} }}
onClick={this.enableDescriptionEdit} onClick={this.enableDescriptionEdit}
> >
<Icon type="edit" /> <EditOutlined />
</Text> </Text>
) )
} }
@ -754,7 +743,7 @@ class AppDetailsDrawer extends React.Component {
}} }}
onClick={this.enableCategoriesEdit} onClick={this.enableCategoriesEdit}
> >
<Icon type="edit" /> <EditOutlined />
</Text> </Text>
) )
} }
@ -821,7 +810,7 @@ class AppDetailsDrawer extends React.Component {
}} }}
onClick={this.enableTagsEdit} onClick={this.enableTagsEdit}
> >
<Icon type="edit" /> <EditOutlined />
</Text> </Text>
) )
} }

11
components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/Apps/components/AppList/components/ApssTable/index.js vendored
Unescape View File

@ -17,13 +17,15 @@
*/ */
import React from 'react'; import React from 'react';
import { Avatar, Table, Tag, Icon, Badge, Alert, Tooltip } from 'antd'; import { CheckCircleOutlined } from '@ant-design/icons';
import { Avatar, Table, Tag, Badge, Alert, Tooltip } from 'antd';
import axios from 'axios'; import axios from 'axios';
import pSBC from 'shade-blend-color'; import pSBC from 'shade-blend-color';
import './styles.css'; import './styles.css';
import { withConfigContext } from '../../../../../../../../components/ConfigContext'; import { withConfigContext } from '../../../../../../../../components/ConfigContext';
import AppDetailsDrawer from './AppDetailsDrawer'; import AppDetailsDrawer from './AppDetailsDrawer';
import { handleApiError } from '../../../../../../../../services/utils/errorHandler'; import { handleApiError } from '../../../../../../../../services/utils/errorHandler';
import { EntgraIcon } from 'entgra-icons-react';
let config = null; let config = null;
@ -69,13 +71,12 @@ const columns = [
}} }}
count={ count={
<Tooltip title="Published"> <Tooltip title="Published">
<Icon <CheckCircleOutlined
style={{ style={{
backgroundColor: '#52c41a', backgroundColor: '#52c41a',
borderRadius: '50%', borderRadius: '50%',
color: 'white', color: 'white',
}} }}
type="check-circle"
/> />
</Tooltip> </Tooltip>
} }
@ -139,15 +140,13 @@ const columns = [
const defaultPlatformIcons = config.defaultPlatformIcons; const defaultPlatformIcons = config.defaultPlatformIcons;
let icon = defaultPlatformIcons.default.icon; let icon = defaultPlatformIcons.default.icon;
let color = defaultPlatformIcons.default.color; let color = defaultPlatformIcons.default.color;
let theme = defaultPlatformIcons.default.theme;
if (defaultPlatformIcons.hasOwnProperty(platform)) { if (defaultPlatformIcons.hasOwnProperty(platform)) {
icon = defaultPlatformIcons[platform].icon; icon = defaultPlatformIcons[platform].icon;
color = defaultPlatformIcons[platform].color; color = defaultPlatformIcons[platform].color;
theme = defaultPlatformIcons[platform].theme;
} }
return ( return (
<span style={{ fontSize: 20, color: color, textAlign: 'center' }}> <span style={{ fontSize: 20, color: color, textAlign: 'center' }}>
<Icon type={icon} theme={theme} /> <EntgraIcon type={icon} />
</span> </span>
); );
}, },

25
components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/Apps/components/AppList/components/Filters/index.js vendored
Unescape View File

@ -17,16 +17,9 @@
*/ */
import React from 'react'; import React from 'react';
import { import { Form } from '@ant-design/compatible';
Card, import '@ant-design/compatible/assets/index.css';
Col, import { Card, Col, Row, Typography, Divider, Select, Button } from 'antd';
Row,
Typography,
Divider,
Select,
Button,
Form,
} from 'antd';
import axios from 'axios'; import axios from 'axios';
import { withConfigContext } from '../../../../../../../../components/ConfigContext'; import { withConfigContext } from '../../../../../../../../components/ConfigContext';
import { handleApiError } from '../../../../../../../../services/utils/errorHandler'; import { handleApiError } from '../../../../../../../../services/utils/errorHandler';
@ -196,7 +189,8 @@ class FiltersForm extends React.Component {
permission="/permission/admin/app-mgt/publisher/application/update" permission="/permission/admin/app-mgt/publisher/application/update"
yes={ yes={
<div> <div>
<Form.Item label="Categories"> <p>Categories:</p>
<Form.Item>
{getFieldDecorator('categories', { {getFieldDecorator('categories', {
rules: [ rules: [
{ {
@ -221,7 +215,8 @@ class FiltersForm extends React.Component {
</Select>, </Select>,
)} )}
</Form.Item> </Form.Item>
<Form.Item label="Tags"> <p>Tags:</p>
<Form.Item>
{getFieldDecorator('tags', { {getFieldDecorator('tags', {
rules: [ rules: [
{ {
@ -244,10 +239,11 @@ class FiltersForm extends React.Component {
</div> </div>
} }
/> />
<p>Device Type:</p>
<Authorized <Authorized
permission="/permission/admin/device-mgt/admin/device-type/view" permission="/permission/admin/device-mgt/admin/device-type/view"
yes={ yes={
<Form.Item label="Device Type"> <Form.Item>
{getFieldDecorator('deviceType', { {getFieldDecorator('deviceType', {
rules: [ rules: [
{ {
@ -271,7 +267,8 @@ class FiltersForm extends React.Component {
</Form.Item> </Form.Item>
} }
/> />
<Form.Item label="App Type"> <p>App Type:</p>
<Form.Item>
{getFieldDecorator('appType', {})( {getFieldDecorator('appType', {})(
<Select style={{ width: '100%' }} placeholder="Select app type"> <Select style={{ width: '100%' }} placeholder="Select app type">
<Option value="ENTERPRISE">Enterprise</Option> <Option value="ENTERPRISE">Enterprise</Option>

5
components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/Apps/components/DetailedRating/index.js vendored
Unescape View File

@ -17,7 +17,8 @@
*/ */
import React from 'react'; import React from 'react';
import { Row, Typography, Icon } from 'antd'; import { TeamOutlined } from '@ant-design/icons';
import { Row, Typography } from 'antd';
import StarRatings from 'react-star-ratings'; import StarRatings from 'react-star-ratings';
import './styles.css'; import './styles.css';
import axios from 'axios'; import axios from 'axios';
@ -118,7 +119,7 @@ class DetailedRating extends React.Component {
/> />
<br /> <br />
<Text type="secondary" className="people-count"> <Text type="secondary" className="people-count">
<Icon type="team" /> {totalCount} total <TeamOutlined /> {totalCount} total
</Text> </Text>
</div> </div>
<div className="bar-containers"> <div className="bar-containers">

7
components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/Apps/scenes/Release/components/LifeCycle/components/lifeCycleDetailsModal/index.js vendored
Unescape View File

@ -17,6 +17,7 @@
*/ */
import React from 'react'; import React from 'react';
import { QuestionCircleOutlined } from '@ant-design/icons';
import { Modal, Button, Tag, List, Typography } from 'antd'; import { Modal, Button, Tag, List, Typography } from 'antd';
import pSBC from 'shade-blend-color'; import pSBC from 'shade-blend-color';
import { withConfigContext } from '../../../../../../../../../../components/ConfigContext'; import { withConfigContext } from '../../../../../../../../../../components/ConfigContext';
@ -47,7 +48,11 @@ class LifeCycleDetailsModal extends React.Component {
const { lifecycle } = this.props; const { lifecycle } = this.props;
return ( return (
<div> <div>
<Button size="small" icon="question-circle" onClick={this.showModal}> <Button
size="small"
icon={<QuestionCircleOutlined />}
onClick={this.showModal}
>
Learn more Learn more
</Button> </Button>
<Modal <Modal

66
components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/Apps/scenes/Release/components/LifeCycle/index.js vendored
Unescape View File

@ -25,7 +25,6 @@ import {
Modal, Modal,
notification, notification,
Steps, Steps,
Icon,
Alert, Alert,
Tabs, Tabs,
} from 'antd'; } from 'antd';
@ -36,7 +35,7 @@ import './styles.css';
import { withConfigContext } from '../../../../../../../../components/ConfigContext'; import { withConfigContext } from '../../../../../../../../components/ConfigContext';
import { handleApiError } from '../../../../../../../../services/utils/errorHandler'; import { handleApiError } from '../../../../../../../../services/utils/errorHandler';
import LifeCycleHistory from './components/LifeCycleHistory'; import LifeCycleHistory from './components/LifeCycleHistory';
import { EntgraIcon } from 'entgra-icons-react';
const { Text, Title, Paragraph } = Typography; const { Text, Title, Paragraph } = Typography;
const { TabPane } = Tabs; const { TabPane } = Tabs;
@ -216,7 +215,6 @@ class LifeCycle extends React.Component {
) { ) {
proceedingStates = lifecycle[currentStatus].proceedingStates; proceedingStates = lifecycle[currentStatus].proceedingStates;
} }
return ( return (
<div> <div>
<Title level={4}>Manage Lifecycle</Title> <Title level={4}>Manage Lifecycle</Title>
@ -236,36 +234,38 @@ class LifeCycle extends React.Component {
onChange={this.onChange} onChange={this.onChange}
size="small" size="small"
> >
{lifecycleSteps.map((step, index) => ( {lifecycleSteps.map((step, index) => {
<Step return (
key={index} <Step
icon={<Icon type={step.icon} />} key={index}
title={step.title} icon={<EntgraIcon type={step.icon} />}
disabled={current !== step.step} title={step.title}
description={ disabled={current !== step.step}
current === step.step && ( description={
<div style={{ width: 400 }}> current === step.step && (
<p>{step.text}</p> <div style={{ width: 400 }}>
{proceedingStates.map(lifecycleState => { <p>{step.text}</p>
return ( {proceedingStates.map(lifecycleState => {
<Button return (
size={'small'} <Button
style={{ marginRight: 3 }} size={'small'}
onClick={() => style={{ marginRight: 3 }}
this.showReasonModal(lifecycleState) onClick={() =>
} this.showReasonModal(lifecycleState)
key={lifecycleState} }
type={'primary'} key={lifecycleState}
> type={'primary'}
{lifecycleState} >
</Button> {lifecycleState}
); </Button>
})} );
</div> })}
) </div>
} )
/> }
))} />
);
})}
</Steps> </Steps>
</div> </div>
</TabPane> </TabPane>

5
components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/Apps/scenes/Release/components/ReleaseView/components/DeleteRelease/index.js vendored
Unescape View File

@ -17,7 +17,8 @@
*/ */
import React from 'react'; import React from 'react';
import { Modal, Button, Icon, notification } from 'antd'; import { DeleteOutlined } from '@ant-design/icons';
import { Modal, Button, notification } from 'antd';
import axios from 'axios'; import axios from 'axios';
import { handleApiError } from '../../../../../../../../../../services/utils/errorHandler'; import { handleApiError } from '../../../../../../../../../../services/utils/errorHandler';
import { withConfigContext } from '../../../../../../../../../../components/ConfigContext'; import { withConfigContext } from '../../../../../../../../../../components/ConfigContext';
@ -77,7 +78,7 @@ class DeleteRelease extends React.Component {
type="danger" type="danger"
onClick={this.showModal} onClick={this.showModal}
> >
<Icon type="delete" /> Delete <DeleteOutlined /> Delete
</Button> </Button>
</> </>
); );

20
components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/Apps/scenes/Release/components/ReleaseView/components/EditRelease/index.js vendored
Unescape View File

@ -17,16 +17,22 @@
*/ */
import React from 'react'; import React from 'react';
import {
EditOutlined,
MinusOutlined,
PlusOutlined,
UploadOutlined,
} from '@ant-design/icons';
import { Form } from '@ant-design/compatible';
import '@ant-design/compatible/assets/index.css';
import { import {
Modal, Modal,
Button, Button,
Icon,
notification, notification,
Spin, Spin,
Tooltip, Tooltip,
Upload, Upload,
Input, Input,
Form,
Divider, Divider,
Row, Row,
Col, Col,
@ -397,7 +403,7 @@ class EditReleaseModal extends React.Component {
const config = this.props.context; const config = this.props.context;
const uploadButton = ( const uploadButton = (
<div> <div>
<Icon type="plus" /> <PlusOutlined />
<div className="ant-upload-text">Select</div> <div className="ant-upload-text">Select</div>
</div> </div>
); );
@ -417,7 +423,7 @@ class EditReleaseModal extends React.Component {
type="primary" type="primary"
onClick={this.showModal} onClick={this.showModal}
> >
<Icon type="edit" /> Edit <EditOutlined /> Edit
</Button> </Button>
</Tooltip> </Tooltip>
<Modal <Modal
@ -450,7 +456,7 @@ class EditReleaseModal extends React.Component {
> >
{binaryFiles.length !== 1 && ( {binaryFiles.length !== 1 && (
<Button> <Button>
<Icon type="upload" /> Change <UploadOutlined /> Change
</Button> </Button>
)} )}
</Upload>, </Upload>,
@ -676,7 +682,7 @@ class EditReleaseModal extends React.Component {
<Button <Button
type="dashed" type="dashed"
shape="circle" shape="circle"
icon="minus" icon={<MinusOutlined />}
onClick={() => { onClick={() => {
metaData.splice(index, 1); metaData.splice(index, 1);
this.setState({ this.setState({
@ -691,7 +697,7 @@ class EditReleaseModal extends React.Component {
})} })}
<Button <Button
type="dashed" type="dashed"
icon="plus" icon={<PlusOutlined />}
onClick={this.addNewMetaData} onClick={this.addNewMetaData}
> >
Add Add

2
components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/Apps/scenes/Release/components/ReleaseView/components/Reviews/components/Review/index.js vendored
Unescape View File

@ -63,7 +63,7 @@ class SingleReview extends React.Component {
); );
return ( return (
<div> <div style={{ width: '100%' }}>
<List.Item.Meta <List.Item.Meta
avatar={ avatar={
<Avatar <Avatar

21
components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/Apps/scenes/Release/components/ReleaseView/index.js vendored
Unescape View File

@ -17,16 +17,8 @@
*/ */
import React from 'react'; import React from 'react';
import { import { ShopOutlined } from '@ant-design/icons';
Divider, import { Divider, Row, Col, Typography, Button, Tooltip, Alert } from 'antd';
Row,
Col,
Typography,
Button,
Icon,
Tooltip,
Alert,
} from 'antd';
import StarRatings from 'react-star-ratings'; import StarRatings from 'react-star-ratings';
import Reviews from './components/Reviews'; import Reviews from './components/Reviews';
import '../../../../../../../../App.css'; import '../../../../../../../../App.css';
@ -35,6 +27,7 @@ import EditRelease from './components/EditRelease';
import { withConfigContext } from '../../../../../../../../components/ConfigContext'; import { withConfigContext } from '../../../../../../../../components/ConfigContext';
import Authorized from '../../../../../../../../components/Authorized/Authorized'; import Authorized from '../../../../../../../../components/Authorized/Authorized';
import DeleteRelease from './components/DeleteRelease'; import DeleteRelease from './components/DeleteRelease';
import { EntgraIcon } from 'entgra-icons-react';
const { Title, Text, Paragraph } = Typography; const { Title, Text, Paragraph } = Typography;
@ -64,12 +57,10 @@ class ReleaseView extends React.Component {
const defaultPlatformIcons = config.defaultPlatformIcons; const defaultPlatformIcons = config.defaultPlatformIcons;
let icon = defaultPlatformIcons.default.icon; let icon = defaultPlatformIcons.default.icon;
let color = defaultPlatformIcons.default.color; let color = defaultPlatformIcons.default.color;
let theme = defaultPlatformIcons.default.theme;
if (defaultPlatformIcons.hasOwnProperty(platform)) { if (defaultPlatformIcons.hasOwnProperty(platform)) {
icon = defaultPlatformIcons[platform].icon; icon = defaultPlatformIcons[platform].icon;
color = defaultPlatformIcons[platform].color; color = defaultPlatformIcons[platform].color;
theme = defaultPlatformIcons[platform].theme;
} }
let metaData = []; let metaData = [];
try { try {
@ -98,7 +89,7 @@ class ReleaseView extends React.Component {
<br /> <br />
<Text>Platform : </Text> <Text>Platform : </Text>
<span style={{ fontSize: 20, color: color, textAlign: 'center' }}> <span style={{ fontSize: 20, color: color, textAlign: 'center' }}>
<Icon type={icon} theme={theme} /> <EntgraIcon type={icon} />
</span> </span>
<Divider type="vertical" /> <Divider type="vertical" />
<Text>Version : {release.version}</Text> <Text>Version : {release.version}</Text>
@ -140,7 +131,7 @@ class ReleaseView extends React.Component {
style={{ float: 'right' }} style={{ float: 'right' }}
htmlType="button" htmlType="button"
type="primary" type="primary"
icon="shop" icon={<ShopOutlined />}
disabled={!isAppInstallable} disabled={!isAppInstallable}
onClick={() => { onClick={() => {
window.open( window.open(
@ -161,7 +152,7 @@ class ReleaseView extends React.Component {
</Col> </Col>
</Row> </Row>
<Divider /> <Divider />
<Row className="release-images"> <Row className="release-images" style={{ flexFlow: 'nowrap' }}>
{release.screenshots.map((screenshotUrl, index) => { {release.screenshots.map((screenshotUrl, index) => {
return ( return (
<div key={index} className="release-screenshot"> <div key={index} className="release-screenshot">

11
components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/Manage/components/Categories/index.js vendored
Unescape View File

@ -17,11 +17,11 @@
*/ */
import React from 'react'; import React from 'react';
import { DeleteOutlined, EditOutlined, PlusOutlined } from '@ant-design/icons';
import { import {
Card, Card,
Tag, Tag,
message, message,
Icon,
Input, Input,
notification, notification,
Divider, Divider,
@ -157,11 +157,10 @@ class ManageCategories extends React.Component {
<> <>
<Divider type="vertical" /> <Divider type="vertical" />
<Tooltip title="edit"> <Tooltip title="edit">
<Icon <EditOutlined
onClick={() => { onClick={() => {
this.openEditModal(categoryName); this.openEditModal(categoryName);
}} }}
type="edit"
/> />
</Tooltip> </Tooltip>
<Divider type="vertical" /> <Divider type="vertical" />
@ -182,7 +181,7 @@ class ManageCategories extends React.Component {
okText="Yes" okText="Yes"
cancelText="No" cancelText="No"
> >
<Icon type="delete" /> <DeleteOutlined />
</Popconfirm> </Popconfirm>
</Tooltip> </Tooltip>
</> </>
@ -399,7 +398,7 @@ class ManageCategories extends React.Component {
{!isAddNewVisible && ( {!isAddNewVisible && (
<div style={{ float: 'right' }}> <div style={{ float: 'right' }}>
<Button <Button
icon="plus" icon={<PlusOutlined />}
// type="primary" // type="primary"
size="small" size="small"
onClick={() => { onClick={() => {
@ -456,7 +455,7 @@ class ManageCategories extends React.Component {
onClick={this.showInput} onClick={this.showInput}
style={{ background: '#fff', borderStyle: 'dashed' }} style={{ background: '#fff', borderStyle: 'dashed' }}
> >
<Icon type="plus" /> New Category <PlusOutlined /> New Category
</Tag> </Tag>
)} )}
</TweenOneGroup> </TweenOneGroup>

11
components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/Manage/components/Tags/index.js vendored
Unescape View File

@ -17,11 +17,11 @@
*/ */
import React from 'react'; import React from 'react';
import { DeleteOutlined, EditOutlined, PlusOutlined } from '@ant-design/icons';
import { import {
Card, Card,
Tag, Tag,
message, message,
Icon,
Input, Input,
notification, notification,
Divider, Divider,
@ -151,11 +151,10 @@ class ManageTags extends React.Component {
<> <>
<Divider type="vertical" /> <Divider type="vertical" />
<Tooltip title="edit"> <Tooltip title="edit">
<Icon <EditOutlined
onClick={() => { onClick={() => {
this.openEditModal(tagName); this.openEditModal(tagName);
}} }}
type="edit"
/> />
</Tooltip> </Tooltip>
<Divider type="vertical" /> <Divider type="vertical" />
@ -176,7 +175,7 @@ class ManageTags extends React.Component {
okText="Yes" okText="Yes"
cancelText="No" cancelText="No"
> >
<Icon type="delete" /> <DeleteOutlined />
</Popconfirm> </Popconfirm>
</Tooltip> </Tooltip>
</> </>
@ -390,7 +389,7 @@ class ManageTags extends React.Component {
{!isAddNewVisible && ( {!isAddNewVisible && (
<div style={{ float: 'right' }}> <div style={{ float: 'right' }}>
<Button <Button
icon="plus" icon={<PlusOutlined />}
// type="primary" // type="primary"
size="small" size="small"
onClick={() => { onClick={() => {
@ -447,7 +446,7 @@ class ManageTags extends React.Component {
onClick={this.showInput} onClick={this.showInput}
style={{ background: '#fff', borderStyle: 'dashed' }} style={{ background: '#fff', borderStyle: 'dashed' }}
> >
<Icon type="plus" /> New Tag <PlusOutlined /> New Tag
</Tag> </Tag>
)} )}
</TweenOneGroup> </TweenOneGroup>

5
components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/Manage/index.js vendored
Unescape View File

@ -17,7 +17,8 @@
*/ */
import React from 'react'; import React from 'react';
import { PageHeader, Typography, Breadcrumb, Row, Col, Icon } from 'antd'; import { HomeOutlined } from '@ant-design/icons';
import { PageHeader, Typography, Breadcrumb, Row, Col } from 'antd';
import ManageCategories from './components/Categories'; import ManageCategories from './components/Categories';
import ManageTags from './components/Tags'; import ManageTags from './components/Tags';
import { Link } from 'react-router-dom'; import { Link } from 'react-router-dom';
@ -40,7 +41,7 @@ class Manage extends React.Component {
<Breadcrumb style={{ paddingBottom: 16 }}> <Breadcrumb style={{ paddingBottom: 16 }}>
<Breadcrumb.Item> <Breadcrumb.Item>
<Link to="/publisher/apps"> <Link to="/publisher/apps">
<Icon type="home" /> Home <HomeOutlined /> Home
</Link> </Link>
</Breadcrumb.Item> </Breadcrumb.Item>
<Breadcrumb.Item>Manage</Breadcrumb.Item> <Breadcrumb.Item>Manage</Breadcrumb.Item>

6
components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/Manage/scenes/AndroidEnterprise/components/Pages/index.js vendored
Unescape View File

@ -18,13 +18,13 @@
import React from 'react'; import React from 'react';
import axios from 'axios'; import axios from 'axios';
import { DeleteOutlined, HomeOutlined } from '@ant-design/icons';
import { import {
Tag, Tag,
notification, notification,
Table, Table,
Typography, Typography,
Divider, Divider,
Icon,
Popconfirm, Popconfirm,
Button, Button,
} from 'antd'; } from 'antd';
@ -239,7 +239,7 @@ class Pages extends React.Component {
<Button <Button
disabled={page.id === this.state.homePageId} disabled={page.id === this.state.homePageId}
className="btn-warning" className="btn-warning"
icon="home" icon={<HomeOutlined />}
type="link" type="link"
onClick={() => { onClick={() => {
this.updateHomePage(page.id); this.updateHomePage(page.id);
@ -259,7 +259,7 @@ class Pages extends React.Component {
> >
<span className="action"> <span className="action">
<Text type="danger"> <Text type="danger">
<Icon type="delete" /> delete <DeleteOutlined /> delete
</Text> </Text>
</span> </span>
</Popconfirm> </Popconfirm>

3
components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/Manage/scenes/AndroidEnterprise/components/SyncAndroidApps/index.js vendored
Unescape View File

@ -17,6 +17,7 @@
*/ */
import React from 'react'; import React from 'react';
import { SyncOutlined } from '@ant-design/icons';
import { Button, notification } from 'antd'; import { Button, notification } from 'antd';
import axios from 'axios'; import axios from 'axios';
import { withConfigContext } from '../../../../../../../../components/ConfigContext'; import { withConfigContext } from '../../../../../../../../components/ConfigContext';
@ -69,7 +70,7 @@ class SyncAndroidApps extends React.Component {
loading={loading} loading={loading}
style={{ marginTop: 16 }} style={{ marginTop: 16 }}
type="primary" type="primary"
icon="sync" icon={<SyncOutlined />}
> >
Sync{loading && 'ing...'} Sync{loading && 'ing...'}
</Button> </Button>

5
components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/Manage/scenes/AndroidEnterprise/index.js vendored
Unescape View File

@ -17,7 +17,8 @@
*/ */
import React from 'react'; import React from 'react';
import { PageHeader, Breadcrumb, Divider, Icon, Result } from 'antd'; import { HomeOutlined } from '@ant-design/icons';
import { PageHeader, Breadcrumb, Divider, Result } from 'antd';
import { Link } from 'react-router-dom'; import { Link } from 'react-router-dom';
import SyncAndroidApps from './components/SyncAndroidApps'; import SyncAndroidApps from './components/SyncAndroidApps';
import { withConfigContext } from '../../../../../../components/ConfigContext'; import { withConfigContext } from '../../../../../../components/ConfigContext';
@ -41,7 +42,7 @@ class ManageAndroidEnterprise extends React.Component {
<Breadcrumb style={{ paddingBottom: 16 }}> <Breadcrumb style={{ paddingBottom: 16 }}>
<Breadcrumb.Item> <Breadcrumb.Item>
<Link to="/publisher/apps"> <Link to="/publisher/apps">
<Icon type="home" /> Home <HomeOutlined /> Home
</Link> </Link>
</Breadcrumb.Item> </Breadcrumb.Item>
<Breadcrumb.Item>Manage</Breadcrumb.Item> <Breadcrumb.Item>Manage</Breadcrumb.Item>

5
components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/Manage/scenes/AndroidEnterprise/scenes/Page/components/Cluster/components/AddAppsToClusterModal/index.js vendored
Unescape View File

@ -17,7 +17,8 @@
*/ */
import React from 'react'; import React from 'react';
import { Modal, Icon, Table, Avatar } from 'antd'; import { PlusOutlined } from '@ant-design/icons';
import { Modal, Table, Avatar } from 'antd';
import '../../styles.css'; import '../../styles.css';
import { withConfigContext } from '../../../../../../../../../../../../components/ConfigContext'; import { withConfigContext } from '../../../../../../../../../../../../components/ConfigContext';
@ -84,7 +85,7 @@ class AddAppsToClusterModal extends React.Component {
<div className="btn-add-new-wrapper"> <div className="btn-add-new-wrapper">
<div className="btn-add-new"> <div className="btn-add-new">
<button className="btn" onClick={this.showModal}> <button className="btn" onClick={this.showModal}>
<Icon style={{ position: 'relative' }} type="plus" /> <PlusOutlined style={{ position: 'relative' }} />
</button> </button>
</div> </div>
<div className="title">Add app</div> <div className="title">Add app</div>

21
components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/Manage/scenes/AndroidEnterprise/scenes/Page/components/Cluster/index.js vendored
Unescape View File

@ -17,11 +17,18 @@
*/ */
import React from 'react'; import React from 'react';
import {
CaretDownOutlined,
CaretLeftFilled,
CaretRightFilled,
CaretUpOutlined,
CloseCircleFilled,
DeleteOutlined,
} from '@ant-design/icons';
import { import {
Button, Button,
Col, Col,
Divider, Divider,
Icon,
message, message,
notification, notification,
Popconfirm, Popconfirm,
@ -304,7 +311,7 @@ class Cluster extends React.Component {
this.swapProduct(index, index - 1); this.swapProduct(index, index - 1);
}} }}
> >
<Icon type="caret-left" theme="filled" /> <CaretLeftFilled />
</button> </button>
)} )}
</div> </div>
@ -324,7 +331,7 @@ class Cluster extends React.Component {
}} }}
className="btn btn-right" className="btn btn-right"
> >
<Icon type="caret-right" theme="filled" /> <CaretRightFilled />
</button> </button>
</div> </div>
<div className="delete-btn"> <div className="delete-btn">
@ -334,7 +341,7 @@ class Cluster extends React.Component {
this.removeProduct(index); this.removeProduct(index);
}} }}
> >
<Icon type="close-circle" theme="filled" /> <CloseCircleFilled />
</button> </button>
</div> </div>
</> </>
@ -363,7 +370,7 @@ class Cluster extends React.Component {
<Tooltip title="Move Up"> <Tooltip title="Move Up">
<Button <Button
type="link" type="link"
icon="caret-up" icon={<CaretUpOutlined />}
size="large" size="large"
onClick={() => { onClick={() => {
this.props.swapClusters(index, index - 1); this.props.swapClusters(index, index - 1);
@ -374,7 +381,7 @@ class Cluster extends React.Component {
<Tooltip title="Move Down"> <Tooltip title="Move Down">
<Button <Button
type="link" type="link"
icon="caret-down" icon={<CaretDownOutlined />}
size="large" size="large"
onClick={() => { onClick={() => {
this.props.swapClusters(index, index + 1); this.props.swapClusters(index, index + 1);
@ -391,7 +398,7 @@ class Cluster extends React.Component {
> >
<Button <Button
type="danger" type="danger"
icon="delete" icon={<DeleteOutlined />}
shape="circle" shape="circle"
htmlType="button" htmlType="button"
/> />

6
components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Home/scenes/Manage/scenes/AndroidEnterprise/scenes/Page/index.js vendored
Unescape View File

@ -17,12 +17,12 @@
*/ */
import React from 'react'; import React from 'react';
import { HomeOutlined, PlusOutlined } from '@ant-design/icons';
import { import {
PageHeader, PageHeader,
Typography, Typography,
Breadcrumb, Breadcrumb,
Button, Button,
Icon,
Col, Col,
Row, Row,
notification, notification,
@ -326,7 +326,7 @@ class Page extends React.Component {
<Breadcrumb style={{ paddingBottom: 16 }}> <Breadcrumb style={{ paddingBottom: 16 }}>
<Breadcrumb.Item> <Breadcrumb.Item>
<Link to="/publisher/apps"> <Link to="/publisher/apps">
<Icon type="home" /> Home <HomeOutlined /> Home
</Link> </Link>
</Breadcrumb.Item> </Breadcrumb.Item>
<Breadcrumb.Item>Manage</Breadcrumb.Item> <Breadcrumb.Item>Manage</Breadcrumb.Item>
@ -406,7 +406,7 @@ class Page extends React.Component {
<Button <Button
type="dashed" type="dashed"
shape="round" shape="round"
icon="plus" icon={<PlusOutlined />}
size="large" size="large"
onClick={() => { onClick={() => {
this.toggleAddNewClusterVisibility(true); this.toggleAddNewClusterVisibility(true);

9
components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/scenes/Login/index.js vendored
Unescape View File

@ -17,12 +17,13 @@
*/ */
import React from 'react'; import React from 'react';
import { LockOutlined, UserOutlined } from '@ant-design/icons';
import { Form } from '@ant-design/compatible';
import '@ant-design/compatible/assets/index.css';
import { import {
Typography, Typography,
Row, Row,
Col, Col,
Form,
Icon,
Input, Input,
Button, Button,
message, message,
@ -156,7 +157,7 @@ class NormalLoginForm extends React.Component {
})( })(
<Input <Input
style={{ height: 32 }} style={{ height: 32 }}
prefix={<Icon type="user" style={{ color: 'rgba(0,0,0,.25)' }} />} prefix={<UserOutlined style={{ color: 'rgba(0,0,0,.25)' }} />}
placeholder="Username" placeholder="Username"
/>, />,
)} )}
@ -167,7 +168,7 @@ class NormalLoginForm extends React.Component {
})( })(
<Input <Input
style={{ height: 32 }} style={{ height: 32 }}
prefix={<Icon type="lock" style={{ color: 'rgba(0,0,0,.25)' }} />} prefix={<LockOutlined style={{ color: 'rgba(0,0,0,.25)' }} />}
type="password" type="password"
placeholder="Password" placeholder="Password"
/>, />,

Write Preview
Loading…
Cancel
Save