From f1e43805822a8484e2cba9bb7d0efed65527fa88 Mon Sep 17 00:00:00 2001
From: FireMaskterK <20838718+FireMasterK@users.noreply.github.com>
Date: Sun, 31 Oct 2021 18:36:21 +0000
Subject: [PATCH] Add button to clear history.

Closes #584
---
 src/components/HistoryPage.vue | 12 ++++++++++++
 src/locales/en.json            |  3 ++-
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/components/HistoryPage.vue b/src/components/HistoryPage.vue
index c74ec357..3c0a5e43 100644
--- a/src/components/HistoryPage.vue
+++ b/src/components/HistoryPage.vue
@@ -1,6 +1,10 @@
 <template>
     <h1 class="uk-text-bold uk-text-center">{{ $t("titles.history") }}</h1>
 
+    <div style="text-align: left">
+        <button class="uk-button" v-t="'actions.clear_history'" @click="clearHistory"></button>
+    </div>
+
     <div style="text-align: right">
         <label for="ddlSortBy">{{ $t("actions.sort_by") }}</label>
         <select id="ddlSortBy" v-model="selectedSort" class="uk-select uk-width-auto" @change="onChange()">
@@ -86,6 +90,14 @@ export default {
                     break;
             }
         },
+        clearHistory() {
+            if (window.db) {
+                var tx = window.db.transaction("watch_history", "readwrite");
+                var store = tx.objectStore("watch_history");
+                store.clear();
+            }
+            this.videos = [];
+        },
     },
 };
 </script>
diff --git a/src/locales/en.json b/src/locales/en.json
index 0f5d0499..20ec25a4 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -64,7 +64,8 @@
         "view_ssl_score": "View SSL Score",
         "search": "Search",
         "filter": "Filter",
-        "loading": "Loading..."
+        "loading": "Loading...",
+        "clear_history": "Clear History"
     },
     "comment": {
         "pinned_by": "Pinned by"