add class "selected" on the marker just created
authorrougeronj
Tue, 08 Sep 2015 15:25:32 +0200
changeset 104 64ad4987d31c
parent 103 b2489bd8eff4
child 105 e597e63e45f8
child 108 00e42730e11a
add class "selected" on the marker just created bring the selected/hover marker to the foreground
server/src/remie/static/remie/css/markers.css
server/src/remie/static/remie/metadataplayer/Markers.js
--- a/server/src/remie/static/remie/css/markers.css	Tue Sep 08 13:31:23 2015 +0200
+++ b/server/src/remie/static/remie/css/markers.css	Tue Sep 08 15:25:32 2015 +0200
@@ -112,6 +112,7 @@
 .Ldt-Markers-MarkerBall:hover,
 .Ldt-Markers-MarkerBall.selected {
     border-color: #5a5a5a !important;
+    z-index: 999999;
 }
 
 .Ldt-Markers-MarkerEdit .Ldt-Markers-Buttons{
@@ -193,26 +194,4 @@
 .Ldt-Markers-Screen.Ldt-Markers-ScreenMain .Ldt-Markers-Info .Ldt-Markers-MarkerEdit,
 .Ldt-Markers-Info .Ldt-Markers-MarkerDescription{
     margin: 10px 0 0;
-}
-
-/* -------- Override Segments-List style -------- */
-
-/* .Ldt-Segments-List .Ldt-Segments-Segment{ */
-/*     background-color: #848484 !important; */
-/*     border: none; */
-/*     height: 50px !important; */
-/*     outline: 5px solid #ffffff; */
-/*     cursor: pointer; */
-/* } */
-
-/* .Ldt-Segments-List .Ldt-Segments-Segment:hover{ */
-/*     background-color: #a2a2a2 !important; */
-/* } */
-
-/* .Ldt-Segments-Segment.selected:hover{ */
-/*     background-color: #a2cf18 !important; */
-/* } */
-
-/* .Ldt-Segments-Segment.selected{ */
-/*     background-color: #a2cf18 !important; */
-/* } */
\ No newline at end of file
+}
\ No newline at end of file
--- a/server/src/remie/static/remie/metadataplayer/Markers.js	Tue Sep 08 13:31:23 2015 +0200
+++ b/server/src/remie/static/remie/metadataplayer/Markers.js	Tue Sep 08 15:25:32 2015 +0200
@@ -292,6 +292,11 @@
         }
         var _html = Mustache.to_html(_this.markerTemplate, _data),
             _el = IriSP.jQuery(_html);
+        
+        if ((_this.selectedMarker)&&(_this.selectedMarker.id == _marker.id)){
+            _el.children().toggleClass("selected", true);
+        }
+        
         _el.mouseover(function(){
                 if (!((_this.selectedMarker)&&(_this.selectedMarker.id == _marker.id))){
                     _el.children().css("background-color", _this.hover_color);