/
filterdisplaybar.ts
53 lines (45 loc) · 1.97 KB
/
filterdisplaybar.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
import { Fluent, localText } from "../../base";
import { Decorators } from "../../types/decorators";
import { FilterDialog } from "./filterdialog";
import { FilterWidgetBase } from "./filterwidgetbase";
@Decorators.registerClass('Serenity.FilterDisplayBar')
export class FilterDisplayBar<P = {}> extends FilterWidgetBase<P> {
protected renderContents(): any {
var openFilterDialog = (e: Event) => {
e.preventDefault();
var dialog = new FilterDialog({});
dialog.get_filterPanel().set_store(this.get_store());
dialog.dialogOpen(null);
};
return Fluent("div")
.append(Fluent("a")
.class("reset")
.attr("title", localText('Controls.FilterPanel.ResetFilterHint'))
.on("click", e => {
e.preventDefault();
this.get_store().get_items().length = 0;
this.get_store().raiseChanged();
}))
.append(Fluent("a")
.class("edit")
.text(localText('Controls.FilterPanel.EditFilter'))
.on("click", openFilterDialog))
.append(Fluent("div")
.class("current")
.append(Fluent("span")
.class("cap")
.text(localText('Controls.FilterPanel.EffectiveFilter')))
.append(Fluent("a")
.class("txt")
.on("click", openFilterDialog))).getNode();
}
protected filterStoreChanged() {
super.filterStoreChanged();
var displayText = this.get_store().get_displayText()?.trim() || null;
this.element.findFirst('.current').toggle(displayText != null);
this.element.findFirst('.reset').toggle(displayText != null);
if (displayText == null)
displayText = localText('Controls.FilterPanel.EffectiveEmpty');
this.element.findFirst('.txt').text('[' + displayText + ']');
}
}