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

added search filter's variables

Browse Source
This commit is contained in:
Erastus Amunwe 2021-01-08 15:09:47 +02:00
parent d45367509a
commit f0f69805e4
1 changed files with 26 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/components/Search.vue
View File

@ -7,7 +7,7 @@
<div class="uk-margin"> <div class="uk-margin">
<form class="uk-search uk-search-default" action="javascript:void(0)"> <form class="uk-search uk-search-default" action="javascript:void(0)">
<!-- <span uk-search-icon></span> --> <!-- <span uk-search-icon></span> -->
<input class="uk-search-input text-secondary primary rounded" v-model="search" type="search" placeholder="Search Words..."> <input class="uk-search-input text-secondary primary rounded" v-model="search_text" type="search" placeholder="Search Words...">
<div class="uk-margin"> <div class="uk-margin">
<button class="uk-button uk-button-default uk-button-small text-secondary primary rounded">Search</button> <button class="uk-button uk-button-default uk-button-small text-secondary primary rounded">Search</button>
</div> </div>
@ -32,6 +32,18 @@
<button class="uk-button uk-button-default uk-button-small text-secondary primary">CHAPTER</button> <button class="uk-button uk-button-default uk-button-small text-secondary primary">CHAPTER</button>
</div> </div>
</div> </div>
<div class="uk-button-group" data-uk-button-radio>
<label class="uk-button primary">
<input class="primary" type="radio" checked="checked" v-model="gender" value="0" style="display:none;"/>
Male
</label>
<label class="uk-button primary">
<input type="radio" v-model="gender" value="1" style="display:none;"/>
Female
</label>
</div>
{{gender}}
<!-- <input type="color" name="theme" id=""> -->
<div class="uk-margin"> <div class="uk-margin">
<div class="uk-button-group"> <div class="uk-button-group">
<button class="uk-button uk-button-default uk-button-small text-secondary primary uk-active">EXACT MATCH</button> <button class="uk-button uk-button-default uk-button-small text-secondary primary uk-active">EXACT MATCH</button>
@ -53,6 +65,18 @@
</template> </template>
<script> <script>
export default { export default {
data(){
return {
search_text: '',
search_area: '',
match: '',
sensitivity: '',
words: '',
gender: '',
}
},
methods: {
}
} }
</script> </script>