From 3cb3b57537751d521b9cff89b08105e22c9f77e3 Mon Sep 17 00:00:00 2001
From: Bob Voorneveld <info@bobvoorneveld.nl>
Date: Mon, 7 Feb 2022 14:36:19 +0100
Subject: [PATCH] Adding button to the book

---
 js/koi/gui/cards/cardBook.js | 27 ++++++++++++++++++++++++++-
 1 file changed, 26 insertions(+), 1 deletion(-)

diff --git a/js/koi/gui/cards/cardBook.js b/js/koi/gui/cards/cardBook.js
index 20dd0ab..d81692b 100644
--- a/js/koi/gui/cards/cardBook.js
+++ b/js/koi/gui/cards/cardBook.js
@@ -28,7 +28,9 @@ const CardBook = function(width, height, cards, audio, onUnlock) {
 
     this.element.appendChild(this.buttonPageLeft.element);
     this.element.appendChild(this.buttonPageRight.element);
-
+    if (window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers.loadImage) {
+        this.element.appendChild(this.createLoadImageElement(audio));
+    }
     this.fit();
     this.setButtonLockedStatus();
 };
@@ -43,6 +45,7 @@ CardBook.prototype.PADDING_PAGE = .02;
 CardBook.prototype.PADDING_CARD = .035;
 CardBook.prototype.HEIGHT = .65;
 CardBook.prototype.PAGE_COUNT = CardRequirements.length;
+CodeViewer.prototype.LANG_SAVE = "LOAD_IMAGE"; // TODO, what loading text?
 
 /**
  * A page flip action
@@ -488,3 +491,25 @@ CardBook.prototype.resize = function(width, height) {
 
     this.fit();
 };
+
+/**
+ * Creates the load Koi Code image button
+ * @param {AudioBank} audio Game audio
+ * @returns {HTMLButtonElement} The download button
+ * 
+ * TODO: needs styling and positioning.
+ */
+CardBook.prototype.createLoadImageElement = function(audio) {
+    const button = document.createElement("button");
+
+    button.appendChild(document.createTextNode(language.get(this.LANG_LOAD)));
+    button.onclick = () => {
+        audio.effectClick.play();
+
+        if (window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers.loadImage) {
+            window.webkit.messageHandlers.loadImage.postMessage(null);
+        }
+        this.hide();
+    };
+    return button;
+};