Hawkin
/
arangodb
mirror of https://gitee.com/bigwinds/arangodb
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

added collections search

This commit is contained in:
Jan Steemann 2013-02-18 13:10:11 +01:00
parent 9b477a0315
commit c72617a7ad
2 changed files with 29 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/js/templates/collectionsView.ejs
View File

@ -1,7 +1,7 @@
<ul class="thumbnails2"> <ul class="thumbnails2">
<div id="transparentHeader"> <div id="transparentHeader">
<div id="transparentPlaceholder"> <div id="transparentPlaceholder">
<input type="text" class="searchInput" placeholder="Search..."><img id="searchSubmit" width="16" height="16" src="/_admin/html/img/enter_icon.png"> <input type="text" id="searchInput" class="searchInput" placeholder="Search..."><img id="searchSubmit" width="16" height="16" src="/_admin/html/img/enter_icon.png">
<a href="#new"> <a href="#new">
<img id="plusIcon" src="/_admin/html/img/plus_icon.png"class="pull-right"></img> <img id="plusIcon" src="/_admin/html/img/plus_icon.png"class="pull-right"></img>

29
frontend/js/views/collectionsView.js
View File

@ -1,6 +1,8 @@
var collectionsView = Backbone.View.extend({ var collectionsView = Backbone.View.extend({
el: '#content', el: '#content',
el2: '.thumbnails', el2: '.thumbnails',
searchPhrase: '',
init: function () { init: function () {
}, },
@ -9,15 +11,40 @@ var collectionsView = Backbone.View.extend({
render: function() { render: function() {
$(this.el).html(this.template.text); $(this.el).html(this.template.text);
var searchPhrase = this.searchPhrase.toLowerCase();
this.collection.each(function (arango_collection) { this.collection.each(function (arango_collection) {
if (searchPhrase !== '' && arango_collection.get('name').toLowerCase().indexOf(searchPhrase) === -1) {
return;
}
$('.thumbnails', this.el).append(new window.CollectionListItemView({model: arango_collection}).render().el); $('.thumbnails', this.el).append(new window.CollectionListItemView({model: arango_collection}).render().el);
}, this); }, this);
$('#searchInput').val(this.searchPhrase);
$('#searchInput').focus();
return this; return this;
}, },
events: { events: {
"click .icon-info-sign" : "details" "click .icon-info-sign" : "details",
"blur #searchInput" : "restrictToSearchPhrase",
"keypress #searchInput" : "restrictToSearchPhraseKey",
"click #searchSubmit" : "restrictToSearchPhrase"
}, },
restrictToSearchPhraseKey: function(e) {
if (e.keyCode == 13) {
this.searchPhrase = $('#searchInput').val().replace(/(^\s+|\s+$)/g, '');
this.render();
}
},
restrictToSearchPhrase: function() {
this.searchPhrase = $('#searchInput').val().replace(/(^\s+|\s+$)/g, '');
this.render();
},
details: function() { details: function() {
} }