| 1546 | } |
| 1547 | |
| 1548 | #doVersion(ver) { |
| 1549 | const node = document.createElement('div') |
| 1550 | node.classList.add('col-12', 'inset-block') |
| 1551 | node.innerHTML = [ |
| 1552 | '<div>', |
| 1553 | `<div class="inset-block-header"><i18n-text data-key="game_title_farming_simulator"></i18n-text> 20${ver}</div>`, |
| 1554 | '<div class="row">', |
| 1555 | |
| 1556 | '<div class="col-12 mt-3 inset-block"><div>', |
| 1557 | '<i18n-text class="inset-block-header" data-key="user_pref_title_game_settings"></i18n-text>', |
| 1558 | '<div class="input-group ">', |
| 1559 | `<input type="text" class="form-control" id="pref--${ver}-game-settings" readonly style="font-size: 70%">`, |
| 1560 | `<button class="btn btn-outline-secondary" id="pref--${ver}-game-settings-btn" type="button"><i class="bi bi-folder"></i></button>`, |
| 1561 | '</div>', |
| 1562 | '<i18n-text class="inset-block-subtext" data-key="user_pref_blurb_game_settings"></i18n-text>', |
| 1563 | '</div></div>', |
| 1564 | |
| 1565 | '<div class="col-12 mt-3 inset-block"><div>', |
| 1566 | '<i18n-text class="inset-block-header" data-key="user_pref_title_game_path"></i18n-text>', |
| 1567 | '<div class="input-group ">', |
| 1568 | `<input type="text" class="form-control" id="pref--${ver}-game-path" readonly style="font-size: 70%">`, |
| 1569 | `<button class="btn btn-outline-secondary" id="pref--${ver}-game-path-btn" type="button"><i class="bi bi-folder"></i></button>`, |
| 1570 | '</div>', |
| 1571 | '<i18n-text class="inset-block-subtext" data-key="user_pref_blurb_game_path"></i18n-text>', |
| 1572 | '</div></div>', |
| 1573 | |
| 1574 | '<div class="col-12 mt-3 inset-block"><div>', |
| 1575 | '<i18n-text class="inset-block-header" data-key="user_pref_setting_game_args"></i18n-text>', |
| 1576 | `<input type="text" class="form-control" id="pref--${ver}-game-args" style="font-size: 70%">`, |
| 1577 | '<i18n-text class="inset-block-subtext" data-key="user_pref_setting_game_args_example"></i18n-text>', |
| 1578 | '<div class="text-end">', |
| 1579 | `<i18n-text class="btn btn-sm btn-outline-danger" id="pref--${ver}-game-args-cheat" data-key="user_pref_setting_game_cheats"></i18n-text>`, |
| 1580 | `<i18n-text class="btn btn-sm btn-outline-danger ms-1" id="pref--${ver}-game-args-video" data-key="user_pref_setting_game_video"></i18n-text>`, |
| 1581 | '</div></div></div>', |
| 1582 | |
| 1583 | '<div class="col-12"><div class="row">', |
| 1584 | |
| 1585 | '<div class="col-6 mt-3 inset-block"><div>', |
| 1586 | '<i18n-text class="inset-block-header" data-key="user_pref_title_game_enabled"></i18n-text>', |
| 1587 | '<div class="row">', |
| 1588 | '<i18n-text class="inset-block-blurb-option col-10 align-self-center" data-key="user_pref_blurb_game_enabled"></i18n-text>', |
| 1589 | '<div class="form-check form-switch custom-switch col-2">', |
| 1590 | `<input id="pref--${ver}-game-enabled" class="form-check-input" type="checkbox" role="switch">`, |
| 1591 | '</div></div></div></div>', |
| 1592 | |
| 1593 | '<div class="col-6 mt-3 inset-block"><div>', |
| 1594 | '<i18n-text class="inset-block-header" data-key="user_pref_title_dev"></i18n-text>', |
| 1595 | '<div class="row">', |
| 1596 | '<i18n-text class="inset-block-blurb-option col-10 align-self-center" data-key="user_pref_blurb_dev"></i18n-text>', |
| 1597 | '<div class="form-check form-switch custom-switch col-2">', |
| 1598 | `<input id="pref--${ver}-dev-mode" class="form-check-input" type="checkbox" role="switch">`, |
| 1599 | '</div></div></div></div>', |
| 1600 | |
| 1601 | '<div class="col-12 mt-3 inset-block"><div>', |
| 1602 | '<i18n-text class="inset-block-header" data-key="user_pref_title_clear"></i18n-text>', |
| 1603 | '<div class="row">', |
| 1604 | '<i18n-text class="inset-block-blurb-option col-12 align-self-center" data-key="user_pref_blurb_clear"></i18n-text>', |
| 1605 | '<div class="col-12 mt-2">', |