--- a/client/js/main.js Tue Nov 13 11:46:39 2012 +0100
+++ b/client/js/main.js Fri Dec 21 16:22:08 2012 +0100
@@ -56,6 +56,9 @@
_this.refresh();
return false;
});
+ this.count_$ = Rkns.$('<div>')
+ .addClass("Rk-Bin-Count")
+ .appendTo(this.$);
this.title_$ = Rkns.$('<h2>')
.addClass("Rk-Bin-Title")
.appendTo(this.$);
@@ -110,12 +113,12 @@
_this.$.find(".Rk-Bin-Item.dragging").removeClass("dragging");
});
if (!_opts.search.length) {
- this.$.find(".Rk-Search-Form").detach();
+ this.$.find(".Rk-Web-Search-Form").detach();
} else {
var _tmpl = Rkns._.template('<li class="<%= className %>" data-key="<%= key %>"><%= title %></li>'),
_select = this.$.find(".Rk-Search-List"),
- _input = this.$.find(".Rk-Search-Input")
- _form = this.$.find(".Rk-Search-Form");
+ _input = this.$.find(".Rk-Web-Search-Input")
+ _form = this.$.find(".Rk-Web-Search-Form");
Rkns._(_opts.search).each(function(_search, _key) {
var _searchObj = new _search.type(_this, _search);
_this.search_engines.push(_searchObj);
@@ -186,13 +189,25 @@
Rkns.$(window).resize(function() {
_this.resizeBins();
});
+
+ this.$.find(".Rk-Bins-Search-Input").on("change keyup paste input", function() {
+ var val = Rkns.$(this).val();
+ Rkns._(_this.tabs).each(function(tab) {
+ tab.render(val);
+ });
+ });
+ this.$.find(".Rk-Bins-Search-Form").submit(function() {
+ return false
+ });
}
Rkns.Renkan.prototype.template = Rkns._.template(
'<div class="Rk-Title"><h1>Hyper Plateau</h1></div><div class="Rk-Bins">'
- + '<form class="Rk-Search-Form"><input class="Rk-Search-Input" type="text" placeholder="Search" />'
+ + '<form class="Rk-Web-Search-Form Rk-Search-Form"><input class="Rk-Web-Search-Input Rk-Search-Input" type="search" placeholder="Search the Web" />'
+ '<div class="Rk-Search-Select"><div class="Rk-Search-Current"></div><ul class="Rk-Search-List"></ul></div>'
- + '<input type="submit" value="" class="Rk-Search-Submit" /></form>'
+ + '<input type="submit" value="" class="Rk-Web-Search-Submit Rk-Search-Submit" /></form>'
+ + '<form class="Rk-Bins-Search-Form Rk-Search-Form"><input class="Rk-Bins-Search-Input Rk-Search-Input" type="search" placeholder="Search in Bins" />'
+ + '<input type="submit" value="" class="Rk-Bins-Search-Submit Rk-Search-Submit" /></form>'
+ '<ul class="Rk-Bin-List"></ul></div><div class="Rk-Render Rk-Render-Panel"></div>'
);
@@ -203,8 +218,8 @@
}
Rkns.Renkan.prototype.resizeBins = function() {
- var _d = + this.$.find(".Rk-Search-Form").outerHeight();
- this.$.find(".Rk-Bin-Title").each(function() {
+ var _d = + this.$.find(".Rk-Web-Search-Form").outerHeight() + this.$.find(".Rk-Bins-Search-Form").outerHeight();
+ this.$.find(".Rk-Bin-Title:visible").each(function() {
_d += Rkns.$(this).outerHeight();
});
this.$.find(".Rk-Bin-Main").css({