Edit: many improvments on style and layout

1 files changed, 33 insertions, 0 deletions

diff --git a/static/saclay/js/interface.js b/static/saclay/js/interface.js
index 87b432e..1cb8e72 100644
--- a/static/saclay/js/interface.js
+++ b/static/saclay/js/interface.js
@@ -1,4 +1,13 @@
+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.";
+var msg_edit = "Cliquez sur la carte pour placer le lieu.";
+
 $(function(){
+    $('#message').hide();
+
+    $("[data-hide]").on("click", function(){
+        $("." + $(this).attr("data-hide")).hide();
+    });
+
     $('#default-message').dialog({'autoOpen':false,
                                   'resizable':false,
                                   width:630,
@@ -19,6 +28,13 @@ $(function(){
         $('#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) {
@@ -44,6 +60,13 @@ $(function(){
         $('#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) {
@@ -70,6 +93,13 @@ $(function(){
         $('#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) {
@@ -89,6 +119,8 @@ $(function(){
         $('#news').dialog('open');
     });
     $("#action-carte").click(function(){
+        $('#main_map').chimere('deactivateEdition');
+        $('#message').hide();
         $('.map_button').hide();
         $("#main-map").chimere('cleanRoute');
         $("#main-map").chimere('cleanMarker');
@@ -109,6 +141,7 @@ $(function(){
 
     $("#action-participate").click(function(){
         $('.map_button').hide();
+        $('#message').hide();
         $('#action-carte').removeClass('state-active');
         $('#action-participate').addClass('state-active');
         $('#map-actions').hide();