From 31e7d285e3f5cc0e74a5bdf8a0aa5c801b84d144 Mon Sep 17 00:00:00 2001
From: lilia <liliakai@gmail.com>
Date: Thu, 12 Mar 2015 11:53:23 -0700
Subject: [PATCH] Popout inbox

Rather than opening the inbox in its own window, let it appear as a
browser action popup by default, but allow promotion to its own window
if requested.
---
 background.html          |   1 +
 images/popout.png        | Bin 0 -> 451 bytes
 js/background.js         |   2 --
 js/index.js              |  15 ++++++++++++++-
 js/panel_controller.js   |   6 ++++++
 js/views/inbox_view.js   |   4 ++++
 manifest.json            |   3 ++-
 stylesheets/_index.scss  |  14 ++++++++++++++
 stylesheets/manifest.css |  11 +++++++++++
 9 files changed, 52 insertions(+), 4 deletions(-)
 create mode 100644 images/popout.png

diff --git a/background.html b/background.html
index da58603f9..04f0c2917 100644
--- a/background.html
+++ b/background.html
@@ -163,6 +163,7 @@
   <script type="text/x-tmpl-mustache" id="inbox">
     <div class='title-bar' id='header'>
       <div class='socket-status'></div>
+      <button class='popout hide'></button>
     </div>
     <div class='gutter'>
         <div class='conversations scrollable'></div>
diff --git a/images/popout.png b/images/popout.png
new file mode 100644
index 0000000000000000000000000000000000000000..2f648740babaa774e1eff22a3c7b6d8f99a92f8c
GIT binary patch
literal 451
zcmV;!0X+VRP)<h;3K|Lk000e1NJLTq000;O000;W1^@s6;CDUv00004b3#c}2nYxW
zd<bNS0004cNkl<ZNQvc?&q@MO6o<b%Gv+2F5Gmb6AdI>QT}N%gHoiy+3B5qCAZRbr
zsvxLE?KFz)4}s94!fKGB7MZB0)sUJqPUfn<-I;st@0{N~b1(cUlKGpdXrUe$r>5!-
z62*rTM3QbBE^}c8kSNq-SPp>Jvmz25sZAG*zId{~11Id9*w$T8>*#wxYEYgw=%ZJ9
z#1&U#EfCLJVXdPd0VxH?y53wETY-4q3Tt}n0Eh{cHKUoXWM`kpQot4$Fa^qn(Ohv7
zhwnpn#VlG8O<Mc5xWC;<pXTOX?DauEhi3<7(TW)T;u~M$PIz(<E!0Aqv~~nc;N0g^
zneNVQ?91nT(HuJW!=ZwCpfu5LES{~+Jb7tssDo&s9x$Z2D_|<9d_d;X!?ASZ>Y$nn
zzJl5YO1^eushSI0KM@~V0N`SMdb9m*EPEN~AchZFDY=HXQN-bwZ;=;z94N2^LT+!p
t2X4EAeg|3Laa3ic)V&C+qwfEwd;$ZehfLwTn>_#k002ovPDHLkV1fo%#P$FH

literal 0
HcmV?d00001

diff --git a/js/background.js b/js/background.js
index 621751232..3ace24a03 100644
--- a/js/background.js
+++ b/js/background.js
@@ -67,8 +67,6 @@
             });
         });
 
-        extension.browserAction(window.openInbox);
-
         // refresh views
         var views = extension.windows.getViews();
         for (var i = 0; i < views.length; ++i) {
diff --git a/js/index.js b/js/index.js
index 4b67276e4..81cedf496 100644
--- a/js/index.js
+++ b/js/index.js
@@ -20,10 +20,23 @@
 
     window.Whisper = window.Whisper || {};
     if (bg.textsecure.storage.getUnencrypted("number_id") === undefined) {
-        window.location = '/options.html';
+        extension.navigator.tabs.create('/options.html');
+        window.close();
     } else {
         new bg.Whisper.InboxView().$el.prependTo(bg.$('body',document));
         bg.textsecure.storage.putUnencrypted("unreadCount", 0);
         extension.navigator.setBadgeText("");
+
+        window.addEventListener('beforeunload', function () {
+            chrome.browserAction.setPopup({popup: 'index.html'}); // pop in
+        });
+
+        extension.windows.getCurrent(function (windowInfo) {
+            if (windowInfo.type === 'normal') {
+                bg.$('body', document).addClass('pop-in');
+            } else {
+                bg.$('.popout', document).remove();
+            }
+        });
     }
 }());
diff --git a/js/panel_controller.js b/js/panel_controller.js
index dcfd684a3..a908da674 100644
--- a/js/panel_controller.js
+++ b/js/panel_controller.js
@@ -129,6 +129,12 @@
         }
     };
 
+    window.popoutInbox = function() {
+        chrome.browserAction.setPopup({popup: ''});
+        extension.browserAction(window.openInbox);
+        window.openInbox();
+    };
+
     // make sure windows are cleaned up on close
     extension.windows.onClosed(function (windowId) {
         if (windowMap.windowId[windowId]) {
diff --git a/js/views/inbox_view.js b/js/views/inbox_view.js
index 89f2b68ee..bd86bbb3a 100644
--- a/js/views/inbox_view.js
+++ b/js/views/inbox_view.js
@@ -80,6 +80,10 @@
         events: {
             'click .fab': 'showCompose',
             'select .contact': 'openConversation',
+            'click .popout': 'popout'
+        },
+        popout: function() {
+            bg.popoutInbox();
         },
         openConversation: function(e, data) {
             bg.openConversation(data.modelId);
diff --git a/manifest.json b/manifest.json
index db1ae29d7..89f29c55f 100644
--- a/manifest.json
+++ b/manifest.json
@@ -16,7 +16,8 @@
         "default_icon": {
             "19": "icon.png"
         },
-        "default_title": "TextSecure"
+        "default_title": "TextSecure",
+        "default_popup": "index.html"
     },
 
     "background": {
diff --git a/stylesheets/_index.scss b/stylesheets/_index.scss
index c0ba5f8dc..267576502 100644
--- a/stylesheets/_index.scss
+++ b/stylesheets/_index.scss
@@ -95,6 +95,11 @@ input.search {
 }
 
 .index {
+  &.pop-in {
+    min-height: 330px;
+    min-width: 260px;
+  }
+
   color: $grey_d;
   background: #eee;
 
@@ -136,3 +141,12 @@ input.search {
       font-weight: bold;
     }
 }
+
+.popout {
+  float: right;
+  background: url('/images/popout.png') no-repeat center center;
+  display: none;
+}
+.title-bar:hover .popout {
+  display: inline-block;
+}
diff --git a/stylesheets/manifest.css b/stylesheets/manifest.css
index 10dc0d46a..77dea6ccd 100644
--- a/stylesheets/manifest.css
+++ b/stylesheets/manifest.css
@@ -319,6 +319,9 @@ input.search {
 .index {
   color: #454545;
   background: #eee; }
+  .index.pop-in {
+    min-height: 330px;
+    min-width: 260px; }
   .index .new-group-update-form {
     display: none;
     padding: 0.5em; }
@@ -345,6 +348,14 @@ input.search {
 .conversations .unread .contact-details .last-timestamp {
   font-weight: bold; }
 
+.popout {
+  float: right;
+  background: url("/images/popout.png") no-repeat center center;
+  display: none; }
+
+.title-bar:hover .popout {
+  display: inline-block; }
+
 .conversation {
   padding: 36px 0; }
   .conversation .file-input .close {