Add changable icon indicating available sources

Make sources badge configurable

closes #91

Author: zakius

src/options.html

@@ -119,6 +119,21 @@ <h3 class="section-header">Appearance</h3>
       </label>
     </div>
 
+    <div class="settings-row learn-more" title="Color of icon that shows up in extension button when new articles are downloaded.">
+      <label class="web-content-select-label">
+        <span class="selectLabel">New sources found icon:</span>
+        <select id="sourcesFoundIcon">
+          <option value="arrow-orange">Arrow Orange</option>
+          <option value="orange">Orange</option>
+          <option value="blue">Blue</option>
+          <option value="green">Green</option>
+          <option value="purple">Purple</option>
+          <option value="red">Red</option>
+          <option value="royalblue">Royal Blue</option>
+        </select>
+      </label>
+    </div>
+
     <div class="settings-row learn-more" title="">
       <label class="web-content-select-label">
         <span class="selectLabel">Disable date groups:</span>
@@ -218,6 +233,7 @@ <h3 class="section-header">Behaviour</h3>
           <option value="disabled">disabled</option>
           <option value="unread"># of unread</option>
           <option value="unvisited"># of unvisited</option>
+          <option value="sources"># of sources</option>
         </select>
       </label>
     </div>

src/scripts/bgprocess/bg.js

@@ -41,8 +41,12 @@ define([
                 chrome.contextMenus.removeAll();
                 const feeds = message.value;
                 if (feeds.length === 0) {
+                    animation.handleIconChange();
                     return;
                 }
+                chrome.browserAction.setIcon({
+                    path: '/images/icon19-' + settings.get('sourcesFoundIcon') + '.png'
+                });
                 chrome.contextMenus.create({
                     id: 'SmartRss',
                     contexts: ['browser_action'],
@@ -55,17 +59,21 @@ define([
                             contexts: ['browser_action'],
                             parentId: 'SmartRss',
                             onclick: function () {
-                                console.log('fff' + feed.url);
                                 addSource(feed.url);
                             }
                         });
                     });
                 });
-                chrome.browserAction.setBadgeText({text: feeds.length > 0 ? feeds.length.toString() : ''});
+                if (settings.get('badgeMode') === 'sources') {
+                    chrome.browserAction.setBadgeText({text: feeds.length.toString()});
+                }
             }
             if (message.action === 'visibility-lost') {
+                animation.handleIconChange();
                 chrome.contextMenus.removeAll();
-                chrome.browserAction.setBadgeText({text: ''});
+                if (settings.get('badgeMode') === 'sources') {
+                    chrome.browserAction.setBadgeText({text: ''});
+                }
             }
         }
 

src/scripts/bgprocess/models/Settings.js

@@ -36,6 +36,7 @@ define(['backbone', 'preps/indexeddb'], function (BB) {
             sortOrder: 'desc',
             sortOrder2: 'asc',
             icon: 'orange',
+            sourcesFoundIcon: 'arrow-orange',
             readOnVisit: false,
             askOnOpening: true,
             fullDate: false,
@@ -59,6 +60,7 @@ define(['backbone', 'preps/indexeddb'], function (BB) {
             disableAutoUpdate: false,
             openInNewTab: true,
             showFullHeadlines: 'false',
+
             selectFirstArticle: 1,
             selectAllFeeds: 1,
             userStyle: '',