1 files changed, 73 insertions, 0 deletions
diff --git a/chimere_example_project/static/chimere/js/interface.js b/chimere_example_project/static/chimere/js/interface.js
new file mode 100644
index 0000000..c0c00bf
--- /dev/null
+++ b/chimere_example_project/static/chimere/js/interface.js
@@ -0,0 +1,73 @@
+$(function(){
+
+    if (has_search){
+        $('a[href=#categories]').click(function(){
+            show_panel(display_categories);
+        });
+        $('a[href=#search-box]').click(function(){
+            show_panel(display_search);
+        });
+        $('a[href=#search-box]').click();
+    } else {
+        $("#categories").fadeIn();
+    }
+    highlight_selected_categories();
+    $('.subcategory label').click(highlight_selected_categories);
+    $('#categories-lnk, #search-lnk').click(function(){
+        if($('.navbar-toggle').css('display') !='none'){
+            $(".navbar-toggle").click();
+        }
+    });
+    $('#hide-panel').click(hide_panel);
+    $('#show-panel').click(show_panel);
+    $('#close-detail').click(function(){
+        $('#detail').fadeOut();
+    });
+});
+
+function display_categories(){
+    $('a[href=#categories]').parent().parent().children().removeClass('active');
+    $('a[href=#categories]').parent().addClass('active');
+    $("#search-box").fadeOut(400,
+            function(){ $("#categories").fadeIn(); });
+}
+
+function display_search(){
+    $('a[href=#search-box]').parent().parent().children().removeClass('active');
+    $('a[href=#search-box]').parent().addClass('active');
+    $("#categories").fadeOut(400,
+            function(){ $("#search-box").fadeIn(); $('#id_q').focus(); });
+}
+
+function show_panel(fct){
+    if(!fct) fct = function(){};
+    if($('#panel').css('display') == 'none'){
+        $('#show-panel').fadeOut(200, function(){
+            $('#hide-panel').fadeIn(500);
+            $("#panel").fadeIn(500);
+            $("#panel").fadeIn(500, fct);
+        });
+    } else {
+        fct();
+    }
+}
+
+function hide_panel(){
+    if($('#panel').css('display') != 'none'){
+        $('#hide-panel').fadeOut(500);
+        $("#panel").fadeOut(500, function(){
+            $('#show-panel').fadeIn();
+        });
+    }
+}
+
+function highlight_selected_categories(){
+    $('.subcategory input').each(function(){
+        var lbl = $(this).parent();
+        if($(this).is(':checked')){
+            lbl.addClass('selected');
+        }else{
+            lbl.removeClass('selected');
+        }
+    });
+}