From 3290a5f686eb6ec7cdadfae9884bab00bc26c7d9 Mon Sep 17 00:00:00 2001
From: Niels Simenon <niels.simenon@gmail.com>
Date: Sun, 1 Mar 2020 00:21:54 +0100
Subject: [PATCH] Focusing and auto-hiding search tooltip. Separated Girl Girl
 from Jules Jordan.

---
 assets/components/header/header.vue           |  14 +++++++++++-
 assets/components/header/search.vue           |  20 ++++++++++++++++++
 .../girlgirl.png => girlgirl/network.png}     | Bin
 seeds/01_networks.js                          |   5 +++++
 seeds/02_sites.js                             |  16 ++++++++------
 5 files changed, 47 insertions(+), 8 deletions(-)
 rename public/img/logos/{julesjordan/girlgirl.png => girlgirl/network.png} (100%)

diff --git a/assets/components/header/header.vue b/assets/components/header/header.vue
index 18e69322..c4cf238d 100644
--- a/assets/components/header/header.vue
+++ b/assets/components/header/header.vue
@@ -61,7 +61,12 @@
 
         <Search class="search-full" />
 
-        <v-popover class="search-compact">
+        <v-popover
+            class="search-compact"
+            :open="searching"
+            @show="searching = true"
+            @hide="searching = false"
+        >
             <button
                 type="button"
                 class="search-button"
@@ -71,7 +76,9 @@
 
             <Search
                 slot="popover"
+                :searching="searching"
                 class="compact"
+                @search="searching = false"
             />
         </v-popover>
     </header>
@@ -84,6 +91,11 @@ export default {
     components: {
         Search,
     },
+    data() {
+        return {
+            searching: false,
+        };
+    },
 };
 </script>
 
diff --git a/assets/components/header/search.vue b/assets/components/header/search.vue
index 4040e029..2a98e119 100644
--- a/assets/components/header/search.vue
+++ b/assets/components/header/search.vue
@@ -4,6 +4,7 @@
         @submit.prevent="search"
     >
         <input
+            ref="search"
             v-model="query"
             type="search"
             class="search-input"
@@ -21,14 +22,33 @@
 <script>
 async function search() {
     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 {
+    props: {
+        searching: {
+            type: Boolean,
+            default: false,
+        },
+    },
     data() {
         return {
             query: this.$route.query ? this.$route.query.q : null,
         };
     },
+    watch: {
+        searching,
+    },
     methods: {
         search,
     },
diff --git a/public/img/logos/julesjordan/girlgirl.png b/public/img/logos/girlgirl/network.png
similarity index 100%
rename from public/img/logos/julesjordan/girlgirl.png
rename to public/img/logos/girlgirl/network.png
diff --git a/seeds/01_networks.js b/seeds/01_networks.js
index 2e123974..0674214f 100644
--- a/seeds/01_networks.js
+++ b/seeds/01_networks.js
@@ -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!',
         parent: 'gamma',
     },
+    {
+        slug: 'girlgirl',
+        name: 'Girl Girl',
+        url: 'https://www.girlgirl.com',
+    },
     {
         slug: 'insex',
         name: 'Insex',
diff --git a/seeds/02_sites.js b/seeds/02_sites.js
index a4e5900b..028bfc5e 100644
--- a/seeds/02_sites.js
+++ b/seeds/02_sites.js
@@ -1966,6 +1966,15 @@ const sites = [
         tags: ['facefucking', 'blowjob'],
         network: 'fullpornnetwork',
     },
+    // GIRL GIRL
+    {
+        slug: 'girlgirl',
+        name: 'Girl Girl',
+        url: 'https://www.girlgirl.com',
+        tags: ['lesbian'],
+        parameters: { independent: true },
+        network: 'girlgirl',
+    },
     // GIRLSWAY
     {
         slug: 'girlsway',
@@ -2110,13 +2119,6 @@ const sites = [
         description: 'Jules Jordan\'s Official Membership Site',
         network: 'julesjordan',
     },
-    {
-        slug: 'girlgirl',
-        name: 'Girl Girl',
-        url: 'https://www.girlgirl.com',
-        tags: ['lesbian'],
-        network: 'julesjordan',
-    },
     {
         slug: 'theassfactory',
         name: 'The Ass Factory',