Use JQuery UI dialog for itinerary detail

2 files changed, 7 insertions, 22 deletions

diff --git a/chimere/static/chimere/css/styles.css b/chimere/static/chimere/css/styles.css
index 58a7944..5fd9cd7 100644
--- a/chimere/static/chimere/css/styles.css
+++ b/chimere/static/chimere/css/styles.css
@@ -417,27 +417,9 @@ ul#share li{
     padding-top:0;
 }
 
-#chimere_itinerary_panel{
-    position:absolute;
-    z-index:5;
-    top:50px;
-    left:50px;
-    width:300px;
-    padding:0.5em;
-    padding-top:0;
-    display:none;
-}
-
-#chimere_itinerary{
-    height:250px;
-    overflow:auto;
-    padding:0.2em 1em;
-    font-size:0.9em;
-}
-
 #chimere_itinerary td.l{
     padding:5px;
-    width:55px;
+    width:60px;
 }
 
 #chimere_itinerary span.j{
diff --git a/chimere/static/chimere/js/jquery.chimere.js b/chimere/static/chimere/js/jquery.chimere.js
index 3ffb1f9..4639a09 100644
--- a/chimere/static/chimere/js/jquery.chimere.js
+++ b/chimere/static/chimere/js/jquery.chimere.js
@@ -516,7 +516,8 @@ OpenLayers.Layer.MapQuestOSM = OpenLayers.Class(OpenLayers.Layer.XYZ, {
         // set the start point for routing
         routingFrom: function(){
             $('#chimere_map_menu').hide();
-            $('#chimere_itinerary_panel').hide();
+            //$('#chimere_itinerary_panel').hide();
+            $('#chimere_itinerary_panel').dialog('close');
             settings.routing_start = new OpenLayers.Marker(
                                           settings.current_position.clone(),
                                           settings.icon_start);
@@ -527,7 +528,8 @@ OpenLayers.Layer.MapQuestOSM = OpenLayers.Class(OpenLayers.Layer.XYZ, {
         // set the finish point for routing
         routingTo: function(){
             $('#chimere_map_menu').hide();
-            $('#chimere_itinerary_panel').hide();
+            //$('#chimere_itinerary_panel').hide();
+            $('#chimere_itinerary_panel').dialog('close');
             settings.routing_end = new OpenLayers.Marker(
                                           settings.current_position.clone(),
                                           settings.icon_end);
@@ -560,7 +562,8 @@ OpenLayers.Layer.MapQuestOSM = OpenLayers.Class(OpenLayers.Layer.XYZ, {
                         }
                         $('#chimere_itinerary').html(
                                             data.properties.description);
-                        $('#chimere_itinerary_panel').show();
+                        //$('#chimere_itinerary_panel').show();
+            $('#chimere_itinerary_panel').dialog('open');
                     },
                     error: function (data) {
                         settings.layerRoute.removeAllFeatures();