Mercurial > hg > extraction-interface
view views/Extractapp/ConfigTagsInTopic.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 | a11f9103b8db |
children | 97c1e5102a22 |
line wrap: on
line source
<?php // --- initialize --- //$taglistArray = $viewmodel['taglistArray']; $topic = $viewmodel['topic']; $topic_name = $viewmodel['topic_name']; // array of names $tag_intopic = $viewmodel['tag_intopic']; $tag_others = $viewmodel['tag_others']; ?> <html> <head> <title></title> </head> <body> <script type="text/javascript"> function SelectMoveRows(s1, s2) { var selId = ''; var selText = ''; // Move rows from s1 to s2 from bottom to top for (i = s1.options.length - 1; i >= 0; i--) { if (s1.options[i].selected == true) { selId = s1.options[i].value; selText = s1.options[i].text; var newRow = new Option(selText,selId); s2.options[s2.length] = newRow; s1.options[i] = null; } } SelectSort(s2); } function SelectSort(selList) { var id = ''; var t = ''; for (x = 0; x < selList.length - 1; x++) { for (y = x+1; y < selList.length; y++) { if (selList[x].text > selList[y].text) { // Swap rows id = selList[x].value; t = selList[x].text; selList[x].value = selList[y].value; selList[x].text = selList[y].text; selList[y].value = id; selList[y].text = t; } } } } function checkTopic(t) { var ids = []; for (var i = 0; i < t.options.length; i++) { ids.push(t.options[i].value); console.log(t.options[i].text); } console.log(ids); var ids_json = JSON.stringify(ids); var topic_id = JSON.parse('<?php echo json_encode($topic) ?>'); $.ajax({ url : './ConfigTagsInTopic', async : false, type : 'POST', data : 'func=Update'+'&ids='+ids_json+'&topic_id='+topic_id, error: function (e) { console.log("error when update tags in topic"+ e ); }, success: function (e) { alert("Updated!"); } }).done(function(result) { }); } </script> <div class="container-fluid" style="margin-left:10%; margin-right:10%"> <form name="config" autocomplete='off' action="Javascript:checkTopic(document.config.InTopic)"> <h3>Topic: <?php echo $topic_name['name_en'];?> (<?php echo $topic_name['name_ch'];?>, <?php echo $topic_name['name_pinyin'];?>) </h3> <table class="table"> <thead> <tr> <td class="text-warning"> Selected tags </td> <td></td> <td class="text-warning"> Other tags </td> </tr> </thead> <tbody> <tr> <td> <select name="InTopic" size="<?php echo (count($tag_others)+count($tag_intopic))*0.8; ?>" class="form-control" multiple> <?php foreach ($tag_intopic as $taglistValue) { echo "<option value='".$taglistValue['id']."'>".$taglistValue['name']." (".$taglistValue['tag'].") "."</option>"; } ?> </select> </td> <td align="center" valign="middle"> <input type="button" value="<< Add" class="btn btn-primary" onClick="SelectMoveRows(document.config.Others, document.config.InTopic)"><br> <br> <input type="button" value="Remove >>" class="btn btn-warning" onClick="SelectMoveRows(document.config.InTopic, document.config.Others)"><br> </td> <td > <select name="Others" size="<?php echo (count($tag_others)+count($tag_intopic))*0.8; ?>" class="form-control" multiple> <?php foreach ($tag_others as $taglistValue) { echo "<option value='".$taglistValue['id']."'>".$taglistValue['name']." (".$taglistValue['tag'].") "."</option>"; } ?> </select> </td> </tr> <tr> <td></td> <td><input type="submit" value="Submit" class="btn btn-lg btn-success"></td> <td></td> </tr> </tbody> </table> </form> </div> </body> </html>