nilsnh/tag-youre-it
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

started work on listening to multiple iframes.

Browse source
This commit is contained in:
Nils Norman Haukås 2016-01-24 21:08:26 +01:00
parent 5a9e841f37
commit 3d8c875799
1 changed files with 33 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

57
src/services/webpage.service.ts
View file

@ -16,8 +16,6 @@ module tagIt {
// we need to remember what the currently selected word was
tagStorageService: TagStorageService;
savedSelection: Object;
iframeDocument: Document;
iframeWindow: Window;
/* @ngInject */
constructor($log: ng.ILogService, TagStorageService: TagStorageService) {
@ -31,25 +29,36 @@ module tagIt {
wireUpListener(callbackOnSelectFunc: (result: Object) => void,
callbackOnDeSelectFunc: () => void) {
var that = this;
var iframe = <HTMLIFrameElement>parent.document.getElementById('tagit-body');
this.iframeDocument = iframe.contentDocument;
this.iframeWindow = iframe.contentWindow;
this.iframeDocument.addEventListener('click', (evt: any) => {
if (!this.iframeDocument.hasFocus()) {
return true;
}
else if (wasRemoveTagButtonClicked(evt)) {
this.$log.debug('remove tag button was clicked');
removeTagFromWebpage(evt);
this.tagStorageService.deleteTagById(evt.target.parentElement.id);
}
else if (this.findSelectedText()) {
this.updateSavedSelection();
callbackOnSelectFunc(joinLongWords(this.findSelectedText()));
} else {
callbackOnDeSelectFunc();
}
}, false);
var listOfFramesToListenTo: any[] = [];
if ($('#tagit-body').find('frameset').length > 0) {
$('#tagit-body').find('frame').each((index, elem) => {
listOfFramesToListenTo.push(elem);
});
} else {
listOfFramesToListenTo.push(parent.document.getElementById('tagit-body'));
}
_.map(listOfFramesToListenTo, (frame: HTMLIFrameElement) => {
frame.contentDocument.addEventListener('click', (evt: Event) => {
var documentThatWasClicked = evt.srcElement.ownerDocument;
if (!documentThatWasClicked.hasFocus()) {
return true;
}
else if (wasRemoveTagButtonClicked(evt)) {
this.$log.debug('remove tag button was clicked');
removeTagFromWebpage(evt);
var elementClicked = <HTMLElement> evt.target;
this.tagStorageService.deleteTagById(elementClicked.parentElement.id);
}
else if (this.findSelectedText()) {
this.updateSavedSelection();
callbackOnSelectFunc(joinLongWords(this.findSelectedText()));
} else {
callbackOnDeSelectFunc();
}
}, false);
});
function joinLongWords(possiblyLongWord: string) {
return possiblyLongWord.trim().split(" ").join("_");
}
@ -64,8 +73,8 @@ module tagIt {
}
}
findSelectedText() {
var selectedText = this.iframeDocument.getSelection().toString();
findSelectedText(evt: Event) {
var selectedText = evt.srcElement.ownerDocument.getSelection().toString();
if (selectedText) {
this.$log.debug('text that was selected: ' + selectedText);
return selectedText;
@ -110,7 +119,7 @@ module tagIt {
this.$log.debug(errorMsg);
this.$log.debug("Couldn't load: " + tagToLoad.sense.word);
this.$log.debug(e);
return false;
return false;
}
})