From 774eefc5eefb089dc0a6cca2f25663cef7e584b6 Mon Sep 17 00:00:00 2001
From: Quentin DECAUNES <qudec@F-BDX-SID.dhcp.bdx.intranet>
Date: Fri, 8 Mar 2019 13:02:14 +0100
Subject: [PATCH] Added release easy access.

---
 index.html    | 29 +++++++++++++++++++++--------
 js/app.js     |  1 +
 js/methods.js | 21 +++++++++++++++++++++
 3 files changed, 43 insertions(+), 8 deletions(-)
diff --git a/index.html b/index.html
index 7b55cd7..cbc054b 100644
--- a/index.html
+++ b/index.html
@@ -7,20 +7,25 @@
   <link rel="stylesheet" href="./node_modules/uikit/dist/css/uikit.min.css" />
   <script src="./node_modules/uikit/dist/js/uikit.min.js"></script>
   <script src="./node_modules/uikit/dist/js/uikit-icons.min.js"></script>
+  <style>
+    #release-tab.uk-active {
+      position:absolute;display: inline-block;width: 100%;height: 100%;
+    }
+  </style>
 </head>
-<body class="uk-animation-fade">
+<body class="uk-animation-fade" uk-height-viewport="expand: true">
   <h1>Ryzen Controller <span id="version" class="uk-badge"></span></h1>
 
-  <ul uk-switcher uk-tab uk-sticky class="uk-background-default">
+  <ul uk-switcher="animation: uk-animation-fade" uk-tab uk-sticky class="uk-background-default uk-margin-remove">
     <li><a href="#">Controller</a></li>
     <li><a href="#">Presets</a></li>
     <li><a href="#">Settings</a></li>
+    <li><a href="#">Releases</a></li>
     <li><a href="#">Logs</a></li>
   </ul>
-  <ul class="uk-switcher uk-margin">
+  <ul class="uk-switcher uk-margin-remove" uk-height-viewport="expand: true" style="position:relative;">
 
-
-    <li class="uk-container uk-animation-fade" id="controller-tab">
+    <li class="uk-margin-top uk-margin-bottom uk-container" id="controller-tab">
       <h3>STAPM Limit (W)</h3>
       <div class="uk-grid-small" uk-grid>
         <div class="uk-width-1-6">
@@ -72,9 +77,9 @@
       </p>
     </li>
 
-    <li class="uk-container uk-animation-fade" id="presetTab"></li>
+    <li class="uk-margin-top uk-margin-bottom uk-container" id="presetTab"></li>
 
-    <li class="uk-container uk-animation-fade">
+    <li class="uk-margin-top uk-margin-bottom uk-container">
       <h3>Auto start with system:</h3>
       <label><input class="uk-checkbox" type="checkbox" id="start_at_boot"> When checked, Ryzen Controller will start on system login.</label>
       <h3>Auto apply on launch:</h3>
@@ -104,7 +109,15 @@
       </div>
     </li>
 
-    <li class="uk-container uk-animation-fade">
+    <li id="release-tab">
+      <webview
+        style="height:100%;"
+        frameborder="0"
+        src="https://gitlab.com/le.storm1er/ryzen-controller/releases"
+      ></webview>
+    </li>
+
+    <li class="uk-margin-top uk-margin-bottom uk-container">
       <textarea class="uk-textarea" rows="20" id="logs" readonly></textarea>
     </li>
 
diff --git a/js/app.js b/js/app.js
index 079ae60..e084fea 100644
--- a/js/app.js
+++ b/js/app.js
@@ -11,6 +11,7 @@ ready(function(){
   displayOptionDescription();
   recreateShortcut();
   updatePresetList();
+  checkForNewRelease();
   document.isStarting = false;
   settings.set('settings', {
     ...settings.get('settings'),
diff --git a/js/methods.js b/js/methods.js
index df7b647..05483e7 100644
--- a/js/methods.js
+++ b/js/methods.js
@@ -449,3 +449,24 @@ function presetDeletion(presetName) {
   notification('success', `The preset ${presetName} has been deleted.`);
   updatePresetList();
 }
+
+/**
+ * Will check for new release.
+ */
+function checkForNewRelease() {
+  var request = new XMLHttpRequest();
+  const version = require('./package.json').version;
+
+  request.open('GET', 'https://gitlab.com/api/v4/projects/11046417/releases', true);
+
+  request.onload = function() {
+    if (this.status >= 200 && this.status < 400) {
+      var resp = JSON.parse(this.response);
+      if (resp[0].tag_name !== version) {
+        notification('primary', "A new vesion is available, please check the release tab.");
+      }
+    }
+  };
+
+  request.send();
+}
