aboutsummaryrefslogtreecommitdiff
path: root/ext/fg
diff options
context:
space:
mode:
Diffstat (limited to 'ext/fg')
-rw-r--r--ext/fg/js/client.js5
-rw-r--r--ext/fg/js/frame.js17
2 files changed, 21 insertions, 1 deletions
diff --git a/ext/fg/js/client.js b/ext/fg/js/client.js
index 8495a354..2d80b35e 100644
--- a/ext/fg/js/client.js
+++ b/ext/fg/js/client.js
@@ -80,6 +80,7 @@ class Client {
onFrameMessage(e) {
const {action, data} = e.data, handlers = {
+ addNote: this.addNote,
displayKanji: this.displayKanji
};
@@ -117,6 +118,10 @@ class Client {
});
}
+ addNote({mode, index}) {
+ console.log(mode, index);
+ }
+
displayKanji(kanji) {
findKanji(kanji, (results) => {
renderText(
diff --git a/ext/fg/js/frame.js b/ext/fg/js/frame.js
index 66932c2c..c8528fe7 100644
--- a/ext/fg/js/frame.js
+++ b/ext/fg/js/frame.js
@@ -26,4 +26,19 @@ function registerKanjiLinks() {
}
}
-document.addEventListener('DOMContentLoaded', registerKanjiLinks, false);
+function registerActionLinks() {
+ for (const link of [].slice.call(document.getElementsByClassName('action-link'))) {
+ link.addEventListener('click', (e) => {
+ e.preventDefault();
+ const ds = e.currentTarget.dataset;
+ window.parent.postMessage({action: 'addNote', data: {index: ds.index, mode: ds.mode}}, '*');
+ });
+ }
+}
+
+function domContentLoaded() {
+ registerKanjiLinks();
+ registerActionLinks();
+}
+
+document.addEventListener('DOMContentLoaded', domContentLoaded, false);