end session action

Author: ttyridal

.gitignore

@@ -1 +1 @@
-/ext/data/icon*png
+/ext/data/*.png

ext/data/main_popup.html

@@ -43,6 +43,7 @@ <h1 style="display:inline-block;margin-bottom:0.8em;">MasterPassword</h1>
         <input type="submit" value="OK" style="margin-top:1em;padding:0.1em 3em;"/>
     </form>
 </div>
+<div id="logoutbtn" style="display:none;position:absolute;right:1px;top:1px;width:32px;height:32px;;cursor:pointer;background-size:cover;background-image:url(exit.png)"></div>
 
 <div id="main" style="position:relative;display:none">
     <select id="storedids" size="4" style="display:none;position:absolute;font-size:1.5em;width:99%;z-index:99"></select>

ext/data/main_popup.js

@@ -31,6 +31,7 @@ var mpw=null;
 var session_store={};
 
 function recalculate() {
+    $('#thepassword').html('(calculating)');
     $('#usermessage').html("Please wait...");
     if ($('#sitename').val()==null || $('#sitename').val()=="") {
         $('#usermessage').html("need sitename");
@@ -78,7 +79,9 @@ function popup(session_store_) {
     session_store = session_store_;
     if (session_store.username==null || session_store.masterkey==null) {
         $('#main').hide();
+        $('#logoutbtn').hide();
         $('#sessionsetup').show();
+        mpw=null;
         if (session_store.username==null)
             window.setTimeout(function(){$('#username').focus();},0.1);
         else {
@@ -87,6 +90,7 @@ function popup(session_store_) {
         }
     } else {
         recalc=true;
+        $('#logoutbtn').show();
         $('#main').show();
     }
 
@@ -118,14 +122,23 @@ $('#sessionsetup > form').on('submit', function(){
     }
     session_store.username=$('#username').val();
     session_store.masterkey=$('#masterkey').val();
+    $('#masterkey').val('');
     addon.port.emit('store_update', session_store);
 
     $('#sessionsetup').hide();
+    $('#logoutbtn').show();
     $('#main').show();
     recalculate();
     return false;
 });
 
+$('#logoutbtn').on('click',function(){
+    session_store.masterkey=null;
+    addon.port.emit('store_update', session_store);
+    popup(session_store);
+    $('#usermessage').html("session destroyed");
+});
+
 $('#generatepassword').on('click', function(){
 
 });

gfx/exit.svg

@@ -2,3 +2,8 @@
 for sizes in 16 32 64; do 
     convert -background transparent icon.svg -resize ${sizes}x${sizes} ../ext/data/icon${sizes}.png
 done
+
+sizes=32
+for files in "exit"; do
+    convert -background transparent ${files}.svg -resize ${sizes}x${sizes} ../ext/data/${files}.png
+done