From b3ec0d383b20818c74261f53d0c7195818ce6794 Mon Sep 17 00:00:00 2001
From: Franklin Rice <frice@berkeley.edu>
Date: Mon, 8 Oct 2018 18:24:10 -0700
Subject: [PATCH] note on settings, readme

---
 README.md              |  3 +++
 js/settings.js         | 10 ++++++++++
 sections/new.html      |  2 +-
 sections/settings.html | 10 +++++++++-
 4 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index cf36848..1f9f864 100644
--- a/README.md
+++ b/README.md
@@ -2,6 +2,9 @@
 
 A desktop tool for Mac, Windows, and Linux made with Electron for viewing and exporting photo and video metadata online.
 
+The most current stable build is **2.2.0**.
+All of the builds (2.2.0 and later) can be found at [bit.ly/archermeta].
+
 To run the app as an executable:
 1. Navigate to the "Packaged App" folder in this github.
 2. Download and open the app using your current Operating System
diff --git a/js/settings.js b/js/settings.js
index f51606d..3d479aa 100644
--- a/js/settings.js
+++ b/js/settings.js
@@ -1,3 +1,6 @@
+const { version } = require('./package.json');
+var shell = require('electron').shell;
+
 function clearSettings() {
   document.getElementById('fav-settings-wrapper').innerHTML = ''
   document.getElementById('csv-settings-wrapper').innerHTML = ''
@@ -6,6 +9,13 @@ function clearSettings() {
 var database = electron.remote.getGlobal('sharedObj').db;
 
 function populate_settings_view(fields, favorite_fields, csv_fields) {
+
+  document.getElementById('version').innerHTML = version
+  $('#github_link').click(function(event) {
+      event.preventDefault();
+      shell.openExternal(this.href);
+  });
+
   var favwrapper = $("#fav-settings-wrapper")
   var csvwrapper = $("#csv-settings-wrapper")
   var options = ""
diff --git a/sections/new.html b/sections/new.html
index 445c662..0e4e57e 100644
--- a/sections/new.html
+++ b/sections/new.html
@@ -6,7 +6,7 @@
 
 
       <div class="row">
-        <div class="col-xs-8">
+        <div class="col-xs-11">
           <h1 style="color: #3d3d3d; padding:0px; margin-top: 20px; margin-bottom: 20px;">Create a New Project</h1>
           <form id='new-project'>
             <div class="form-group input-group">
diff --git a/sections/settings.html b/sections/settings.html
index 20cfe94..6ca0886 100644
--- a/sections/settings.html
+++ b/sections/settings.html
@@ -3,12 +3,20 @@
 
 <link href="css/settings.css" rel="stylesheet">
 
-<div class="row container-fluid" />
+<div class="row container-fluid">
   <div class="col">
     <h1 style="color: #3d3d3d"> Settings </h1>
   </div>
 </div>
 
+<div class="row container-fluid">
+  <div class="col" style="color:#888888; margin-left: 15px; ">
+    Find the code for Meta, and check if you have the most up-to-date version, at <a href="https://www.github.com/archerimpact/Meta" id="github_link" style="color:#aaaaaa">github.com/archerimpact/Meta</a>.
+    <br>
+    This is version <div id="version" style="display:inline"></div>. Don't worry, if you download a new version you'll still have all your data.
+  </div>
+</div>
+
 <div class="row container-fluid">
   <hr>
   <div class="col">