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

Modify search by app field in APPM Publisher UI

Browse Source
This commit is contained in:
Jayasanka 2019-10-28 11:59:12 +05:30
parent 1a7806e02d
commit 138ed15dff
1 changed files with 22 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/components/apps/list-apps/ListApps.js vendored
View File

@ -31,10 +31,16 @@ class ListApps extends React.Component {
super(props);
this.state = {
filters: {}
}
};
this.appName = '';
}
setFilters = (filters) => {
if (this.appName === '' && filters.hasOwnProperty("appName")) {
delete filters["appName"];
} else {
filters.appName = this.appName;
}
this.setState({
filters
});
@ -42,6 +48,7 @@ class ListApps extends React.Component {
setSearchText = (appName) => {
const filters = {...this.state.filters};
this.appName = appName;
if (appName === '' && filters.hasOwnProperty("appName")) {
delete filters["appName"];
} else {
@ -52,6 +59,17 @@ class ListApps extends React.Component {
});
};
onChangeSearchText = (e) => {
const filters = {...this.state.filters};
const appName = e.target.value;
if (appName === '' && filters.hasOwnProperty("appName")) {
delete filters["appName"];
this.setState({
filters
});
}
};
render() {
const {isDrawerVisible, filters} = this.state;
return (
@ -67,9 +85,10 @@ class ListApps extends React.Component {
</Col>
<Col span={18} style={{textAlign: "right"}}>
<Search
placeholder="input search text"
placeholder="Search by app name"
onSearch={this.setSearchText}
style={{width: 170, zIndex:0}}
onChange={this.onChangeSearchText}
style={{width: 240, zIndex: 0}}
/>
</Col>
</Row>