IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2024-11-26 19:00:54 -06:00
Code Issues Packages Projects Releases Wiki Activity

made a view of filtered list

Browse Source
This commit is contained in:
Patrick O'Carroll 2018-01-05 14:17:50 +01:00
parent 5079dcdc62
commit 3797054eb4
2 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
public/app/containers/AlertRuleList/AlertRuleList.tsx
View File

@ -47,16 +47,12 @@ export class AlertRuleList extends React.Component<IContainerProps, any> {
onSearchFilter(event) {
this.setState({ search: event.target.value });
console.log('yo');
}
render() {
const { nav, alertList } = this.props;
let regex = new RegExp(this.state.search, 'ig');
const filteredAlerts = alertList.rules.filter(alert => {
return regex.test(alert.name) || regex.test(alert.stateText);
});
return (
<div>
@ -94,7 +90,7 @@ export class AlertRuleList extends React.Component<IContainerProps, any> {
<section>
<ol className="alert-rule-list">
{filteredAlerts.map(rule => <AlertRuleItem rule={rule} key={rule.id} />)}
{alertList.searchFilter(regex).map(rule => <AlertRuleItem rule={rule} key={rule.id} />)}
</ol>
</section>
</div>

7
public/app/stores/AlertListStore/AlertListStore.ts
View File

@ -31,4 +31,11 @@ export const AlertListStore = types
self.rules.push(AlertRule.create(rule));
}
}),
}))
.views(self => ({
searchFilter(regex) {
return self.rules.filter(alert => {
return regex.test(alert.name) || regex.test(alert.stateText);
});
},
}));