From b8f9f236845f64538a47ce7e201fa0a66779cab3 Mon Sep 17 00:00:00 2001
From: Andrew Bastin <andrewbastin.k@gmail.com>
Date: Fri, 23 Aug 2019 10:48:27 +0530
Subject: [PATCH 1/2] Added a Clear History button

---
 index.html | 3 +++
 script.js  | 6 ++++++
 2 files changed, 9 insertions(+)

diff --git a/index.html b/index.html
index c015163cd..ffbb3d116 100644
--- a/index.html
+++ b/index.html
@@ -107,6 +107,9 @@
     <fieldset class="history hidden">
       <legend v-on:click="collapse">History ↕</legend>
       <div class="collapsible">
+        <ul>
+          <li><button v-on:click="clearHistory">Clear History</button></li>
+        </ul>
         <ul v-for="entry in history">
           <li>
             <label for="time">Time</label>
diff --git a/script.js b/script.js
index ea38ac3f1..705ec9f02 100644
--- a/script.js
+++ b/script.js
@@ -79,6 +79,12 @@ const app = new Vue({
       this.history.splice(this.history.indexOf(entry), 1)
       window.localStorage.setItem('history', JSON.stringify(this.history))
     },
+
+    clearHistory() {
+      this.history = []
+      window.localStorage.setItem('history', JSON.stringify(this.history))
+    },
+
     useHistory({
       method,
       url,

From e6f6c17c80ccd2d3eb2020abcebe5d512c2c7e6b Mon Sep 17 00:00:00 2001
From: Andrew Bastin <andrewbastin.k@gmail.com>
Date: Fri, 23 Aug 2019 10:49:17 +0530
Subject: [PATCH 2/2] Clear History button will look disabled when there is no
 history

---
 index.html | 2 +-
 script.js  | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index ffbb3d116..179f625d3 100644
--- a/index.html
+++ b/index.html
@@ -108,7 +108,7 @@
       <legend v-on:click="collapse">History ↕</legend>
       <div class="collapsible">
         <ul>
-          <li><button v-on:click="clearHistory">Clear History</button></li>
+          <li><button v-bind:class="{ disabled: noHistoryToClear }" v-on:click="clearHistory">Clear History</button></li>
         </ul>
         <ul v-for="entry in history">
           <li>
diff --git a/script.js b/script.js
index 705ec9f02..85df1955b 100644
--- a/script.js
+++ b/script.js
@@ -29,6 +29,11 @@ const app = new Vue({
     history: window.localStorage.getItem('history') ? JSON.parse(window.localStorage.getItem('history')) : []
   },
   computed: {
+
+    noHistoryToClear() {
+      return this.history.length === 0;
+    },
+
     urlNotValid() {
       const pattern = new RegExp('^(https?:\\/\\/)?' +
         '((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|' +