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

is able to add button for removing tag.

Browse source
This commit is contained in:
Nils Norman Haukås 2015-11-21 22:27:57 +01:00
parent 40eaa0e86a
commit aad8eefdee
1 changed files with 31 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -30,11 +30,13 @@ module tagIt {
if (!document.hasFocus()) {
return true;
}
// call callbackOnSelectFunc if there was a word selected
if(this.findSelectedText()) {
else if (wasRemoveTagButtonClicked(evt)) {
this.$log.debug('remove tag button was clicked');
removeTagFromText(evt);
}
else if(this.findSelectedText()) {
this.currentSelectionRange = this.getClonedSelectionRange();
callbackOnSelectFunc(joinLongWords(this.findSelectedText()));
// call callbackOnDeSelectFunc if there was a word selected
} else {
callbackOnDeSelectFunc();
}
@ -42,6 +44,20 @@ module tagIt {
function joinLongWords (possiblyLongWord: string) {
return possiblyLongWord.replace(" ","_");
}
function wasRemoveTagButtonClicked (evt : any) {
return evt.target.className === 'js-tagit-remove-tag';
}
function removeTagFromText (evt) {
debugger;
//get text
//replace span with text
//notify tag storage of removal
}
}
getClonedSelectionRange () {
@ -101,19 +117,28 @@ module tagIt {
rangeToLoad.setEnd(savedRange.endContainer, savedRange.endOffset);
selection.addRange(rangeToLoad);
//tag that text with a span
//tag that text with a span and a remove button.
this.surroundRangeWithSpan(tagToLoad.sense,
selection.getRangeAt(0).cloneRange());
}
private surroundRangeWithSpan (sense: ISense, range: Range) {
var windowSelection = window.getSelection();
// add span around content
var span : HTMLSpanElement = document.createElement('span');
span.id = sense.senseid;
span.title = sense.explanation;
span.className = 'tagit-tag';
range.surroundContents(span);
windowSelection.removeAllRanges();
// add a button for removing the tag.
var btn = document.createElement("BUTTON");
btn.className = 'js-tagit-remove-tag';
btn.appendChild(document.createTextNode("X"));
span.appendChild(btn);
//unselect everything
window.getSelection()
.removeAllRanges();
}
}