From 5e8724f237bc73dcc129082df322a35cf0162c5e Mon Sep 17 00:00:00 2001
From: John Cleaver <cleaver.john.k@gmail.com>
Date: Sun, 20 May 2018 17:16:45 -0400
Subject: [PATCH] Add changelog

---
 src/assets/game_data/changelog.json    | 57 ++++++++++++++++++++++
 src/components/AppFooter.vue           |  3 ++
 src/components/changelog/ChangeLog.vue | 30 ++++++++++++
 src/components/changelog/Version.vue   | 66 ++++++++++++++++++++++++++
 src/router/index.js                    |  5 ++
 5 files changed, 161 insertions(+)
 create mode 100644 src/assets/game_data/changelog.json
 create mode 100644 src/components/changelog/ChangeLog.vue
 create mode 100644 src/components/changelog/Version.vue

diff --git a/src/assets/game_data/changelog.json b/src/assets/game_data/changelog.json
new file mode 100644
index 0000000..b92fa45
--- /dev/null
+++ b/src/assets/game_data/changelog.json
@@ -0,0 +1,57 @@
+{
+  "versions": [
+    {
+      "id": "Version 1.4",
+      "date": "2016-04-16",
+      "link": "Version-1.4",
+      "changes": [
+        "Fixed a bug where items skills were always being hidden",
+        "Updated Season and Skill tabs to sort alphabetically",
+        "Updated to Bulma 0.0.20",
+        "Added a text decoration to completed bundles",
+        "Fixed a bug with side-panel styling",
+        "Reduced the margin size of the room names so they all fit properly in their container.",
+        "Updated the bundles nav to be included in 'Hide Completed'",
+        "Hide Completed and Hide Spoilers settings are now saved.",
+        "Added a more thorough readme."
+      ]
+    },
+    {
+      "id": "Version 1.3",
+      "date": "2016-04-15",
+      "link": "Version-1.3",
+      "changes": [
+        "Bundles rewards are now hidden with other spoilers.",
+        "Added a settings page to allow the user to define what information constitutes spoilers.",
+        "Small Layout Changes"
+      ]
+    },
+    {
+      "id": "Version 1.2",
+      "date": "2016-04-14",
+      "link": "Version-1.2",
+      "changes": [
+        "Added an 'All Season' nav item in the Seasons tab. This shows items that are available in all seasons. Other season tabs now show items that are available in that season and at most 2 others. (#39)"
+      ]
+    },
+    {
+      "id": "Version 1.1",
+      "date": "2016-04-14",
+      "link": "Version-1.1",
+      "changes": [
+        "Added bundle completion numbers (#40)",
+        "'Hide Completed' toggle now hides items in completed bundles, even if the item is not checked. (#44)",
+        "Buttons for items in bundles that have been completed, but are not checked are now transparent. (#46)",
+        "Updated scripts to load via HTTPS so that users loading Github via HTTPS can use the page (#47)"
+      ]
+    },
+    {
+      "id": "Version 1.0",
+      "date": "2016-04-13",
+      "link": "Version-1.0",
+      "changes": [
+        "Initial Version"
+      ]
+    }
+  ]
+}
diff --git a/src/components/AppFooter.vue b/src/components/AppFooter.vue
index 56b0535..9746f6c 100644
--- a/src/components/AppFooter.vue
+++ b/src/components/AppFooter.vue
@@ -6,6 +6,9 @@
         <strong>Stardew Community Checklist</strong> by <a href="http://johncleaver.com">John Cleaver</a>. The source code is licensed
         <a href="http://opensource.org/licenses/mit-license.php">MIT</a>.
       </p>
+      <p>
+        <router-link to="/changelog">Changelog</router-link>
+      </p>
       <p>
         Bundle and Item information is from the <a href="http://stardewvalleywiki.com/Stardew_Valley_Wiki">Stardew Valley Wiki</a>
         and is used under the <a href="http://creativecommons.org/licenses/by-nc-sa/3.0/">CC BY-NC-SA 3.0 License</a>.
diff --git a/src/components/changelog/ChangeLog.vue b/src/components/changelog/ChangeLog.vue
new file mode 100644
index 0000000..7b77078
--- /dev/null
+++ b/src/components/changelog/ChangeLog.vue
@@ -0,0 +1,30 @@
+<template>
+  <section class="section">
+    <div class="container is-fluid">
+      <h1 class="title">
+        Changelog
+      </h1>
+      <version v-for="version in changelog.versions" :key="version.date" :version="version"/>
+    </div>
+  </section>
+</template>
+
+<script>
+import ChangeLogJson from '@/assets/game_data/changelog.json'
+import Version from '@/components/changelog/Version.vue'
+export default {
+  name: 'changelog',
+  components: {
+    Version
+  },
+  data () {
+    return {
+      changelog: ChangeLogJson
+    }
+  }
+}
+</script>
+
+<style>
+
+</style>
diff --git a/src/components/changelog/Version.vue b/src/components/changelog/Version.vue
new file mode 100644
index 0000000..1008c0d
--- /dev/null
+++ b/src/components/changelog/Version.vue
@@ -0,0 +1,66 @@
+<template>
+  <div class="card">
+    <header class="card-header">
+      <p class="card-header-title">
+        {{version.id}}
+      </p>
+    </header>
+    <div class="card-content">
+      <div class="content">
+        <ul>
+          <li v-for="change in version.changes" :key="change.date">
+            {{change}}
+          </li>
+        </ul>
+      </div>
+    </div>
+    <div class="card-footer">
+      <p class="card-footer-item has-text-centered-mobile">
+        Release Date: {{version.date}}
+      </p>
+      <p class="card-footer-item">
+        <a :href="release_url" class="button">
+          <span class="icon">
+            <github-box/>
+          </span>
+          <span>Release</span>
+        </a>
+      </p>
+    </div>
+  </div>
+</template>
+
+<script>
+import GithubBox from 'mdi-vue/GithubBoxIcon'
+export default {
+  name: 'version',
+  components: {
+    GithubBox
+  },
+  props: {
+    version: {
+      type: Object,
+      default () {
+        return {
+          id: 'Version 1.0',
+          date: '2016-04-13',
+          link: 'Version-1.0',
+          changes: [
+            'Initial Version'
+          ]
+        }
+      }
+    }
+  },
+  computed: {
+    release_url () {
+      return 'https://github.com/kihashi/stardew_community_checklist/releases/tag/' + this.version.link
+    }
+  }
+
+}
+</script>
+
+<style>
+
+</style>
diff --git a/src/router/index.js b/src/router/index.js
index e4e03c9..d8e34e6 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -4,6 +4,7 @@ import Welcome from '@/components/Welcome'
 import Bundles from '@/components/bundles/Bundles'
 import BundleItems from '@/components/bundles/BundleItems'
 import Search from '@/components/search/Search'
+import Changelog from '@/components/changelog/Changelog'
 
 Vue.use(Router)
 
@@ -40,6 +41,10 @@ export default new Router({
     {
       name: 'Inventory',
       path: '/inventory'
+    },
+    {
+      path: '/changelog',
+      component: Changelog
     }
   ],
   linkActiveClass: 'is-active'