allow looking up terms from within terms

resolves #167, resolves #139, resolves #75, resolves #151

2 files changed, 37 insertions, 0 deletions

diff --git a/ext/fg/float.html b/ext/fg/float.html
index fed7eeab..07f2d58b 100644
--- a/ext/fg/float.html
+++ b/ext/fg/float.html
@@ -36,6 +36,8 @@
 
         <script src="/fg/js/api.js"></script>
         <script src="/fg/js/util.js"></script>
+        <script src="/fg/js/document.js"></script>
+        <script src="/fg/js/source.js"></script>
         <script src="/mixed/js/display.js"></script>
 
         <script src="/fg/js/float.js"></script>
diff --git a/ext/fg/js/float.js b/ext/fg/js/float.js
index 1deb61a9..65ed89a1 100644
--- a/ext/fg/js/float.js
+++ b/ext/fg/js/float.js
@@ -123,6 +123,41 @@ class DisplayFloat extends Display {
             parent.appendChild(this.styleNode);
         }
     }
+
+    async onTermLookup(e) {
+        try {
+            e.preventDefault();
+
+            const clickedElement = $(e.target);
+            const textSource = docRangeFromPoint({x: e.clientX, y: e.clientY});
+            textSource.setEndOffset(this.options.scanning.length);
+
+            const {definitions, length} = await apiTermsFind(textSource.text());
+            if (definitions.length === 0) {
+                return false;
+            }
+
+            textSource.setEndOffset(length);
+
+            const sentence = docSentenceExtract(textSource, this.options.anki.sentenceExt);
+
+            const context = {
+                source: {
+                    definitions: this.definitions,
+                    index: Display.entryIndexFind(clickedElement)
+                }
+            };
+
+            if (this.context) {
+                context.sentence = sentence;
+                context.url = this.context.url;
+            }
+
+            this.termsShow(definitions, this.options, context);
+        } catch (e) {
+            this.onError(e);
+        }
+    }
 }
 
 window.yomichan_display = new DisplayFloat();