added links to forums, and now use pretty icons for connection

Author: gfwilliams

.gitignore

@@ -1,5 +1,7 @@
-EspruinoSerialTerminal.zip
 .project
 .settings
 *~
 Thumbs.db
+node_modules
+extras/svg
+EspruinoWebIDE.zip

EspruinoTools

@@ -221,3 +221,23 @@ a.title-bar__button--alert:hover { background-color: #f39c12; }
 .compact .icon-debug-over.lrg:before,
 .icon-debug-over.sml:before { background-position: -60px -2280px }
 
+.icon-book.lrg:before { background-position: 0 -2340px }
+.compact .icon-book.lrg:before,
+.icon-book.sml:before { background-position: -60px -2340px }
+
+.icon-chat.lrg:before { background-position: 0 -2400px }
+.compact .icon-chat.lrg:before,
+.icon-chat.sml:before { background-position: -60px -2400px }
+
+.icon-bluetooth.lrg:before { background-position: 0 -2460px }
+.compact .icon-bluetooth.lrg:before,
+.icon-bluetooth.sml:before { background-position: -60px -2460px }
+
+.icon-headphone.lrg:before { background-position: 0 -2520px }
+.compact .icon-headphone.lrg:before,
+.icon-headphone.sml:before { background-position: -60px -2520px }
+
+.icon-network.lrg:before { background-position: 0 -2580px }
+.compact .icon-network.lrg:before,
+.icon-network.sml:before { background-position: -60px -2580px }
+

css/icons.css

@@ -4,14 +4,17 @@ Thumbs.db
 .gitignore
 .project
 .settings*
+.externalToolBuilders
 .externalToolBuilders/*
 EspruinoSerialTerminal.zip
 EspruinoTools/.git*
 EspruinoTools/node_modules/*
 extras*
 unused/*
+unused
 img/bak/*
 node_modules/*
+node_modules
 
 # Electron/nw.js stuff
 package.json
@@ -23,6 +26,8 @@ index.html
 upload.html
 server.js
 EspruinoTools/bin/espruino-cli.js
-serviceworker.js 
+serviceworker.js
 *.sh
-
+EspruinoWebIDE.zip
+README.md
+serviceworker.js

extras/chrome_exclude.lst

@@ -2,6 +2,8 @@
 
 # Extract icons from http://modernuiicons.com/ into an directory called 'svg'
 # needs imagemagick to be installed
+#
+# apt-get install librsvg2-bin
 
 cd `dirname $0`
 Y=0
@@ -35,19 +37,19 @@ function i {
 
   convert $IMG -resize 60x60\! a.png
   convert $IMG -resize 30x30\! b.png
-convert a.png b.png +append -negate -alpha copy -channel RGB -level 100,100 $TEMPIMG
+  convert a.png b.png -background transparent +append -negate  -level 100,100 $TEMPIMG
 
 #  convert a.png b.png +append -negate -fuzz 100% -transparent black $TEMPIMG
   rm a.png b.png
   IMAGES="$IMAGES $TEMPIMG"
-} 
+}
 
 # list of OLD icons (in order)
 # We do this because old icons looked good, and recreating
 # the image from SVG causes icons to be all different sizes :(
 o svg/appbar.close cross
 o svg/appbar.app window
-o svg/appbar.minus minus 
+o svg/appbar.minus minus
 o svg/appbar.add plus
 o svg/appbar.chevron.left back
 o svg/appbar.chevron.right forward
@@ -87,6 +89,11 @@ i svg/appbar.control.stop debug-stop
 i svg/appbar.debug.step.into debug-into
 i svg/appbar.debug.step.out debug-out
 i svg/appbar.debug.step.over debug-over
+i svg/appbar.book.hardcover.open book
+i svg/appbar.chat chat
+i svg/appbar.connection.bluetooth bluetooth
+i svg/appbar.hardware.headphones headphone
+i svg/appbar.network network
 
 # Now put them all together into one file
 convert icons/oldicons.png $IMAGES -append $ICONFILE

extras/make_icons.sh

@@ -96,9 +96,13 @@
           html = '<ul class="list">';
           for (var i in items) {
             var port = items[i];
+            var icon = "icon-usb";
+            if (port.type=="bluetooth") icon = "icon-bluetooth";
+            if (port.type=="socket") icon = "icon-network";
+            if (port.type=="audio") icon = "icon-headphone";
             html += '<li class="list__item">'+
                       '<a title="'+ port.path +'" class="button button--icon button--wide" data-port="'+ port.path +'">'+
-                        '<i class="icon-usb lrg button__icon"></i>'+
+                        '<i class="'+icon+' lrg button__icon"></i>'+
                         '<span class="list__item__name">'+ port.path;
             if (port.description)
               html += '</br><span class="list__item__desc">' + port.description + '</span>';

img/icons.png

@@ -0,0 +1,43 @@
+/**
+ Copyright 2014 Gordon Williams ([email protected])
+
+ This Source Code is subject to the terms of the Mozilla Public
+ License, v2.0. If a copy of the MPL was not distributed with this
+ file, You can obtain one at http://mozilla.org/MPL/2.0/.
+
+ ------------------------------------------------------------------
+  The Espruino tutorial
+ ------------------------------------------------------------------
+**/
+"use strict";
+(function(){
+
+  function init() {
+
+    var icon = Espruino.Core.App.findIcon("help");
+    if(icon) {
+      icon.addMenuItem({
+        id: "forum",
+        icon: "chat",
+        title: "Forum",
+        order: 100,
+        click: function(){
+          window.open("http://forum.espruino.com");
+        }
+      });
+      icon.addMenuItem({
+        id: "troubleshooting",
+        icon: "book",
+        title: "Troubleshooting",
+        order: 100,
+        click: function(){
+          window.open("http://www.espruino.com/Troubleshooting");
+        }
+      });
+    }
+  }
+
+  Espruino.Plugins.HelpLinks = {
+    init : init,
+  };
+}());

js/core/menuPortSelector.js

@@ -135,6 +135,7 @@
   <script src="js/plugins/debugger.js"></script>
   <script src="js/plugins/tour.js"></script>
   <script src="js/plugins/settingsProfile.js"></script>
+  <script src="js/plugins/helpLinks.js"></script>
 
 
   <!-- <script src="js/plugins/_examplePlugin.js"></script> -->