Commit fab89b39 authored by schneider210's avatar schneider210
Browse files

refactor: rename infobar to titlebar, update README and adjust the code appropriately

pls refer to the according review note:
https://gitlab.gwdg.de/subugoe/emo/Qviewer/-/merge_requests/186#note_338224
parent eec6bb3d
Pipeline #203694 passed with stages
in 3 minutes and 54 seconds
......@@ -187,7 +187,7 @@ You can fully customize the Viewer's behaviour:
There are options to
- change the color scheme
- show or hide individual bars (info, navigation, toggles)
- show or hide individual bars (titles, navigation, toggles)
- group multiple components inside a single panel
- set the order of the panels
- rename labels and / or panel headings
......@@ -225,9 +225,9 @@ As a rule of thumb, each key with a boolean value (e.g. *true* or *false*) defau
},
"header_section": {
"show": true,
"info": true,
"navigation": true,
"panelheadings": true,
"titles": true,
"toggle": true
},
"labels": {
......@@ -330,10 +330,6 @@ As a rule of thumb, each key with a boolean value (e.g. *true* or *false*) defau
*(A use case might be to embed the Viewer into an existing website and you simply need more screen space)*
- **info**
set this value to `false` if you want to switch off the Infobar (a.k.a. breadcrumbs)
- **navigation**
set this value to `false` if you want to switch off the NavBar
......@@ -342,6 +338,10 @@ As a rule of thumb, each key with a boolean value (e.g. *true* or *false*) defau
set this value to `false` if you want to switch off the panels' headings respectively
- **titles**
set this value to `false` if you want to switch off the Titlebar (a.k.a. breadcrumbs)
- **toggle**
set this value to `false` if you want to switch off the ToggleBar.
......
<template>
<q-header :class="$q.dark.isActive ? 'bg-dark' : 'bg-secondary text-primary'">
<div class="header__wrap">
<q-toolbar v-if="config['header_section'].info">
<Infobar
<q-toolbar v-if="config['header_section'].titles">
<TitleBar
v-if="manifests.length"
class="col-xs-9"
:collectiontitle="collectiontitle"
......@@ -34,7 +34,7 @@
/>
<div
v-if="!config['header_section'].info"
v-if="!config['header_section'].titles"
>
<Tools
:config="config"
......@@ -49,16 +49,16 @@
</template>
<script>
import Infobar from '@/components/infobar.vue';
import Navbar from '@/components/navbar.vue';
import TitleBar from '@/components/titlebar.vue';
import TogglePanels from '@/components/togglebar/togglePanels.vue';
import Tools from '@/components/tools.vue';
export default {
name: 'Header',
components: {
Infobar,
Navbar,
TitleBar,
TogglePanels,
Tools,
},
......
......@@ -20,7 +20,7 @@
import { fasChevronRight } from '@quasar/extras/fontawesome-v5';
export default {
name: 'Infobar',
name: 'Titlebar',
props: {
collectiontitle: {
type: String,
......
......@@ -64,9 +64,9 @@
},
"header_section": {
"show": true,
"info": true,
"navigation": true,
"panelheadings": true,
"titles": false,
"toggle": true
},
"labels": {
......
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