Adding details to options page

spdx · Aug 1, 2018 · d60841a · d60841a
1 parent c899ae2
commit d60841a
Show file tree

Hide file tree

Showing 2 changed files with 55 additions and 4 deletions.
diff --git a/app/pages/options.html b/app/pages/options.html
@@ -8,16 +8,31 @@
 <body>
   <form id="options">
 <fieldset>
-  <h2>SPDX License List Options</h2>
+  <h2><a href='https://spdx.org/licenses/'>SPDX License List</a> Options</h2>
   <div>
     <label for="updateFrequency">Check for list update interval</label>
     <input id="updateFrequency" type="number" name="updateFrequency" step="1" min="1" max ="365" value="90"
       title="Number of days before trying to update the SPDX license list from https://spdx.org. (1 is daily)" required>
     <span class="validity"></span>
   </div>
   <div>
-    <div id="updatestatus"></div>
-    <button id="update">Manual Update</button>
+    <table style="width:100%">
+      <tr>
+    <td>Loaded list:</td>
+    <td>
+    <div id="licenseversion"></div>
+  </td></tr>
+  <tr>
+    <td>Last update:</td>
+  <td><div id="updatestatus"></div></td>
+</tr>
+<tr>
+    <td>Storage used:</td>
+    <td><div id="storagestatus"></div></td>
+  </tr>
+  </table>
+    <button id="update">Update List</button>
+    <button id="clearstorage">Clear Storage</button>
   </div>
 </fieldset>
 <fieldset>
@@ -52,7 +67,7 @@ <h2>Advanced Options</h2>
 </fieldset>
 </form>
   <div id="status"></div>
-  <button id="reset">Reset</button>
+  <button id="reset">Default settings</button>
   <button id="save">Save</button>
   <script src="../scripts/options.js"></script>
 </body>

diff --git a/app/scripts/options.js b/app/scripts/options.js
@@ -44,6 +44,42 @@ function reset() {
   var form = document.getElementById('options');
   form.reset();
 }
+function loadList(){
+    chrome.storage.local.get(['list'], function(result) {
+      var licenseversion = document.getElementById('licenseversion');
+      var status = document.getElementById('updatestatus');
+      if (result.list && result.list["licenseListVersion"]){
+        var list = result.list;
+        var lastupdate = list["lastupdate"]
+        var releaseDate = list["releaseDate"]
+        licenseversion.textContent = 'v.' + list["licenseListVersion"] +
+          ' ('+ releaseDate +') with '+ list.licenses.length + ' licenses'
+        status.textContent = Date(lastupdate).toLocaleString();
+      }else {
+        licenseversion.textContent = 'None'
+        status.textContent = 'Never';
+      }
+    });
+}
+function checkStorage(){
+    chrome.storage.local.getBytesInUse(null, function(result) {
+      var status = document.getElementById('storagestatus');
+      if (result){
+        status.textContent = (result / 1024 / 1024).toFixed(2) + ' MB';
+      }else {
+        status.textContent = '0 MB';
+      }
+    });
+}
+function clearStorage(){
+    chrome.storage.local.clear(function(result) {
+      checkStorage();
+    });
+}
+
 document.addEventListener('DOMContentLoaded', restore_options);
+document.addEventListener('DOMContentLoaded', loadList);
+document.addEventListener('DOMContentLoaded', checkStorage);
 document.getElementById('reset').addEventListener('click',reset);
 document.getElementById('save').addEventListener('click',save_options);
+document.getElementById('clearstorage').addEventListener('click',clearStorage);