Focusing and auto-hiding search tooltip. Separated Girl Girl from Jules Jordan.

This commit is contained in:
ThePendulum 2020-03-01 00:21:54 +01:00
parent a8e14f6305
commit 3290a5f686
5 changed files with 47 additions and 8 deletions

View File

@ -61,7 +61,12 @@
<Search class="search-full" /> <Search class="search-full" />
<v-popover class="search-compact"> <v-popover
class="search-compact"
:open="searching"
@show="searching = true"
@hide="searching = false"
>
<button <button
type="button" type="button"
class="search-button" class="search-button"
@ -71,7 +76,9 @@
<Search <Search
slot="popover" slot="popover"
:searching="searching"
class="compact" class="compact"
@search="searching = false"
/> />
</v-popover> </v-popover>
</header> </header>
@ -84,6 +91,11 @@ export default {
components: { components: {
Search, Search,
}, },
data() {
return {
searching: false,
};
},
}; };
</script> </script>

View File

@ -4,6 +4,7 @@
@submit.prevent="search" @submit.prevent="search"
> >
<input <input
ref="search"
v-model="query" v-model="query"
type="search" type="search"
class="search-input" class="search-input"
@ -21,14 +22,33 @@
<script> <script>
async function search() { async function search() {
this.$router.push({ name: 'search', query: { q: this.query } }); this.$router.push({ name: 'search', query: { q: this.query } });
this.$emit('search');
}
function searching(to) {
if (to) {
setTimeout(() => {
// nextTick does not seem to work
this.$refs.search.focus();
}, 20);
}
} }
export default { export default {
props: {
searching: {
type: Boolean,
default: false,
},
},
data() { data() {
return { return {
query: this.$route.query ? this.$route.query.q : null, query: this.$route.query ? this.$route.query.q : null,
}; };
}, },
watch: {
searching,
},
methods: { methods: {
search, search,
}, },

View File

Before

Width:  |  Height:  |  Size: 8.8 KiB

After

Width:  |  Height:  |  Size: 8.8 KiB

View File

@ -156,6 +156,11 @@ const networks = [
description: 'Girlsway.com has the best lesbian porn videos online! The hottest pornstars & first time lesbians in real girl on girl sex, tribbing, squirting & pussy licking action right HERE!', description: 'Girlsway.com has the best lesbian porn videos online! The hottest pornstars & first time lesbians in real girl on girl sex, tribbing, squirting & pussy licking action right HERE!',
parent: 'gamma', parent: 'gamma',
}, },
{
slug: 'girlgirl',
name: 'Girl Girl',
url: 'https://www.girlgirl.com',
},
{ {
slug: 'insex', slug: 'insex',
name: 'Insex', name: 'Insex',

View File

@ -1966,6 +1966,15 @@ const sites = [
tags: ['facefucking', 'blowjob'], tags: ['facefucking', 'blowjob'],
network: 'fullpornnetwork', network: 'fullpornnetwork',
}, },
// GIRL GIRL
{
slug: 'girlgirl',
name: 'Girl Girl',
url: 'https://www.girlgirl.com',
tags: ['lesbian'],
parameters: { independent: true },
network: 'girlgirl',
},
// GIRLSWAY // GIRLSWAY
{ {
slug: 'girlsway', slug: 'girlsway',
@ -2110,13 +2119,6 @@ const sites = [
description: 'Jules Jordan\'s Official Membership Site', description: 'Jules Jordan\'s Official Membership Site',
network: 'julesjordan', network: 'julesjordan',
}, },
{
slug: 'girlgirl',
name: 'Girl Girl',
url: 'https://www.girlgirl.com',
tags: ['lesbian'],
network: 'julesjordan',
},
{ {
slug: 'theassfactory', slug: 'theassfactory',
name: 'The Ass Factory', name: 'The Ass Factory',