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 ## 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 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"> <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 ```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/main.css">
<link rel="stylesheet" href="https://wiki.stuve.uni-ulm.de/c/styles/tables.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"> <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 ## 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. 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) replaceDivTextExceptSpan(codeElement, newCode)
console.log(newCode)
} }
// create input elements // create input elements
@ -95,7 +94,6 @@ const main = () => {
inputDiv.appendChild(label) inputDiv.appendChild(label)
inputDiv.appendChild(input) inputDiv.appendChild(input)
templateContainer.appendChild(inputDiv) templateContainer.appendChild(inputDiv)
console.log(variable.name, variable.placeholder)
}) })
const copyButton = document.createElement('button') const copyButton = document.createElement('button')
@ -114,7 +112,6 @@ const main = () => {
// insert the template container before the code block // insert the template container before the code block
outerDiv.insertBefore(templateContainer, codeElement.parentElement.parentElement) outerDiv.insertBefore(templateContainer, codeElement.parentElement.parentElement)
templateContainer.appendChild(codeBlock) templateContainer.appendChild(codeBlock)
}) })
} }