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

Created component to list apps

Browse Source
This commit is contained in:
Jayasanka 2019-04-29 16:10:06 +05:30
parent 1cd23097d5
commit 321a2e902c
2 changed files with 41 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/components/AppList.js vendored Normal file
View File

@ -0,0 +1,39 @@
import React from "react";
import AppCard from "./AppCard";
import {Col, Row} from "antd";
class AppList extends React.Component {
constructor(props) {
super(props);
this.state = {
apps: [
{
id: 1,
title: 'Hi',
platform: 'android',
description: 'lorem',
subType: 'FREE',
type: 'ENTERPRISE'
}
]
}
}
render() {
return (
<Row gutter={16}>
{this.state.apps.map(app => (
<Col xs={24} sm={12} md={6} lg={6}>
<AppCard title={app.title}
platform={app.platform}
type={app.type}
subType={app.subType}
description={app.description}/>
</Col>
))}
</Row>
);
}
}
export default AppList;

14
components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/pages/dashboard/apps/Apps.js vendored
View File

@ -3,6 +3,7 @@ import "antd/dist/antd.css";
import {PageHeader, Typography,Input, Button, Row, Col} from "antd";
import AppCard from "../../../components/AppCard";
import AppList from "../../../components/AppList";
const Search = Input.Search;
@ -47,18 +48,7 @@ class Apps extends React.Component {
<Button style={{margin:5}}>Advanced Search</Button>
</Col>
</Row>
<Row gutter={16}>
<Col xs={24} sm={12} md={6} lg={6}>
<AppCard title="Forest" platform="android" type="ENTERPRISE" subType="FREE" description="This function is a valid React component because it accepts a single “props” (which stands for properties) object"/>
</Col>
<Col xs={24} sm={12} md={6} lg={6}>
<AppCard title="hi" platform="ios" type="ENTERPRISE" subType="FREE" description="This function is a valid React component because it accepts a single “props” (which stands for properties) object"/>
</Col>
<Col xs={24} sm={12} md={6} lg={6}>
<AppCard title="Unknown App" type="ENTERPRISE" subType="FREE" description="This function is a valid React component because it accepts a single “props” (which stands for properties) object"/>
</Col>
</Row>
<AppList/>
</div>
</div>