IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -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) { onSearchFilter(event) {
this.setState({ search: event.target.value }); this.setState({ search: event.target.value });
console.log('yo');
} }
render() { render() {
const { nav, alertList } = this.props; const { nav, alertList } = this.props;
let regex = new RegExp(this.state.search, 'ig'); let regex = new RegExp(this.state.search, 'ig');
const filteredAlerts = alertList.rules.filter(alert => {
return regex.test(alert.name) || regex.test(alert.stateText);
});
return ( return (
<div> <div>
@ -94,7 +90,7 @@ export class AlertRuleList extends React.Component<IContainerProps, any> {
<section> <section>
<ol className="alert-rule-list"> <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> </ol>
</section> </section>
</div> </div>

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

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