From 021b8d3a9a25b751180781b000696841da83e0b1 Mon Sep 17 00:00:00 2001
From: Catalin Mititiuc
Date: Wed, 15 May 2024 18:08:24 -0700
Subject: Apply styles and map script to manually loaded files
---
src/index.js | 27 +++++++++++++++++++++++----
1 file changed, 23 insertions(+), 4 deletions(-)
(limited to 'src/index.js')
diff --git a/src/index.js b/src/index.js
index 1a7a6c7..3710843 100644
--- a/src/index.js
+++ b/src/index.js
@@ -65,16 +65,35 @@ function clearMoveEndedIndicators(records) {
}
function load() {
- URL.revokeObjectURL(this.data);
const svg = this.contentDocument.querySelector('svg'),
- startLocs = svg.querySelector('.start-locations');
+ startLocs = svg.querySelector('.start-locations'),
+ scriptEl = this.contentDocument.querySelector('script');
+
+ const linkEl = document.createElement('link');
+ linkEl.setAttribute('xmlns', 'http://www.w3.org/1999/xhtml');
+ linkEl.setAttribute('rel', 'stylesheet');
+ linkEl.setAttribute('href', 'http://localhost:8080/assets/css/map.css');
+ linkEl.setAttribute('type', 'text/css');
+ linkEl.onload = function (e) {
+ console.log('map.css loaded');
+
+ if (scriptEl) {
+ scriptEl.onload = function () {
+ console.log('map.js loaded');
+ gameboard.start(svg);
+ recordSheet.start(startLocs, gameboard.getUnits(), gameboard.unSelect, gameboard.select);
+ };
+ scriptEl.setAttribute('href', 'http://localhost:8080/map.js');
+ }
+ };
+ svg.prepend(linkEl);
this.style.opacity = 1;
mapPlaceholder.style.opacity = 0;
+ URL.revokeObjectURL(this.data);
panzoom.start(svg);
- gameboard.start(svg);
- recordSheet.start(startLocs, gameboard.getUnits(), gameboard.unSelect, gameboard.select);
+ recordSheet.clear();
}
document.querySelectorAll('.end-turn').forEach(el =>
--
cgit v1.2.3