alex/yomichan
1
Fork 0
Code Releases Activity

wip

Browse Source
This commit is contained in:
Alex Yatskov 2017-03-16 22:13:54 -07:00
parent 8893db14ca
commit 231b471f45
2 changed files with 70 additions and 61 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
ext/fg/js/driver.js
View File

@ -153,9 +153,12 @@ window.driver = new class {
const sentence = docSentenceExtract(textSource, this.options.anki.sentenceExt); const sentence = docSentenceExtract(textSource, this.options.anki.sentenceExt);
const url = window.location.href; const url = window.location.href;
this.popup.showTermDefs(
this.popup.showNextTo(textSource.getRect(), this.options); textSource.getRect(),
this.popup.showTermDefs(definitions, this.options, {sentence, url}); definitions,
this.options,
{sentence, url}
);
this.lastTextSource = textSource; this.lastTextSource = textSource;
if (this.options.scanning.selectText) { if (this.options.scanning.selectText) {
@ -176,9 +179,12 @@ window.driver = new class {
} else { } else {
const sentence = docSentenceExtract(textSource, this.options.anki.sentenceExt); const sentence = docSentenceExtract(textSource, this.options.anki.sentenceExt);
const url = window.location.href; const url = window.location.href;
this.popup.showKanjiDefs(
this.popup.showNextTo(textSource.getRect(), this.options); textSource.getRect(),
this.popup.showKanjiDefs(definitions, this.options, {sentence, url}); definitions,
this.options,
{sentence, url}
);
this.lastTextSource = textSource; this.lastTextSource = textSource;
if (this.options.scanning.selectText) { if (this.options.scanning.selectText) {
@ -204,8 +210,7 @@ window.driver = new class {
handleError(error, textSource) { handleError(error, textSource) {
if (window.orphaned) { if (window.orphaned) {
if (textSource && this.options.scanning.requireShift) { if (textSource && this.options.scanning.requireShift) {
this.popup.showNextTo(textSource.getRect(), this.options); this.popup.showOrphaned(textSource.getRect(), this.options);
this.popup.showOrphaned();
} }
} else { } else {
window.alert(`Error: ${error}`); window.alert(`Error: ${error}`);

40
ext/fg/js/popup.js
View File

@ -26,29 +26,22 @@ class Popup {
this.container.setAttribute('src', chrome.extension.getURL('/fg/frame.html')); this.container.setAttribute('src', chrome.extension.getURL('/fg/frame.html'));
this.container.style.width = '0px'; this.container.style.width = '0px';
this.container.style.height = '0px'; this.container.style.height = '0px';
this.injected = false; this.injected = null;
} }
inject() { inject() {
if (!this.injected) { if (!this.injected) {
this.injected = new Promise((resolve, reject) => {
this.container.addEventListener('load', resolve);
document.body.appendChild(this.container); document.body.appendChild(this.container);
this.injected = true; });
}
} }
showAt(rect) { return this.injected;
this.inject();
this.container.style.left = `${rect.x}px`;
this.container.style.top = `${rect.y}px`;
this.container.style.height = `${rect.height}px`;
this.container.style.width = `${rect.width}px`;
this.container.style.visibility = 'visible';
} }
showNextTo(elementRect, options) { show(elementRect, options) {
this.inject(); return this.inject().then(() => {
const containerStyle = window.getComputedStyle(this.container); const containerStyle = window.getComputedStyle(this.container);
const containerHeight = parseInt(containerStyle.height); const containerHeight = parseInt(containerStyle.height);
const containerWidth = parseInt(containerStyle.width); const containerWidth = parseInt(containerStyle.width);
@ -86,7 +79,12 @@ class Popup {
y = yBelow; y = yBelow;
} }
this.showAt({x, y, width, height}); this.container.style.left = `${x}px`;
this.container.style.top = `${y}px`;
this.container.style.width = `${width}px`;
this.container.style.height = `${height}px`;
this.container.style.visibility = 'visible';
});
} }
hide() { hide() {
@ -97,16 +95,22 @@ class Popup {
return this.injected && this.container.style.visibility !== 'hidden'; return this.injected && this.container.style.visibility !== 'hidden';
} }
showTermDefs(definitions, options, context) { showTermDefs(elementRect, definitions, options, context) {
this.show(elementRect, options).then(() => {
this.invokeApi('showTermDefs', {definitions, options, context}); this.invokeApi('showTermDefs', {definitions, options, context});
});
} }
showKanjiDefs(definitions, options, context) { showKanjiDefs(elementRect, definitions, options, context) {
this.show(elementRect, options).then(() => {
this.invokeApi('showKanjiDefs', {definitions, options, context}); this.invokeApi('showKanjiDefs', {definitions, options, context});
});
} }
showOrphaned() { showOrphaned(elementRect, options) {
this.show(elementRect, options).then(() => {
this.invokeApi('showOrphaned'); this.invokeApi('showOrphaned');
});
} }
invokeApi(action, params={}) { invokeApi(action, params={}) {