Make page title configurable #106

Merged
adswa merged 3 commits from config-title into main 2026-02-04 08:50:04 +00:00
4 changed files with 13 additions and 5 deletions

View file

@ -6,7 +6,7 @@
<link rel="icon" href="/favicon.ico" />
<link rel="stylesheet" type="text/css" href="src/assets/style.css"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Welcome to shacl-vue!</title>
<title></title>
</head>
<body>

View file

@ -1,5 +1,6 @@
{
"app_name": "shacl-vue",
"page_title": "shacl-vue",
"documentation_url": "",
"source_code_url": "",
"app_theme": {

View file

@ -169,11 +169,17 @@
document.documentElement.style.setProperty("--hover-color", configVarsMain.appTheme.hover_color);
document.documentElement.style.setProperty("--visited-color", adjustHexColor(configVarsMain.appTheme.link_color, -1));
document.documentElement.style.setProperty("--active-color", configVarsMain.appTheme.active_color);
// Set html document title from config variables
if (configVarsMain.pageTitle) {
document.title = configVarsMain.pageTitle
} else if (configVarsMain.appName) {
document.title = configVarsMain.appName
} else {
document.title = "shacl-vue"
}
config_ready.value = true
formData.ID_IRI = ID_IRI.value
console.log("vkljhgvkcf")
console.log(toRaw(formData.content))
await getRdfData()
await getClassData()
await getSHACLschema()

View file

@ -8,12 +8,13 @@ import { ref, onMounted, reactive } from 'vue'
const basePath = import.meta.env.BASE_URL || '/';
const mainVarsToLoad = {
"app_name": "shacl-vue",
"page_title": "shacl-vue",
"show_shapes_wo_id": true,
"hide_classes": [],
"id_autogenerate": {},
"prefixes": {},
"class_icons": {},
"app_name": "shacl-vue",
"documentation_url": "https://psychoinformatics-de.github.io/shacl-vue/docs/",
"source_code_url": "https://github.com/psychoinformatics-de/shacl-vue",
"app_theme": {