Merge branch 'feature/#48-add-a-changelog'

changelog.json

@@ -0,0 +1,23 @@
+{
+  "versions": [
+    {
+      "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"
+      ]
+    }
+  ]
+}

index.html

@@ -66,6 +66,10 @@
                v-bind:class="['skills' == active_page ? 'is-active' : '']">
                 Skills
             </a>
+            <a id="change-nav" class="header-tab" href="#" v-on:click.stop="change_page('changelog')"
+               v-bind:class="['changelog' == active_page ? 'is-active' : '']">
+                Change Log
+            </a>
         </div>
         <div class="header-right header-menu">
             <span class="header-item">
@@ -487,6 +491,39 @@
     </div>
 </section>
 
+<section class="section" v-if="active_page == 'changelog'">
+    <div class="container">
+        <h1 class="title">Change Log</h1>
+        <div class="card is-fullwidth" v-for="version in changelog">
+            <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">{{ change }}</li>
+                    </ul>
+                </div>
+            </div>
+            <div class="card-footer">
+                <p class="card-footer-item">
+                    Release Date: {{ version.date }}
+                </p>
+                <a href="https://github.com/kihashi/stardew_community_checklist/releases/tag/{{ version.link }}" class="card-footer-item">
+                    <span class="icon">
+                        <i class="fa fa-github-square" aria-hidden="true"></i>
+                    </span>
+                    <span>
+                        Github Release
+                    </span>
+                </a>
+            </div>
+        </div>
+    </div>
+</section>
+
 <footer class="footer">
   <div class="container">
     <div class="content is-centered is-text-centered">

main.js

@@ -1,7 +1,7 @@
 var v = new Vue({
     el: '#app',
     data:{
-        debug: true,
+        changelog: null,
         static: null,
         user_data: [],
         active_page: "bundles",
@@ -16,6 +16,7 @@ var v = new Vue({
     },
     ready: function(){
         this.fetchData();
+        this.fetchChangeLog();
         new Clipboard('.copy');
         storedUserData = localStorage.getItem('user_data');
         if(storedUserData !== null && storedUserData !== ""){
@@ -40,6 +41,13 @@ var v = new Vue({
                 }
             });
         },
+        fetchChangeLog: function() {
+            this.$http.get('changelog.json', function(data, status){
+                if(status == 200){
+                    this.changelog = data.versions
+                }
+            });
+        },
         enterLoadMode: function(){
             this.load_mode = true;
         },