orinoco/shacl-vue
6
0
Fork 1
Code Issues 56 Pull requests 1 Packages Activity

Make page title configurable #106

Merged
adswa merged 3 commits from config-title into main 2026-02-04 08:50:04 +00:00
Conversation 4 Commits 3 Files changed 4 +13 -5
4 changed files with 13 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

2
index.html
View file

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

1
public/config.json
View file

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

12
src/components/ShaclVue.vue
View file

@ -169,11 +169,17 @@
document.documentElement.style.setProperty("--hover-color", configVarsMain.appTheme.hover_color); 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("--visited-color", adjustHexColor(configVarsMain.appTheme.link_color, -1));
document.documentElement.style.setProperty("--active-color", configVarsMain.appTheme.active_color); 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 config_ready.value = true
formData.ID_IRI = ID_IRI.value formData.ID_IRI = ID_IRI.value
console.log("vkljhgvkcf")
console.log(toRaw(formData.content))
await getRdfData() await getRdfData()
await getClassData() await getClassData()
await getSHACLschema() await getSHACLschema()

3
src/composables/configuration.js
View file

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