community/device-mgt-core
1
0
Fork 0
mirror of https://repository.entgra.net/community/device-mgt-core.git synced 2025-10-06 02:01:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

Complete lifecycle component in APPM publisher UI

Browse Source
This commit is contained in:
Jayasanka 2019-06-21 00:02:19 +05:30
parent 65c102eb86
commit 05d2327205
1 changed files with 29 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/components/apps/release/lifeCycle/LifeCycle.js vendored
View File

@ -1,5 +1,5 @@
import React from "react";
import {Typography, Tag, Divider, Select, Button, Modal, message, notification} from "antd";
import {Typography, Tag, Divider, Select, Button, Modal, message, notification, Collapse} from "antd";
import axios from "axios";
import config from "../../../../../public/conf/config.json";
@ -9,6 +9,7 @@ import './LifeCycle.css';
const {Text, Title, Paragraph} = Typography;
const {Option} = Select;
const Panel = Collapse.Panel;
const modules = {
toolbar: [
@ -193,6 +194,33 @@ class LifeCycle extends React.Component {
Change
</Button>
<Divider/>
<Text strong={true}>Lorem Ipsum</Text>
<Collapse defaultActiveKey={currentStatus}>
{
Object.keys(lifecycle).map(lifecycleState => {
return (
<Panel header={lifecycleState} key={lifecycleState}>
{
Object.keys(lifecycle).map(state => {
// console.log(lifecycle[lifecycleState].proceedingStates);
const isEnabled = lifecycle[lifecycleState].hasOwnProperty("proceedingStates") && (lifecycle[lifecycleState].proceedingStates.includes(state));
const color = isEnabled ? "green" : "";
return (
<Tag
disabled={!isEnabled}
key={state} style={{marginBottom: 5}} color={color}>{state}</Tag>
)
})
}
</Panel>
)
})
}
</Collapse>
<Modal
title="Confirm changing lifecycle state"
visible={this.state.isReasonModalVisible}