From b0e788b57528b08fd5be681a1639039cd1dcd142 Mon Sep 17 00:00:00 2001
From: Azgaar <maxganiev@yandex.ru>
Date: Sun, 17 Oct 2021 14:03:59 +0300
Subject: [PATCH] markers-overview - ability to invert lock and pinned statuses

---
 index.html                     |  2 ++
 modules/ui/markers-overview.js | 29 +++++++++++++++++++++++++++--
 2 files changed, 29 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 54591a88..18d938a6 100644
--- a/index.html
+++ b/index.html
@@ -3380,6 +3380,8 @@
     <div id="markersOverview" class="dialog stable" style="display: none">
       <div id="markersHeader" class="header">
         <div style="left:1em" data-tip="Click to sort by marker type" class="sortable alphabetically" data-sortby="type">Type&nbsp;</div>
+        <div id="markersInverPin" style="left:14.9em; color: #6e5e66" data-tip="Click to invert pin state for all markers" class="icon-pin pointer"></div>
+        <div id="markersInverLock" style="left:16.1em; color: #6e5e66" data-tip="Click to invert lock state for all markers" class="icon-lock pointer"></div>
       </div>
 
       <div id="markersBody" class="table"></div>
diff --git a/modules/ui/markers-overview.js b/modules/ui/markers-overview.js
index 15837774..10ac506d 100644
--- a/modules/ui/markers-overview.js
+++ b/modules/ui/markers-overview.js
@@ -6,6 +6,8 @@ function overviewMarkers() {
 
   const markerGroup = document.getElementById("markers");
   const body = document.getElementById("markersBody");
+  const markersInverPin = document.getElementById("markersInverPin");
+  const markersInverLock = document.getElementById("markersInverLock");
   const markersFooterNumber = document.getElementById("markersFooterNumber");
   const markersOverviewRefresh = document.getElementById("markersOverviewRefresh");
   const markersAddFromOverview = document.getElementById("markersAddFromOverview");
@@ -25,6 +27,8 @@ function overviewMarkers() {
 
   const listeners = [
     listen(body, "click", handleLineClick),
+    listen(markersInverPin, "click", invertPin),
+    listen(markersInverLock, "click", invertLock),
     listen(markersOverviewRefresh, "click", addLines),
     listen(markersAddFromOverview, "click", toggleAddMarker),
     listen(markersGenerationConfig, "click", configMarkersGeneration),
@@ -45,12 +49,12 @@ function overviewMarkers() {
 
   function addLines() {
     const lines = pack.markers
-      .map(({i, type, icon, lock}) => {
+      .map(({i, type, icon, pinned, lock}) => {
         return `<div class="states" data-i=${i} data-type="${type}">
         <div data-tip="Marker icon and type" style="width:12em">${icon} ${type}</div>
         <span style="padding-right:.1em" data-tip="Edit marker" class="icon-pencil"></span>
         <span style="padding-right:.1em" data-tip="Focus on marker position" class="icon-dot-circled pointer"></span>
-        <span style="padding-right:.1em" data-tip="Pin marker (display only pinned markers)" class="icon-pin inactive pointer"></span>
+        <span style="padding-right:.1em" data-tip="Pin marker (display only pinned markers)" class="icon-pin ${pinned ? "" : "inactive"}" pointer"></span>
         <span style="padding-right:.1em" class="locks pointer ${lock ? "icon-lock" : "icon-lock-open inactive"}" onmouseover="showElementLockTip(event)"></span>
         <span data-tip="Remove marker" class="icon-trash-empty"></span>
       </div>`;
@@ -63,6 +67,27 @@ function overviewMarkers() {
     applySorting(markersHeader);
   }
 
+  function invertPin() {
+    let anyPinned = false;
+
+    pack.markers.forEach(marker => {
+      const pinned = !marker.pinned;
+      if (pinned) {
+        marker.pinned = true;
+        anyPinned = true;
+      } else delete marker.pinned;
+    });
+
+    markerGroup.setAttribute("pinned", anyPinned ? 1 : null);
+    drawMarkers();
+    addLines();
+  }
+
+  function invertLock() {
+    pack.markers = pack.markers.map(marker => ({...marker, lock: !marker.lock}));
+    addLines();
+  }
+
   function openEditor(i) {
     const marker = pack.markers.find(marker => marker.i === i);
     if (!marker) return;