Fixes catholicon#13. Min FF version is upped to 29 now (new API for t…

…oolbar button is availabled from FF29 onwards)

README.md

@@ -6,7 +6,8 @@ Credits:
 * QR code generator by Kazuhiko Arase
 * rendering qr code generated from above on html5 canvas by Amanuel Tewolde
 * JS based utf8 encoding from http://www.webtoolkit.info/javascript-utf8.html
-* toolbar icon: http://www.iconfinder.com/icondetails/25689/16/barcode_2d_icon 
+* 16x16px icon: http://www.iconfinder.com/icondetails/25689/16/barcode_2d_icon 
+* 32x32px icon: https://www.iconfinder.com/icons/174693/code_qr_icon#size=32 (author page: http://icons8.com/)
 * Local file save javascript from https://github.com/eligrey/FileSaver.js
 * Font Awesome by Dave Gandy - http://fortawesome.github.com/Font-Awesome
 * Copied some styles from Twitter's Bootstrap project :) - http://twitter.github.io/bootstrap/

lib/main.js

@@ -4,17 +4,18 @@ var { Hotkey } = require("sdk/hotkeys");
 var data = require("sdk/self").data;
 var prefs = require("sdk/simple-prefs");
 
-var toolbarWidget = require("sdk/widget").Widget(
-{
-	id: "qrIcon",
-	label: "Show QR",
-	icon: data.url("toolbar/assets/qrIcon.png"),
-	contentURL: data.url("toolbar/widget.html"),
-	contentScriptFile: data.url("toolbar/widget.js")
-});
-toolbarWidget.port.on("showQR", function()
-{
-	findAndSendQRText();
+var {ActionButton} = require("sdk/ui/button/action");
+
+var button = ActionButton({
+    id: "qr-button",
+    label: "Show QR",
+    icon: {
+      "16": data.url("toolbar/assets/qr-button-16.png"),
+      "32": data.url("toolbar/assets/qr-button-32.png")
+    },
+    onClick: function(state) {
+		findAndSendQRText();
+    }
 });
 
 exports.main = function(options, callbacks)