extraction-interface: views/Extractapp/TaggingText.php comparison

comparison views/Extractapp/TaggingText.php @ 98:5bea390e7ca9 extractapp

new: short tag in front of long tag

author	Zoe Hong <zhong@mpiwg-berlin.mpg.de>
date	Mon, 14 Mar 2016 14:43:42 +0100
parents	c1bb174a22f3
children	c3e149277b58

comparison

equal deleted inserted replaced

-:c1bb174a22f3
+:5bea390e7ca9
 $(document).on("mouseup", '#editable-area', function (e) {
 $('.questionMarkClass').remove();
 $('.tagItemDivClass').remove();
 if ( $("#editTextId").html() != "Edit the text" ) return 0;
-var selection = getSelected();
+//var selection = getSelected();
-range = selection.getRangeAt(0);
+selection = getSelected();  // selection is a global variable
+range = selection.getRangeAt(0);    // range is a global variable
 container = document.createElement("div");
 container.appendChild(selection.getRangeAt(0).cloneContents());
 if(selection && (selection_plain = new String(selection).replace(/^\s+|\s+$/g,''))) {
 try{
 	var newdiv = document.createElement("div");
 //newdiv.id = "tagItemDivId";
 $(tagging_tags).addClass("bg-white");
 $(tagging_tags).text("Tag as: ");
 tagging_tags.innerHTML += "<button accesskey=\"2\" onclick=\"tagwithtitle( range, '"+String(selection_plain)+"' )\">Title</button></br>";
+console.log(selection);
 <?php
 foreach ( $taglistArray as $taglistValue ) {
 if ($taglistValue[2] == $topic_tag) {
-	echo "tagging_tags.innerHTML += \"<button accesskey=\\\"1\\\" onclick=\\\"tagwithOnlytag( range, '\"+String(selection_plain)+\"', '".$taglistValue[2]."2' )\\\">".$taglistValue[1]."</button>\";\n";
+	echo "tagging_tags.innerHTML += \"<button accesskey=\\\"1\\\" onclick=\\\"tagwithOnlytag( range, selection, '".$taglistValue[2]."2' )\\\">".$taglistValue[1]."</button>\";\n";
-echo "tagging_tags.innerHTML += \"<button accesskey=\\\"1\\\" onclick=\\\"tagwithOnlytag( range, '\"+String(selection_plain)+\"', '".$taglistValue[2]."' )\\\">".$taglistValue[1]."(without new line)</button>\";\n";
+echo "tagging_tags.innerHTML += \"<button accesskey=\\\"1\\\" onclick=\\\"tagwithOnlytag( range, selection, '".$taglistValue[2]."' )\\\">".$taglistValue[1]."(without new line)</button>\";\n";
 echo "tagging_tags.innerHTML += \"<button onclick=\\\"tagStringWithTag( '\"+String(selection_plain)+\"', '".$taglistValue[2]."' )\\\">".$taglistValue[1]."(ALL)</button></br>\";\n";
 break;
 	}
 }
 			    foreach ( $taglistArray as $taglistValue ) {
 if ($taglistValue[2] == $topic_tag) {
 		// pass
 	} else if ($taglistValue[2] == "post_time") {
-echo "tagging_tags.innerHTML += \"<button accesskey=\\\"3\\\" onclick=\\\"tagwithOnlytag( range, '\"+String(selection)+\"', '".$taglistValue[2]."' )\\\">Tag as:".$taglistValue[1]."</button>\";\n";
+// this case could be deprecated
+echo "tagging_tags.innerHTML += \"<button accesskey=\\\"3\\\" onclick=\\\"tagwithOnlytag( range, selection, '".$taglistValue[2]."' )\\\">Tag as:".$taglistValue[1]."</button>\";\n";
 echo "tagging_tags.innerHTML += \"<button onclick=\\\"tagStringWithTag( '\"+String(selection)+\"', '".$taglistValue[2]."' )\\\">Tag as:".$taglistValue[1]."(ALL)</button></br>\";\n";
 } else if ($taglistValue[2] == "office") {
-echo "tagging_tags.innerHTML += \"<button accesskey=\\\"4\\\" onclick=\\\"tagwithOnlytag( range, '\"+String(selection)+\"', '".$taglistValue[2]."' )\\\">".$taglistValue[1]."</button>\";\n";
+// this case could be deprecated
+echo "tagging_tags.innerHTML += \"<button accesskey=\\\"4\\\" onclick=\\\"tagwithOnlytag( range, selection, '".$taglistValue[2]."' )\\\">".$taglistValue[1]."</button>\";\n";
 echo "tagging_tags.innerHTML += \"<button onclick=\\\"tagStringWithTag( '\"+String(selection)+\"', '".$taglistValue[2]."' )\\\">".$taglistValue[1]."(ALL)</button></br>\";\n";
 } else {
+echo "tagging_tags.innerHTML += \"<button onclick=\\\"tagwithOnlytag(range, selection, '".$taglistValue[2]."')\\\">".$taglistValue[1]."</button>\";\n";
+echo "tagging_tags.innerHTML += \"<button onclick=\\\"tagStringWithTag( '\"+String(selection)+\"', '".$taglistValue[2]."' )\\\">".$taglistValue[1]."(ALL)</button></br>\";\n";
+/* testing... backup the original one
 echo "tagging_tags.innerHTML += \"<button onclick=\\\"tagwithOnlytag( range, '\"+String(selection)+\"', '".$taglistValue[2]."' )\\\">".$taglistValue[1]."</button>\";\n";
 echo "tagging_tags.innerHTML += \"<button onclick=\\\"tagStringWithTag( '\"+String(selection)+\"', '".$taglistValue[2]."' )\\\">".$taglistValue[1]."(ALL)</button></br>\";\n";
+*/
 }
 }
 ?>
 newdiv.appendChild(tagging_tags);
 form.appendChild(hiddenField);
 _postForContineTagging(form);
 }
-// ===========
-function tagwithOnlytag( range, stringSelection, tag ) {
+function tagTestX(range, selection, tag) {
+console.log("selection string: ");
+console.log(String(selection));
+var stringSelection = String(selection);
+saveUndoText();
+var topic_tag = JSON.parse('<?php echo json_encode($topic_tag) ?>');
+var topic_tag2 = topic_tag+"2";
+// stringSelection here only contains plain text (string) without the tagging structure
+// how to use the existing tagging structure
+// ---
+var documentFragment = range.extractContents();
+var tmpStringSelection = ""
+var childNodes = documentFragment.childNodes
+for (var i = 0; i < childNodes.length; i++){
+if (childNodes[i].outerHTML == undefined) {
+tmpStringSelection += childNodes[i].textContent
+} else {
+tmpStringSelection += childNodes[i].outerHTML
+}
+}
+stringSelection = tmpStringSelection
+range.deleteContents();
+if ( tag==topic_tag2) {
+var newdiv = document.createElement(topic_tag);
+newdiv.innerHTML = stringSelection;
+range.insertNode(newdiv);
+var newdiv = document.createElement("br");
+range.insertNode(newdiv);
+} else {
+var newdiv = document.createElement(tag);
+newdiv.innerHTML = stringSelection;
+range.insertNode(newdiv);
+}
+$('.tagItemDivClass').remove();
+return
+// ---
+console.log("the anchorNode: ");
+console.log(selection.anchorNode);
+console.log("the anchorNode's nextSibling");
+console.log(next);
+// TODO if no fragment... bug
+if ( typeof selection !== 'string' ) {
+var next = selection.anchorNode.nextSibling;
+// TODO fragment at the beginning of selection: anchorNode
+var tmpStringSelection = ""
+var startInx = selection.anchorOffset
+var endSelectionInx = startInx + stringSelection.length
+var endInx = selection.anchorNode.length
+console.log("startInx=" + startInx + " endInx= " + endInx + "; endSelectionInx= " + endSelectionInx)
+var anchorText = selection.anchorNode.textContent
+/*
+console.log("anchorNode...")
+if (selection.anchorNode.nodeType == 3 && next.nodeName != "BR" && next.nodeName != "br") {
+// if (next != null && selection.anchorNode.nodeType == 3 && next.nodeName != "BR" && next.nodeName != "br") {
+// here the anchor node is text
+//tmpStringSelection += anchorText.substring(selection.anchorOffset, selection.anchorNode.length);
+tmpStringSelection += anchorText.substring(startInx, endSelectionInx);
+console.log("append anchorText to tmpStringSelection: " + tmpStringSelection)
+endInx += endSelectionInx - startInx;
+//endInx += (selection.anchorNode.length - selection.anchorOffset);
+}
+*/
+// TODO when anchorNode is not text, but a node
+/*
+if (next != null) {
+if (selection.anchorNode.nodeType == 3 && next.nodeName != "BR" && next.nodeName != "br") {
+var anchorText = selection.anchorNode.textContent
+// never goes here?
+tmpStringSelection += anchorText.substring(selection.anchorOffset, selection.anchorNode.length);
+console.log("append anchorText to tmpStringSelection: " + tmpStringSelection)
+}
+}
+*/
+// TODO parsing stringSelection object in string, with the tagging strucutre
+var checkExtentNode = true
+while(next != null && next != undefined && next.nodeName != "BR" && next.nodeName != "br" ) {
+/*
+if (endInx >= endSelectionInx) {
+console.log("startInx=" + startInx + " endInx= " + endInx + "; endSelectionInx= " + endSelectionInx)
+console.log("debug: end of traverse. next=")
+console.log(next)
+break;
+}
+*/
+startInx = endInx
+if (next.nodeType == 3) {   // text case
+console.log("text case.")
+endInx += next.textContent.length
+if (endInx > endSelectionInx) {
+/*
+tmpStringSelection += next.textContent.substring(0, endSelectionInx-startInx)
+console.log("startInx=" + startInx + " endInx= " + endInx + "; endSelectionInx= " + endSelectionInx)
+console.log("appened next.textContent.substring tmpStringSelection (text case): " + tmpStringSelection)
+*/
+//checkExtentNode = false
+//break;
+} else {
+tmpStringSelection += next.textContent;
+console.log("appened tmpStringSelection (text case): " + tmpStringSelection)
+}
+} else if (next.nodeType == 1) { // node case
+console.log("node case")
+endInx += next.innerHTML.length
+if (endInx > endSelectionInx) {
+// TODO do something about tmpStringSelection here?
+console.log("startInx=" + startInx + " endInx= " + endInx + "; endSelectionInx= " + endSelectionInx)
+//checkExtentNode = false
+//break;
+} else {
+tmpStringSelection += next.outerHTML;
+console.log("appened tmpStringSelection (node case): " + tmpStringSelection)
+// endInx += next.outerHTML.length
+}
+} else {
+console.log("[debug] case: nodeType=" + next.nodeType)
+}
+/*
+} else if (next.innerHTML != undefined) {
+endInx += next.innerHTML.length;
+if (endInx >= endSelectionInx) {
+break;
+}
+} else {
+break
+}
+console.log("startInx= " + startInx + "; endInx= " + endInx)
+if (next.outerHTML != undefined) {
+tmpStringSelection += next.outerHTML;
+console.log("appened tmpStringSelection: " + tmpStringSelection)
+}
+*/
+console.log("next: ");
+console.log(next);
+next = next.nextSibling;
+}
+// TODO
+// fragment at the end of selection: extentNode
+console.log("extentNode...")
+console.log("startInx=" + startInx + " endInx= " + endInx + "; endSelectionInx= " + endSelectionInx)
+var extentNode = selection.extentNode
+if (checkExtentNode) {
+if (endInx < endSelectionInx && startInx < endSelectionInx ) {
+tmpStringSelection += anchorText.substring(endInx, endSelectionInx);
+console.log("append anchorText.substring(endInx, endSelectionInx) to tmpStringSelection: " + tmpStringSelection)
+} else if (extentNode != null) {
+var extentText = extentNode.textContent
+tmpStringSelection += extentText.substring(startInx, endSelectionInx);
+console.log("append extentNode to tmpStringSelection: " + tmpStringSelection)
+} else {
+tmpStringSelection += anchorText.substring(startInx, endSelectionInx);
+console.log("append anchorText.substring(startInx, endSelectionInx) to tmpStringSelection: " + tmpStringSelection)
+}
+}
+/*
+if (extentNode != null) {
+if (extentNode.nodeType == 3  ) { // text case
+var extentText = extentNode.textContent
+if (endInx >= endSelectionInx) {
+console.log("tmpStringSelection: " + tmpStringSelection)
+console.log(extentText.substring(startInx, selection.extentOffset))
+tmpStringSelection += extentText.substring(startInx, endSelectionInx);
+console.log("append extentNode to tmpStringSelection: " + tmpStringSelection)
+} else {
+tmpStringSelection += anchorText.substring(endInx, endSelectionInx);
+}
+}
+}
+*/
+console.log("tmpStringSelection:")
+console.log(tmpStringSelection)
+stringSelection = tmpStringSelection;
+}
+range.deleteContents();
+if ( tag==topic_tag2) {
+var newdiv = document.createElement(topic_tag);
+newdiv.innerHTML = stringSelection;
+range.insertNode(newdiv);
+var newdiv = document.createElement("br");
+range.insertNode(newdiv);
+} else {
+var newdiv = document.createElement(tag);
+newdiv.innerHTML = stringSelection;
+range.insertNode(newdiv);
+}
+$('.tagItemDivClass').remove();
+}
+function tagwithOnlytag( range, selection, tag ) {
+saveUndoText();
+var topic_tag = JSON.parse('<?php echo json_encode($topic_tag) ?>');
+var topic_tag2 = topic_tag+"2";
+var documentFragment = range.extractContents();
+var stringSelection = ""
+var childNodes = documentFragment.childNodes
+for (var i = 0; i < childNodes.length; i++){
+if (childNodes[i].outerHTML == undefined) {
+stringSelection += childNodes[i].textContent
+} else {
+stringSelection += childNodes[i].outerHTML
+}
+}
+range.deleteContents();
+if ( tag==topic_tag2) {
+var newdiv = document.createElement(topic_tag);
+newdiv.innerHTML = stringSelection;
+range.insertNode(newdiv);
+var newdiv = document.createElement("br");
+range.insertNode(newdiv);
+} else {
+var newdiv = document.createElement(tag);
+newdiv.innerHTML = stringSelection;
+range.insertNode(newdiv);
+}
+$('.tagItemDivClass').remove();
+}
+function tagwithOnlytag_old( range, stringSelection, tag ) {
 saveUndoText();
 var topic_tag = JSON.parse('<?php echo json_encode($topic_tag) ?>');
 var topic_tag2 = topic_tag+"2";
 range.deleteContents();
 var topic_select = document.createElement("select");
 topic_select.id = "loadTopiclist";
 var selected_topic = t[0];
 topic_select.onchange = function(){
-	selected_topic = topic_select.options[topic_select.selectedIndex];
+var changeConfirm = confirm("You're going to change topic. \nUnsaved data will be lost.");
-	console.log(selected_topic.text);
+if (changeConfirm) {
-	var topic_id = selected_topic.value;
+	selected_topic = topic_select.options[topic_select.selectedIndex];
-		var form = document.createElement("form");
+	console.log(selected_topic.text);
-form.setAttribute("method", "post");
-form.setAttribute("action", "./TaggingText");  // hand to controller
+	var topic_id = selected_topic.value;
-form.setAttribute("target", "_self");
+		var form = document.createElement("form");
-var hiddenField = document.createElement("input");
+form.setAttribute("method", "post");
-hiddenField.setAttribute("name", "topic");
+form.setAttribute("action", "./TaggingText");  // hand to controller
-hiddenField.setAttribute("value", topic_id);
+form.setAttribute("target", "_self");
-form.appendChild(hiddenField);
+var hiddenField = document.createElement("input");
-var hiddenField = document.createElement("input");
+hiddenField.setAttribute("name", "topic");
-hiddenField.setAttribute("name", "func");
+hiddenField.setAttribute("value", topic_id);
-hiddenField.setAttribute("value", "ContinueTagging");
+form.appendChild(hiddenField);
-form.appendChild(hiddenField);
+var hiddenField = document.createElement("input");
-	    _postForContineTagging(form);
+hiddenField.setAttribute("name", "func");
+hiddenField.setAttribute("value", "ContinueTagging");
+form.appendChild(hiddenField);
+	    _postForContineTagging(form);
+} else {
+return
+}
 };
 //Create and append the options
 	for (var i = 0; i < t.length; i++) {

Mercurial > hg > extraction-interface

comparison views/Extractapp/TaggingText.php @ 98:5bea390e7ca9 extractapp