Add link for setting up favorite channels

smilledge · Dec 21, 2014 · e8298e2 · e8298e2
1 parent b13a43d
commit e8298e2
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 0 deletions.
diff --git a/js/popup.js b/js/popup.js
@@ -6,6 +6,7 @@
         favoriteChannelTemplate: _.template($('#favoriteChannelsTemplate').html()),
 
         events: {
+            'click .show-options': 'handleShowOptions',
             'submit #post-form': 'handlePostFormSubmit',
             'click .select-channel': 'handleSelectChannel',
             'focus .input-channel': 'handleChannelFocus'
@@ -56,6 +57,14 @@
             this.$('.favorite-channels').hide();
         },
 
+        handleShowOptions: function(e) {
+            e.preventDefault();
+            e.stopPropagation();
+            chrome.tabs.create({
+                url: chrome.extension.getURL('options.html')
+            });
+        },
+
         handlePostFormSubmit: function(e) {
             e.preventDefault();
             if (this.isSubmitting) {

diff --git a/manifest.json b/manifest.json
@@ -17,6 +17,7 @@
     "default_popup": "popup.html"
   },
   "permissions": [
+    "tabs",
     "http://*.slack.com/*",
     "https://*.slack.com/*"
   ]

diff --git a/popup.html b/popup.html
@@ -30,9 +30,13 @@
 </div>
 
 <script id="favoriteChannelsTemplate" type="text/template">
+  <% if (channels.size() === 0) { %>
+    <li><a href="#" class="show-options">Setup your favorite channels</a></li>
+  <% } else { %>
     <% channels.each(function(channel, i) { %>
         <li><a href="#" class="select-channel" data-channel-name="<%= channel.get('name') %>">#<%= channel.get('name') %></a></li>
     <% }) %>
+  <% } %>
 </script>
 
 <script src="js/vendor/jquery.js"></script>