move btnLoadHistory click event to history_tab.js

index.js

@@ -3835,65 +3835,6 @@ async function deleteNoneSelected(viewer_objects) {
 }
 
 // document.getElementById('btnLoadViewer').addEventListener('click', loadViewerImages)
-//REFACTOR: move to events.js
-document
-    .getElementById('btnLoadHistory')
-    .addEventListener('click', async function () {
-        try {
-            const output_dir_relative = './server/python_server/'
-            const container = document.getElementById(
-                'divHistoryImagesContainer'
-            )
-            const uniqueDocumentId = await getUniqueDocumentId()
-            const [image_paths, metadata_jsons, base64_images] =
-                await sdapi.loadHistory(uniqueDocumentId)
-
-            while (container.firstChild) {
-                container.removeChild(container.firstChild)
-            }
-
-            const length = image_paths.length
-            // let i = length -1
-
-            // for (image_path of image_paths) {
-            for (let i = length - 1; i >= 0; --i) {
-                const img = document.createElement('img')
-                // img.src = `${output_dir_relative}/${image_path}`
-                const image_src = `data:image/png;base64, ${base64_images[i]}`
-                img.src = image_src
-
-                img.dataset.path = `${output_dir_relative}/${image_paths[i]}`
-                img.className = 'history-image'
-                img.dataset.metadata_json_string = JSON.stringify(
-                    metadata_jsons[i]
-                )
-                console.log(`metadata_jsons[${i}]: `, metadata_jsons[i])
-
-                const img_container = thumbnail.Thumbnail.wrapImgInContainer(
-                    img,
-                    'viewer-image-container'
-                )
-                thumbnail.Thumbnail.addSPButtonToContainer(
-                    img_container,
-                    'svg_sp_btn',
-                    'copy metadata to settings',
-                    history_tab.getHistoryMetadata,
-                    img
-                )
-                thumbnail.Thumbnail.addSPButtonToContainer(
-                    img_container,
-                    'svg_sp_btn_datadownload',
-                    'place the image on the canvas',
-                    moveHistoryImageToLayer,
-                    img
-                )
-                container.appendChild(img_container)
-                // i++
-            }
-        } catch (e) {
-            console.warn(`loadHistory warning: ${e}`)
-        }
-    })
 
 //REFACTOR: move to document.js
 async function moveHistoryImageToLayer(img) {

utility/tab/history_tab.js

@@ -1,4 +1,6 @@
-const settings_tab = require('./utility/tab/settings')
+const settings_tab = require('./settings')
+const sdapi = require('../../sdapi_py_re')
+const thumbnail = require('../../thumbnail')
 
 //REFACTORED: moved to history_tab.js
 function getHistoryMetadata(img) {
@@ -30,6 +32,65 @@ function getHistoryMetadata(img) {
     g_ui_settings_object.autoFillInSettings(metadata_json)
 }
 
+document
+    .getElementById('btnLoadHistory')
+    .addEventListener('click', async function () {
+        try {
+            const output_dir_relative = './server/python_server/'
+            const container = document.getElementById(
+                'divHistoryImagesContainer'
+            )
+            const uniqueDocumentId = await getUniqueDocumentId()
+            const [image_paths, metadata_jsons, base64_images] =
+                await sdapi.loadHistory(uniqueDocumentId)
+
+            while (container.firstChild) {
+                container.removeChild(container.firstChild)
+            }
+
+            const length = image_paths.length
+            // let i = length -1
+
+            // for (image_path of image_paths) {
+            for (let i = length - 1; i >= 0; --i) {
+                const img = document.createElement('img')
+                // img.src = `${output_dir_relative}/${image_path}`
+                const image_src = `data:image/png;base64, ${base64_images[i]}`
+                img.src = image_src
+
+                img.dataset.path = `${output_dir_relative}/${image_paths[i]}`
+                img.className = 'history-image'
+                img.dataset.metadata_json_string = JSON.stringify(
+                    metadata_jsons[i]
+                )
+                console.log(`metadata_jsons[${i}]: `, metadata_jsons[i])
+
+                const img_container = thumbnail.Thumbnail.wrapImgInContainer(
+                    img,
+                    'viewer-image-container'
+                )
+                thumbnail.Thumbnail.addSPButtonToContainer(
+                    img_container,
+                    'svg_sp_btn',
+                    'copy metadata to settings',
+                    history_tab.getHistoryMetadata,
+                    img
+                )
+                thumbnail.Thumbnail.addSPButtonToContainer(
+                    img_container,
+                    'svg_sp_btn_datadownload',
+                    'place the image on the canvas',
+                    moveHistoryImageToLayer,
+                    img
+                )
+                container.appendChild(img_container)
+                // i++
+            }
+        } catch (e) {
+            console.warn(`loadHistory warning: ${e}`)
+        }
+    })
+
 module.exports = {
     getHistoryMetadata,
 }