<!DOCTYPE HTML>
<%@page contentType="text/html; charset=UTF-8"%>
<%@page import="com.csc.library.entry.HelpEntry,com.csc.library.system.*,com.csc.library.utilities.*"%>
<%@page import="com.csc.library.entry.*,com.csc.library.database.*,com.csc.library.session.*"  %>

<jsp:useBean id="TRE021" class="com.csc.library.system.Task" scope="page" />

<%
   TRE021.setChannel(request,response);
   HelpEntry screen = (HelpEntry)TRE021.process("HelpEntry","TFORMHELP");
%>
<html ng-app="Training">
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
      <link rel="stylesheet" href="../CSS/TISCO.css">
      <link rel="stylesheet" href="../CSS/font-awesome.css">
      <link rel="stylesheet" type="text/css" href="../CSS/EMPVIEW_LAYOUT.min.css" />
      <link rel="stylesheet" href="../CSS/Bootstrap/css/bootstrap.css">
      <link rel="stylesheet" href="../public/lib/angular-material/angular-material.css">
      <script type='text/javascript' src='../JS/SCREEN.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-material/angular-material.js"></script>
      <script type="text/javascript" src="../public/lib/angular-animate/angular-animate.js"></script>
      <script type="text/javascript" src="../public/lib/angular-aria/angular-aria.js"></script>
      <script type="text/javascript" src="../public/lib/angular-messages/angular-messages.js"></script>

      <script type="text/javascript" src="JS/TRE021/Module.Controller.js"></script>
      <script type="text/javascript" src="JS/TRE021/services.js"></script>
      <script type="text/javascript" src="JS/TRE021/TRE021.Controller.js"></script>
      <script type="text/javascript" src="../JS/jquery-2.1.3.min.js"></script>
      <script type="text/javascript">setLang('<%=TRE021.getUProfile().get("lang")%>');</script>
      <style>
         .blockwhite{
            display: block;
            width: 100%;
            float: left;
            height: auto;
            background-color: #fff;
         }
         .maxsize{
            background-color: #333;
         }
         a .newform{
            color: #fff !important;
         }
         a.cloneTool{
            font-size: 16px;
         }
         .active-color{
            background-color: #fff187;
         }
      </style>
   </head>
   <body leftmargin="0" topmargin="0" onLoad="" ng-controller="TRE021">
      {{ initLang("<%=TRE021.getUProfile().get("lang")%>") }}
      <!----------BEGIN CSC INITIAL ZONE ------------------------>

      <%=screen.InitialVariable()%>

      <!----------END CSC INITIAL ZONE -------------------------->
       <form name="cscform" method="post" action="?" id="cscform">
         <input type="hidden" name="__cmd" value="">
         <input type="hidden" name="__screen" value="TRE021">
         <input type="hidden" name="__help" value="">
         <input type="hidden" name="__referPage" value="">
         <input type="hidden" name="__formid" value="">
         <br>
         <div align="center">
            <table cellpadding="0" cellspacing="0" class="maxsize">
               <tr>
                  <td class="header" colspan="2"> TRE021, <span swlang code="SW012839">แบบสำรวจการอบรม</span></td>
               </tr>
               <tr>
                  <td class="blankspace" colspan="2"></td>
               </tr>
               <tr>
                  <td>
                     <table class="table table-head table-hover table-bordered table-title-left ">
                        <tr>
                           <td rowrap class="row3" align="center" swlang code="SW012837">form id</td>
                           <td rowrap class="row3" align="center" swlang code="SW012836">Form subject</td>
                           <td rowrap class="row3" align="center" swlang code="SW012835">Year</td>
                           <td rowrap class="row3" align="center" swlang code="SW000019">Status</td>
                           <td rowrap class="row3" align="center" colspan="2" swlang code="SW012838">Edit by</td>
                        </tr>
                        <tr ng-repeat="mylist in formList" ng-if="mylist.status == '1'">
                           <td align="center" class="active-color">
                              <a ng-click="goPage(mylist.formid)">
                                 {{ mylist.formid }}
                              </a>
                           </td>
                           <td class="active-color">{{ mylist.formheader }}</td>
                           <td class="active-color"><center>{{ mylist.years}}</center></td>
                           <td class="active-color">
                              <center>
                                 <select ng-model="mylist.status" ng-change="setForm(mylist.formid, mylist.status)">
                                    <option value="1">Active</option>
                                    <option value="0">In active</option>
                                 </select>
                              </center>
                           </td>
                           <td class="active-color">{{ mylist.Editby }}</td>
                           <td class="active-color">
                              <center>
                                 <a class="cloneTool" ng-click="setForm(mylist.formid,'clone')"><i class="fa fa-files-o"></i></a>
                              </center>
                           </td>
                        </tr>
                        <tr ng-repeat="mylist in formList" ng-if="mylist.status != '1'">
                           <td align="center">
                              <a ng-click="goPage(mylist.formid)">
                                 {{ mylist.formid }}
                              </a>
                           </td>
                           <td>{{ mylist.formheader }}</td>
                           <td><center>{{ mylist.years}}</center></td>
                           <td>
                              <center>
                                 <select ng-model="mylist.status" ng-change="setForm(mylist.formid, mylist.status)">
                                    <option value="1">Active</option>
                                    <option value="0">In active</option>
                                 </select>
                              </center>
                           </td>
                           <td>{{ mylist.Editby }}</td>
                           <td>
                              <center>
                                 <a class="cloneTool" ng-click="setForm(mylist.formid,'clone')"><i class="fa fa-files-o"></i></a>
                              </center>
                           </td>
                        </tr>
                     </table>
                  </td>
               </tr>
               <tr>
                  <td class="blankspace" colspan="2"></td>
               </tr>
               <tr>
                  <td colspan="2">
                     <div align="center">
                        <a class="btn btn-primary newform" ng-click="goPage(0)" swlang code="SW012840">New</a>
                     </div>
                  </td>
               </tr>
            </table>
         </div>
      <!-- </form> -->
      <!----------BEGIN CSC ENDING ZONE ------------------------>
      <%=screen.endJSP()%>
      <!----------END CSC ENDING ZONE -------------------------->
      </form>
   </body>
</html>