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

is now back at the point where the plugin is able to add and remove tags from the page.

Browse source
This commit is contained in:
Nils Norman Haukås 2015-12-06 19:58:23 +01:00
parent 07d7fa76ba
commit 12058662de
1 changed files with 11 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -71,11 +71,11 @@ module tagIt {
}
initializeNewTag = (sense: ISense): ISenseTag => {
this.$log.debug('addNewTagToPage');
this.$log.debug('initializeNewTag');
rangy.restoreSelection(this.savedSelection);
var range: Range = rangy.getSelection().getRangeAt(0);
var range: Range = rangy.getSelection(parent).getRangeAt(0);
var serializedRange = rangy.serializeRange(
range, true, document.getElementById('tagit-body'));
range, true, parent.document.getElementById('tagit-body'));
var generatedUuid: string = uuid.v4();
var parentElement = <HTMLElement>range.commonAncestorContainer;
@ -92,8 +92,8 @@ module tagIt {
removeAllTagsFromPage(callback: () => void) {
//loop that will keep asking for spans to remove
//until they are all gone.
while (document.getElementsByClassName('tagit-tag').length > 0) {
var spanElement = document.getElementsByClassName('tagit-tag')[0];
while (parent.document.getElementsByClassName('tagit-tag').length > 0) {
var spanElement = parent.document.getElementsByClassName('tagit-tag')[0];
var spanElementParent = spanElement.parentNode;
spanElementParent.replaceChild(
spanElement.firstChild,
@ -107,7 +107,7 @@ module tagIt {
this.$log.debug('readdTagsToPage()');
//first deselect before we go to work
window.getSelection().removeAllRanges();
parent.getSelection().removeAllRanges();
//deserialize ranges
_.map(tagsToLoad, deserializeRange);
@ -130,13 +130,13 @@ module tagIt {
this.$log.debug('finished adding tags to page');
window.getSelection().removeAllRanges();
parent.getSelection().removeAllRanges();
function deserializeRange(tagToLoad: ISenseTag) {
try {
tagToLoad.deserializedRange = rangy.deserializeRange(
tagToLoad.serializedSelectionRange,
document.getElementById('tagit-body'));
parent.document.getElementById('tagit-body'));
} catch (e) {
var errorMsg = `Error in rangy.js: Was not able to deserialize range.
In other words: The page might have changed. Is not able
@ -152,12 +152,12 @@ module tagIt {
if (this.savedSelection) {
rangy.removeMarkers(this.savedSelection);
}
this.savedSelection = rangy.saveSelection();
this.savedSelection = rangy.saveSelection(parent);
}
private surroundRangeWithSpan(sense: ISense, range: Range, uuid: string) {
// add span around content
var span: HTMLSpanElement = document.createElement('span');
var span: HTMLSpanElement = parent.document.createElement('span');
span.id = uuid;
span.title = sense.explanation;
span.className = 'tagit-tag';
@ -165,7 +165,7 @@ module tagIt {
range.surroundContents(span);
// add a button for removing the tag.
var btn = document.createElement("BUTTON");
var btn = parent.document.createElement("BUTTON");
btn.className = 'js-tagit-remove-tag';
btn.appendChild(document.createTextNode("X"));
span.appendChild(btn);