Implement basic text search

master
Vitaliy Filippov 2016-10-09 18:52:40 +03:00
parent 2abe972ff3
commit 6c987cd745
2 changed files with 14 additions and 1 deletions

View File

@ -198,6 +198,14 @@ var MessageList = React.createClass({
a[i] = null;
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()
{
var self = this;
@ -208,7 +216,7 @@ var MessageList = React.createClass({
<div className="bottom-border-gradient"></div>
<div className="actions">
<div className="searchbox">
<input type="text" placeholder="Search mail" />
<input type="text" placeholder="Search mail" value={this.state.searchText} onChange={this.onSearchTextChange} />
</div>
<DropDownButton dropdownId="threads" className="threads"
title="Show Message Thread" checkedTitle="Hide Message Thread" icon="thread" checkedIcon="thread_selected" checkable="1" />

View File

@ -156,6 +156,11 @@ var Store = module.exports = {
});
},
search: function(text)
{
Store.loadFolder({ ...Store.get('folderParams'), search: text });
},
loadMessages: function(start, count)
{
var p = { ...Store.get('folderParams') };