From 031c5d8e4c165125384bb36bdcc8db73bbf83872 Mon Sep 17 00:00:00 2001
From: Tamius Han <tamius.han@gmail.com>
Date: Fri, 14 Jun 2019 23:10:21 +0200
Subject: [PATCH] Add changelog to extension popup

---
 src/popup/App.vue                  | 14 +++++++++++
 src/popup/panels/WhatsNewPanel.vue | 39 ++++++++++++++++++++++++++++++
 2 files changed, 53 insertions(+)
 create mode 100644 src/popup/panels/WhatsNewPanel.vue

diff --git a/src/popup/App.vue b/src/popup/App.vue
index 5227550..0d01dc3 100644
--- a/src/popup/App.vue
+++ b/src/popup/App.vue
@@ -88,6 +88,17 @@
           </div>
         </div>
 
+        <div class="menu-item"
+            :class="{'selected-tab': selectedTab === 'whats-new'}"
+            @click="selectTab('whats-new')"
+        >
+        <div class="">
+            What's new?
+          </div>
+          <div class="">
+          </div>
+        </div>
+
         <div class="menu-item"
             :class="{'selected-tab': selectedTab === 'about'}"
             @click="selectTab('about')"
@@ -132,6 +143,7 @@
         />
         <PerformancePanel v-if="selectedTab === 'performance-metrics'" 
                           :performance="performance" />
+        <WhatsNewPanel v-if="selectedTab === 'whats-new'" />
         <AboutPanel v-if="selectedTab === 'about'" />
         <Donate v-if="selectedTab === 'donate'" />
       </div>
@@ -140,6 +152,7 @@
 </template>
 
 <script>
+import WhatsNewPanel from './panels/WhatsNewPanel.vue';
 import SiteDetailsPanel from './panels/SiteDetailsPanel.vue';
 import Donate from '../common/misc/Donate.vue';
 import Debug from '../ext/conf/Debug';
@@ -202,6 +215,7 @@ export default {
     AboutPanel,
     Donate,
     SiteDetailsPanel,
+    WhatsNewPanel,
   },
   methods: {
     async sleep(t) {
diff --git a/src/popup/panels/WhatsNewPanel.vue b/src/popup/panels/WhatsNewPanel.vue
new file mode 100644
index 0000000..77e3a46
--- /dev/null
+++ b/src/popup/panels/WhatsNewPanel.vue
@@ -0,0 +1,39 @@
+<template>
+  <div>
+    <h2>What's new</h2>
+    <p>Full changelog for older versions <a href="https://github.com/xternal7/ultrawidify/blob/master/CHANGELOG.md">is available here</a>.</p>
+    <p class="label">4.1.0</p>
+    <ul>
+      <li>This</li>
+      <li>(Experimental) You can specify custom CSS for the page.</li>
+      <li>(Experimental) You can manually specify how player element is detected</li>
+      <li>Fixed old.reddit and vimeo for that. Disabled extension on imgur by default.</li>
+    </ul>
+    <p class="label">4.0.0</p>
+    <p>
+      <ul>
+        <li>Fixed the bug where settings wouldn't be saved.</li>
+        <li><b>Autodetection improvements:</b><ul>
+          <li>Implemented gradient detection. Changing aspect ratio will only happen if hard edge is detected</li>
+          <li>Improved black frame detection. Some (but not all) issues about autodetection triggering on dark frames were resolved</li>
+          <li>Increased autodetection frequency from 0.6s to 0.3s. <b>This isn't likely to happen, but if you notice this
+             extension using excessive amounts of RAM (2+ GB), this is why. If you experience this issue, please contact me (see 'Report a problem' tab).</b>
+          </li>
+      </ul></li>
+      <li>Settings page for extension added.</li>
+      <li>(Experimental) You can define custom keyboard shortcuts in settings. See 'actions' menu.</li>
+    </ul>
+      For more detailed info, see <a href="https://github.com/xternal7/ultrawidify/blob/master/CHANGELOG.md">full changelog</a>.
+    </p>
+    
+  </div>
+</template>
+<script>
+export default {
+
+}
+</script>
+
+<style>
+
+</style>