aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorAlex Yatskov <alex@foosoft.net>2016-04-17 18:42:44 -0700
committerAlex Yatskov <alex@foosoft.net>2016-04-17 18:42:44 -0700
commitde268e73a613b963ea982f34ca7439d57694facd (patch)
tree346778a33ca7ec0bd14867c1f744c9b1a24f0b3e
parent5bebf3ed2cff5c460afe6f0d3df56f26f12ae240 (diff)
Rethinking dictionary switching
-rw-r--r--ext/bg/js/templates.js2
-rw-r--r--ext/fg/css/popup.css20
-rw-r--r--ext/fg/js/client.js37
-rw-r--r--util/tmpl/header.html3
4 files changed, 15 insertions, 47 deletions
diff --git a/ext/bg/js/templates.js b/ext/bg/js/templates.js
index ca743e00..f571195d 100644
--- a/ext/bg/js/templates.js
+++ b/ext/bg/js/templates.js
@@ -12,7 +12,7 @@ templates['header.html'] = template({"compiler":[7,">= 4.0.0"],"main":function(c
return "<!DOCTYPE html>\n<html lang=\"en\">\n <head>\n <meta charset=\"UTF-8\">\n <title></title>\n <link rel=\"stylesheet\" href=\""
+ container.escapeExpression(((helper = (helper = helpers.root || (depth0 != null ? depth0.root : depth0)) != null ? helper : helpers.helperMissing),(typeof helper === "function" ? helper.call(depth0 != null ? depth0 : {},{"name":"root","hash":{},"data":data}) : helper)))
- + "/css/popup.css\">\n </head>\n <body>\n <div class=\"dictionary\">\n <a href=\"javascript:selectDict('edict');\">単</a><a href=\"javascript:selectDict('enamdict')\">名</a><a href=\"javascript:selectDict('kanjidic');\">漢</a>\n </div>\n";
+ + "/css/popup.css\">\n </head>\n <body>\n";
},"useData":true});
templates['kanji.html'] = template({"compiler":[7,">= 4.0.0"],"main":function(container,depth0,helpers,partials,data) {
var helper, alias1=depth0 != null ? depth0 : {}, alias2=helpers.helperMissing, alias3="function", alias4=container.escapeExpression;
diff --git a/ext/fg/css/popup.css b/ext/fg/css/popup.css
index 4e8dc5f7..250b64f8 100644
--- a/ext/fg/css/popup.css
+++ b/ext/fg/css/popup.css
@@ -50,26 +50,6 @@ body {
white-space: nowrap;
}
-.dictionary {
- position: fixed;
- right: 0px;
- bottom: 0px;
-}
-
-.dictionary a {
- background-color: #333;
- color: #eee;
- display: inline-block;
- font-size: 16px;
- opacity: 0.75;
- padding: 0.3em;
- text-decoration: none;
-}
-
-.dictionary a:hover {
- opacity: 1.0;
-}
-
ol {
padding-left: 1.2em;
}
diff --git a/ext/fg/js/client.js b/ext/fg/js/client.js
index 271caa58..09bd7d14 100644
--- a/ext/fg/js/client.js
+++ b/ext/fg/js/client.js
@@ -19,11 +19,11 @@
class Client {
constructor() {
- this.lastMosePos = null;
- this.popupQuery = '';
- this.popupOffset = 10;
- this.enabled = false;
- this.options = null;
+ this.popupMousePos = null;
+ this.popupQuery = '';
+ this.popupOffset = 10;
+ this.enabled = false;
+ this.options = {};
this.popup = document.createElement('iframe');
this.popup.classList.add('yomichan-popup');
@@ -40,29 +40,28 @@ class Client {
window.addEventListener('resize', (e) => this.hidePopup());
getOptions((opts) => {
- this.setDict('edict');
this.setOptions(opts);
getState((state) => this.setEnabled(state === 'enabled'));
});
}
onKeyDown(e) {
- if (this.enabled && this.lastMousePos !== null && (e.keyCode === 16 || e.charCode === 16)) {
- this.searchAtPoint(this.lastMousePos);
+ if (this.enabled && this.popupMousePos !== null && (e.keyCode === 16 || e.charCode === 16)) {
+ this.searchAtPoint(this.popupMousePos);
}
}
onMouseMove(e) {
- this.lastMousePos = {x: e.clientX, y: e.clientY};
+ this.popupMousePos = {x: e.clientX, y: e.clientY};
if (this.enabled && (e.shiftKey || e.which === 2)) {
- this.searchAtPoint(this.lastMousePos);
+ this.searchAtPoint(this.popupMousePos);
}
}
onMouseDown(e) {
- this.lastMousePos = {x: e.clientX, y: e.clientY};
+ this.popupMousePos = {x: e.clientX, y: e.clientY};
if (this.enabled && (e.shiftKey || e.which === 2)) {
- this.searchAtPoint(this.lastMousePos);
+ this.searchAtPoint(this.popupMousePos);
} else {
this.hidePopup();
}
@@ -82,12 +81,9 @@ class Client {
}
onFrameMessage(e) {
- const {action, data} = e.data;
- switch (action) {
- case 'selectDict':
- this.setDict(data);
- break;
- }
+ // const {action, data} = e.data;
+ // switch (action) {
+ // }
}
searchAtPoint(point) {
@@ -167,11 +163,6 @@ class Client {
setOptions(opts) {
this.options = opts;
}
-
- setDict(dict) {
- this.dict = dict;
- alert(dict);
- }
}
window.yomiClient = new Client();
diff --git a/util/tmpl/header.html b/util/tmpl/header.html
index 03504d79..cb9ec67c 100644
--- a/util/tmpl/header.html
+++ b/util/tmpl/header.html
@@ -6,6 +6,3 @@
<link rel="stylesheet" href="{{root}}/css/popup.css">
</head>
<body>
- <div class="dictionary">
- <a href="javascript:selectDict('edict');">単</a><a href="javascript:selectDict('enamdict')">名</a><a href="javascript:selectDict('kanjidic');">漢</a>
- </div>