Make scenarios list in modal dynamic

This commit is contained in:
Catalin Constantin Mititiuc 2024-05-30 17:14:52 -07:00
parent d2286b5fdb
commit 56c8411920
2 changed files with 17 additions and 13 deletions

View File

@ -1,6 +1,4 @@
import sideShow from './assets/images/scenario-side_show.svg';
import dragonHunting from './assets/images/scenario-dragon_hunting.svg';
// import raceAgainstTime from './assets/images/scenario-race_against_time.svg';
import { scenarios } from './scenarios.js';
export function init() {
const showButton = document.getElementById('show-dialog'),
@ -8,15 +6,12 @@ export function init() {
selectEl = mapDialog.querySelector('select'),
confirmBtn = mapDialog.querySelector('#confirm-btn');
let option = document.createElement('option');
option.setAttribute('value', sideShow);
option.textContent = 'BattleTroops Scenario 1: Side Show';
selectEl.appendChild(option);
option = document.createElement('option');
option.setAttribute('value', dragonHunting);
option.textContent = 'BattleTroops Scenario 2: Dragon Hunting';
selectEl.appendChild(option);
Object.keys(scenarios).forEach(scenario => {
const option = document.createElement('option');
option.setAttribute('value', scenario);
option.textContent = scenarios[scenario];
selectEl.appendChild(option);
});
return {
selectCurrentOptionOnPageLoad() {
@ -56,4 +51,4 @@ export function init() {
};
}
export const defaultMap = sideShow;
export const defaultMap = scenarios.sideShow;

9
src/modules/scenarios.js Normal file
View File

@ -0,0 +1,9 @@
import sideShow from './assets/images/scenario-side_show.svg';
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',
}