Add option to "lock" buildings #763

src/Disp/Buildings/CreateBuildingLockButtons.js

@@ -0,0 +1,18 @@
+import ToggleBuildingLock from './ToggleBuildingLock';
+
+/**
+ * This function adds a lock button to the "building view" in the middle section
+ */
+export default function CreateBuildingLockButtons() {
+  Object.keys(l('rows').children).forEach((index) => {
+    const productButtons = l('rows').children[index].children[1];
+    const button = document.createElement('div');
+    button.id = `productLock${Number(index) + 1}`;
+    button.className = 'productButton';
+    button.innerHTML = 'Unlocked';
+    button.onclick = function () {
+      ToggleBuildingLock(Number(index) + 1);
+    };
+    productButtons.appendChild(button);
+  });
+}

src/Disp/Buildings/ToggleBuildingLock.js

@@ -0,0 +1,13 @@
+/**
+ * This function toggle the locked state of a building
+ * @param	{number}	index	Index of the row to change
+ */
+export default function ToggleBuildingLock(index) {
+  if (l(`productLock${index}`).innerHTML === 'Unlocked') {
+    l(`productLock${index}`).innerHTML = 'Locked';
+    l(`row${index}`).children[3].style.pointerEvents = 'none';
+  } else {
+    l(`productLock${index}`).innerHTML = 'Unlocked';
+    l(`row${index}`).children[3].style.pointerEvents = 'auto';
+  }
+}