Mercurial > hg > extraction-interface
comparison views/Extractapp/TaggingText.php @ 65:f9ae94a9b041 extractapp
New: adding topic names: name_en, name_ch, name_pinyin
author | Zoe Hong <zhong@mpiwg-berlin.mpg.de> |
---|---|
date | Thu, 02 Apr 2015 11:45:09 +0200 |
parents | 3395385476d1 |
children | e71a437ae49f |
comparison
equal
deleted
inserted
replaced
64:ca6bf3532830 | 65:f9ae94a9b041 |
---|---|
4 $wordlistArray = $viewmodel['wordlistArray']; | 4 $wordlistArray = $viewmodel['wordlistArray']; |
5 $taglistArray = $viewmodel['taglistArray']; | 5 $taglistArray = $viewmodel['taglistArray']; |
6 $section_id = $viewmodel['section_id']; | 6 $section_id = $viewmodel['section_id']; |
7 $topiclistArray = $viewmodel['topiclistArray']; | 7 $topiclistArray = $viewmodel['topiclistArray']; |
8 $default_topic_id = $viewmodel['default_topic_id']; | 8 $default_topic_id = $viewmodel['default_topic_id']; |
9 $topic_name = $viewmodel['topic_name']; | 9 $topic_name = $viewmodel['topic_name']; // array of names |
10 $topic_tag = $viewmodel['topic_tag']; | 10 $topic_tag = $viewmodel['topic_tag']; |
11 $info = $viewmodel['info']; | 11 $info = $viewmodel['info']; |
12 $messages = $viewmodel['messages']; | 12 $messages = $viewmodel['messages']; |
13 | 13 |
14 $taglist_infile = $viewmodel['taglist_infile']; | 14 $taglist_infile = $viewmodel['taglist_infile']; |
234 if(selection && (selection = new String(selection).replace(/^\s+|\s+$/g,''))) { | 234 if(selection && (selection = new String(selection).replace(/^\s+|\s+$/g,''))) { |
235 | 235 |
236 var newdiv = document.createElement("div"); | 236 var newdiv = document.createElement("div"); |
237 newdiv.id = "tagItemDivId"; | 237 newdiv.id = "tagItemDivId"; |
238 newdiv.setAttribute("class", "tagItemDivClass"); | 238 newdiv.setAttribute("class", "tagItemDivClass"); |
239 newdiv.style.cssText = 'top:'+e.pageY+'; left:'+e.pageX+'; position:absolute; background-color: white; border:1px solid black; padding: 5px'; | 239 newdiv.style.cssText = 'top:'+e.pageY+'; left:'+e.pageX+'; position:absolute; background-color: white; border:1px solid black; padding: 5px; z-index:4'; |
240 | 240 |
241 newdiv.style.backgroundColor = "white"; | |
242 newdiv.style.zIndex = "3"; | |
243 | 241 |
244 //console.log(selection.getRangeAt(0).cloneContents()); | 242 //console.log(selection.getRangeAt(0).cloneContents()); |
245 if ( container.innerHTML.indexOf( "br" ) != -1 ) { | 243 if ( container.innerHTML.indexOf( "br" ) != -1 ) { |
246 var newselect = document.createElement("select"); | 244 var newselect = document.createElement("select"); |
247 newselect.id = "TitletagType"; | 245 newselect.id = "TitletagType"; |
669 $('#load_topic_div').html(""); | 667 $('#load_topic_div').html(""); |
670 $('#load_topic_div').css("display", "block"); | 668 $('#load_topic_div').css("display", "block"); |
671 | 669 |
672 $('#load_topic_div').css("border", "1px solid black"); | 670 $('#load_topic_div').css("border", "1px solid black"); |
673 $('#load_topic_div').css("background-color", "White"); | 671 $('#load_topic_div').css("background-color", "White"); |
674 $('#load_topic_div').css("width", "150px"); | 672 $('#load_topic_div').css("width", "200px"); |
675 $('#load_topic_div').css("height", "50px"); | 673 $('#load_topic_div').css("height", "50px"); |
676 $('#load_topic_div').css("top", "20px"); | 674 $('#load_topic_div').css("top", "20px"); |
677 $('#load_topic_div').css("left", "-150px"); | 675 $('#load_topic_div').css("left", "-200px"); |
678 | 676 |
679 | 677 |
680 var topic_select = document.createElement("select"); | 678 var topic_select = document.createElement("select"); |
681 topic_select.id = "loadTopiclist"; | 679 topic_select.id = "loadTopiclist"; |
682 var selected_topic = t[0]; | 680 var selected_topic = t[0]; |
707 }; | 705 }; |
708 | 706 |
709 | 707 |
710 //Create and append the options | 708 //Create and append the options |
711 for (var i = 0; i < t.length; i++) { | 709 for (var i = 0; i < t.length; i++) { |
712 console.log(t[i]['id']+","+t[i]['name']); | 710 console.log(t[i]['id']+","+t[i]['name_ch']+","+t[i]['name_pinyin']+","+t[i]['name_en']); |
713 var option = document.createElement("option"); | 711 var option = document.createElement("option"); |
714 option.value = t[i]['id']; | 712 option.value = t[i]['id']; |
715 option.text = t[i]['name']; | 713 option.text = t[i]['name_en']+" ("+t[i]['name_ch']+", "+t[i]['name_pinyin']+")"; |
716 if (option.value == default_topic_id) { | 714 if (option.value == default_topic_id) { |
717 option.selected = true; | 715 option.selected = true; |
718 }; | 716 }; |
719 topic_select.appendChild(option); | 717 topic_select.appendChild(option); |
720 } | 718 } |
863 | 861 |
864 <div id="dialog-form" title="config tags for topic" style="position:fixed; top: 30px; "> | 862 <div id="dialog-form" title="config tags for topic" style="position:fixed; top: 30px; "> |
865 </div> | 863 </div> |
866 | 864 |
867 <div class="info-board"> | 865 <div class="info-board"> |
868 <p class="bg-danger"><strong><?php echo $messages['error']; ?> </strong></p> | 866 <div class="bg-danger"><strong><?php echo $messages['error']; ?> </strong></div> |
869 <p class="bg-warning"> <?php echo $messages['warning']; ?> | 867 <div class="bg-warning"> <?php echo $messages['warning']; ?> |
870 <button id="reloadTextButton" onclick="reloadText(<?php echo $default_topic_id; ?>)" style="display:none;">Load Latest Version</button> | 868 <button id="reloadTextButton" onclick="reloadText(<?php echo $default_topic_id; ?>)" style="display:none;">Load Latest Version</button> |
871 </p> | 869 </div> |
872 <p class="bg-info"> <?php echo $messages['info']; ?> </p> | 870 <div class="bg-info"> <?php echo $messages['info']; ?> </div> |
873 <p class="bg-default"> <?php echo $messages['debug']; ?> </p> | 871 <div class="bg-default"> <?php echo $messages['debug']; ?> </div> |
874 </div> | 872 </div> |
875 | 873 |
876 <table width="1270" border="1" style="margin:10 30 10 30;"> | 874 <table width="1270" border="1" style="margin:10 30 30 30;"> |
877 <tr> | 875 <tr> |
878 <td width="980" style="padding:0 5 0 5; margin: 0 5 0 5;"> | 876 <td width="980" style="padding:0 5 0 5; margin: 0 5 0 5;"> |
879 <div id="editable-area" class="area" style="max-width: 980"><?php echo $stringInput; ?></div> | 877 <div id="editable-area" class="area" style="max-width: 980"><?php echo $stringInput; ?></div> |
880 </td> | 878 </td> |
881 <td width="290" valign="top"> | 879 <td width="290" valign="top"> |
917 | 915 |
918 <div id="follow-scroll" style="position:absolute; height:680px; overflow:scroll; margin:0 5 15 5; max-width:280px"> | 916 <div id="follow-scroll" style="position:absolute; height:680px; overflow:scroll; margin:0 5 15 5; max-width:280px"> |
919 <form action="javascript:void(0);"> | 917 <form action="javascript:void(0);"> |
920 <fieldset> | 918 <fieldset> |
921 <legend><h5 class="text-success"> Config Topic: </h5></legend> | 919 <legend><h5 class="text-success"> Config Topic: </h5></legend> |
922 <div> current topic is <?php echo $topic_name; ?> | 920 <div> current topic is: <?php echo $topic_name['name_en']; ?> <br> |
921 (<?php echo $topic_name['name_ch']; ?>, <?php echo $topic_name['name_pinyin']; ?>) | |
923 <button onclick="chooseTopic(<?php echo $default_topic_id;?>)" class="btn btn-xs btn-default">Change</button> | 922 <button onclick="chooseTopic(<?php echo $default_topic_id;?>)" class="btn btn-xs btn-default">Change</button> |
924 </div> | 923 </div> |
925 <button onclick="configTagsInTopic(<?php echo $default_topic_id;?>)" class="btn btn-sm btn-default" style="">Manage Tags in topic</button></br> | 924 <button onclick="configTagsInTopic(<?php echo $default_topic_id;?>)" class="btn btn-sm btn-default" style="">Manage Tags in topic</button></br> |
926 </fieldset> | 925 </fieldset> |
927 | 926 |