diff options
Diffstat (limited to 'ext/bg')
| -rw-r--r-- | ext/bg/js/yomichan.js | 7 | ||||
| -rw-r--r-- | ext/bg/popup.html | 34 |
2 files changed, 34 insertions, 7 deletions
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 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <title>Welcome to Yomichan!</title> + <link rel="stylesheet" type="text/css" href="../lib/bootstrap-3.3.7-dist/css/bootstrap.min.css"> + <link rel="stylesheet" type="text/css" href="../lib/bootstrap-3.3.7-dist/css/bootstrap-theme.min.css"> + <link rel="stylesheet" type="text/css" href="../lib/bootstrap-toggle/bootstrap-toggle.min.css"> + <style type="text/css"> + body { + padding: 10px; + text-align: center; + } + + .btn-group { + display: flex; + } + </style> + </head> + <body> + <p> + <input type="checkbox" data-toggle="toggle"> + </p> + <p> + <div class="btn-group" style="white-space: nowrap"> + <button type="button" class="btn btn-default btn-xs glyphicon glyphicon-cog"></button> + <button type="button" class="btn btn-default btn-xs glyphicon glyphicon-search"></button> + <button type="button" class="btn btn-default btn-xs glyphicon glyphicon-question-sign"></button> + </div> + </p> + <script src="../lib/jquery-3.1.1.min.js"></script> + <script src="../lib/bootstrap-toggle/bootstrap-toggle.min.js"></script> + </body> +</html> |