From c000da07afe062fe46da179a8a18bda71bc319b9 Mon Sep 17 00:00:00 2001
From: Matias Volpe <matias.volpe@gmail.com>
Date: Thu, 19 Jul 2018 09:46:25 -0300
Subject: [PATCH] Leave directional indicator only for current image

---
 css/60_photos.css               | 7 +++++++
 modules/svg/mapillary_images.js | 1 +
 2 files changed, 8 insertions(+)

diff --git a/css/60_photos.css b/css/60_photos.css
index cc853900c..c1e4a0d9e 100644
--- a/css/60_photos.css
+++ b/css/60_photos.css
@@ -177,6 +177,13 @@
 .layer-mapillary-images .viewfield-group * {
     fill: #55ff22;
 }
+.layer-mapillary-images .viewfield-group .viewfield {
+    display: none;
+}
+.layer-mapillary-images .viewfield-group.selected .viewfield,
+.layer-mapillary-images .viewfield-group .viewfield.pano {
+    display: inline;
+}
 .layer-mapillary-images .sequence {
     stroke: #55ff22;
 }
diff --git a/modules/svg/mapillary_images.js b/modules/svg/mapillary_images.js
index 449b768f8..641882790 100644
--- a/modules/svg/mapillary_images.js
+++ b/modules/svg/mapillary_images.js
@@ -201,6 +201,7 @@ export function svgMapillaryImages(projection, context, dispatch) {
         viewfields.enter()               // viewfields may or may not be drawn...
             .insert('path', 'circle')    // but if they are, draw below the circles
             .attr('class', 'viewfield')
+            .classed('pano', function() { return this.parentNode.__data__.pano; })
             .attr('transform', 'scale(1.5,1.5),translate(-8, -13)')
             .attr('d', viewfieldPath);