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

Modified application view with better styling.

Browse Source
feature/appm-store/pbac
Menaka Jayawardena 7 years ago
parent 3cbcefe3a9
commit 7f05b1820c
1 changed files with 21 additions and 16 deletions
Show Stats Download Patch File Download Diff File

37
components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/src/main/resources/publisher/src/components/Application/View/ApplicationView.jsx
Unescape View File

@ -58,14 +58,19 @@ class ApplicationView extends Component {
<Row> <Row>
<Col> <Col>
<div id="app-icon"> <div id="app-icon">
{/*TODO: Remove this*/}
<img
className="app-view-image"
src={app.icon}
/>
</div> </div>
</Col> </Col>
<Col> <Col>
<Row> <Row>
<span><strong>{app.name}</strong></span> <p className="app-view-field">{app.name}</p>
</Row> </Row>
<Row> <Row>
<span className="app-updated-date">Last updated on {app.modifiedAt}</span> <span className="app-updated-date app-view-text">Last updated on {app.modifiedAt}</span>
</Row> </Row>
</Col> </Col>
</Row> </Row>
@ -73,7 +78,7 @@ class ApplicationView extends Component {
<div id="application-view-row"> <div id="application-view-row">
<Row> <Row>
<Col> <Col>
<span className="app-install-count">2k Installs</span> <span className="app-install-count app-view-text">2k Installs</span>
</Col> </Col>
</Row> </Row>
<Row> <Row>
@ -84,7 +89,7 @@ class ApplicationView extends Component {
<i className="fw fw-star"></i> <i className="fw fw-star"></i>
</Col> </Col>
<Col> <Col>
<p><a href="#">View in Store</a></p> <p className="app-view-text"><a href="#">View in Store</a></p>
</Col> </Col>
</Row> </Row>
</div> </div>
@ -92,42 +97,42 @@ class ApplicationView extends Component {
<div id="application-view-row"> <div id="application-view-row">
<Row> <Row>
<Col> <Col>
<span><strong> <p className="app-view-field">
<FormattedMessage id="Description" defaultMessage="Description"/>: <FormattedMessage id="Description" defaultMessage="Description"/>:
</strong></span> </p>
</Col> </Col>
<Col> <Col>
<p>{app.description}</p> <p className="app-view-text">{app.description}</p>
</Col> </Col>
</Row> </Row>
<Row> <Row>
<Col> <Col>
<span><strong> <p className="app-view-field">
<FormattedMessage id="Tags" defaultMessage="Tags"/>: <FormattedMessage id="Tags" defaultMessage="Tags"/>:
</strong></span> </p>
</Col> </Col>
<Col> <Col>
<p>[list of tags...]</p> <p className="app-view-text">[list of tags...]</p>
</Col> </Col>
</Row> </Row>
<Row> <Row>
<Col> <Col>
<span><strong> <p className="app-view-field">
<FormattedMessage id="Release" defaultMessage="Release"/>: <FormattedMessage id="Release" defaultMessage="Release"/>:
</strong></span> </p>
</Col> </Col>
<Col> <Col>
<p>Production</p> <p className="app-view-text">Production</p>
</Col> </Col>
</Row> </Row>
<Row> <Row>
<Col> <Col>
<span><strong> <p className="app-view-field">
<FormattedMessage id="Version" defaultMessage="Version"/>: <FormattedMessage id="Version" defaultMessage="Version"/>:
</strong></span> </p>
</Col> </Col>
<Col> <Col>
<p>v1.0</p> <p className="app-view-text">v1.0</p>
</Col> </Col>
</Row> </Row>
</div> </div>

Write Preview
Loading…
Cancel
Save