Add changelog

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"
+      ]
+    }
+  ]
+}

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>.

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>

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>

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'