Implement basic text search
parent
2abe972ff3
commit
6c987cd745
|
@ -198,6 +198,14 @@ var MessageList = React.createClass({
|
||||||
a[i] = null;
|
a[i] = null;
|
||||||
return a;
|
return a;
|
||||||
},
|
},
|
||||||
|
onSearchTextChange: function(event)
|
||||||
|
{
|
||||||
|
var s = event.target.value;
|
||||||
|
this.setState({ searchText: s });
|
||||||
|
if (this._searchTimeout)
|
||||||
|
clearTimeout(this._searchTimeout);
|
||||||
|
this._searchTimeout = setTimeout(function() { Store.search(s) }, 300);
|
||||||
|
},
|
||||||
render: function()
|
render: function()
|
||||||
{
|
{
|
||||||
var self = this;
|
var self = this;
|
||||||
|
@ -208,7 +216,7 @@ var MessageList = React.createClass({
|
||||||
<div className="bottom-border-gradient"></div>
|
<div className="bottom-border-gradient"></div>
|
||||||
<div className="actions">
|
<div className="actions">
|
||||||
<div className="searchbox">
|
<div className="searchbox">
|
||||||
<input type="text" placeholder="Search mail" />
|
<input type="text" placeholder="Search mail" value={this.state.searchText} onChange={this.onSearchTextChange} />
|
||||||
</div>
|
</div>
|
||||||
<DropDownButton dropdownId="threads" className="threads"
|
<DropDownButton dropdownId="threads" className="threads"
|
||||||
title="Show Message Thread" checkedTitle="Hide Message Thread" icon="thread" checkedIcon="thread_selected" checkable="1" />
|
title="Show Message Thread" checkedTitle="Hide Message Thread" icon="thread" checkedIcon="thread_selected" checkable="1" />
|
||||||
|
|
5
Store.js
5
Store.js
|
@ -156,6 +156,11 @@ var Store = module.exports = {
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
|
||||||
|
search: function(text)
|
||||||
|
{
|
||||||
|
Store.loadFolder({ ...Store.get('folderParams'), search: text });
|
||||||
|
},
|
||||||
|
|
||||||
loadMessages: function(start, count)
|
loadMessages: function(start, count)
|
||||||
{
|
{
|
||||||
var p = { ...Store.get('folderParams') };
|
var p = { ...Store.get('folderParams') };
|
||||||
|
|
Loading…
Reference in New Issue