From d4f4751bf2718523befd7b4a1e7c75bb713c5840 Mon Sep 17 00:00:00 2001 From: nipunnadeen Date: Wed, 21 Aug 2019 14:43:24 +0530 Subject: [PATCH 1/6] Fix the web-clip device type issue of the APPM store --- .../src/components/apps/release/install/DeviceInstall.js | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/components/application-mgt/org.wso2.carbon.device.application.mgt.store.ui/react-app/src/components/apps/release/install/DeviceInstall.js b/components/application-mgt/org.wso2.carbon.device.application.mgt.store.ui/react-app/src/components/apps/release/install/DeviceInstall.js index 34dfefd362c..2af6be7a74d 100644 --- a/components/application-mgt/org.wso2.carbon.device.application.mgt.store.ui/react-app/src/components/apps/release/install/DeviceInstall.js +++ b/components/application-mgt/org.wso2.carbon.device.application.mgt.store.ui/react-app/src/components/apps/release/install/DeviceInstall.js @@ -114,7 +114,6 @@ class DeviceInstall extends React.Component { rowSelection = { onChange: (selectedRowKeys, selectedRows) => { - // console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows); this.setState({ selectedRows: selectedRows }) @@ -142,9 +141,12 @@ class DeviceInstall extends React.Component { limit: 10, status: "ACTIVE", requireDeviceInfo: true, - type: deviceType }; + if (deviceType !== 'ANY') { + extraParams.type = deviceType; + } + // note: encode with '%26' not '&' const encodedExtraParams = Object.keys(extraParams).map(key => key + '=' + extraParams[key]).join('&'); From 705d061b3514312fc095269c58eda6dc2bd198cc Mon Sep 17 00:00:00 2001 From: nipunnadeen Date: Sat, 24 Aug 2019 12:24:18 +0530 Subject: [PATCH 2/6] Fix the responsive issues of the APPM UI --- .../react-app/src/App.css | 58 ++++++- .../apps/detailed-rating/DetailedRating.css | 12 ++ .../AppDetailsDrawer/AppDetailsDrawer.css | 10 +- .../AppDetailsDrawer/AppDetailsDrawer.js | 96 ++++++----- .../src/components/apps/list-apps/ListApps.js | 4 +- .../apps/list-apps/appsTable/AppsTable.css | 11 +- .../apps/list-apps/appsTable/AppsTable.js | 5 +- .../src/pages/dashboard/Dashboard.js | 129 ++++++++++++--- .../react-app/src/App.css | 56 ++++++- .../src/pages/dashboard/Dashboard.js | 151 +++++++++++++----- 10 files changed, 419 insertions(+), 113 deletions(-) diff --git a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/App.css b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/App.css index d393e9ad689..ca73e587389 100644 --- a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/App.css +++ b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/App.css @@ -40,7 +40,6 @@ } .logo-image { - /*width: 120px;*/ height: 31px; margin: 0 5px 16px 24px; float: left; @@ -60,8 +59,65 @@ margin-right: 2%; } +.mobile-layout{ + visibility: hidden; + position: absolute; +} + +.mobile-menu-button{ + margin-left: 4%; + position: fixed; +} + +.nav-icon{ + margin-top: 10%; + font-size: 27px; +} + @media only screen and (min-width: 768px) { + .main-container{ padding: 24px; } + +} + +@media screen and (max-width: 768px) { + + .web-layout{ + visibility: hidden; + } + + .mobile-layout{ + visibility: visible; + z-index: 1; + } + + .mobile-menu-button{ + margin-top: 4%; + } + + Header{ + position: fixed; + z-index: 1; + width: 100%; + } + + .dashboard-body{ + margin-top: 14%; + } + + .logo-image { + margin-left: 20%; + } + +} + +@media screen and (max-height: 500px) { + .mobile-menu-button{ + margin-top: 2%; + } + .dashboard-body{ + margin-top: 9%; + } } \ No newline at end of file diff --git a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/components/apps/detailed-rating/DetailedRating.css b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/components/apps/detailed-rating/DetailedRating.css index 28a761eb7b4..34c484c34f9 100644 --- a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/components/apps/detailed-rating/DetailedRating.css +++ b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/components/apps/detailed-rating/DetailedRating.css @@ -33,6 +33,18 @@ width: 70%; } +@media screen and (max-width: 768px) { + + .d-rating .bar-containers{ + width: 100%; + } + + .d-rating .numeric-data{ + width: 50%; + } + +} + .d-rating .bar-containers .bar-container{ color: #737373; font-weight: 400; diff --git a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/components/apps/list-apps/AppDetailsDrawer/AppDetailsDrawer.css b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/components/apps/list-apps/AppDetailsDrawer/AppDetailsDrawer.css index 940144cc0f9..b85db7892f2 100644 --- a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/components/apps/list-apps/AppDetailsDrawer/AppDetailsDrawer.css +++ b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/components/apps/list-apps/AppDetailsDrawer/AppDetailsDrawer.css @@ -22,4 +22,12 @@ .release-card:hover { background-color: rgba(15, 188, 249,0.1); -} \ No newline at end of file +} + +@media screen and (max-width: 700px) { + + .release-card{ + width: 210%; + } + +} diff --git a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/components/apps/list-apps/AppDetailsDrawer/AppDetailsDrawer.js b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/components/apps/list-apps/AppDetailsDrawer/AppDetailsDrawer.js index 1aa6b0bb913..5110428da5d 100644 --- a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/components/apps/list-apps/AppDetailsDrawer/AppDetailsDrawer.js +++ b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/components/apps/list-apps/AppDetailsDrawer/AppDetailsDrawer.js @@ -32,13 +32,11 @@ import { Icon, Card } from 'antd'; - -import "../../../../App.css"; import DetailedRating from "../../detailed-rating/DetailedRating"; import {Link} from "react-router-dom"; import axios from "axios"; import ReactQuill from "react-quill"; -import ReactHtmlParser, {processNodes, convertNodeToElement, htmlparser2} from 'react-html-parser'; +import ReactHtmlParser from 'react-html-parser'; import "./AppDetailsDrawer.css"; import pSBC from "shade-blend-color"; import {withConfigContext} from "../../../../context/ConfigContext"; @@ -71,6 +69,8 @@ const formats = [ class AppDetailsDrawer extends React.Component { constructor(props) { super(props); + const drawerWidth = window.innerWidth<=768 ? '80%' : '40%'; + this.state = { loading: false, name: "", @@ -85,6 +85,8 @@ class AppDetailsDrawer extends React.Component { isDescriptionEditEnabled: false, isCategoriesEditEnabled: false, isTagsEditEnabled: false, + drawer: null, + drawerWidth }; } @@ -188,7 +190,6 @@ class AppDetailsDrawer extends React.Component { }); }; - // change the app name handleNameSave = name => { const config = this.props.context; @@ -412,7 +413,6 @@ class AppDetailsDrawer extends React.Component { } }; - render() { const config = this.props.context; const {app, visible, onClose} = this.props; @@ -458,11 +458,12 @@ class AppDetailsDrawer extends React.Component {
+
{avatar} @@ -473,39 +474,46 @@ class AppDetailsDrawer extends React.Component { Releases {/*display add new release only if app type is enterprise*/} - {(app.type === "ENTERPRISE") && ( - )} - ( - - - - - } - title={release.version} - description={ -
- - - - - -
- } - /> - - - - )} - /> + +
+ + {(app.type === "ENTERPRISE") && ( + )} + ( + + + + + } + title={release.version} + description={ +
+ + + + + +
+ } + /> + + + + )} + /> + +
+ Description @@ -546,6 +554,7 @@ class AppDetailsDrawer extends React.Component { )} + Categories {!isCategoriesEditEnabled && ( )} - + Tags {!isTagsEditEnabled && ( - {app.applicationReleases.length > 0 && ( - )} + +
+ {app.applicationReleases.length > 0 && ( + )} +
diff --git a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/components/apps/list-apps/ListApps.js b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/components/apps/list-apps/ListApps.js index 22fccaa94d1..309863a976f 100644 --- a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/components/apps/list-apps/ListApps.js +++ b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/components/apps/list-apps/ListApps.js @@ -25,7 +25,6 @@ import AppDetailsDrawer from "./AppDetailsDrawer/AppDetailsDrawer"; const {Title} = Typography; const Search = Input.Search; - class ListApps extends React.Component { constructor(props) { super(props); @@ -67,7 +66,6 @@ class ListApps extends React.Component { this.setState({ filters }); - console.log(filters); }; render() { @@ -88,7 +86,7 @@ class ListApps extends React.Component { diff --git a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/components/apps/list-apps/appsTable/AppsTable.css b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/components/apps/list-apps/appsTable/AppsTable.css index 3c9b8c4b9ef..bd48256ff6b 100644 --- a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/components/apps/list-apps/appsTable/AppsTable.css +++ b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/components/apps/list-apps/appsTable/AppsTable.css @@ -18,4 +18,13 @@ .app-row{ cursor: pointer; -} \ No newline at end of file +} + +Table{ + width: 100%; +} + +.apps-table{ + display: block; + overflow: auto; +} diff --git a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/components/apps/list-apps/appsTable/AppsTable.js b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/components/apps/list-apps/appsTable/AppsTable.js index 93d85babae1..fd3055b85f6 100644 --- a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/components/apps/list-apps/appsTable/AppsTable.js +++ b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/components/apps/list-apps/appsTable/AppsTable.js @@ -132,7 +132,7 @@ class AppsTable extends React.Component { componentDidUpdate(prevProps, prevState, snapshot) { const {filters} = this.props; if (prevProps.filters !== this.props.filters) { - console.log("d", this.props.filters); + // console.log("d", this.props.filters); this.setState({ filters }); @@ -212,7 +212,7 @@ class AppsTable extends React.Component { render() { return ( - +
record.id} dataSource={this.state.apps} @@ -228,6 +228,7 @@ class AppsTable extends React.Component { }; }} /> + ); } diff --git a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/pages/dashboard/Dashboard.js b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/pages/dashboard/Dashboard.js index 3639c4e4f70..807aec1273a 100644 --- a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/pages/dashboard/Dashboard.js +++ b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/pages/dashboard/Dashboard.js @@ -17,7 +17,7 @@ */ import React from "react"; -import {Layout, Menu, Icon} from 'antd'; +import {Layout, Menu, Icon, Drawer, Button} from 'antd'; import {Switch, Link} from "react-router-dom"; import RouteWithSubRoutes from "../../components/RouteWithSubRoutes" import {Redirect} from 'react-router' @@ -38,27 +38,107 @@ class Dashboard extends React.Component { this.Logo = config.theme.logo; } + //functions for show the drawer + state = { + visible: false, + collapsed: false + }; + + showDrawer = () => { + this.setState({ + visible: true, + collapsed: !this.state.collapsed + }); + }; + + onClose = () => { + this.setState({ + visible: false, + }); + }; + render() { return (
- -
+ +
- logo + logo
+ +
+ + + Apps + + + Add New App + + } + > + Public + APP + Enterprise + APP + Web + Clip + + Manage + + + + Profile + + } + > + + + +
+
+ + + +
+ +
+ logo} + placement="left" + closable={false} + onClose={this.onClose} + visible={this.state.visible} + getContainer={false} + style={{position: 'absolute'}} + > - Apps + Apps Add New App - + } > Public @@ -70,23 +150,26 @@ class Dashboard extends React.Component { Manage - - + + + + - Profile - } - > - - - - - -
+ } + > + + + - + + @@ -95,7 +178,7 @@ class Dashboard extends React.Component { ))} -
+
©2019 entgra.io
diff --git a/components/application-mgt/org.wso2.carbon.device.application.mgt.store.ui/react-app/src/App.css b/components/application-mgt/org.wso2.carbon.device.application.mgt.store.ui/react-app/src/App.css index d393e9ad689..629d5115605 100644 --- a/components/application-mgt/org.wso2.carbon.device.application.mgt.store.ui/react-app/src/App.css +++ b/components/application-mgt/org.wso2.carbon.device.application.mgt.store.ui/react-app/src/App.css @@ -40,7 +40,6 @@ } .logo-image { - /*width: 120px;*/ height: 31px; margin: 0 5px 16px 24px; float: left; @@ -60,8 +59,63 @@ margin-right: 2%; } +.mobile-layout{ + visibility: hidden; + position: absolute; +} + +.mobile-menu-button{ + margin-left: 4%; + position: fixed; +} + +.nav-icon{ + margin-top: 10%; + font-size: 27px; +} + @media only screen and (min-width: 768px) { .main-container{ padding: 24px; } +} + +@media screen and (max-width: 700px) { + + .web-layout{ + visibility: hidden; + } + + .mobile-layout{ + visibility: visible; + z-index: 1; + } + + .mobile-menu-button { + margin-top: 4%; + } + + Header{ + position: fixed; + z-index: 1; + width: 100%; + } + + .dashboard-body{ + margin-top: 15%; + } + + .logo-image { + margin-left: 20%; + } + +} + +@media only screen and (max-height: 500px) { + .mobile-menu-button{ + margin-top: 2%; + } + .dashboard-body{ + margin-top: 10%; + } } \ No newline at end of file diff --git a/components/application-mgt/org.wso2.carbon.device.application.mgt.store.ui/react-app/src/pages/dashboard/Dashboard.js b/components/application-mgt/org.wso2.carbon.device.application.mgt.store.ui/react-app/src/pages/dashboard/Dashboard.js index c7b8c475751..fe9bb9c73d3 100644 --- a/components/application-mgt/org.wso2.carbon.device.application.mgt.store.ui/react-app/src/pages/dashboard/Dashboard.js +++ b/components/application-mgt/org.wso2.carbon.device.application.mgt.store.ui/react-app/src/pages/dashboard/Dashboard.js @@ -17,8 +17,7 @@ */ import React from "react"; -import {Layout, Menu, Icon} from 'antd'; - +import {Layout, Menu, Icon, Drawer, Button} from 'antd'; const {Header, Content, Footer} = Layout; import {Link} from "react-router-dom"; import RouteWithSubRoutes from "../../components/RouteWithSubRoutes"; @@ -81,60 +80,134 @@ class Dashboard extends React.Component { }) }; + //functions for show the drawer + state = { + visible: false, + collapsed: false + }; + + showDrawer = () => { + this.setState({ + visible: true, + collapsed: !this.state.collapsed, + }); + }; + + onClose = () => { + this.setState({ + visible: false, + }); + }; + render() { const config = this.props.context; const {selectedKeys, deviceTypes} = this.state; + const DeviceTypesData = deviceTypes.map((deviceType) => { + const platform = deviceType.name; + const defaultPlatformIcons = config.defaultPlatformIcons; + let icon = defaultPlatformIcons.default.icon; + let theme = defaultPlatformIcons.default.theme; + if (defaultPlatformIcons.hasOwnProperty(platform)) { + icon = defaultPlatformIcons[platform].icon; + theme = defaultPlatformIcons[platform].theme; + } + return ( + + + + {platform} + + + ); + }); + return (
- -
+ +
- logo + logo +
+ +
+ + + {DeviceTypesData} + + Web + Clips + + + + Profile + + } + > + + +
+
+ + + + +
+ +
+ + logo + } + placement="left" + closable={false} + onClose={this.onClose} + visible={this.state.visible} + getContainer={false} + style={{position: 'absolute'}} + > - { - deviceTypes.map((deviceType) => { - const platform = deviceType.name; - const defaultPlatformIcons = config.defaultPlatformIcons; - let icon = defaultPlatformIcons.default.icon; - let theme = defaultPlatformIcons.default.theme; - if (defaultPlatformIcons.hasOwnProperty(platform)) { - icon = defaultPlatformIcons[platform].icon; - theme = defaultPlatformIcons[platform].theme; - } - return ( - - - - {platform} - - - ); - }) - } + + {DeviceTypesData} + Web Clips - + + + + - Profile - } - > - - - -
+ } + > + + + - + + {this.state.routes.map((route) => ( @@ -145,7 +218,7 @@ class Dashboard extends React.Component { -
+
©2019 entgra.io
From dbfe6b308b6585b26ea2fce976ce6daabbd8e6cd Mon Sep 17 00:00:00 2001 From: nipunnadeen Date: Mon, 26 Aug 2019 15:17:40 +0530 Subject: [PATCH 3/6] Change the artifactId of the device-mgt pom.xml file --- components/device-mgt/io.entgra.device.mgt.ui/pom.xml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/components/device-mgt/io.entgra.device.mgt.ui/pom.xml b/components/device-mgt/io.entgra.device.mgt.ui/pom.xml index c57e30dc4d3..ea40a038225 100644 --- a/components/device-mgt/io.entgra.device.mgt.ui/pom.xml +++ b/components/device-mgt/io.entgra.device.mgt.ui/pom.xml @@ -23,7 +23,7 @@ org.wso2.carbon.devicemgt - application-mgt + device-mgt 3.2.9-SNAPSHOT io.entgra.device.mgt.ui From 6e714822708d109b666838cf4b6ab0ea867532af Mon Sep 17 00:00:00 2001 From: nipunnadeen Date: Tue, 27 Aug 2019 11:38:36 +0530 Subject: [PATCH 4/6] Add the copyright notice to device-mgt react app --- .../react-app/src/App.css | 70 -------------- .../apps/list-apps/appsTable/AppsTable.css | 5 +- .../apps/list-apps/appsTable/AppsTable.js | 1 - .../src/pages/dashboard/Dashboard.css | 92 +++++++++++++++++++ .../src/pages/dashboard/Dashboard.js | 4 +- .../src/pages/dashboard/Dashboard.less | 33 ------- .../react-app/babel.config.js | 18 ++++ .../react-app/src/App.css | 70 +------------- .../src/pages/dashboard/Dashboard.css | 92 +++++++++++++++++++ .../src/pages/dashboard/Dashboard.js | 4 +- .../src/pages/dashboard/Dashboard.less | 33 ------- .../io.entgra.device.mgt.ui/pom.xml | 6 +- .../react-app/babel.config.js | 18 ++++ .../react-app/public/css/font-wso2.css | 32 ++++--- .../react-app/public/css/font-wso2.min.css | 32 ++++--- .../react-app/public/scss/_mixin.scss | 32 ++++--- .../public/themes/default/default-theme.css | 4 +- .../react-app/webpack.config.js | 4 +- 18 files changed, 284 insertions(+), 266 deletions(-) create mode 100644 components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/pages/dashboard/Dashboard.css delete mode 100644 components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/pages/dashboard/Dashboard.less create mode 100644 components/application-mgt/org.wso2.carbon.device.application.mgt.store.ui/react-app/src/pages/dashboard/Dashboard.css delete mode 100644 components/application-mgt/org.wso2.carbon.device.application.mgt.store.ui/react-app/src/pages/dashboard/Dashboard.less diff --git a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/App.css b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/App.css index ca73e587389..3eb44f4ddb1 100644 --- a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/App.css +++ b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/App.css @@ -39,41 +39,11 @@ padding: 5px; } -.logo-image { - height: 31px; - margin: 0 5px 16px 24px; - float: left; -} - -.logo-image img{ - height: 35px; -} - .main-container{ background: #f0f2f5; min-height: 780px } -.profile{ - float:right; - margin-right: 2%; -} - -.mobile-layout{ - visibility: hidden; - position: absolute; -} - -.mobile-menu-button{ - margin-left: 4%; - position: fixed; -} - -.nav-icon{ - margin-top: 10%; - font-size: 27px; -} - @media only screen and (min-width: 768px) { .main-container{ @@ -81,43 +51,3 @@ } } - -@media screen and (max-width: 768px) { - - .web-layout{ - visibility: hidden; - } - - .mobile-layout{ - visibility: visible; - z-index: 1; - } - - .mobile-menu-button{ - margin-top: 4%; - } - - Header{ - position: fixed; - z-index: 1; - width: 100%; - } - - .dashboard-body{ - margin-top: 14%; - } - - .logo-image { - margin-left: 20%; - } - -} - -@media screen and (max-height: 500px) { - .mobile-menu-button{ - margin-top: 2%; - } - .dashboard-body{ - margin-top: 9%; - } -} \ No newline at end of file diff --git a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/components/apps/list-apps/appsTable/AppsTable.css b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/components/apps/list-apps/appsTable/AppsTable.css index bd48256ff6b..030832abea1 100644 --- a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/components/apps/list-apps/appsTable/AppsTable.css +++ b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/components/apps/list-apps/appsTable/AppsTable.css @@ -20,11 +20,8 @@ cursor: pointer; } -Table{ - width: 100%; -} - .apps-table{ display: block; overflow: auto; + width: 100%; } diff --git a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/components/apps/list-apps/appsTable/AppsTable.js b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/components/apps/list-apps/appsTable/AppsTable.js index fd3055b85f6..c589ab7de6d 100644 --- a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/components/apps/list-apps/appsTable/AppsTable.js +++ b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/components/apps/list-apps/appsTable/AppsTable.js @@ -132,7 +132,6 @@ class AppsTable extends React.Component { componentDidUpdate(prevProps, prevState, snapshot) { const {filters} = this.props; if (prevProps.filters !== this.props.filters) { - // console.log("d", this.props.filters); this.setState({ filters }); diff --git a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/pages/dashboard/Dashboard.css b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/pages/dashboard/Dashboard.css new file mode 100644 index 00000000000..ba4ccf364c3 --- /dev/null +++ b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/pages/dashboard/Dashboard.css @@ -0,0 +1,92 @@ +/* + * Copyright (c) 2019, Entgra (pvt) Ltd. (http://entgra.io) All Rights Reserved. + * + * Entgra (pvt) Ltd. licenses this file to you under the Apache License, + * Version 2.0 (the "License"); you may not use this file except + * in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, + * software distributed under the License is distributed on an + * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY + * KIND, either express or implied. See the License for the + * specific language governing permissions and limitations + * under the License. + */ + +.logo-image { + height: 31px; + margin: 0 5px 16px 24px; + float: left; +} + +.logo-image img{ + height: 35px; +} + +.profile{ + float:right; + margin-right: 2%; +} + +.mobile-layout{ + visibility: hidden; + position: absolute; +} + +.mobile-menu-button{ + margin-left: 4%; + position: fixed; +} + +.bar-icon{ + margin-top: 10%; + font-size: 27px; +} + +@media screen and (max-width: 768px) { + + .web-layout{ + visibility: hidden; + } + + .mobile-layout{ + visibility: visible; + z-index: 1; + } + + .mobile-menu-button{ + margin-top: 4%; + } + + Header{ + position: fixed; + z-index: 1; + width: 100%; + } + + .dashboard-body{ + margin-top: 14%; + } + + .logo-image { + margin-left: 20%; + } + +} + +@media screen and (max-height: 500px) { + .mobile-menu-button{ + margin-top: 2%; + } + .dashboard-body{ + margin-top: 9%; + } +} + + + + + diff --git a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/pages/dashboard/Dashboard.js b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/pages/dashboard/Dashboard.js index 807aec1273a..40b7ba5ec4b 100644 --- a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/pages/dashboard/Dashboard.js +++ b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/pages/dashboard/Dashboard.js @@ -21,7 +21,7 @@ import {Layout, Menu, Icon, Drawer, Button} from 'antd'; import {Switch, Link} from "react-router-dom"; import RouteWithSubRoutes from "../../components/RouteWithSubRoutes" import {Redirect} from 'react-router' -import "../../App.css"; +import "./Dashboard.css"; import {withConfigContext} from "../../context/ConfigContext"; import Logout from "./logout/Logout"; @@ -112,7 +112,7 @@ class Dashboard extends React.Component {