Commit c2b29e10 authored by Nils Windisch's avatar Nils Windisch
Browse files

FEATURE language select menu

parent 896860ae
Pipeline #132698 passed with stages
in 3 minutes and 59 seconds
<template> <template>
<div class=""> <div class="">
<h1 class="text-h5 text-bold text-uppercase"> <h1 class="text-h5 text-bold text-uppercase">
<language
class="q-pr-md" />
<span>{{ cut(collectiontitle) }}</span> <span>{{ cut(collectiontitle) }}</span>
<q-icon class="q-pb-sm" size="40px" :name="fasChevronRight" /> <q-icon class="q-pb-sm" size="40px" :name="fasChevronRight" />
<span>{{ cut(manifesttitle) }}</span> <span>{{ cut(manifesttitle) }}</span>
...@@ -12,9 +14,13 @@ ...@@ -12,9 +14,13 @@
<script> <script>
import { fasChevronRight } from '@quasar/extras/fontawesome-v5'; import { fasChevronRight } from '@quasar/extras/fontawesome-v5';
import Language from '@/components/language.vue';
export default { export default {
name: 'Infobar', name: 'Infobar',
components: {
Language,
},
props: { props: {
collectiontitle: String, collectiontitle: String,
manifests: Array, manifests: Array,
...@@ -45,3 +51,9 @@ export default { ...@@ -45,3 +51,9 @@ export default {
}, },
}; };
</script> </script>
<style>
.language {
display: inline;
}
</style>
...@@ -2,14 +2,11 @@ ...@@ -2,14 +2,11 @@
<q-header elevated class="bg-white text-black"> <q-header elevated class="bg-white text-black">
<div class="bar row justify-between items-center"> <div class="bar row justify-between items-center">
<Infobar v-if="manifests.length" <Infobar v-if="manifests.length"
class="col-xs-12 col-md-11 q-pl-md" class="col-xs-12 q-pl-md"
:collectiontitle="collectiontitle" :collectiontitle="collectiontitle"
:manifests="manifests" :manifests="manifests"
:pagelabel="pagelabel" :pagelabel="pagelabel"
/> />
<Language
class="col-xs-12 col-md-1 q-pr-md content-md-end"
/>
</div> </div>
<div class="bar row q-px-md justify-sm-between"> <div class="bar row q-px-md justify-sm-between">
...@@ -47,7 +44,7 @@ ...@@ -47,7 +44,7 @@
import Infobar from '@/components/infobar.vue'; import Infobar from '@/components/infobar.vue';
import Navbar from '@/components/navbar.vue'; import Navbar from '@/components/navbar.vue';
import Togglebar from '@/components/togglebar.vue'; import Togglebar from '@/components/togglebar.vue';
import Language from '@/components/language.vue'; // import Language from '@/components/language.vue';
export default { export default {
name: 'Header', name: 'Header',
...@@ -55,7 +52,7 @@ export default { ...@@ -55,7 +52,7 @@ export default {
Infobar, Infobar,
Navbar, Navbar,
Togglebar, Togglebar,
Language, // Language,
}, },
props: { props: {
collectiontitle: String, collectiontitle: String,
......
Supports Markdown
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