From 77bd9569ec1f38388bb8d168a50b556cebe57e0f Mon Sep 17 00:00:00 2001
From: Dave Arter <davea@mysociety.org>
Date: Wed, 10 Oct 2018 17:11:42 +0100
Subject: =?UTF-8?q?Hide=20pins=20button=20becomes=20=E2=80=98show=20pins?=
 =?UTF-8?q?=E2=80=99=20button=20when=20pins=20are=20hidden?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 www/css/fms.css               |   5 +++++
 www/images/show-pins-link.png | Bin 0 -> 4203 bytes
 www/images/show-pins-link.svg |   1 +
 www/js/views/around.js        |  15 ++++++++++++---
 4 files changed, 18 insertions(+), 3 deletions(-)
 create mode 100644 www/images/show-pins-link.png
 create mode 100644 www/images/show-pins-link.svg

diff --git a/www/css/fms.css b/www/css/fms.css
index d800619..2b2ac2f 100644
--- a/www/css/fms.css
+++ b/www/css/fms.css
@@ -623,6 +623,11 @@
         margin-left: .3em;
     }
 
+    #hidepins.showpins {
+        background-image: url(../images/show-pins-link.png);
+        background-image: url(../images/show-pins-link.svg);
+    }
+
     #pc {
         padding-left: 0.2em;
         border-left: 1px solid #F6BE41;
diff --git a/www/images/show-pins-link.png b/www/images/show-pins-link.png
new file mode 100644
index 0000000..8bc6f75
Binary files /dev/null and b/www/images/show-pins-link.png differ
diff --git a/www/images/show-pins-link.svg b/www/images/show-pins-link.svg
new file mode 100644
index 0000000..353a583
--- /dev/null
+++ b/www/images/show-pins-link.svg
@@ -0,0 +1 @@
+<svg width="36" height="36" xmlns="http://www.w3.org/2000/svg"><circle cx="18" cy="16" r="6.5" stroke="#000" fill="transparent" stroke-width="5"/><path d="M18 31.1l-3.6-7.2h7.2z"/></svg>
\ No newline at end of file
diff --git a/www/js/views/around.js b/www/js/views/around.js
index 4afc5bb..ae140f5 100644
--- a/www/js/views/around.js
+++ b/www/js/views/around.js
@@ -217,7 +217,7 @@
                     $('#locate-here').hide();
                     $('#postcodeForm').hide();
                     if ( fixmystreet.map ) {
-                        fixmystreet.markers.setVisibility(false);
+                        this.setMarkersVisibility(false);
                         fixmystreet.select_feature.deactivate();
                         fixmystreet.bbox_strategy.deactivate();
                     }
@@ -240,7 +240,7 @@
                     if ( fixmystreet.map ) {
                         fixmystreet.bbox_strategy.activate();
                         fixmystreet.report_location.setVisibility(false);
-                        fixmystreet.markers.setVisibility(true);
+                        this.setMarkersVisibility(true);
                         fixmystreet.select_feature.deactivate();
                         fixmystreet.select_feature.activate();
                     }
@@ -499,7 +499,16 @@
 
             toggleMarkersVisibility: function(e) {
                 e.preventDefault();
-                fixmystreet.markers.setVisibility(!fixmystreet.markers.getVisibility());
+                this.setMarkersVisibility(!fixmystreet.markers.getVisibility());
+            },
+
+            setMarkersVisibility: function(visible) {
+                fixmystreet.markers.setVisibility(visible);
+                if (visible) {
+                    $("#hidepins").removeClass("showpins");
+                } else {
+                    $("#hidepins").addClass("showpins");
+                }
             }
         })
     });
-- 
cgit v1.2.3