Use invisible "template" element for one if
see https://vuejs.org/v2/guide/conditional.html#Conditional-Groups-with-v-if-on-lt-template-gt
This commit is contained in:
parent
b44e850fa1
commit
8abe59db91
|
@ -8,14 +8,16 @@
|
||||||
|
|
||||||
<img class="title-image" v-if="configLoaded && titleImageUrl" v-bind:src="titleImageUrl" v-bind:alt="indexName" />
|
<img class="title-image" v-if="configLoaded && titleImageUrl" v-bind:src="titleImageUrl" v-bind:alt="indexName" />
|
||||||
</h1>
|
</h1>
|
||||||
|
|
||||||
|
<template v-if="!smallFormat">
|
||||||
|
<h4>
|
||||||
|
<div v-translate>A search engine of <a href="https://joinpeertube.org" target="_blank">PeerTube</a> videos and channels</div>
|
||||||
|
|
||||||
<h4>
|
<div v-translate>Developed by <a href="https://framasoft.org" target="_blank">Framasoft</a></div>
|
||||||
<div v-translate>A search engine of <a href="https://joinpeertube.org" target="_blank">PeerTube</a> videos and channels</div>
|
</h4>
|
||||||
|
|
||||||
<div v-translate>Developed by <a href="https://framasoft.org" target="_blank">Framasoft</a></div>
|
<img class="search-home" v-bind:src="searchImageUrl" alt="">
|
||||||
</h4>
|
</template>
|
||||||
|
|
||||||
<img class="search-home" v-bind:src="searchImageUrl" alt="">
|
|
||||||
</header>
|
</header>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
@ -119,7 +121,8 @@
|
||||||
},
|
},
|
||||||
|
|
||||||
props: {
|
props: {
|
||||||
indexName: String
|
indexName: String,
|
||||||
|
smallFormat: Boolean,
|
||||||
},
|
},
|
||||||
|
|
||||||
async mounted () {
|
async mounted () {
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
<img :title="imgTitle" v-on:click="toggleShow()" class="interface-language" src="/img/interface-languages.svg" alt="Change interface language">
|
<img :title="imgTitle" v-on:click="toggleShow()" class="interface-language" src="/img/interface-languages.svg" alt="Change interface language">
|
||||||
|
|
||||||
<div v-if="showMenu" class="menu">
|
<div v-if="showMenu" class="menu">
|
||||||
<a v-for="(lang, locale) in $language.available" :key="locale" :href="'/' + locale + '/'" class="menu-item">
|
<a v-for="(lang, locale) in $language.available" :key="locale" :href="buildLanguageRoute(locale)" class="menu-item">
|
||||||
{{lang}}
|
{{lang}}
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
|
@ -87,6 +87,15 @@
|
||||||
methods: {
|
methods: {
|
||||||
toggleShow () {
|
toggleShow () {
|
||||||
this.showMenu = !this.showMenu;
|
this.showMenu = !this.showMenu;
|
||||||
|
},
|
||||||
|
buildLanguageRoute(locale: string) {
|
||||||
|
const paths = this.$route.fullPath.split('/')
|
||||||
|
|
||||||
|
if (paths.length > 0 && this.$language.available.hasOwnProperty(paths[0])) {
|
||||||
|
return "/" + locale + "/" + paths.slice(1).join("/")
|
||||||
|
} else {
|
||||||
|
return "/" + locale + this.$route.fullPath
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<my-header v-if="!searchDone" v-bind:indexName="indexName"></my-header>
|
<my-header v-bind:indexName="indexName" v-bind:smallFormat="searchDone"></my-header>
|
||||||
<router-link v-else class="header-left-logo" to="/" @click.native="simpleFormReset(false)" :title="homeTitleMessage">
|
<router-link v-if="searchDone" class="header-left-logo" to="/" @click.native="simpleFormReset(false)" :title="homeTitleMessage">
|
||||||
<img src="/img/peertube-logo.svg" alt="">
|
<img src="/img/peertube-logo.svg" alt="">
|
||||||
</router-link>
|
</router-link>
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue