xevion/the-office
1
0
Fork 0
mirror of https://github.com/Xevion/the-office.git synced 2025-12-12 18:13:17 -06:00
Code Issues Packages Projects Releases Wiki Activity

fix scenes error, add basic search results panel, move users to SearchResults route on typing,

Browse Source
This commit is contained in:
Xevion
2020-08-05 18:28:25 -05:00
parent 281613c8d1
commit 12961955c0
4 changed files with 68 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
client/src/App.vue
View File

@@ -1,29 +1,30 @@
<template>
<div id="app">
<b-container :fluid="true" class="py-3 px-lg-5 px-md-4">
<b-row class="my-3 pl-1">
<b-col lg="3" xl="2" md="12">
<ais-instant-search index-name="prod_THEOFFICEQUOTES" :search-client="searchClient">
<ais-search-box placeholder="Search here…"/>
</ais-instant-search>
</b-col>
</b-row>
<b-row>
<b-col lg="3" xl="2" md="12">
<SeasonList></SeasonList>
</b-col>
<b-col class="pt-md-2 pt-lg-0">
<router-view/>
</b-col>
<b-col md="0" lg="0" xl="2"></b-col>
</b-row>
</b-container>
<ais-instant-search index-name="prod_THEOFFICEQUOTES" :search-client="searchClient">
<b-container :fluid="true" class="py-3 px-lg-5 px-md-4">
<b-row class="my-3 pl-1">
<b-col lg="3" xl="2" md="12">
<ais-search-box @keydown.native="showResults" placeholder="Search here…"/>
</b-col>
</b-row>
<b-row>
<b-col lg="3" xl="2" md="12">
<SeasonList></SeasonList>
</b-col>
<b-col class="pt-md-2 pt-lg-0">
<router-view/>
</b-col>
<b-col md="0" lg="0" xl="2"></b-col>
</b-row>
</b-container>
</ais-instant-search>
</div>
</template>
<style lang="scss">
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
body { background-color: #0a0a0a; font-family: 'Roboto', sans-serif; }
.ais-SearchBox-form {
@@ -65,5 +66,12 @@ export default {
),
};
},
methods: {
showResults() {
if (this.$route.path !== '/search_results') {
this.$router.push({ name: 'SearchResults' });
}
},
},
};
</script>