Apply styles and map script to manually loaded files

This commit is contained in:
2025-06-16 22:41:30 -07:00
parent 9769b26ddb
commit 873a5939ef
8 changed files with 37 additions and 15 deletions

View File

@@ -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 =>