Motschen/midnightdust-eu
1
0
Fork 0
mirror of https://github.com/Motschen/midnightdust-eu.git synced 2025-12-17 11:05:08 +01:00
Code Issues Packages Projects Releases Wiki Activity

Improve reliability of the version selector

Browse Source
This commit is contained in:
Martin Prokoph
2024-09-18 14:39:30 +02:00
parent 93732a4b27
commit 04b741b133
1 changed files with 50 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/VersionDropdown.astro
View File

@@ -3,8 +3,7 @@ import { Icon } from 'astro-icon/components'
import { loaderList, versionList} from '../js/modversion.js' import { loaderList, versionList} from '../js/modversion.js'
--- ---
<div id="version-dropdown"> <version-dropdown>
<div class="">
<div class="wrapper"> <div class="wrapper">
<label for="loader-selector" class="sr-only">Select the Modloader</label> <label for="loader-selector" class="sr-only">Select the Modloader</label>
<select <select
@@ -28,11 +27,13 @@ import { loaderList, versionList} from '../js/modversion.js'
<Icon name="ion:copy-outline"></Icon> <Icon name="ion:copy-outline"></Icon>
</select> </select>
</div> </div>
</div> </version-dropdown>
</div>
<script> <script>
import { getResultingVersion, setGameVersion, setLoaderVersion } from "../js/modversion"; import { getResultingVersion, setGameVersion, setLoaderVersion } from "../js/modversion";
// Define the behaviour for our new type of HTML element.
class VersionDropdown extends HTMLElement {
connectedCallback() {
// Get the gradle.properties code block // Get the gradle.properties code block
const versionLabel = document.getElementById("midnightlib-version"); const versionLabel = document.getElementById("midnightlib-version");
// Get the 2 selectors defined above // Get the 2 selectors defined above
@@ -55,7 +56,10 @@ import { getResultingVersion, setGameVersion, setLoaderVersion } from "../js/mod
setGameVersion(value); setGameVersion(value);
if (versionLabel) versionLabel.innerText = `midnightlib_version = `+getResultingVersion(); if (versionLabel) versionLabel.innerText = `midnightlib_version = `+getResultingVersion();
}); });
}
}
// Tell the browser to use our VersionDropdown class for <version-dropdown> elements.
customElements.define('version-dropdown', VersionDropdown);
</script> </script>
<style lang="scss" is:global> <style lang="scss" is:global>