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

Display screenshots and icon

Browse Source
This commit is contained in:
Jayasanka 2019-05-22 14:04:13 +05:30
parent 14db806fb0
commit 753a347848
3 changed files with 74 additions and 71 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

59
components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/App.css
View File

@ -1,37 +1,28 @@
.App {
text-align: center;
}
.App-logo {
animation: App-logo-spin infinite 20s linear;
height: 40vmin;
pointer-events: none;
}
.App-header {
background-color: #282c34;
min-height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: calc(10px + 2vmin);
color: white;
}
.App-link {
color: #61dafb;
}
@keyframes App-logo-spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.ant-upload.ant-upload-drag { .ant-upload.ant-upload-drag {
height: 170px; height: 170px;
} }
.release .release-icon{
margin-right: 15px;
}
.release .release-icon img{
width: 100%;
border-radius: 100%;
}
.release .release-screenshot img{
width: 100%;
border-radius: 15px;
padding: 5px;
}
.logo {
width: 120px;
height: 31px;
margin: 16px 0 16px 20px;
float: left;
}
.logo img{
height: 35px;
}

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

@ -1,17 +1,18 @@
import React from "react"; import React from "react";
import {Avatar, Row, Col, Typography} from "antd"; import {Avatar, Row, Col, Typography} from "antd";
import "../../../App.css";
const {Title, Text} = Typography; const {Title, Text} = Typography;
class ReleaseView extends React.Component { class ReleaseView extends React.Component {
render() { render() {
const release = this.props.release; const release = this.props.release;
console.log(release);
return ( return (
<div> <div className="release">
<Row> <Row>
<Col span={4}> <Col span={4} className="release-icon">
<Avatar size={128} shape="square" <img src={release.iconPath}/>
src={release.iconPath}/>
</Col> </Col>
<Col span={18}> <Col span={18}>
<Title level={2}>App Name</Title> <Title level={2}>App Name</Title>
@ -21,8 +22,14 @@ class ReleaseView extends React.Component {
</Row> </Row>
<br/> <br/>
<Row> <Row>
<Col span={6}> <Col span={6} className="release-screenshot">
<img style={{width:"100%"}} src={release.screenshotPath1}/> <img src={release.screenshotPath1}/>
</Col>
<Col span={6} className="release-screenshot">
<img src={release.screenshotPath2}/>
</Col>
<Col span={6} className="release-screenshot">
<img src={release.screenshotPath3}/>
</Col> </Col>
</Row> </Row>
</div> </div>

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

@ -3,12 +3,11 @@ import {Layout, Menu, Icon} from 'antd';
const {Header, Content, Footer} = Layout; const {Header, Content, Footer} = Layout;
import styles from './Dashboard.less';
import Logo from "../../../public/images/logo.svg"; import Logo from "../../../public/images/logo.svg";
import {Link, NavLink} from "react-router-dom"; import {Link, NavLink} from "react-router-dom";
import RouteWithSubRoutes from "../../components/RouteWithSubRoutes" import RouteWithSubRoutes from "../../components/RouteWithSubRoutes"
import { Switch, Redirect } from 'react-router' import {Switch, Redirect} from 'react-router'
import "../../App.css";
class Dashboard extends React.Component { class Dashboard extends React.Component {
constructor(props) { constructor(props) {
@ -20,36 +19,42 @@ class Dashboard extends React.Component {
render() { render() {
return ( return (
<Layout className="layout"> <div>
<Header> <Layout className="layout">
<div className={styles.logo}> <Header>
<img src={Logo}/> <div className="logo">
</div> <img src={Logo}/>
<Menu </div>
theme="light" <Menu
mode="horizontal" theme="light"
defaultSelectedKeys={['2']} mode="horizontal"
style={{lineHeight: '64px'}} defaultSelectedKeys={['2']}
> style={{lineHeight: '64px'}}
<Menu.Item key="1"><Link to="/publisher/apps"><Icon type="appstore"/>Apps</Link></Menu.Item> >
<Menu.Item key="2"><Link to="/publisher/apps"><Icon type="line-chart"/>Apps</Link></Menu.Item> <Menu.Item key="1"><Link to="/publisher/apps"><Icon type="appstore"/>Apps</Link></Menu.Item>
<Menu.Item key="3"><Link to="/publisher/apps/new-app"><Icon type="upload"/>Add New App</Link></Menu.Item> <Menu.Item key="2"><Link to="/publisher/apps"><Icon
</Menu> type="line-chart"/>Apps</Link></Menu.Item>
</Header> <Menu.Item key="3"><Link to="/publisher/apps/new-app"><Icon type="upload"/>Add New
<Content style={{padding: '0 0'}}> App</Link></Menu.Item>
<Switch> </Menu>
<Redirect exact from="/publisher" to="/publisher/apps"/> </Header>
{this.state.routes.map((route) => ( </Layout>
<RouteWithSubRoutes key={route.path} {...route} /> <Layout>
))} <Content style={{padding: '0 0'}}>
<Switch>
<Redirect exact from="/publisher" to="/publisher/apps"/>
{this.state.routes.map((route) => (
<RouteWithSubRoutes key={route.path} {...route} />
))}
</Switch> </Switch>
</Content> </Content>
<Footer style={{textAlign: 'center'}}> <Footer style={{textAlign: 'center'}}>
©2019 entgra.io ©2019 entgra.io
</Footer> </Footer>
</Layout> </Layout>
</div>
); );
} }
} }