add class "selected" on the marker just created
bring the selected/hover marker to the foreground
--- 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);