matty/dayzdockerserver
1
0
Fork 0
mirror of https://ceregatti.org/git/daniel/dayzdockerserver.git synced 2025-05-06 14:21:18 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add custom XML file selection highlight.

Browse source
This commit is contained in:
Daniel Ceregatti 2023-05-25 08:53:31 -07:00
parent 5267ae70bb
commit 20910730df
2 changed files with 16 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
web/root/index.css
View file

@ -20,6 +20,10 @@ body {
background-color: aliceblue;
}
.selected {
background-color: cyan;
}
.simulink {
cursor: pointer;
text-underline: blue;

15
web/root/index.js
View file

@ -48,8 +48,8 @@ const template = `
</table>
</div>
<div class="col-9 modInfo" v-if="modInfo != ''">
<div class="text-center col-2">
<h2>{{ modInfo.name }}</h2>
<div class="text-center col-12">
<h2>{{ modInfo.name }} mod info:</h2>
</div>
<div class="row">
<div class="col-2">
@ -63,7 +63,12 @@ const template = `
Custom XML files:
<ul>
<li v-for="info in modInfo.customXML">
<a class="simulink" @click="getXMLInfo(modInfo.id,info.name)">{{ info.name }}</a>
<a
:class="'simulink xmlfile ' + info.name"
@click="getXMLInfo(modInfo.id,info.name)"
>
{{ info.name }}
</a>
</li>
</ul>
</div>
@ -88,6 +93,7 @@ export default {
mods: [],
modInfo: "",
version: "Unknown",
XMLFile: "",
XMLInfo: "",
}
},
@ -105,10 +111,13 @@ export default {
})
},
getXMLInfo(modId, file) {
for (const e of document.getElementsByClassName("selected")) e.classList.remove("selected")
fetch('/mod/' + modId + '/' + file)
.then(response => response.text())
.then(response => {
this.XMLFile = file
this.XMLInfo = response
for (const e of document.getElementsByClassName(file)) e.classList.add("selected")
})
.catch((error) => {
console.error(error)