getBible/app
4
2
Fork 0
mirror of https://github.com/getbible/app.git synced 2024-12-22 07:48:55 +00:00
Code

applied theme

Browse Source
This commit is contained in:
Erastus Amunwe 2020-11-24 23:01:06 +02:00
parent 813c1b7f89
commit 74a52b2317
1 changed files with 13 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/components/Selection.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div id="selection" class=" uk-animation-slide-bottom uk-width-1-1 uk-card uk-card-default uk-card-body "> <div id="selection" class="primary text-secondary uk-animation-slide-bottom uk-width-1-1 uk-card uk-card-default uk-card-body " uk-margin>
<div v-if="!translations.length">No translation added. <br/>Please click <a @click="open_settings">HERE</a> to Open Settings</div> <div class="" v-if="!saved_translations.length>0">No translation added. <br/>Please click <a @click="open_settings">HERE</a> to Open Settings</div>
<div v-else> <div v-else>
<ul class="uk-nav-default uk-nav-parent-icon uk-witdth-1-1 " uk-nav="multiple: false" > <ul class="uk-nav-default uk-nav-parent-icon uk-witdth-1-1 " uk-nav="multiple: false" >
@ -9,11 +9,11 @@
<!-- <li><a href="#"><span uk-pagination-previous></span></a></li> --> <!-- <li><a href="#"><span uk-pagination-previous></span></a></li> -->
<li <li
class="uk-card uk-card-hover " class="uk-card uk-card-hover text-secondary"
v-for="(tr,i) in translations" v-for="(tr,i) in saved_translations"
@click="set_translation(tr.abbreviation)" @click="set_translation(tr.abbreviation)"
:key="i" :key="i"
><a href="#">{{tr["language"]?`(${tr["language"]})`:null}} {{tr['translation']}}</a></li> ><a class="text-secondary" href="#">{{tr["language"]?`(${tr["language"]})`:null}} {{tr['translation']}}</a></li>
<!-- <li><a href="#"><span uk-pagination-next></span></a></li> --> <!-- <li><a href="#"><span uk-pagination-next></span></a></li> -->
</ul> </ul>
</li> </li>
@ -22,7 +22,7 @@
<ul class="uk-nav-sub uk-subnav uk-subnav-pill uk-pagination" uk-margin> <ul class="uk-nav-sub uk-subnav uk-subnav-pill uk-pagination" uk-margin>
<!-- <li><a href="#"><span uk-pagination-previous></span></a></li> --> <!-- <li><a href="#"><span uk-pagination-previous></span></a></li> -->
<li class="uk-card uk-card-hover " <li class="uk-card uk-card-hover text-secondary"
v-for="(bk,i) in books" v-for="(bk,i) in books"
@click="set_book(bk['nr'])" @click="set_book(bk['nr'])"
:key="i" :key="i"
@ -33,14 +33,14 @@
<li class="uk-nav-divider uk-witdth-1-1"></li> <li class="uk-nav-divider uk-witdth-1-1"></li>
<li v-if="book_nr" class="uk-parent uk-witdth-1-1 "><a>Chapters</a> <li v-if="book_nr" class="uk-parent uk-witdth-1-1 "><a>Chapters</a>
<ul class="uk-nav-sub uk-subnav uk-subnav-pill uk-pagination" uk-margin> <ul class="uk-nav-sub uk-subnav uk-subnav-pill uk-pagination" uk-margin>
<li><a href="#"><span uk-pagination-previous></span></a></li> <!-- <li><a href="#"><span uk-pagination-previous></span></a></li> -->
<li <li
class="uk-card uk-card-hover " class="uk-card uk-card-hover "
v-for="(ch,i) in chapters" v-for="(ch,i) in chapters"
@click="set_chapter(ch['chapter'])" @click="set_chapter(ch['chapter'])"
:key="i" :key="i"
><a href="#selection" uk-toggle>{{ch['chapter']}}</a></li> ><a href="#selection" uk-toggle>{{ch['chapter']}}</a></li>
<li><a href="#"><span uk-pagination-next></span></a></li> <!-- <li><a href="#"><span uk-pagination-next></span></a></li> -->
</ul> </ul>
</li> </li>
</ul> </ul>
@ -62,10 +62,11 @@ export default {
}}, }},
computed: { computed: {
translations(){ // translations(){
return this.$store.state.saved_translations; // // console.log(this.$store.state.saved_translations);
}, // return this.$store.getters.saved_translations;
...mapGetters(['chapters', 'books', 'translation', 'book_nr']), // },
...mapGetters(['chapters', 'books', 'translation', 'book_nr', 'saved_translations']),
}, },
methods:{ methods:{