From 7a94ab632f87652d02b24c41dc45545a4efd5c25 Mon Sep 17 00:00:00 2001
From: Azgaar <maxganiev@yandex.ru>
Date: Fri, 26 Feb 2021 21:52:01 +0300
Subject: [PATCH] v1.5.69 - ability to drag province labels

---
 index.css                      |  2 +-
 modules/ui/provinces-editor.js | 13 +++++++++++++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/index.css b/index.css
index a58d5c84..082d0bac 100644
--- a/index.css
+++ b/index.css
@@ -122,7 +122,7 @@ button, select, a {
 	stroke-linejoin: round;
 }
 
-#regions, #cults, #relig, #biomes, #provs, #terrs, #biomes, #tooltip, #temperature, #texture, #landmass, #fogging {
+#regions, #cults, #relig, #biomes, #provincesBody, #terrs, #biomes, #tooltip, #temperature, #texture, #landmass, #fogging {
 	pointer-events: none;
 }
 
diff --git a/modules/ui/provinces-editor.js b/modules/ui/provinces-editor.js
index 841b136e..2f24359a 100644
--- a/modules/ui/provinces-editor.js
+++ b/modules/ui/provinces-editor.js
@@ -7,6 +7,7 @@ function editProvinces() {
   if (layerIsOn("toggleStates")) toggleStates();
   if (layerIsOn("toggleCultures")) toggleCultures();
 
+  provs.selectAll("text").call(d3.drag().on("drag", dragLabel)).classed("draggable", true);
   const body = document.getElementById("provincesBodySection");
   refreshProvincesEditor();
 
@@ -585,6 +586,7 @@ function editProvinces() {
     const hidden = provs.select("#provinceLabels").style("display") === "none";
     provs.select("#provinceLabels").style("display", `${hidden ? "block" : "none"}`);
     provs.attr("data-labels", +hidden);
+    provs.selectAll("text").call(d3.drag().on("drag", dragLabel)).classed("draggable", true);
   }
 
   function enterProvincesManualAssignent() {
@@ -868,7 +870,18 @@ function editProvinces() {
     });
   }
 
+  function dragLabel() {
+    const tr = parseTransform(this.getAttribute("transform"));
+    const x = +tr[0] - d3.event.x, y = +tr[1] - d3.event.y;
+
+    d3.event.on("drag", function() {
+      const transform = `translate(${(x + d3.event.x)},${(y + d3.event.y)})`;
+      this.setAttribute("transform", transform);
+    });
+  }
+
   function closeProvincesEditor() {
+    provs.selectAll("text").call(d3.drag().on("drag", null)).attr("class", null);
     if (customization === 11) exitProvincesManualAssignment("close");
     if (customization === 12) exitAddProvinceMode();
   }