Commit 8d35274a authored by dindigala's avatar dindigala
Browse files

feat: adding links in header to navigate and refactor

parent 426e4ac6
Pipeline #209677 passed with stages
in 5 minutes and 23 seconds
......@@ -285,9 +285,11 @@ As a rule of thumb, each key with a boolean value (e.g. *true* or *false*) defau
"lang": "en-us",
"standalone": true,
"projectheader": {
"search": "https://subugoe.pages.gwdg.de/ahiqar/website/search.html",
"show": true,
"title_back": "The Syriac, Arabic, and Karshuni Ahiqar Texts",
"title_view": "Edition Viewer"
"title_homePage_key": "title_homePage",
"title_viewer_key": "title_viewer",
"website": "https://subugoe.pages.gwdg.de/ahiqar/website/"
}
} </script>
```
......@@ -422,24 +424,36 @@ As a rule of thumb, each key with a boolean value (e.g. *true* or *false*) defau
- **projectheader**
- **search**
Navigates to the search page on website.
- **show**
defines if a project header should be shown or not.
Defaults to `false`
- **title_back**
- **title_homePage_key**
defines the string show as first item in the breadcrumb. Shows a "Home Icon"
Note: To change this title please navigate to "tido/src/i18n/en or tido/src/i18n/de" and find "title_homePage".
Has to be set!
- **title_view**
- **title_viewer_key**
defines the string show as last item in the breadcrumb. Shows a "Document Icon"
Note: To change this title please navigate to "tido/src/i18n/en or tido/src/i18n/de" and find "title_viewer".
Has to be set!
- **website**
Navigates to the Home Page page on website.
### Configure the Panels
```json
......
......@@ -55,9 +55,9 @@
<script>
import Navbar from '@/components/navbar.vue';
import ProjectHeader from '@/components/projectheader.vue';
import TitleBar from '@/components/titlebar.vue';
import TogglePanels from '@/components/togglebar/togglePanels.vue';
import ProjectHeader from '@/components/projectheader.vue';
import Tools from '@/components/tools.vue';
export default {
......
......@@ -16,19 +16,33 @@
</template>
<q-breadcrumbs-el
:class="$q.dark.isActive ? 'text-black' : 'text-white'"
:label="$t(`${projectheader.title_back}`)"
to="/"
:icon="fasHome"
/>
>
<a
:href="`${projectheader.website}`"
:class="$q.dark.isActive ? 'text-black' : 'text-white'"
class="header-links"
>
{{ $t(`${projectheader.title_homePage_key}`) }}
</a>
</q-breadcrumbs-el>
<q-breadcrumbs-el
:class="$q.dark.isActive ? 'text-black' : 'text-white'"
:label="$t('search')"
to="/"
:icon="fasSearch"
/>
>
<a
:href="`${projectheader.search}`"
:class="$q.dark.isActive ? 'text-black' : 'text-white'"
class="header-links"
>
{{ $t('search') }}
</a>
</q-breadcrumbs-el>
<q-breadcrumbs-el
:class="$q.dark.isActive ? 'text-black' : 'text-white'"
:label="$t(`${projectheader.title_view}`)"
:label="$t(`${projectheader.title_viewer_key}`)"
:icon="fasFileAlt"
/>
</q-breadcrumbs>
......@@ -68,6 +82,11 @@ export default {
padding: 0 12px;
}
.header-links {
margin-left: 8px;
text-decoration: none;
}
.projectheader {
@media (prefers-color-scheme: dark) {
background-color: var(--q-color-white);
......
......@@ -13,7 +13,6 @@ export default {
default: 'Standard',
defaultView: 'Ansicht zurücksetzen',
Description: 'Beschreibung',
'Edition Viewer': 'Edition anzeigen',
Editor: 'Herausgeber',
Editorial: 'Editorisch',
Editors: 'Herausgeber',
......@@ -56,8 +55,9 @@ export default {
Tabs: 'Reiter',
Text: 'Text',
Textsize: 'Textgrösse',
'The Syriac, Arabic, and Karshuni Ahiqar Texts': 'Die syrischen und arabischen Ahiqar-Texte',
Title: 'Titel',
title_homePage: 'Die syrischen und arabischen Ahiqar-Texte',
title_viewer: 'Edition anzeigen',
transcription: 'Transkription',
transliteration: 'Transliteration',
Year: 'Erstellungsjahr',
......
......@@ -13,7 +13,6 @@ export default {
default: 'Default',
defaultView: 'Reset panels to default view',
Description: 'Description',
'Edition Viewer': 'Edition Viewer',
Editor: 'Editor',
Editorial: 'Editorial',
Editors: 'Editors',
......@@ -56,8 +55,9 @@ export default {
Tabs: 'Tabs',
Text: 'Text',
Textsize: 'Textsize',
'The Syriac, Arabic, and Karshuni Ahiqar Texts': 'The Syriac, Arabic, and Karshuni Ahiqar Texts',
Title: 'Title',
title_homePage: 'The Syriac, Arabic, and Karshuni Ahiqar Texts',
title_viewer: 'Edition Viewer',
transcription: 'Transcription',
transliteration: 'Transliteration',
Year: 'Year of creation',
......
......@@ -118,9 +118,11 @@
"lang": "en-us",
"standalone": true,
"projectheader": {
"search": "https://subugoe.pages.gwdg.de/ahiqar/website/search.html",
"show": true,
"title_back": "The Syriac, Arabic, and Karshuni Ahiqar Texts",
"title_view": "Edition Viewer"
"title_homePage_key": "title_homePage",
"title_viewer_key": "title_viewer",
"website": "https://subugoe.pages.gwdg.de/ahiqar/website/"
}
}
</script>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment