Add support to show version in the settings

index.html

@@ -48,6 +48,7 @@ <h2 id="weather-text">Fetching Weather...</h2>
  <!--JSON Editor-->
  <script src="js/jsoneditor.min.js"></script>
  <!--Custom JS-->
+ <script src="js/version.js"></script>
  <script src="js/settings.js"></script>
  <script src="js/autocomplete.js"></script>
  <script src="js/search.js"></script>

js/main.js

@@ -1,4 +1,5 @@
 window.onload = function() {
+ this.populateVersionInSettings();
  this.initBody();
  this.listenForSettings();
 }

js/version.js

@@ -0,0 +1,30 @@
+/**
+ * Handle version related methods
+ */
+
+const VERSION = "v0.3"
+
+
+function populateVersionInSettings() {
+ /**
+ * This method will populate the version field in the
+ * settings modal.
+ * 
+ * This should be called once only since the version is
+ * constant throughout and changes with a new release (new installation)
+ */
+ const versionElementId = "current--version--startpage"
+ document.getElementById(versionElementId).innerHTML = generateVersionString(VERSION)
+}
+
+function generateVersionString(version) {
+ /**
+ * Generate the version string to populate in the element.
+ * 
+ * @param {string} version - The version to use in the version string
+ * 
+ * @returns {string} - Returns a generated string to be used to show the version
+ * and the product name.
+ */
+ return `startpage - ${version}`
+}