From 9769b26ddb63a478d3852188fecf2d26f7a4da56 Mon Sep 17 00:00:00 2001
From: Catalin Constantin Mititiuc <webdevcat@proton.me>
Date: Mon, 16 Jun 2025 22:41:30 -0700
Subject: [PATCH] Add ability to load a map file manually

---
 public/assets/css/style.css                 |   4 ++++
 public/assets/images/icon_full_screen.png   | Bin 0 -> 593 bytes
 public/assets/images/icon_unfull_screen.png | Bin 0 -> 598 bytes
 public/index.html                           |   8 +++++++-
 src/index.js                                |  11 +++++++++++
 5 files changed, 22 insertions(+), 1 deletion(-)
 create mode 100644 public/assets/images/icon_full_screen.png
 create mode 100644 public/assets/images/icon_unfull_screen.png

diff --git a/public/assets/css/style.css b/public/assets/css/style.css
index 13d1fa5..91ef42c 100644
--- a/public/assets/css/style.css
+++ b/public/assets/css/style.css
@@ -380,6 +380,10 @@ img.logo {
   position: absolute;
 }
 
+input[type="file"] {
+  display: none;
+}
+
 @media (width >= 1800px) {
   #record-sheet {
     flex-direction: row;
diff --git a/public/assets/images/icon_full_screen.png b/public/assets/images/icon_full_screen.png
new file mode 100644
index 0000000000000000000000000000000000000000..94a7ee4f61545ffab1c818493216534a34502bc8
GIT binary patch
literal 593
zcmV-X0<QguP)<h;3K|Lk000e1NJLTq000aC000aK1^@s6R&`wG0004mX+uL$Nkc;*
zaB^>EX>4Tx04R}tkv&MmKpe$iQ;Q;%g6$yUkfFM07Zq`=RVYG*QY*CTU~=gfG-*gu
zTpR`0f`cE6RR<SmT^(EnLGS~_*}+NCMN0f%QfLw5!Ery{-Fw`<1B7Oksb)_cP&LcQ
zBoksTzbf{=B7hLW7{{Q*Onok$PQi10-NVP%yBN>%KKJJsPzojkd?In2>4rtTK|Hf*
z>74h8Bdjbb#OK5l23?T&k?XR{Z=6dG3p_JoWHa-`5n{2_#c~(3vY`@B6Gs(QqkJLf
zvch?bvs$gQ_C5Ivg9UA6nd>x1ki;UEkcJ2ubyQG=g&3_GDJC+spYZSxJN`7eWO7x&
z$gzMLR7j2={11M2YZj*_-K1aw2)x+#$0*Rd3$z-x{e5iPtrNii3|wg)f2|43ev;nk
zXwf4ev<+NbcQknqxZDATo^;8O9LY~pC>DYDGy0}H5WWTa*WBLP`#607veZ@T1~@nb
z#!8gE?(y!v?%w`A)9&vFm!opEcy^n#00006VoOIv02l!O000+DQ_%nb010qNS#tmY
zE+YT{E+YYWr9XB6000McNliru=mifGE*?oJg%1D#02y>eSad^gZEa<4bO1wgWnpw>
zWFU8GbZ8()Nlj2!fese{001dTL_t(2&tqg@VEE5~3K-G&=<=8Xc)))q1`+|u8iorP
fWWmZvYSI7z2IL3@+sK!{00000NkvXXu0mjfkn-@6

literal 0
HcmV?d00001

diff --git a/public/assets/images/icon_unfull_screen.png b/public/assets/images/icon_unfull_screen.png
new file mode 100644
index 0000000000000000000000000000000000000000..83c9c3d83494d7fc52f2ba97fb75daa642e95d18
GIT binary patch
literal 598
zcmV-c0;&CpP)<h;3K|Lk000e1NJLTq000aC000aK1^@s6R&`wG0004mX+uL$Nkc;*
zaB^>EX>4Tx04R}tkv&MmKpe$iQ;Q;%g6$yUkfFM07Zq`=RVYG*QY*CTU~=gfG-*gu
zTpR`0f`cE6RR<SmT^(EnLGS~_*}+NCMN0f%QfLw5!Ery{-Fw`<1B7Oksb)_cP&LcQ
zBoksTzbf{=B7hLW7{{Q*Onok$PQi10-NVP%yBN>%KKJJsPzojkd?In2>4rtTK|Hf*
z>74h8Bdjbb#OK5l23?T&k?XR{Z=6dG3p_JoWHa-`5n{2_#c~(3vY`@B6Gs(QqkJLf
zvch?bvs$gQ_C5Ivg9UA6nd>x1ki;UEkcJ2ubyQG=g&3_GDJC+spYZSxJN`7eWO7x&
z$gzMLR7j2={11M2YZj*_-K1aw2)x+#$0*Rd3$z-x{e5iPtrNii3|wg)f2|43ev;nk
zXwf4ev<+NbcQknqxZDATo^;8O9LY~pC>DYDGy0}H5WWTa*WBLP`#607veZ@T1~@nb
z#!8gE?(y!v?%w`A)9&vFm!opEcy^n#00006VoOIv02l!O000+DQ_%nb010qNS#tmY
zE+YT{E+YYWr9XB6000McNliru=mifGF*zZ4KKcLv02y>eSad^gZEa<4bO1wgWnpw>
zWFU8GbZ8()Nlj2!fese{001sYL_t(2&tqVq0{D-E&A`CGz`#VRX(Vf4!DTfLXE8F+
k95CW=5+U)y6s#lz00<=r3BfpbT>t<807*qoM6N<$g1aB`C;$Ke

literal 0
HcmV?d00001

diff --git a/public/index.html b/public/index.html
index a846733..d907d05 100644
--- a/public/index.html
+++ b/public/index.html
@@ -121,8 +121,12 @@
           <span class="inning-bottom">◒</span>
         </span>
         <button id="show-dialog" type="button">Change map</button>
-        <button id="fullscreen" type="button">Fullscreen</button>
         <button id="download-save" type="button">Save</button>
+        <button id="upload-save" type="button">Load</button>
+        <button id="fullscreen" type="button">
+          <img src="assets/images/icon_full_screen.png" height="12" />
+        </button>
+
         <span style="white-space: nowrap;">
           Prone: <input type="checkbox" id="toggle-prone-counter" />
           <button type="button" class="set-firing-arc" data-size="small">
@@ -197,6 +201,8 @@
       </form>
     </dialog>
 
+    <input type="file" accept="image/svg+xml"/>
+
     <script src="index.js"></script>
     <script src="soldier_record_block.js"></script>
   </body>
diff --git a/src/index.js b/src/index.js
index 3efa5a7..1a7a6c7 100644
--- a/src/index.js
+++ b/src/index.js
@@ -12,6 +12,7 @@ const mapPlaceholder = document.querySelector('.map-placeholder'),
   // fileName = localStorage.getItem('map') || (env === 'test' ? 'test_map' : 'map1'),
   fileName = localStorage.getItem('map') || 'map1',
   map = `assets/images/${fileName}.svg`,
+  fileInputEl = document.querySelector('input[type="file"]'),
 
   toggleContentVis = (function () {
     document.querySelectorAll('#content div').forEach(div => {
@@ -64,6 +65,7 @@ function clearMoveEndedIndicators(records) {
 }
 
 function load() {
+  URL.revokeObjectURL(this.data);
   const svg = this.contentDocument.querySelector('svg'),
     startLocs = svg.querySelector('.start-locations');
 
@@ -156,3 +158,12 @@ document.querySelector('#download-save').addEventListener('click', e => {
   element.click();
   // document.body.removeChild(element);
 });
+
+document.querySelector('#upload-save').addEventListener('click', () => {
+  fileInputEl.click();
+});
+
+document.querySelector('input[type="file"]').addEventListener('change', e => {
+  const [file] =  fileInputEl.files;
+  document.querySelector('object').data = URL.createObjectURL(file);
+});