stuve-it
/
wiki-js-customization
8
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

modified js
Build and Push Docker image / build-and-push (push) Successful in 34s Details

This commit is contained in:
Valentin Kolb 2024-03-14 22:55:26 +01:00
parent 9eb81df019
commit 5070d62f05
2 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
README.md
View File

@ -1,6 +1,6 @@
# wiki-js-customization
# WikiJS Theme und Client-Side Scripte
Dieses Repo enthällt das Theming und zusätzlich Client-Side Scripte für das das Wiki
Dieses Repo enthält das Theming und zusätzlich Client-Side Scripte für das das Wiki.
## Usage
@ -8,6 +8,8 @@ Dieses Repo enthällt das Theming und zusätzlich Client-Side Scripte für das d
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Overpass:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
#### HTML Head Injections
```html
<link rel="stylesheet" href="https://wiki.stuve.uni-ulm.de/c/styles/main.css">
<link rel="stylesheet" href="https://wiki.stuve.uni-ulm.de/c/styles/tables.css">
@ -15,6 +17,12 @@ Dieses Repo enthällt das Theming und zusätzlich Client-Side Scripte für das d
<link rel="stylesheet" href="https://wiki.stuve.uni-ulm.de/c/styles/boxes.css">
```
#### HTML Body Injections
```html
<script defer src="https://wiki.stuve.uni-ulm.de/c/js/template-engine.js"></script>
```
## JS Entwicklung
Damit das Custom JA erst ausgeführt wird, wenn das Wiki (Vue.js) die Seite vollständig geladen hat, muss das Custom JS in einem Event registriert werden.

3
srv/js/template-engine.js
View File

@ -69,7 +69,6 @@ const main = () => {
})
replaceDivTextExceptSpan(codeElement, newCode)
console.log(newCode)
}
// create input elements
@ -95,7 +94,6 @@ const main = () => {
inputDiv.appendChild(label)
inputDiv.appendChild(input)
templateContainer.appendChild(inputDiv)
console.log(variable.name, variable.placeholder)
})
const copyButton = document.createElement('button')
@ -114,7 +112,6 @@ const main = () => {
// insert the template container before the code block
outerDiv.insertBefore(templateContainer, codeElement.parentElement.parentElement)
templateContainer.appendChild(codeBlock)
})
}