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