| index : btroops | |
| Virtual board game-aid for BattleTroops, an infantry combat simulator wargame published by FASA in 1989. |
| aboutsummaryrefslogtreecommitdiff |
diff options
| author | Catalin Mititiuc <webdevcat@proton.me> | 2024-05-30 18:06:46 -0700 |
|---|---|---|
| committer | Catalin Mititiuc <webdevcat@proton.me> | 2024-05-30 18:06:46 -0700 |
| commit | 85f5abb4e260a37bd4be8d2f566b51b8b3f4adad (patch) | |
| tree | 906551b25f1ea4a82fb7a62d9dfc662a6ea5751a /src/modules | |
| parent | 56c8411920744939aff26b3d874f6560b95f6ba7 (diff) | |
Fix storing scenario in local storage
Diffstat (limited to 'src/modules')
| -rw-r--r-- | src/modules/map_select_dialog.js | 13 | ||||
| -rw-r--r-- | src/modules/scenarios.js | 15 |
2 files changed, 18 insertions, 10 deletions
diff --git a/src/modules/map_select_dialog.js b/src/modules/map_select_dialog.js index 24215f6..359477d 100644 --- a/src/modules/map_select_dialog.js +++ b/src/modules/map_select_dialog.js @@ -6,17 +6,17 @@ export function init() { selectEl = mapDialog.querySelector('select'), confirmBtn = mapDialog.querySelector('#confirm-btn'); - Object.keys(scenarios).forEach(scenario => { + Object.keys(scenarios).reverse().forEach(scenario => { const option = document.createElement('option'); option.setAttribute('value', scenario); - option.textContent = scenarios[scenario]; - selectEl.appendChild(option); + option.textContent = scenarios[scenario].title; + selectEl.prepend(option); }); return { selectCurrentOptionOnPageLoad() { - mapDialog.querySelectorAll('option').forEach(option => - option.value === localStorage.getItem('map') && (option.selected = true) + mapDialog.querySelectorAll('option').forEach((option, index) => + option.selected = option.value === localStorage.getItem('map') || index === 0 ); return this; @@ -43,8 +43,7 @@ export function init() { e.preventDefault(); localStorage.removeItem('pan-zoom'); localStorage.setItem('map', selectEl.value); - // loadFn(`assets/images/${selectEl.value}.svg`); - loadFn(selectEl.value); + loadFn(scenarios[selectEl.value]?.hashed || `assets/images/${selectEl.value}.svg`); mapDialog.close(); }); } diff --git a/src/modules/scenarios.js b/src/modules/scenarios.js index afe375f..2a4af26 100644 --- a/src/modules/scenarios.js +++ b/src/modules/scenarios.js @@ -3,7 +3,16 @@ import dragonHunting from './assets/images/scenario-dragon_hunting.svg'; import raceAgainstTime from './assets/images/scenario-race_against_time.svg'; export const scenarios = { - [sideShow]: 'BattleTroops Scenario 1: Side Show', - [dragonHunting]: 'BattleTroops Scenario 2: Dragon Hunting', - [raceAgainstTime]: 'BattleTroops Scenario 3: Race Against Time', + 'scenario-side_show': { + hashed: sideShow, + title: 'BattleTroops Scenario 1: Side Show', + }, + 'scenario-dragon_hunting': { + hashed: dragonHunting, + title: 'BattleTroops Scenario 2: Dragon Hunting', + }, + 'scenario-race_against_time': { + hashed: raceAgainstTime, + title: 'BattleTroops Scenario 3: Race Against Time', + }, } |