[sources] nicer interface for other versions

This commit is contained in:
Avris 2021-01-06 17:11:26 +01:00
parent 1b1ea77961
commit 3eaf4bbcf6
1 changed files with 10 additions and 3 deletions

View File

@ -68,10 +68,16 @@
</li> </li>
</ul> </ul>
<div v-if="source.versions.length" class="my-3"> <div v-if="source.versions.length" class="my-3">
<h4 class="h6"><T>sources.otherVersions</T>:</h4> <p>
<ul> <button :class="['btn', versionsShown ? 'btn-primary' : 'btn-outline-primary', 'btn-sm']" @click="versionsShown = !versionsShown">
<Icon v="language"/>
<T>sources.otherVersions</T>
<Icon :v="versionsShown ? 'caret-up' : 'caret-down'"/>
</button>
</p>
<ul v-if="versionsShown">
<li v-for="version in source.versions"> <li v-for="version in source.versions">
<h4 class="h6"> <h4 class="h6 mb-2">
<strong> <strong>
<a :href="`${locales[version.locale].url}/${version.pronouns[0]}`" target="_blank" rel="noopener">{{locales[version.locale].name}}</a>: <a :href="`${locales[version.locale].url}/${version.pronouns[0]}`" target="_blank" rel="noopener">{{locales[version.locale].name}}</a>:
</strong> </strong>
@ -96,6 +102,7 @@
return { return {
pronounLibrary, pronounLibrary,
deleted: false, deleted: false,
versionsShown: false,
} }
}, },
methods: { methods: {