From 932785cc3149c2df1afff3e55a9c11ca62696a06 Mon Sep 17 00:00:00 2001
From: Azgaar <maxganiev@yandex.ru>
Date: Tue, 4 May 2021 01:16:39 +0300
Subject: [PATCH] resources ("goods") layers

---
 main.js              |  1 -
 modules/ui/layers.js | 29 +++++++++++++++++++++++++++++
 2 files changed, 29 insertions(+), 1 deletion(-)

diff --git a/main.js b/main.js
index 22392680..ccafd99f 100644
--- a/main.js
+++ b/main.js
@@ -717,7 +717,6 @@ async function generate(options) {
     defineBiomes();
 
     Resources.generate();
-    Resources.draw();
 
     rankCells();
     Cultures.generate();
diff --git a/modules/ui/layers.js b/modules/ui/layers.js
index 0943a333..998dd4f0 100644
--- a/modules/ui/layers.js
+++ b/modules/ui/layers.js
@@ -1924,6 +1924,35 @@ function drawResources() {
   console.timeEnd('drawResources');
 }
 
+function toggleResources(event) {
+  if (!layerIsOn("toggleResources")) {
+    turnButtonOn("toggleResources");
+    $('#goods').fadeIn();
+    if (!goods.selectAll("*").size()) drawResources();
+    if (event && isCtrlClick(event)) editStyle("goods");
+  } else {
+    if (event && isCtrlClick(event)) {editStyle("goods"); return;}
+    $('#goods').fadeOut();
+    turnButtonOff("toggleResources");
+  }
+}
+
+function drawResources() {
+  console.time("drawResources");
+  let resourcesHTML = "";
+  for (const i of pack.cells.i) {
+    if (!pack.cells.resource[i]) continue;
+    const resource = pack.resources.find(resource => resource.i === pack.cells.resource[i]);
+    const [x, y] = pack.cells.p[i];
+    resourcesHTML += `<g>
+      <circle data-i="${resource.i}" cx=${x} cy=${y} r="3" fill="${resource.color}" stroke="${resource.stroke}" />
+      <use href="#${resource.icon}" x="${x-3}" y="${y-3}" width="6" height="6"/>
+    </g>`;
+  }
+  goods.html(resourcesHTML);
+  console.timeEnd("drawResources");
+}
+
 function layerIsOn(el) {
   const buttonoff = document.getElementById(el).classList.contains("buttonoff");
   return !buttonoff;