getBible/app
4
2
Fork 0
mirror of https://github.com/getbible/app.git synced 2025-03-31 00:32:21 +00:00
Code

removed the verses component

Browse Source
This commit is contained in:
Erastus Amunwe 2020-11-02 10:04:36 +02:00
parent 33cab6aa5e
commit 5b92c87180
1 changed files with 11 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
src/components/Options.vue
View File

@ -1,12 +1,11 @@
<template> <template>
<div class="uk-container"> <div class="uk-container">
<div class="uk-flex uk-flex-around"> <!-- <div class="uk-flex uk-flex-around">
<div class="input-group mb-3 cols-3"> <div class="input-group mb-3 cols-3">
<div class="input-group-prepend"> <div class="input-group-prepend">
<label class="input-group-text" for="inputGroupSelect01"><h4>Translation</h4> </label> <label class="input-group-text" for="inputGroupSelect01"><h4>Translation</h4> </label>
</div> </div>
<select @change="update_bk()" v-model="translation" class="uk-select" id="inputGroupSelect01"> <select @change="update_bk()" v-model="translation" class="uk-select" id="inputGroupSelect01">
<!-- <option selected value="1">Choose...</option> -->
<option <option
class="uk-animation-slide-bottom uk-animation-15" v-for="(tr,i) in translations" class="uk-animation-slide-bottom uk-animation-15" v-for="(tr,i) in translations"
:key="i" :key="i"
@ -21,7 +20,6 @@
<label class="input-group-text" for="inputGroupSelect01"><h4>Book</h4> </label> <label class="input-group-text" for="inputGroupSelect01"><h4>Book</h4> </label>
</div> </div>
<select @change="update_ch()" v-model="book" class="uk-select" id="inputGroupSelect01"> <select @change="update_ch()" v-model="book" class="uk-select" id="inputGroupSelect01">
<!-- <option selected value="1">Choose...</option> -->
<option <option
v-for="(bk,i) in Object.keys(books)" v-for="(bk,i) in Object.keys(books)"
:key="i" :key="i"
@ -35,7 +33,6 @@
<label class="input-group-text" for="inputGroupSelect01"><h4>Chapter</h4></label> <label class="input-group-text" for="inputGroupSelect01"><h4>Chapter</h4></label>
</div> </div>
<select @change="update_chapter()" v-model="chapter_num" class="uk-select" id="inputGroupSelect01"> <select @change="update_chapter()" v-model="chapter_num" class="uk-select" id="inputGroupSelect01">
<!-- <option selected value="1">Choose...</option> -->
<option <option
v-for="(ch,i) in Object.keys(chapters)" v-for="(ch,i) in Object.keys(chapters)"
:key="i" :key="i"
@ -45,14 +42,9 @@
</select> </select>
</div> </div>
</div> </div> -->
<verses
v-if="translations.length && books[book]"
:dir="t(translation).direction.toLowerCase()"
:book_name="books[book].name"
:chapter="fchapters"
/>
{{saved_translations}}
<div class="uk-margin"> <div class="uk-margin">
<ul class="uk-pagination"> <ul class="uk-pagination">
<li><a href="#"><span class="uk-margin-small-right" uk-pagination-previous></span> Previous Chapter</a></li> <li><a href="#"><span class="uk-margin-small-right" uk-pagination-previous></span> Previous Chapter</a></li>
@ -86,9 +78,12 @@ export default {
}}, }},
computed: { computed: {
translations(){ translations(){
return this.$store.state.settings.savedTr; return this.$store.state.saved_translations;
},
saved_translations(){
console.log(this.$store.state.saved_translations);
return this.$store.state.saved_translations
}, },
fchapters: function (){ fchapters: function (){
if(!this.search) if(!this.search)
return this.chapter.verses return this.chapter.verses
@ -182,37 +177,8 @@ export default {
} }
}, },
created(){ created(){
let config = {
headers: {'Access-Control-Allow-Origin': '*'}
};
// fetch(`https://getbible.net/v2/translations.json`,config)
// .then(response => response.json())
// .then(data => {
// // console.log(data)
// this.translations = data
fetch(`https://getbible.net/v2/${this.translation}/books.json`, config)
.then(response => response.json())
.then(data => {
// console.log(data)
this.books = data
this.update_ch();
}).catch(function(err) {
this.chapter = err
});
// }).catch(function(err) {
// this.chapter = err
// });
// fetch(`https://getbible.net/v2/kjv/${this.book}/${this.chapter_num}.json`,config)
// .then(response => response.json())
// .then(data => {
// console.log(data)
// this.chapter = data
// }).catch(function(err) {
// this.chapter = err
// });
} }
} }
</script> </script>