Mercurial > hg > extraction-interface
comparison views/Extractapp/TaggingText.php @ 94:b0cecc104639 extractapp
new: modified tags can work on tagged text
| author | Zoe Hong <zhong@mpiwg-berlin.mpg.de> |
|---|---|
| date | Mon, 09 Nov 2015 12:00:24 +0100 |
| parents | a05491461199 |
| children | 9a29e9d28ece |
comparison
equal
deleted
inserted
replaced
| 93:a05491461199 | 94:b0cecc104639 |
|---|---|
| 78 } | 78 } |
| 79 | 79 |
| 80 <?php | 80 <?php |
| 81 // color on the tags | 81 // color on the tags |
| 82 foreach ( $taglistArray as $taglistValue ) { | 82 foreach ( $taglistArray as $taglistValue ) { |
| 83 echo $taglistValue[2]."\n{\ncolor:".$taglistValue[3]."\n}\n"; | 83 echo $taglistValue[2]."\n{\ncolor:".$taglistValue[3]."; cursor: hand;\n}\n"; |
| 84 | 84 |
| 85 echo ".span_".$taglistValue[2]."\n{\nbackground-color:".$taglistValue[3]."\n}\n"; | 85 echo ".span_".$taglistValue[2]."\n{\nbackground-color:".$taglistValue[3]."\n}\n"; |
| 86 } | 86 } |
| 87 | 87 |
| 88 ?> | 88 ?> |
| 170 var taglistArray = JSON.parse('<?php echo json_encode($taglistArray) ?>'); | 170 var taglistArray = JSON.parse('<?php echo json_encode($taglistArray) ?>'); |
| 171 for (var i = 0; i < taglistArray.length; i++) { | 171 for (var i = 0; i < taglistArray.length; i++) { |
| 172 var taglistValue = taglistArray[i]; | 172 var taglistValue = taglistArray[i]; |
| 173 | 173 |
| 174 | 174 |
| 175 $(document).on("click", taglistValue[2], function (e) { | 175 $(document).on("click", taglistValue[2], function (e, taglistValue) { |
| 176 if ($("#editTextId").html() != "Edit the text") return 0; | 176 if ($("#editTextId").html() != "Edit the text") return 0; |
| 177 var tagName = $(this).prop("tagName").toLowerCase(); | 177 var tag = $(this).prop("tagName").toLowerCase(); |
| 178 //if (tagName != taglistValue[2]) return 0; | 178 //if (tagName != taglistValue[2]) return 0; |
| 179 | 179 |
| 180 // pop_remove_tag_window is a global variable which indicates if to show the remove-popup-window | 180 // pop_remove_tag_window is a global variable which indicates if to show the remove-popup-window |
| 181 if (pop_remove_tag_window) { | 181 if (pop_remove_tag_window) { |
| 182 removeTagNewDiv( e, tagName , $(this)); | 182 removeTagNewDiv( e, tag , $(this)); |
| 183 | |
| 183 }; | 184 }; |
| 184 return false; | 185 return false; |
| 185 }); | 186 }); |
| 186 | 187 |
| 187 | 188 |
| 264 var taglistArray = JSON.parse('<?php echo json_encode($taglistArray) ?>'); | 265 var taglistArray = JSON.parse('<?php echo json_encode($taglistArray) ?>'); |
| 265 | 266 |
| 266 if (taglist_infile == "") { | 267 if (taglist_infile == "") { |
| 267 console.log("Debug: taglist_infile is empty which means taglist_infile is equal to taglist in db."); | 268 console.log("Debug: taglist_infile is empty which means taglist_infile is equal to taglist in db."); |
| 268 } else { | 269 } else { |
| 269 console.log("Debug: taglist_infile length=" + taglist_infile.length); | 270 console.log("Debug: taglist in file, length=" + taglist_infile.length); |
| 270 console.log(taglist_infile); | 271 console.log(taglist_infile); |
| 271 console.log("Debug: taglistArray length=" + taglistArray.length); | 272 console.log("Debug: taglist in db, length=" + taglistArray.length); |
| 272 console.log(taglistArray); | 273 console.log(taglistArray); |
| 273 | 274 |
| 274 // TOOD: ask user to modify/decide tags | 275 // TOOD: ask user to modify/decide tags (?) |
| 275 // showing taglist_infile and taglistArray | 276 // showing taglist_infile and taglistArray |
| 276 //alert("Warning: taglist is deprecated in the current file."); | 277 } |
| 277 | |
| 278 } | |
| 279 | |
| 280 | 278 |
| 281 }); | 279 }); |
| 282 | 280 |
| 283 $(document).on("mouseup", '#editable-area', function (e) { | 281 $(document).on("mouseup", '#editable-area', function (e) { |
| 284 $('.questionMarkClass').remove(); | 282 $('.questionMarkClass').remove(); |
| 382 } | 380 } |
| 383 } | 381 } |
| 384 ?> | 382 ?> |
| 385 | 383 |
| 386 newdiv.appendChild(tagging_tags); | 384 newdiv.appendChild(tagging_tags); |
| 385 | |
| 387 // add selected words to generator regex | 386 // add selected words to generator regex |
| 388 genRegexBySelection(newdiv, selection); // append button to newdiv and handle the selection words | 387 genRegexBySelection(newdiv, selection); // append button to newdiv and handle the selection words |
| 389 | 388 |
| 390 } | 389 } |
| 391 | 390 |
| 658 | 657 |
| 659 var default_label = ""; | 658 var default_label = ""; |
| 660 if (book_name == "" || section_name == "" || period == "") { | 659 if (book_name == "" || section_name == "" || period == "") { |
| 661 default_label = today; | 660 default_label = today; |
| 662 } else { | 661 } else { |
| 663 default_label = book_name+"("+cjst.chineseToPinyin(book_name).join(' ')+")_"+period+ "_"+section_name | 662 default_label = book_name + "(" + cjst.chineseToPinyin(book_name).join(' ') + ")_" |
| 664 + "("+ cjst.chineseToPinyin(section_name).join(' ') + ")_" + today; | 663 + period + "(" + cjst.chineseToPinyin(period).join(' ') + ")_" |
| 664 + section_name + "(" + cjst.chineseToPinyin(section_name).join(' ') + ")_" | |
| 665 + today; | |
| 665 } | 666 } |
| 666 | 667 |
| 667 | 668 |
| 668 var label = prompt("Please enter your label for this new branch", default_label); | 669 var label = prompt("Please enter your label for this new branch", default_label); |
| 669 while (label == null) { | 670 while (label == null) { |
| 694 form.appendChild(hiddenField); | 695 form.appendChild(hiddenField); |
| 695 | 696 |
| 696 _postForContineTagging(form); | 697 _postForContineTagging(form); |
| 697 | 698 |
| 698 console.log("complete saving to LGService"); | 699 console.log("complete saving to LGService"); |
| 700 | |
| 701 } | |
| 702 | |
| 703 function createTopic(default_topic_id) { | |
| 704 var popup_status = $('#new_topic_div').css("display"); | |
| 705 if (popup_status == "block") { | |
| 706 $('#new_topic_div').css("display", "none"); | |
| 707 } else { | |
| 708 $('#new_topic_div').css("display", "block"); | |
| 709 } | |
| 710 | |
| 711 | |
| 712 | |
| 713 | |
| 714 // TODO input new topic | |
| 715 /* In table: | |
| 716 taglist: name, tag, color (default, user can change later in the editing page) | |
| 717 topics: tag, name_en, name_ch, name_pinyin | |
| 718 | |
| 719 need transaction for the following actions: | |
| 720 taglist.name: topic_tag name in chinese | |
| 721 taglist.tag: topic_tag name in eng | |
| 722 topics.tag: (the same a taglist.tag) | |
| 723 topics.name_en: | |
| 724 topics.name_ch: | |
| 725 topics.name_pinyin: | |
| 726 add a new record in topic_tag_relation: topic_id, tag_id | |
| 727 */ | |
| 728 | |
| 729 | |
| 730 | |
| 731 var newtopic = document.getElementById("newTopicSubmit"); | |
| 732 | |
| 733 newtopic.onclick = function(){ | |
| 734 var form = document.createElement("form"); | |
| 735 form.setAttribute("method", "post"); | |
| 736 form.setAttribute("action", "./ConfigTagsInTopic"); // hand to controller | |
| 737 form.setAttribute("target", "_self"); // TODO self here? | |
| 738 | |
| 739 // TODO | |
| 740 var hiddenField = document.createElement("input"); | |
| 741 hiddenField.setAttribute("name", "func"); | |
| 742 hiddenField.setAttribute("value", "CreateNewTopic"); | |
| 743 form.appendChild(hiddenField); | |
| 744 | |
| 745 | |
| 746 var hiddenField = document.createElement("input"); | |
| 747 hiddenField.setAttribute("name", "new_topic_name_en"); | |
| 748 hiddenField.setAttribute("value", $("#newTopicNameEn").val()); | |
| 749 form.appendChild(hiddenField); | |
| 750 var hiddenField = document.createElement("input"); | |
| 751 hiddenField.setAttribute("name", "new_topic_name_ch"); | |
| 752 hiddenField.setAttribute("value", $("#newTopicNameCh").val()); | |
| 753 form.appendChild(hiddenField); | |
| 754 var hiddenField = document.createElement("input"); | |
| 755 hiddenField.setAttribute("name", "new_topic_name_pi"); | |
| 756 hiddenField.setAttribute("value", $("#newTopicNamePi").val()); | |
| 757 form.appendChild(hiddenField); | |
| 758 var hiddenField = document.createElement("input"); | |
| 759 hiddenField.setAttribute("name", "new_topic_tag"); | |
| 760 hiddenField.setAttribute("value", $("#newTopicTag").val()); | |
| 761 form.appendChild(hiddenField); | |
| 762 var hiddenField = document.createElement("input"); | |
| 763 hiddenField.setAttribute("name", "new_topic_tag_name"); | |
| 764 hiddenField.setAttribute("value", $("#newTopicTagName").val()); | |
| 765 form.appendChild(hiddenField); | |
| 766 | |
| 767 | |
| 768 | |
| 769 _postForContineTagging(form); | |
| 770 | |
| 771 } | |
| 772 | |
| 773 $("#newTopicCancel").attr("onclick", "$('#new_topic_div').css(\"display\", \"none\");"); | |
| 699 | 774 |
| 700 } | 775 } |
| 701 | 776 |
| 702 function chooseTopic(default_topic_id) { | 777 function chooseTopic(default_topic_id) { |
| 703 var t = JSON.parse( '<?php echo json_encode($topiclistArray) ?>' ); | 778 var t = JSON.parse( '<?php echo json_encode($topiclistArray) ?>' ); |
| 937 <div id="editable-area" class="area" style="max-width:980px; min-width:400px"><?php echo $stringInput; ?></div> | 1012 <div id="editable-area" class="area" style="max-width:980px; min-width:400px"><?php echo $stringInput; ?></div> |
| 938 </td> | 1013 </td> |
| 939 <td valign="top" style="min-width:280px; padding:0 5 0 5; margin:0 5 0 5;"> | 1014 <td valign="top" style="min-width:280px; padding:0 5 0 5; margin:0 5 0 5;"> |
| 940 <div id="popups" style="position:absolute; width:300px; "> | 1015 <div id="popups" style="position:absolute; width:300px; "> |
| 941 <div id="load_topic_div" class="popup-topic popup-frame"></div> | 1016 <div id="load_topic_div" class="popup-topic popup-frame"></div> |
| 1017 <div id="new_topic_div" class="popup-newtopic popup-frame"> | |
| 1018 <div class="form-horizontal"> | |
| 1019 <h4 class="text-info">New topic name:</h4> | |
| 1020 <div class="form-group form-group-sm"> | |
| 1021 <label for="newTopicNameEn" class="col-sm-4 control-label">name (en)</label> | |
| 1022 <div class="col-sm-8"> | |
| 1023 <input type="text" class="form-control" id="newTopicNameEn" placeholder="name in English"> | |
| 1024 </div> | |
| 1025 </div> | |
| 1026 <div class="form-group form-group-sm"> | |
| 1027 <label for="newTopicNameCh" class="col-sm-4 control-label">name (ch)</label> | |
| 1028 <div class="col-sm-8"> | |
| 1029 <input type="text" class="form-control" id="newTopicNameCh" placeholder="name in Chinese"> | |
| 1030 </div> | |
| 1031 </div> | |
| 1032 <div class="form-group form-group-sm"> | |
| 1033 <label for="newTopicNamePi" class="col-sm-4 control-label">name (pi)</label> | |
| 1034 <div class="col-sm-8"> | |
| 1035 <input type="text" class="form-control" id="newTopicNameCh" placeholder="name in Pinyin"> | |
| 1036 </div> | |
| 1037 </div> | |
| 1038 | |
| 1039 | |
| 1040 <h4 class="text-info">New topic tag:</h4> | |
| 1041 <div class="form-group form-group-sm"> | |
| 1042 <label for="newTopicTag" class="col-sm-4 control-label">tag (en)</label> | |
| 1043 <div class="col-sm-8"> | |
| 1044 <input type="text" class="form-control" id="newTopicTag" placeholder="tag in English"> | |
| 1045 </div> | |
| 1046 </div> | |
| 1047 | |
| 1048 <div class="form-group form-group-sm"> | |
| 1049 <label for="newTopicTagName" class="col-sm-4 control-label">tag (ch)</label> | |
| 1050 <div class="col-sm-8"> | |
| 1051 <input type="text" class="form-control" id="newTopicTag" placeholder="tag in Chinese"> | |
| 1052 </div> | |
| 1053 </div> | |
| 1054 | |
| 1055 | |
| 1056 <div class="form-group form-group-sm"> | |
| 1057 <div class="col-sm-offset-4 col-sm-8"> | |
| 1058 <button type="submit" id="newTopicSubmit" class="btn btn-primary btn-xs">Submit</button> | |
| 1059 <button id="newTopicCancel" class="btn btn-default btn-xs">Cancel</button> | |
| 1060 </div> | |
| 1061 </div> | |
| 1062 </div> | |
| 1063 | |
| 1064 </div> | |
| 942 <div id="load_regex_div" class="popup-loadregex popup-frame"></div> | 1065 <div id="load_regex_div" class="popup-loadregex popup-frame"></div> |
| 943 <div id="regex_generator" class="popup-frame"> | 1066 <div id="regex_generator" class="popup-frame"> |
| 944 <h3>Gen Regex</h3> | 1067 <h3>Gen Regex</h3> |
| 945 <div>Pattern 1: | 1068 <div>Pattern 1: |
| 946 <div id="regex_pattern1" class="bg-info"></div> | 1069 <div id="regex_pattern1" class="bg-info"></div> |
| 991 <div id="follow-scroll"> | 1114 <div id="follow-scroll"> |
| 992 <form action="javascript:void(0);"> | 1115 <form action="javascript:void(0);"> |
| 993 <fieldset class="tool-frame"> | 1116 <fieldset class="tool-frame"> |
| 994 <legend><h5 class="tool-topic" data-toggle="collapse" data-target="#tool_topic"> Topic: <span class="caret"></span></h5></legend> | 1117 <legend><h5 class="tool-topic" data-toggle="collapse" data-target="#tool_topic"> Topic: <span class="caret"></span></h5></legend> |
| 995 <div id="tool_topic" class="collapse in"> | 1118 <div id="tool_topic" class="collapse in"> |
| 996 <div> Current topic is: <br> | 1119 <div> Current topic is: |
| 997 <?php echo $topic_name['name_en']; ?> | 1120 <?php echo $topic_name['name_en']; ?> (<?php echo $topic_name['name_ch']; ?>, <?php echo $topic_name['name_pinyin']; ?>) |
| 998 (<?php echo $topic_name['name_ch']; ?>, <?php echo $topic_name['name_pinyin']; ?>) | 1121 <button onclick="chooseTopic(<?php echo $default_topic_id;?>)" class="btn btn-default btn-block">Change Topic</button> |
| 999 <button onclick="chooseTopic(<?php echo $default_topic_id;?>)" class="btn btn-default btn-xs">Change</button> | 1122 <button onclick="createTopic(<?php echo $default_topic_id;?>)" class="btn btn-default btn-block">Create a New Topic (TODO)</button> |
| 1000 </div> | 1123 </div> |
| 1001 <div>The topic tag is: <?php echo $topic_tag_ch;?>(<?php echo $topic_tag;?>)</div> | 1124 </div> |
| 1125 </fieldset> | |
| 1126 <fieldset class="tool-frame"> | |
| 1127 <legend><h5 class="tool-topic" data-toggle="collapse" data-target="#tool_tag"> Tag: <span class="caret"></span></h5></legend> | |
| 1128 <div id="tool_tag" class="collapse in"> | |
| 1129 <div>The topic tag is: <?php echo $topic_tag_ch;?> | |
| 1130 <p class="text-muted">(Only the lines with the tag will be in the exported table.)</p> | |
| 1131 <!-- (<?php echo $topic_tag;?>) --> | |
| 1132 </div> | |
| 1002 <button onclick="editTaglist(<?php echo $default_topic_id; ?>)" class="btn btn-default btn-block">Edit Tag List</button> | 1133 <button onclick="editTaglist(<?php echo $default_topic_id; ?>)" class="btn btn-default btn-block">Edit Tag List</button> |
| 1003 <button onclick="configTagsInTopic(<?php echo $default_topic_id;?>)" class="btn btn-default btn-block">Select Existing Tags</button> | 1134 <button onclick="configTagsInTopic(<?php echo $default_topic_id;?>)" class="btn btn-default btn-block">Select Existing Tags</button> |
| 1135 | |
| 1004 </div> | 1136 </div> |
| 1005 </fieldset> | 1137 </fieldset> |
| 1006 | 1138 |
| 1007 <fieldset class="tool-frame"> | 1139 <fieldset class="tool-frame"> |
| 1008 <legend><h5 class="tool-topic" data-toggle="collapse" data-target="#tool_regex"> Replace By <i><b>Smart Regex</b></i>©: <span class="caret"></span></h5></legend> | 1140 <legend><h5 class="tool-topic" data-toggle="collapse" data-target="#tool_regex"> Replace By <i><b>Smart Regex</b></i>©: <span class="caret"></span></h5></legend> |
| 1023 <button onclick="replaceSmartRunWithBr()" class="btn btn-default btn-block">Run(in new line)</button> | 1155 <button onclick="replaceSmartRunWithBr()" class="btn btn-default btn-block">Run(in new line)</button> |
| 1024 <!-- <button onclick="replaceSmartRunSpace()" class="btn-lg">Run(Allow space between Group)</button></br> | 1156 <!-- <button onclick="replaceSmartRunSpace()" class="btn-lg">Run(Allow space between Group)</button></br> |
| 1025 --> | 1157 --> |
| 1026 <button onclick="replaceSmartRunSpace()" class="btn btn-default btn-block">Run(Allow space between block)</button></br> | 1158 <button onclick="replaceSmartRunSpace()" class="btn btn-default btn-block">Run(Allow space between block)</button></br> |
| 1027 | 1159 |
| 1028 <button onclick="window.open('./EditWordlist')" class="btn btn-default btn-block">Edit WordList</button> | 1160 <button onclick="window.open('./EditWordlist')" class="btn btn-default btn-block">Edit WordList</button></br> |
| 1029 | 1161 |
| 1030 <!-- developing...--> | 1162 <!-- developing...--> |
| 1031 <button onclick="genRegexWindowOpen()" id="gen_regex_window_open_id" class="btn btn-default">Open GenRegex (test)</button></br> | 1163 <button onclick="genRegexWindowOpen()" id="gen_regex_window_open_id" class="btn btn-default btn-block btn-xs">Open GenRegex (developing...)</button></br> |
| 1032 </div> | 1164 </div> |
| 1033 </fieldset> | 1165 </fieldset> |
| 1034 | 1166 |
| 1035 | 1167 |
| 1036 <?php | 1168 <?php |
| 1061 </div> | 1193 </div> |
| 1062 </fieldset> | 1194 </fieldset> |
| 1063 | 1195 |
| 1064 <fieldset class="tool-frame"> | 1196 <fieldset class="tool-frame"> |
| 1065 <legend><h5 class="tool-topic" data-toggle="collapse" data-target="#tool_save"> Save and Export: <span class="caret"></span></h5></legend> | 1197 <legend><h5 class="tool-topic" data-toggle="collapse" data-target="#tool_save"> Save and Export: <span class="caret"></span></h5></legend> |
| 1066 <div class="collapse out" id="tool_save"> | 1198 <div class="collapse in" id="tool_save"> |
| 1067 <button onclick="saveTextToLGService()" id="save_text_to_LGService_id" class="btn btn-default btn-block">Save to LGService</button> | 1199 <button onclick="saveTextToLGService()" id="save_text_to_LGService_id" class="btn btn-default btn-block">Save to LGService</button> |
| 1068 <button onclick="exportAll(<?php echo $default_topic_id;?>)" class="btn btn-default btn-block">Export All</button> | 1200 <button onclick="exportAll(<?php echo $default_topic_id;?>)" class="btn btn-default btn-block">Export All</button> |
| 1069 Page: <input type="text" size="5" id="exportPageStart">to<input type="text" size="5" id="exportPageEnd"> | 1201 Page: <input type="text" size="5" id="exportPageStart">to<input type="text" size="5" id="exportPageEnd"> |
| 1070 <button onclick="exportPage(<?php echo $default_topic_id;?>)" class="btn btn-default btn-sm">Export</button></br> | 1202 <button onclick="exportPage(<?php echo $default_topic_id;?>)" class="btn btn-default btn-sm">Export</button></br> |
| 1071 </div> | 1203 </div> |
