From 95cf7a784f2212d21f9808d4cde43476b349e89e Mon Sep 17 00:00:00 2001 From: Alex Yatskov Date: Wed, 1 Mar 2017 20:49:46 -0800 Subject: wip on browser action button --- ext/bg/js/yomichan.js | 7 ----- ext/bg/popup.html | 34 +++++++++++++++++++++++ ext/lib/bootstrap-toggle/bootstrap-toggle.min.css | 28 +++++++++++++++++++ ext/lib/bootstrap-toggle/bootstrap-toggle.min.js | 9 ++++++ ext/manifest.json | 5 +++- 5 files changed, 75 insertions(+), 8 deletions(-) create mode 100644 ext/bg/popup.html create mode 100644 ext/lib/bootstrap-toggle/bootstrap-toggle.min.css create mode 100644 ext/lib/bootstrap-toggle/bootstrap-toggle.min.js diff --git a/ext/bg/js/yomichan.js b/ext/bg/js/yomichan.js index b1bf710f..d7d2317f 100644 --- a/ext/bg/js/yomichan.js +++ b/ext/bg/js/yomichan.js @@ -29,7 +29,6 @@ class Yomichan { chrome.runtime.onMessage.addListener(this.onMessage.bind(this)); chrome.runtime.onInstalled.addListener(this.onInstalled.bind(this)); - chrome.browserAction.onClicked.addListener(e => chrome.runtime.openOptionsPage()); this.translator.prepare().then(optionsLoad).then(this.setOptions.bind(this)); } @@ -51,12 +50,6 @@ class Yomichan { return true; } - // setEnabled(enabled) { - // this.enabled = enabled; - // this.tabInvokeAll('setEnabled', this.enabled); - // chrome.browserAction.setBadgeText({text: enabled ? '' : 'off'}); - // } - setOptions(options) { this.options = options; diff --git a/ext/bg/popup.html b/ext/bg/popup.html new file mode 100644 index 00000000..ad66c374 --- /dev/null +++ b/ext/bg/popup.html @@ -0,0 +1,34 @@ + + + + + Welcome to Yomichan! + + + + + + +

+ +

+

+

+ + + +
+

+ + + + diff --git a/ext/lib/bootstrap-toggle/bootstrap-toggle.min.css b/ext/lib/bootstrap-toggle/bootstrap-toggle.min.css new file mode 100644 index 00000000..0d42ed09 --- /dev/null +++ b/ext/lib/bootstrap-toggle/bootstrap-toggle.min.css @@ -0,0 +1,28 @@ +/*! ======================================================================== + * Bootstrap Toggle: bootstrap-toggle.css v2.2.0 + * http://www.bootstraptoggle.com + * ======================================================================== + * Copyright 2014 Min Hur, The New York Times Company + * Licensed under MIT + * ======================================================================== */ +.checkbox label .toggle,.checkbox-inline .toggle{margin-left:-20px;margin-right:5px} +.toggle{position:relative;overflow:hidden} +.toggle input[type=checkbox]{display:none} +.toggle-group{position:absolute;width:200%;top:0;bottom:0;left:0;transition:left .35s;-webkit-transition:left .35s;-moz-user-select:none;-webkit-user-select:none} +.toggle.off .toggle-group{left:-100%} +.toggle-on{position:absolute;top:0;bottom:0;left:0;right:50%;margin:0;border:0;border-radius:0} +.toggle-off{position:absolute;top:0;bottom:0;left:50%;right:0;margin:0;border:0;border-radius:0} +.toggle-handle{position:relative;margin:0 auto;padding-top:0;padding-bottom:0;height:100%;width:0;border-width:0 1px} +.toggle.btn{min-width:59px;min-height:34px} +.toggle-on.btn{padding-right:24px} +.toggle-off.btn{padding-left:24px} +.toggle.btn-lg{min-width:79px;min-height:45px} +.toggle-on.btn-lg{padding-right:31px} +.toggle-off.btn-lg{padding-left:31px} +.toggle-handle.btn-lg{width:40px} +.toggle.btn-sm{min-width:50px;min-height:30px} +.toggle-on.btn-sm{padding-right:20px} +.toggle-off.btn-sm{padding-left:20px} +.toggle.btn-xs{min-width:35px;min-height:22px} +.toggle-on.btn-xs{padding-right:12px} +.toggle-off.btn-xs{padding-left:12px} \ No newline at end of file diff --git a/ext/lib/bootstrap-toggle/bootstrap-toggle.min.js b/ext/lib/bootstrap-toggle/bootstrap-toggle.min.js new file mode 100644 index 00000000..37113200 --- /dev/null +++ b/ext/lib/bootstrap-toggle/bootstrap-toggle.min.js @@ -0,0 +1,9 @@ +/*! ======================================================================== + * Bootstrap Toggle: bootstrap-toggle.js v2.2.0 + * http://www.bootstraptoggle.com + * ======================================================================== + * Copyright 2014 Min Hur, The New York Times Company + * Licensed under MIT + * ======================================================================== */ ++function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.toggle"),f="object"==typeof b&&b;e||d.data("bs.toggle",e=new c(this,f)),"string"==typeof b&&e[b]&&e[b]()})}var c=function(b,c){this.$element=a(b),this.options=a.extend({},this.defaults(),c),this.render()};c.VERSION="2.2.0",c.DEFAULTS={on:"On",off:"Off",onstyle:"primary",offstyle:"default",size:"normal",style:"",width:null,height:null},c.prototype.defaults=function(){return{on:this.$element.attr("data-on")||c.DEFAULTS.on,off:this.$element.attr("data-off")||c.DEFAULTS.off,onstyle:this.$element.attr("data-onstyle")||c.DEFAULTS.onstyle,offstyle:this.$element.attr("data-offstyle")||c.DEFAULTS.offstyle,size:this.$element.attr("data-size")||c.DEFAULTS.size,style:this.$element.attr("data-style")||c.DEFAULTS.style,width:this.$element.attr("data-width")||c.DEFAULTS.width,height:this.$element.attr("data-height")||c.DEFAULTS.height}},c.prototype.render=function(){this._onstyle="btn-"+this.options.onstyle,this._offstyle="btn-"+this.options.offstyle;var b="large"===this.options.size?"btn-lg":"small"===this.options.size?"btn-sm":"mini"===this.options.size?"btn-xs":"",c=a('