client/js/main.js
changeset 44 869410bab434
parent 42 48d825187d67
child 52 e0f6f3c31150
--- 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({