From 93ff8a3969c7111ecb0eeb1831b4da77fbb75483 Mon Sep 17 00:00:00 2001
From: Florian Mounier <florian.mounier@kozea.fr>
Date: Wed, 7 Oct 2015 16:38:24 +0200
Subject: [PATCH] Add an exit confirm dialog

---
 butterfly/sass/_layout.sass      | 2 +-
 butterfly/static/ext.js          | 8 +++++++-
 butterfly/static/ext.min.js      | 2 +-
 butterfly/static/main.css        | 2 +-
 coffees/ext/close_confirm.coffee | 5 +++++
 coffees/ext/theme.coffee         | 2 +-
 6 files changed, 16 insertions(+), 5 deletions(-)
 create mode 100644 coffees/ext/close_confirm.coffee

diff --git a/butterfly/sass/_layout.sass b/butterfly/sass/_layout.sass
index a63590c..51df8a9 100644
--- a/butterfly/sass/_layout.sass
+++ b/butterfly/sass/_layout.sass
@@ -40,7 +40,7 @@ body
 
   /* Pop ups */
   .hidden
-    display: none
+    display: none !important
 
   #popup
     position: fixed
diff --git a/butterfly/static/ext.js b/butterfly/static/ext.js
index 0383392..c177e88 100644
--- a/butterfly/static/ext.js
+++ b/butterfly/static/ext.js
@@ -77,6 +77,12 @@
     return e.preventDefault();
   });
 
+  addEventListener('beforeunload', function(e) {
+    if (!(butterfly.body.classList.contains('dead') || location.href.indexOf('session') > -1)) {
+      return e.returnValue = 'This terminal is active and not in session. Are you sure you want to kill it?';
+    }
+  });
+
   Popup = (function() {
     function Popup() {
       this.el = document.getElementById('popup');
@@ -506,7 +512,7 @@
         if (theme === 'default') {
           url = "/static/main.css";
         } else {
-          url = "theme/" + theme + "/style.css";
+          url = "/theme/" + theme + "/style.css";
         }
         inner += '<option ';
         if (_theme === url) {
diff --git a/butterfly/static/ext.min.js b/butterfly/static/ext.min.js
index 489f047..0dff853 100644
--- a/butterfly/static/ext.min.js
+++ b/butterfly/static/ext.min.js
@@ -1,4 +1,4 @@
 /*! butterfly           2015-10-07 */
 
-(function(){var a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p=[].indexOf||function(a){for(var b=0,c=this.length;c>b;b++)if(b in this&&this[b]===a)return b;return-1};n=function(a){var b;return b=function(c){var d;return butterfly.body.classList.remove("alarm"),d="New activity on butterfly terminal ["+butterfly.title+"]",a?new Notification(d,{body:c.data,icon:"/static/images/favicon.png"}):alert(d+"\n"+c.data),butterfly.ws.removeEventListener("message",b)},butterfly.ws.addEventListener("message",b),butterfly.body.classList.add("alarm")},f=function(a){return a.preventDefault&&a.preventDefault(),a.stopPropagation&&a.stopPropagation(),a.cancelBubble=!0,!1},document.addEventListener("keydown",function(a){return a.altKey&&65===a.keyCode?(Notification&&"default"===Notification.permission?Notification.requestPermission(function(){return n("granted"===Notification.permission)}):n("granted"===Notification.permission),f(a)):!0}),addEventListener("copy",g=function(a){var b,c,d,e,f,g,h;for(butterfly.bell("copied"),a.clipboardData.clearData(),h=getSelection().toString().replace(/\u00A0/g," ").replace(/\u2007/g," "),b="",g=h.split("\n"),d=0,e=g.length;e>d;d++)f=g[d],"⏎"===f.slice(-1)?(c="",f=f.slice(0,-1)):c="\n",b+=f.replace(/\s*$/,"")+c;return a.clipboardData.setData("text/plain",b.slice(0,-1)),a.preventDefault()}),addEventListener("paste",function(a){var b;return butterfly.bell("pasted"),b=a.clipboardData.getData("text/plain"),b=b.replace(/\r\n/g,"\n").replace(/\n/g,"\r"),butterfly.send(b),a.preventDefault()}),a=function(){function a(){this.el=document.getElementById("popup"),this.bound_click_maybe_close=this.click_maybe_close.bind(this),this.bound_key_maybe_close=this.key_maybe_close.bind(this)}return a.prototype.open=function(a){return this.el.innerHTML=a,this.el.classList.remove("hidden"),addEventListener("click",this.bound_click_maybe_close),addEventListener("keydown",this.bound_key_maybe_close)},a.prototype.close=function(){return removeEventListener("click",this.bound_click_maybe_close),removeEventListener("keydown",this.bound_key_maybe_close),this.el.classList.add("hidden"),this.el.innerHTML=""},a.prototype.click_maybe_close=function(a){var b;for(b=a.target;b.parentElement;){if(Array.prototype.slice.call(this.el.children).indexOf(b)>-1)return!0;b=b.parentElement}return this.close(),f(a)},a.prototype.key_maybe_close=function(a){return 27!==a.keyCode?!0:(this.close(),f(a))},a}(),k=new a,m=null,f=function(a){return a.preventDefault&&a.preventDefault(),a.stopPropagation&&a.stopPropagation(),a.cancelBubble=!0,!1},l=function(a){var b;for(b=a.previousSibling,b||(b=a.parentNode.previousSibling),b||(b=a.parentNode.parentNode.previousSibling);b.lastChild;)b=b.lastChild;return b},j=function(a){var b;for(b=a.nextSibling,b||(b=a.parentNode.nextSibling),b||(b=a.parentNode.parentNode.nextSibling);null!=b?b.firstChild:void 0;)b=b.firstChild;return b},b=function(){function a(){butterfly.body.classList.add("selection"),this.selection=getSelection()}return a.prototype.reset=function(){var a,b,c;for(this.selection=getSelection(),a=document.createRange(),a.setStart(this.selection.anchorNode,this.selection.anchorOffset),a.setEnd(this.selection.focusNode,this.selection.focusOffset),this.start={node:this.selection.anchorNode,offset:this.selection.anchorOffset},this.end={node:this.selection.focusNode,offset:this.selection.focusOffset},a.collapsed&&(b=[this.end,this.start],this.start=b[0],this.end=b[1]),this.startLine=this.start.node;!this.startLine.classList||p.call(this.startLine.classList,"line")<0;)this.startLine=this.startLine.parentNode;for(this.endLine=this.end.node,c=[];!this.endLine.classList||p.call(this.endLine.classList,"line")<0;)c.push(this.endLine=this.endLine.parentNode);return c},a.prototype.clear=function(){return this.selection.removeAllRanges()},a.prototype.destroy=function(){return butterfly.body.classList.remove("selection"),this.clear()},a.prototype.text=function(){return this.selection.toString().replace(/\u00A0/g," ").replace(/\u2007/g," ")},a.prototype.up=function(){return this.go(-1)},a.prototype.down=function(){return this.go(1)},a.prototype.go=function(a){var b;if(b=butterfly.children.indexOf(this.startLine)+a,b>=0&&b<butterfly.children.length){for(;!butterfly.children[b].textContent.match(/\S/);)if(b+=a,!(b>=0&&b<butterfly.children.length))return;return this.selectLine(b)}},a.prototype.apply=function(){var a;return this.clear(),a=document.createRange(),a.setStart(this.start.node,this.start.offset),a.setEnd(this.end.node,this.end.offset),this.selection.addRange(a)},a.prototype.selectLine=function(a){var b,c,d;return b=butterfly.children[a],d={node:b.firstChild,offset:0},c={node:b.lastChild,offset:b.lastChild.textContent.length},this.start=this.walk(d,/\S/),this.end=this.walk(c,/\S/,!0)},a.prototype.collapsed=function(a,b){var c;return c=document.createRange(),c.setStart(a.node,a.offset),c.setEnd(b.node,b.offset),c.collapsed},a.prototype.shrinkRight=function(){var a,b;return b=this.walk(this.end,/\s/,!0),a=this.walk(b,/\S/,!0),this.collapsed(this.start,a)?void 0:this.end=a},a.prototype.shrinkLeft=function(){var a,b;return a=this.walk(this.start,/\s/),b=this.walk(a,/\S/),this.collapsed(b,this.end)?void 0:this.start=b},a.prototype.expandRight=function(){var a;return a=this.walk(this.end,/\S/),this.end=this.walk(a,/\s/)},a.prototype.expandLeft=function(){var a;return a=this.walk(this.start,/\S/,!0),this.start=this.walk(a,/\s/,!0)},a.prototype.walk=function(a,b,c){var d,e,f;if(null==c&&(c=!1),e=a.node.firstChild?a.node.firstChild:a.node,f=null!=e?e.textContent:void 0,d=a.offset,c)for(;e;){for(;d>0;)if(f[--d].match(b))return{node:e,offset:d+1};e=l(e),f=null!=e?e.textContent:void 0,d=f.length}else for(;e;){for(;d<f.length;)if(f[d++].match(b))return{node:e,offset:d-1};e=j(e),f=null!=e?e.textContent:void 0,d=0}return a},a}(),document.addEventListener("keydown",function(a){var c,d;if(c=a.keyCode,p.call([16,17,18,19],c)>=0)return!0;if(a.shiftKey&&13===a.keyCode&&!m&&!getSelection().isCollapsed)return butterfly.send(getSelection().toString()),getSelection().removeAllRanges(),f(a);if(m){if(m.reset(),!a.ctrlKey&&a.shiftKey&&37<=(d=a.keyCode)&&40>=d)return!0;if(a.shiftKey&&a.ctrlKey)38===a.keyCode?m.up():40===a.keyCode&&m.down();else if(39===a.keyCode)m.shrinkLeft();else if(38===a.keyCode)m.expandLeft();else if(37===a.keyCode)m.shrinkRight();else{if(40!==a.keyCode)return f(a);m.expandRight()}return null!=m&&m.apply(),f(a)}return!m&&a.ctrlKey&&a.shiftKey&&38===a.keyCode?(m=new b,m.selectLine(butterfly.y-1),m.apply(),f(a)):!0}),document.addEventListener("keyup",function(a){var b,c;if(b=a.keyCode,p.call([16,17,18,19],b)>=0)return!0;if(m){if(13===a.keyCode)return butterfly.send(m.text()),m.destroy(),m=null,f(a);if(c=a.keyCode,p.call([37,38,39,40],c)<0)return m.destroy(),m=null,!0}return!0}),document.addEventListener("dblclick",function(a){var b,c,d,e,f;if(!(a.ctrlKey||a.altkey||(f=getSelection(),f.isCollapsed||f.toString().match(/\s/)))){for(e=document.createRange(),e.setStart(f.anchorNode,f.anchorOffset),e.setEnd(f.focusNode,f.focusOffset),e.collapsed&&(f.removeAllRanges(),d=document.createRange(),d.setStart(f.focusNode,f.focusOffset),d.setEnd(f.anchorNode,f.anchorOffset),f.addRange(d));!f.toString().match(/\s/)&&f.toString();)f.modify("extend","forward","character");for(f.modify("extend","backward","character"),b=f.anchorNode,c=f.anchorOffset,f.collapseToEnd(),f.extend(b,c);!f.toString().match(/\s/)&&f.toString();)f.modify("extend","backward","character");return f.modify("extend","forward","character")}}),c=function(a){var b;return document.getElementById("style").setAttribute("href",a),b=document.createElement("img"),b.onerror=function(){return setTimeout(function(){return"undefined"!=typeof butterfly&&null!==butterfly?butterfly.resize():void 0},50)},b.src=a},d="undefined"!=typeof localStorage&&null!==localStorage?localStorage.getItem("theme"):void 0,d&&c(d),this.set_theme=function(a){return d=a,"undefined"!=typeof localStorage&&null!==localStorage&&localStorage.setItem("theme",a),a?c(a):void 0},document.addEventListener("keydown",function(a){}),document.addEventListener("keydown",function(a){var b,c;return a.altKey&&83===a.keyCode?a.shiftKey?(c=document.getElementById("style").getAttribute("href"),c=c.split("?")[0],document.getElementById("style").setAttribute("href",c+"?"+(new Date).getTime()),f(a)):(b=new XMLHttpRequest,b.addEventListener("load",function(){var a,b,c,e,f,g,h,i,j;if(f=JSON.parse(this.responseText),i=f.themes,0===i.length)return void alert("No themes found in "+f.dir+".\n Please install themes with butterfly.server.py --install-themes");for(a='<form>\n  <h2>Pick a theme:</h2>\n  <select id="theme_list">',e=["default"].concat(i),b=0,c=e.length;c>b;b++)g=e[b],j="default"===g?"/static/main.css":"theme/"+g+"/style.css",a+="<option ",d===j&&(a+="selected "),a+='value="'+j+'">',a+=g,a+="</option>";return a+="  </select>\n  <label>You can create yours in "+f.dir+".</label>\n</form>",k.open(a),h=document.getElementById("theme_list"),h.addEventListener("change",function(){return set_theme(h.value)})}),b.open("GET","/themes/list.json"),b.send(),f(a)):!0}),/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)&&(h=!1,e=!1,i=!0,o=document.createElement("input"),o.type="password",o.style.position="fixed",o.style.top=0,o.style.left=0,o.style.border="none",o.style.outline="none",o.style.opacity=0,o.value="0",document.body.appendChild(o),o.addEventListener("blur",function(){return setTimeout(function(a){return function(){return a.focus()}}(this),10)}),addEventListener("click",function(){return o.focus()}),addEventListener("touchstart",function(a){return 2===a.touches.length?h=!0:3===a.touches.length?(h=!1,e=!0):4===a.touches.length?(h=!0,e=!0):void 0}),o.addEventListener("keydown",function(a){return butterfly.keyDown(a),!0}),o.addEventListener("input",function(a){var b;return b=this.value.length,0===b?(a.keyCode=8,butterfly.keyDown(a),this.value="0",!0):(a.keyCode=this.value.charAt(1).charCodeAt(0),!h&&!e||i?(butterfly.keyPress(a),i=!1,this.value="0",!0):(a.keyCode=this.value.charAt(1).charCodeAt(0),a.ctrlKey=h,a.altKey=e,a.keyCode>=97&&a.keyCode<=122&&(a.keyCode-=32),butterfly.keyDown(a),this.value="0",h=e=!1,!0))}))}).call(this);
+(function(){var a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p=[].indexOf||function(a){for(var b=0,c=this.length;c>b;b++)if(b in this&&this[b]===a)return b;return-1};n=function(a){var b;return b=function(c){var d;return butterfly.body.classList.remove("alarm"),d="New activity on butterfly terminal ["+butterfly.title+"]",a?new Notification(d,{body:c.data,icon:"/static/images/favicon.png"}):alert(d+"\n"+c.data),butterfly.ws.removeEventListener("message",b)},butterfly.ws.addEventListener("message",b),butterfly.body.classList.add("alarm")},f=function(a){return a.preventDefault&&a.preventDefault(),a.stopPropagation&&a.stopPropagation(),a.cancelBubble=!0,!1},document.addEventListener("keydown",function(a){return a.altKey&&65===a.keyCode?(Notification&&"default"===Notification.permission?Notification.requestPermission(function(){return n("granted"===Notification.permission)}):n("granted"===Notification.permission),f(a)):!0}),addEventListener("copy",g=function(a){var b,c,d,e,f,g,h;for(butterfly.bell("copied"),a.clipboardData.clearData(),h=getSelection().toString().replace(/\u00A0/g," ").replace(/\u2007/g," "),b="",g=h.split("\n"),d=0,e=g.length;e>d;d++)f=g[d],"⏎"===f.slice(-1)?(c="",f=f.slice(0,-1)):c="\n",b+=f.replace(/\s*$/,"")+c;return a.clipboardData.setData("text/plain",b.slice(0,-1)),a.preventDefault()}),addEventListener("paste",function(a){var b;return butterfly.bell("pasted"),b=a.clipboardData.getData("text/plain"),b=b.replace(/\r\n/g,"\n").replace(/\n/g,"\r"),butterfly.send(b),a.preventDefault()}),addEventListener("beforeunload",function(a){return butterfly.body.classList.contains("dead")||location.href.indexOf("session")>-1?void 0:a.returnValue="This terminal is active and not in session. Are you sure you want to kill it?"}),a=function(){function a(){this.el=document.getElementById("popup"),this.bound_click_maybe_close=this.click_maybe_close.bind(this),this.bound_key_maybe_close=this.key_maybe_close.bind(this)}return a.prototype.open=function(a){return this.el.innerHTML=a,this.el.classList.remove("hidden"),addEventListener("click",this.bound_click_maybe_close),addEventListener("keydown",this.bound_key_maybe_close)},a.prototype.close=function(){return removeEventListener("click",this.bound_click_maybe_close),removeEventListener("keydown",this.bound_key_maybe_close),this.el.classList.add("hidden"),this.el.innerHTML=""},a.prototype.click_maybe_close=function(a){var b;for(b=a.target;b.parentElement;){if(Array.prototype.slice.call(this.el.children).indexOf(b)>-1)return!0;b=b.parentElement}return this.close(),f(a)},a.prototype.key_maybe_close=function(a){return 27!==a.keyCode?!0:(this.close(),f(a))},a}(),k=new a,m=null,f=function(a){return a.preventDefault&&a.preventDefault(),a.stopPropagation&&a.stopPropagation(),a.cancelBubble=!0,!1},l=function(a){var b;for(b=a.previousSibling,b||(b=a.parentNode.previousSibling),b||(b=a.parentNode.parentNode.previousSibling);b.lastChild;)b=b.lastChild;return b},j=function(a){var b;for(b=a.nextSibling,b||(b=a.parentNode.nextSibling),b||(b=a.parentNode.parentNode.nextSibling);null!=b?b.firstChild:void 0;)b=b.firstChild;return b},b=function(){function a(){butterfly.body.classList.add("selection"),this.selection=getSelection()}return a.prototype.reset=function(){var a,b,c;for(this.selection=getSelection(),a=document.createRange(),a.setStart(this.selection.anchorNode,this.selection.anchorOffset),a.setEnd(this.selection.focusNode,this.selection.focusOffset),this.start={node:this.selection.anchorNode,offset:this.selection.anchorOffset},this.end={node:this.selection.focusNode,offset:this.selection.focusOffset},a.collapsed&&(b=[this.end,this.start],this.start=b[0],this.end=b[1]),this.startLine=this.start.node;!this.startLine.classList||p.call(this.startLine.classList,"line")<0;)this.startLine=this.startLine.parentNode;for(this.endLine=this.end.node,c=[];!this.endLine.classList||p.call(this.endLine.classList,"line")<0;)c.push(this.endLine=this.endLine.parentNode);return c},a.prototype.clear=function(){return this.selection.removeAllRanges()},a.prototype.destroy=function(){return butterfly.body.classList.remove("selection"),this.clear()},a.prototype.text=function(){return this.selection.toString().replace(/\u00A0/g," ").replace(/\u2007/g," ")},a.prototype.up=function(){return this.go(-1)},a.prototype.down=function(){return this.go(1)},a.prototype.go=function(a){var b;if(b=butterfly.children.indexOf(this.startLine)+a,b>=0&&b<butterfly.children.length){for(;!butterfly.children[b].textContent.match(/\S/);)if(b+=a,!(b>=0&&b<butterfly.children.length))return;return this.selectLine(b)}},a.prototype.apply=function(){var a;return this.clear(),a=document.createRange(),a.setStart(this.start.node,this.start.offset),a.setEnd(this.end.node,this.end.offset),this.selection.addRange(a)},a.prototype.selectLine=function(a){var b,c,d;return b=butterfly.children[a],d={node:b.firstChild,offset:0},c={node:b.lastChild,offset:b.lastChild.textContent.length},this.start=this.walk(d,/\S/),this.end=this.walk(c,/\S/,!0)},a.prototype.collapsed=function(a,b){var c;return c=document.createRange(),c.setStart(a.node,a.offset),c.setEnd(b.node,b.offset),c.collapsed},a.prototype.shrinkRight=function(){var a,b;return b=this.walk(this.end,/\s/,!0),a=this.walk(b,/\S/,!0),this.collapsed(this.start,a)?void 0:this.end=a},a.prototype.shrinkLeft=function(){var a,b;return a=this.walk(this.start,/\s/),b=this.walk(a,/\S/),this.collapsed(b,this.end)?void 0:this.start=b},a.prototype.expandRight=function(){var a;return a=this.walk(this.end,/\S/),this.end=this.walk(a,/\s/)},a.prototype.expandLeft=function(){var a;return a=this.walk(this.start,/\S/,!0),this.start=this.walk(a,/\s/,!0)},a.prototype.walk=function(a,b,c){var d,e,f;if(null==c&&(c=!1),e=a.node.firstChild?a.node.firstChild:a.node,f=null!=e?e.textContent:void 0,d=a.offset,c)for(;e;){for(;d>0;)if(f[--d].match(b))return{node:e,offset:d+1};e=l(e),f=null!=e?e.textContent:void 0,d=f.length}else for(;e;){for(;d<f.length;)if(f[d++].match(b))return{node:e,offset:d-1};e=j(e),f=null!=e?e.textContent:void 0,d=0}return a},a}(),document.addEventListener("keydown",function(a){var c,d;if(c=a.keyCode,p.call([16,17,18,19],c)>=0)return!0;if(a.shiftKey&&13===a.keyCode&&!m&&!getSelection().isCollapsed)return butterfly.send(getSelection().toString()),getSelection().removeAllRanges(),f(a);if(m){if(m.reset(),!a.ctrlKey&&a.shiftKey&&37<=(d=a.keyCode)&&40>=d)return!0;if(a.shiftKey&&a.ctrlKey)38===a.keyCode?m.up():40===a.keyCode&&m.down();else if(39===a.keyCode)m.shrinkLeft();else if(38===a.keyCode)m.expandLeft();else if(37===a.keyCode)m.shrinkRight();else{if(40!==a.keyCode)return f(a);m.expandRight()}return null!=m&&m.apply(),f(a)}return!m&&a.ctrlKey&&a.shiftKey&&38===a.keyCode?(m=new b,m.selectLine(butterfly.y-1),m.apply(),f(a)):!0}),document.addEventListener("keyup",function(a){var b,c;if(b=a.keyCode,p.call([16,17,18,19],b)>=0)return!0;if(m){if(13===a.keyCode)return butterfly.send(m.text()),m.destroy(),m=null,f(a);if(c=a.keyCode,p.call([37,38,39,40],c)<0)return m.destroy(),m=null,!0}return!0}),document.addEventListener("dblclick",function(a){var b,c,d,e,f;if(!(a.ctrlKey||a.altkey||(f=getSelection(),f.isCollapsed||f.toString().match(/\s/)))){for(e=document.createRange(),e.setStart(f.anchorNode,f.anchorOffset),e.setEnd(f.focusNode,f.focusOffset),e.collapsed&&(f.removeAllRanges(),d=document.createRange(),d.setStart(f.focusNode,f.focusOffset),d.setEnd(f.anchorNode,f.anchorOffset),f.addRange(d));!f.toString().match(/\s/)&&f.toString();)f.modify("extend","forward","character");for(f.modify("extend","backward","character"),b=f.anchorNode,c=f.anchorOffset,f.collapseToEnd(),f.extend(b,c);!f.toString().match(/\s/)&&f.toString();)f.modify("extend","backward","character");return f.modify("extend","forward","character")}}),c=function(a){var b;return document.getElementById("style").setAttribute("href",a),b=document.createElement("img"),b.onerror=function(){return setTimeout(function(){return"undefined"!=typeof butterfly&&null!==butterfly?butterfly.resize():void 0},50)},b.src=a},d="undefined"!=typeof localStorage&&null!==localStorage?localStorage.getItem("theme"):void 0,d&&c(d),this.set_theme=function(a){return d=a,"undefined"!=typeof localStorage&&null!==localStorage&&localStorage.setItem("theme",a),a?c(a):void 0},document.addEventListener("keydown",function(a){}),document.addEventListener("keydown",function(a){var b,c;return a.altKey&&83===a.keyCode?a.shiftKey?(c=document.getElementById("style").getAttribute("href"),c=c.split("?")[0],document.getElementById("style").setAttribute("href",c+"?"+(new Date).getTime()),f(a)):(b=new XMLHttpRequest,b.addEventListener("load",function(){var a,b,c,e,f,g,h,i,j;if(f=JSON.parse(this.responseText),i=f.themes,0===i.length)return void alert("No themes found in "+f.dir+".\n Please install themes with butterfly.server.py --install-themes");for(a='<form>\n  <h2>Pick a theme:</h2>\n  <select id="theme_list">',e=["default"].concat(i),b=0,c=e.length;c>b;b++)g=e[b],j="default"===g?"/static/main.css":"/theme/"+g+"/style.css",a+="<option ",d===j&&(a+="selected "),a+='value="'+j+'">',a+=g,a+="</option>";return a+="  </select>\n  <label>You can create yours in "+f.dir+".</label>\n</form>",k.open(a),h=document.getElementById("theme_list"),h.addEventListener("change",function(){return set_theme(h.value)})}),b.open("GET","/themes/list.json"),b.send(),f(a)):!0}),/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)&&(h=!1,e=!1,i=!0,o=document.createElement("input"),o.type="password",o.style.position="fixed",o.style.top=0,o.style.left=0,o.style.border="none",o.style.outline="none",o.style.opacity=0,o.value="0",document.body.appendChild(o),o.addEventListener("blur",function(){return setTimeout(function(a){return function(){return a.focus()}}(this),10)}),addEventListener("click",function(){return o.focus()}),addEventListener("touchstart",function(a){return 2===a.touches.length?h=!0:3===a.touches.length?(h=!1,e=!0):4===a.touches.length?(h=!0,e=!0):void 0}),o.addEventListener("keydown",function(a){return butterfly.keyDown(a),!0}),o.addEventListener("input",function(a){var b;return b=this.value.length,0===b?(a.keyCode=8,butterfly.keyDown(a),this.value="0",!0):(a.keyCode=this.value.charAt(1).charCodeAt(0),!h&&!e||i?(butterfly.keyPress(a),i=!1,this.value="0",!0):(a.keyCode=this.value.charAt(1).charCodeAt(0),a.ctrlKey=h,a.altKey=e,a.keyCode>=97&&a.keyCode<=122&&(a.keyCode-=32),butterfly.keyDown(a),this.value="0",h=e=!1,!0))}))}).call(this);
 //# sourceMappingURL=ext.min.js.map
\ No newline at end of file
diff --git a/butterfly/static/main.css b/butterfly/static/main.css
index 2639b79..8741c56 100644
--- a/butterfly/static/main.css
+++ b/butterfly/static/main.css
@@ -3058,7 +3058,7 @@ body {
   body::-webkit-scrollbar-thumb:hover {
     background: rgba(255, 255, 255, 0.15); }
   body .hidden {
-    display: none; }
+    display: none !important; }
   body #popup {
     position: fixed;
     display: flex;
diff --git a/coffees/ext/close_confirm.coffee b/coffees/ext/close_confirm.coffee
new file mode 100644
index 0000000..cef548c
--- /dev/null
+++ b/coffees/ext/close_confirm.coffee
@@ -0,0 +1,5 @@
+addEventListener 'beforeunload', (e) ->
+  unless (butterfly.body.classList.contains('dead') or
+    location.href.indexOf('session') > -1)
+      e.returnValue = 'This terminal is active and not in session.
+      Are you sure you want to kill it?'
diff --git a/coffees/ext/theme.coffee b/coffees/ext/theme.coffee
index 0905ce1..c2b71d6 100644
--- a/coffees/ext/theme.coffee
+++ b/coffees/ext/theme.coffee
@@ -44,7 +44,7 @@ document.addEventListener 'keydown', (e) ->
       if theme is 'default'
         url = "/static/main.css"
       else
-        url = "theme/#{theme}/style.css"
+        url = "/theme/#{theme}/style.css"
       inner += '<option '
 
       if _theme is url