1 files changed, 145 insertions, 98 deletions

diff --git a/static/saclay/js/interface.js b/static/saclay/js/interface.js
index 790c525..149af29 100644
--- a/static/saclay/js/interface.js
+++ b/static/saclay/js/interface.js
@@ -1,7 +1,152 @@
 var msg_edit_route = "Cliquez sur la carte pour tracer le trajet. Chaque nouveau clic rajoute un nœud. Double-cliquez pour terminer le trajet.<br/>Pour modifier le trajet sélectionnez un nœud puis glissez-déposez pour le déplacer.";
 var msg_edit = "Cliquez sur la carte pour placer le lieu. Pour modifier ce lieu sélectionnez-le puis glissez-déposez pour le déplacer.";
 
+var update_editmarker = function(){
+    $("#main-map").chimere('cleanRoute');
+    $('.map_button').hide();
+    if($('#multimedia_form').length) $('#multimedia_form').remove();
+    $('#action-edit-event').removeClass('state-active');
+    $('#action-edit-route').removeClass('state-active');
+    $('#action-edit-marker').addClass('state-active');
+    $('#frm-edit-route').hide();
+    $('#frm-edit-event').hide();
+    $('#frm-edit-marker').show();
+
+    $('#message').removeClass();
+    $('#message').addClass('alert');
+    $('#message').addClass('alert-info');
+    $('#message .content').html(msg_edit);
+    $('#message').show();
+
+    $.ajax({url: edit_url,
+            dataType: "html",
+            success: function (data) {
+                $('#frm-edit-event').html('');
+                $('#frm-edit-route').html('');
+                $('#frm-edit-marker').html(data);
+                $("#main-map").chimere('activateMarkerEdit');
+            },
+            error: function (data) {
+                $('#frm-edit-marker').html("<p class='warning'>"+
+                                    default_error_message+"</p>");
+            }
+        });
+};
+
+var update_editevent = function(){
+    $("#main-map").chimere('cleanRoute');
+    $('.map_button').hide();
+    if($('#multimedia_form').length) $('#multimedia_form').remove();
+    $('#action-edit-marker').removeClass('state-active');
+    $('#action-edit-route').removeClass('state-active');
+    $('#action-edit-event').addClass('state-active');
+    $('#frm-edit-marker').hide();
+    $('#frm-edit-route').hide();
+    $('#frm-edit-event').show();
+
+    $('#message').removeClass();
+    $('#message').addClass('alert');
+    $('#message').addClass('alert-info');
+    $('#message .content').html(msg_edit);
+    $('#message').show();
+
+    $.ajax({url: edit_event_url,
+            dataType: "html",
+            success: function (data) {
+                $('#frm-edit-marker').html('');
+                $('#frm-edit-route').html('');
+                $('#frm-edit-event').html(data);
+                $("#main-map").chimere('activateMarkerEdit');
+            },
+            error: function (data) {
+                $('#frm-edit-event').html("<p class='warning'>"+
+                                    default_error_message+"</p>");
+            }
+        });
+};
+
+var update_editroute = function(){
+    $('.map_button').show();
+    if($('#multimedia_form').length) $('#multimedia_form').remove();
+    $('#action-edit-marker').removeClass('state-active');
+    $('#action-edit-event').removeClass('state-active');
+    $('#action-edit-route').addClass('state-active');
+    $('#frm-edit-marker').hide();
+    $('#frm-edit-event').hide();
+    $('#frm-edit-route').show();
+    $('#chimere_itinerary').hide();
+    $('#chimere_itinerary_form').show();
+
+    $('#message').removeClass();
+    $('#message').addClass('alert');
+    $('#message').addClass('alert-info');
+    $('#message .content').html(msg_edit_route);
+    $('#message').show();
+
+    $.ajax({url: edit_route_url,
+            dataType: "html",
+            success: function (data) {
+                $('#frm-edit-marker').html('');
+                $('#frm-edit-event').html('');
+                $('#frm-edit-route').html(data);
+                $("#main-map").chimere('cleanMarker');
+                $("#main-map").chimere('activateRouteEdit');
+            },
+            error: function (data) {
+                $('#frm-edit-route').html("<p class='warning'>"+
+                                    default_error_message+"</p>");
+            }
+        });
+};
+
+var routing_panel_open = function(){
+    $('#frm_categories').hide();
+    $('#search-box').hide();
+    $('#frm-edit-marker').hide();
+    $('#chimere_itinerary_panel').show();
+    $('#back-categories').show();
+};
+
+var category_panel_open = function(){
+    $('#chimere_itinerary_panel').hide();
+    $('#search-result').hide();
+    $('#frm-edit-marker').hide();
+    $('#back-categories').hide();
+    $('#search-box').show();
+    $('#frm_categories').show();
+};
+
+var search_panel_open = function(){
+    $('#chimere_itinerary_panel').hide();
+    $('#frm_categories').hide();
+    $('#frm-edit-marker').hide();
+    $('#search-box').show();
+    $('#search-result').show();
+    $('#back-categories').show();
+};
+
+var edit_panel_open = function(){
+    update_editmarker();
+    $('#chimere_itinerary_panel').hide();
+    $('#search-box').hide();
+    $('#search-result').hide();
+    $('#frm_categories').hide();
+    $('#edit-actions').show();
+    $('#back-categories').show();
+};
+
 $(function(){
+
+    $('#action-routing').click(routing_panel_open);
+    $('#routing-button').click(routing_panel_open);
+    $('#action-categories').click(category_panel_open);
+    $('#action-search').click(search_panel_open);
+    $('#edit-button').click(edit_panel_open);
+    $('#back-categories').click(category_panel_open);
+
+    $('#sidebar-handler-hide').click(function(){$('#sidebar').hide();});
+    $('#sidebar-handler-show').click(function(){$('#sidebar').show();});
+
     $('#message').hide();
 
     $("[data-hide]").on("click", function(){
@@ -17,104 +162,6 @@ $(function(){
         $(".buttonset label").removeAttr("aria-pressed");
         $(this).attr("aria-pressed", 'true');
     });
-
-    var update_editmarker = function(){
-        $("#main-map").chimere('cleanRoute');
-        $('.map_button').hide();
-        if($('#multimedia_form').length) $('#multimedia_form').remove();
-        $('#action-edit-event').removeClass('state-active');
-        $('#action-edit-route').removeClass('state-active');
-        $('#action-edit-marker').addClass('state-active');
-        $('#frm-edit-route').hide();
-        $('#frm-edit-event').hide();
-        $('#frm-edit-marker').show();
-
-        $('#message').removeClass();
-        $('#message').addClass('alert');
-        $('#message').addClass('alert-info');
-        $('#message .content').html(msg_edit);
-        $('#message').show();
-
-        $.ajax({url: edit_url,
-                dataType: "html",
-                success: function (data) {
-                    $('#frm-edit-event').html('');
-                    $('#frm-edit-route').html('');
-                    $('#frm-edit-marker').html(data);
-                    $("#main-map").chimere('activateMarkerEdit');
-                },
-                error: function (data) {
-                    $('#frm-edit-marker').html("<p class='warning'>"+
-                                        default_error_message+"</p>");
-                }
-            });
-    };
-
-    var update_editevent = function(){
-        $("#main-map").chimere('cleanRoute');
-        $('.map_button').hide();
-        if($('#multimedia_form').length) $('#multimedia_form').remove();
-        $('#action-edit-marker').removeClass('state-active');
-        $('#action-edit-route').removeClass('state-active');
-        $('#action-edit-event').addClass('state-active');
-        $('#frm-edit-marker').hide();
-        $('#frm-edit-route').hide();
-        $('#frm-edit-event').show();
-
-        $('#message').removeClass();
-        $('#message').addClass('alert');
-        $('#message').addClass('alert-info');
-        $('#message .content').html(msg_edit);
-        $('#message').show();
-
-        $.ajax({url: edit_event_url,
-                dataType: "html",
-                success: function (data) {
-                    $('#frm-edit-marker').html('');
-                    $('#frm-edit-route').html('');
-                    $('#frm-edit-event').html(data);
-                    $("#main-map").chimere('activateMarkerEdit');
-                },
-                error: function (data) {
-                    $('#frm-edit-event').html("<p class='warning'>"+
-                                        default_error_message+"</p>");
-                }
-            });
-    };
-
-    var update_editroute = function(){
-        $('.map_button').show();
-        if($('#multimedia_form').length) $('#multimedia_form').remove();
-        $('#action-edit-marker').removeClass('state-active');
-        $('#action-edit-event').removeClass('state-active');
-        $('#action-edit-route').addClass('state-active');
-        $('#frm-edit-marker').hide();
-        $('#frm-edit-event').hide();
-        $('#frm-edit-route').show();
-        $('#chimere_itinerary').hide();
-        $('#chimere_itinerary_form').show();
-
-        $('#message').removeClass();
-        $('#message').addClass('alert');
-        $('#message').addClass('alert-info');
-        $('#message .content').html(msg_edit_route);
-        $('#message').show();
-
-        $.ajax({url: edit_route_url,
-                dataType: "html",
-                success: function (data) {
-                    $('#frm-edit-marker').html('');
-                    $('#frm-edit-event').html('');
-                    $('#frm-edit-route').html(data);
-                    $("#main-map").chimere('cleanMarker');
-                    $("#main-map").chimere('activateRouteEdit');
-                },
-                error: function (data) {
-                    $('#frm-edit-route').html("<p class='warning'>"+
-                                        default_error_message+"</p>");
-                }
-            });
-    };
     $("#action-news").click(function(){
         $('#news').dialog('open');
     });