<%@page import="java.net.URLEncoder"%>
<%@page contentType="text/html; charset=UTF-8"%>
<%@page import="com.csc.library.session.*, com.csc.library.utilities.*, com.csc.library.entry.*"%>
<%
   UProfile up = null;
   if (session != null){
      up = (UProfile) session.getAttribute("userprofile");
   }
   if (up == null){
      return ;
   }
%>
<html ng-app="EXAM">
   <head>
      <link href="../JS/QueryBuilder/bootstrap-3.3.5/css/bootstrap.css" rel="stylesheet">
      <link rel="stylesheet" href="../CSS/TISCO.css" />
      <link rel='stylesheet' href='CSS/ManageExam.css' />
      <script type='text/javascript' src='../JS/SCREEN.js'></script>
      <script type='text/javascript' src='../JS/HOTKEY.js'></script>
      <script type='text/javascript' src='../JS/ICONSMENU.js'></script>
      <script type="text/javascript" src='../JS/jquery-2.1.3.min.js'></script>
      <script type="text/javascript" src='../public/lib/angular/angular.min.js'></script>
      <script type="text/javascript" src="../JS/ANGULAR/SCREEN_ANGULAR.js"></script>
      <script type="text/javascript" src='../public/lib/angular-resource/angular-resource.min.js'></script>
      <script type='text/javascript' src='../public/lib/angular-sanitize/angular-sanitize.min.js'></script>
      <script type="text/javascript" src='../CSS/Bootstrap/js/bootstrap.min.js'></script>
      <script type='text/javascript' src='JS/Module.js'></script>
      <script type='text/javascript' src='JS/services.js'></script>
      <script type='text/javascript' src='JS/filter.js'></script>
      <script type='text/javascript' src='JS/EXAM004/Exam004.Controller.js'></script>
      <script type='text/javascript'>
         setLang("<%=up.get("lang")%>");
         getTitleName();

         function linkHelp(help, input){
            with (document.cscform) {
               obj = eval("document.cscform." + input);
               var param = "PRU084_NEW_APS_ANG.jsp?__helpName=" + help + "&__fieldSearch=" + input + "&__pageCall=" + __screen.value + "&__fixCon=" + __fixCon.value + "&tdeq=1";
               if (obj.value === "") {
                  param = "PRU084_NEW_APS_ANG.jsp?__helpName=" + help + "&__fieldSearch=" + input + "&__pageCall=" + __screen.value + "&__fixCon=" + __fixCon.value + "&tdeq=1";
               }
               win = window.open(param, "Help", "left=300,top=150,width=700,height=400,resizable=yes,scrollbars=yes,toolbar=no,status=yes");
               if (window.focus) {
                  win.focus();
               }
            }
         }

         function postReturnAngular(returnValue){
            var returnval = returnValue.split('#');
            var keyval = returnval[1].substring(0, returnval[1].length-1);
            var scope = angular.element($("form[name=cscform]")).scope();
            scope.$apply(function(){
               scope.queryByKey(returnval[0], keyval);
            });
         }

         function newChild(result){
            var scope = angular.element($('form[name="cscform"]')).scope();
            scope.$apply(function(){
               scope.addQuestion(result);
            });
         }

         $(document).ready(function(){
            $('#add').click(function(){
               window.open("EXAM_ADD_QUESTION.jsp?hasAddQuestion=1", "ADD_QUESTION", "toolbar=yes, scrollbars=yes, resizable=yes, top=100, left=300, width=1200, height=800");
            });
         });

         function GoSave(){
            if (confirm(MyCode[1])){
               var scope = angular.element($('form[name="cscform"]')).scope();
               scope.$apply(function(){
                  scope.save();
               });
            }
         }

         function GoDelete(){
            if (confirm(MyCode[4])){
               var scope = angular.element($('form[name="cscform"]')).scope();
               scope.$apply(function(){
                  scope.delete();
               });
            }
         }
      </script>
   </head>
   <body ng-controller='Exam004'>
      <div id="toolTipLayer" style="position:absolute; visibility: hidden"></div>
      <script type='text/javascript'>initToolTips();</script>
      <form name='cscform'>
         <input type="hidden" name="__screen" value="EXAM004">
         <input type="hidden" name="__help" value="">
         <input type="hidden" name="__fixCon" value="">
         <input type="hidden" name="__cmd" value="">
         <input type='hidden' name="__helpReturn" value="">

         <script>document.write(Icons("EXAM004, ทะเบียนเรื่อง"));</script>
         <div class='container'>
            <br>
            <table style="border-spacing: 0;border-collapse: 0;width: 100%;">
               <tr>
                  <td class="header" colspan="2">EXAM004, ทะเบียนเรื่อง&nbsp;</td>
               </tr>
               <tr>
                  <td class="blankspace" colspan="2"></td>
               </tr>
               <tr>
                  <td class='right'><span swlang code="SW012904">รหัสเรื่อง</span></td>
                  <td>
                     <input type='text' ng-model='examobj.questionset4id'/>
                     <input type='hidden' name='__questionset4id' />
                     <a href="javascript:linkHelp('MQUESTIONSET4HELP','__questionset4id');" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('__questionset4id_image','','../IMAGES/BUTTON/SWAP/SEARCH_SWAP20.gif',1)">
                        <img src="../IMAGES/BUTTON/MAIN/SEARCH20.gif" alt="SEARCH" name="__questionset4id_image" width="20" height="20" border="0" align="absmiddle">
                     </a>
                  </td>
               </tr>
               <tr>
                  <td class='right'><span swlang code="SW012905">ชื่อเรื่อง</span></td>
                  <td class='text-left'><input type='text' ng-model='examobj.questionset4_name' size='100'/></td>
               </tr>
               <tr>
                  <td class='right'><span swlang code="SW000019">สถานะ</span></td>
                  <td>
                     <label><input type="radio" name="__status" ng-model="examobj.status" value="1"/> ใช้งาน</label>
                     <label><input type="radio" name="__status" ng-model="examobj.status" value="0"/> ไม่ใช่งาน</label>
                  </td>
               </tr>
               <tr>
                  <td class='right'><span swlang code="SW005586">คะแนนรวม</span></td>
                  <td>{{ calScore() }}</td>
               </tr>
               <tr>
                  <td colspan='2'>
                     <table id="tb" class="table" style="width: 98%;margin: 0 auto;">
                        <tr class='hasborder'>
                           <td class='detailHeader'><span swlang code='SW000015'>select</span></td>
                           <td class='detailHeader'><span swlang code='SW012906'>Question ID</span></td>
                           <td class='detailHeader'><span swlang code='SW000012'>Description</span></td>
                           <td class='detailHeader'><span swlang code='SW000013'>Score</span></td>
                        </tr>
                        <tr ng-repeat='exchild in examchild' class='hasborder'>
                           <td class='center'><input type='checkbox' value='{{ exchild.questionset4_detailid }}' ng-model='exchild.ischeck'></td>
                           <td>{{ exchild.questionid }}</td>
                           <td id="{{ $index }}">{{ renderHtmlCode(exchild.questiondata.question_name, $index) }}</td>
                           <td class='center'>{{ exchild.questiondata.score }}</td>
                        </tr>
                        <tr>
                           <td colspan="4" class="text-center" style="padding-top: 10px; padding-bottom: 10px;">
                              <a id="selectAll" class="btn btn-primary btn-sm" ng-click='selectAll()'>
                                 <span class="glyphicon glyphicon-asterisk"></span> Select All
                              </a>
                              <a id="deselectAll" class="btn btn-primary btn-sm" ng-click='deSelectAll()'>
                                 <span class="glyphicon glyphicon-ban-circle"></span> Deselect All
                              </a>
                              <a id="add" class="btn btn-primary btn-sm">
                                 <span class="glyphicon glyphicon-plus"></span> Add
                              </a>
                              <a id="del" class="btn btn-primary btn-sm" ng-click='delSelect()'>
                                 <span class="glyphicon glyphicon-trash"></span> Delete
                              </a>
                           </td>
                        </tr>
                     </table>
                  </td>
               </tr>
               <tr>
                  <td colspan="2" class='bottom'></td>
               </tr>
            </table>
         </div>
      </form>
   </body>
</html>