From dc8bbc8b3dadc568de51d8884075c7166bda586d Mon Sep 17 00:00:00 2001
From: Rigel Kent <sendmemail@rigelk.eu>
Date: Fri, 11 Sep 2020 15:50:34 +0200
Subject: [PATCH] correct pagination color, home button resets search

---
 client/src/components/Pagination.vue    |  2 +-
 client/src/components/SearchWarning.vue |  2 +-
 client/src/main.ts                      |  3 ++-
 client/src/views/Search.vue             | 14 ++++++++++++--
 4 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/client/src/components/Pagination.vue b/client/src/components/Pagination.vue
index 13a5b46..6087367 100644
--- a/client/src/components/Pagination.vue
+++ b/client/src/components/Pagination.vue
@@ -41,7 +41,7 @@
     }
 
     a {
-      color: #4285f5;
+      color: $orange;
       text-decoration: none;
 
       &:hover {
diff --git a/client/src/components/SearchWarning.vue b/client/src/components/SearchWarning.vue
index 6bf1d0c..da67fd3 100644
--- a/client/src/components/SearchWarning.vue
+++ b/client/src/components/SearchWarning.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="block" v-bind:class="{ highlight: highlight }" v-translate="{ indexName: indexName }">
     <strong>%{indexName}</strong> displays videos and channels that match your search but is not the publisher, nor the owner.
-    If you notice any problems with a video, report it to the corresponding administrator on the PeerTube website.
+    If you notice any problems with a video, report it to the administrators on the PeerTube website where the video is published.
   </div>
 </template>
 
diff --git a/client/src/main.ts b/client/src/main.ts
index ef2c3dd..050ba4f 100644
--- a/client/src/main.ts
+++ b/client/src/main.ts
@@ -77,7 +77,8 @@ p.catch(err => {
     routes = routes.concat([
       {
         path: base + locale,
-        component: Search
+        component: Search,
+        name: 'home'
       },
       {
         path: base + 'search',
diff --git a/client/src/views/Search.vue b/client/src/views/Search.vue
index 24f3c0e..3acc201 100644
--- a/client/src/views/Search.vue
+++ b/client/src/views/Search.vue
@@ -1,9 +1,9 @@
 <template>
   <div>
     <my-header v-if="!searchDone" v-bind:indexName="indexName"></my-header>
-    <div v-else class="header-left-logo">
+    <router-link v-else class="header-left-logo" :to="{ name: 'home' }" @click.native="simpleFormReset(false)" :title="homeTitleMessage">
       <img src="/img/peertube-logo.svg" alt="">
-    </div>
+    </router-link>
 
     <main>
       <h3 v-if="!searchDone" v-bind:class="{ 'none-opacity': !instancesCount }" v-translate="{ instancesCount: instancesCount, indexedInstancesUrl: indexedInstancesUrl }">
@@ -269,6 +269,7 @@
 
   .header-left-logo {
     position: relative;
+    display: block;
     height: 0;
 
     img {
@@ -608,6 +609,10 @@
           { id: 'fi', label: this.$gettext('suomi') },
           { id: 'ru', label: this.$gettext('русский') }
         ]
+      },
+
+      homeTitleMessage () {
+        return this.$gettextInterpolate(this.$gettext('Display the video index homepage'))
       }
     },
 
@@ -838,6 +843,11 @@
         else if (field === 'tagsOneOf') this.formTagsOneOf = []
       },
 
+      simpleFormReset (searchDone = true) {
+        this.formSearch = ''
+        this.searchDone = searchDone
+      },
+
       countActiveFilters () {
         let count = 0