From 9e729cf9d0f98929211d3d48facb2331c9e5ae08 Mon Sep 17 00:00:00 2001 From: Martin Puppe Date: Tue, 28 Jul 2015 11:25:02 +0200 Subject: [PATCH] Replace Widget by ToggleButton --- data/{widget/widget.png => button/icon16.png} | Bin data/button/icon32.png | Bin 0 -> 1804 bytes data/button/icon64.png | Bin 0 -> 4468 bytes lib/main.js | 35 ++++++++++++------ 4 files changed, 24 insertions(+), 11 deletions(-) rename data/{widget/widget.png => button/icon16.png} (100%) create mode 100644 data/button/icon32.png create mode 100644 data/button/icon64.png diff --git a/data/widget/widget.png b/data/button/icon16.png similarity index 100% rename from data/widget/widget.png rename to data/button/icon16.png diff --git a/data/button/icon32.png b/data/button/icon32.png new file mode 100644 index 0000000000000000000000000000000000000000..52dce02bdefecb280c392d74196edf48cd33dad4 GIT binary patch literal 1804 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. */ -/*jshint esnext:true,strict:false*/ +/*jshint esnext:true,strict:false,latedef:false*/ /*globals exports*/ -const widgets = require('sdk/widget'); +const toggle = require('sdk/ui/button/toggle'); const panel = require('sdk/panel'); const tabs = require('sdk/tabs'); const data = require('sdk/self').data; @@ -34,6 +34,24 @@ const sites = require('./sites'); const VideoStorage = require('./videos').VideoStorage; var videoStorage = new VideoStorage(simpleStorage, simplePrefs); +// button +var button = toggle.ToggleButton({ + id: "button", + label: "Resume Later", + icon: { + "16": "./button/icon16.png", + "32": "./button/icon32.png", + "64": "./button/icon64.png" + }, + onChange: function (state) { + if (state.checked) { + videoList.show({ + position: button + }); + } + } +}); + // list panel var locale = (_("locale")); if (locale === "locale") { @@ -50,7 +68,10 @@ var videoList = panel.Panel({ panelLocale, data.url("panel/l10n.js"), data.url("panel/panel.js") - ] + ], + onHide: function () { + button.state('window', { checked: false }); + } }); function resizeVideoList() { @@ -83,12 +104,4 @@ videoStorage.on('update', function () { videoList.port.emit('update', videoStorage.getAll()); }); -// widget -var widget = widgets.Widget({ - id: "widget.resumeLater@mpuppe.de", - label: "Resume Later", - contentURL: data.url("widget/widget.png"), - panel: videoList -}); - // vim: set ts=4 sw=4 sts=4 tw=72 et :