<!DOCTYPE html>
<%@ page contentType="text/html; charset=UTF-8" language="java" pageEncoding="UTF-8" %>
<%@page import="com.csc.library.system.*,com.csc.library.utilities.*,com.csc.library.session.*"%>
<%
UProfile up = null;
if (session != null){
up = (UProfile) session.getAttribute("userprofile");
}
if (up == null){
return;
}
CheckNull chk = new CheckNull();
String surveyid = chk.chkNullString(request.getParameter("__surveyid"),"");
%>
<html ng-app="Training">
<head>
<link rel="stylesheet" href="../CSS/TISCO.css">
<link rel="stylesheet" type="text/css" href="../CSS/EMPVIEW_LAYOUT.min.css" />
<link rel="stylesheet" href="../CSS/font-awesome.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/TRE022/Module.Controller.js"></script>
<script type="text/javascript" src="JS/TRE022/services.js"></script>
<script type="text/javascript" src="JS/TRE022/SurveyData.Controller.js"></script>
<script type='text/javascript' src='../JS/ICONSMENU.js'></script>
<script type="text/javascript" src="../JS/HOTKEY.js"></script>
<script type="text/javascript">setLang("<%=up.get("lang")%>")</script>
<style>
td{
color: #2C2C2C;
}
.detail-training{
text-indent: 60px !important;
font-size: 18px;
}
.fullwidth{
width: 100%;
}
.halfwidth{
width: 45%;
}
.floatright{
float: right;
}
.label-subject{
font-size: 30px;
}
.input-custom{
font-size: 18px;
}
.subject-header{
font-size: 32px;
}
.label-question{
font-weight: bold !important;
}
.blankspace{
margin-top: 30px;
margin-bottom: 30px;
}
.bg-com{
height: auto !important;
}
.font-bold{
font-weight: bold;
}
.shift-table{
text-indent: 30px;
}
.subgroup{
font-size: 16px;
}
.md-table-input{
margin: 0px !important;
}
.md-table-input .md-errors-spacer{
min-width: 0px !important;
}
.md-table-input .md-input{
text-align: center;
}
md-checkbox.md-default-theme[disabled] .md-label, md-checkbox[disabled] .md-label{
color: rgba(0, 0, 0, 0.76) !important;
}
md-radio-group.md-default-theme[disabled], md-radio-group[disabled], md-radio-button.md-default-theme[disabled], md-radio-button[disabled]{
color: rgba(0, 0, 0, 0.76) !important;
}
md-input-container.md-default-theme .md-input[disabled], md-input-container .md-input[disabled], md-input-container.md-default-theme .md-input [disabled], md-input-container .md-input [disabled]{
color: rgba(0, 0, 0, 0.76) !important;
}
input:disabled:not([type]), input[type="color"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="email"]:disabled, input[type="month"]:disabled, input[type="password"]:disabled, input[type="number"]:disabled, input[type="search"]:disabled,
input[type="tel"]:disabled, input[type="text"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="week"]:disabled, textarea:disabled, select:disabled{
background-color: inherit !important;
}
</style>
</head>
<body ng-controller="SurveyData">
{{ initLang("<%=up.get("lang")%>") }}
{{ initSurvey("<%=surveyid%>") }}
<form class="form-horizontal" name="cscform" id="cscform">
<br>
<div align="center">
<table cellpadding="0" cellspacing="0" class="maxsize">
<tr>
<td class="header">TRE022_FORM, TRE022_FORM</td>
</tr>
<tr>
<td class="blankspace"></td>
</tr>
<tr>
<td>
<div class="row">
<div class="center">
<h2>{{ getFormData(formData.formSubject) }}</h2>
</div>
</div>
<div class="row">
<div class="form-group">
<div class="col-xs-1 col-sm-1 col-md-1"></div>
<div class="col-xs-10 col-sm-10 col-md-10">
<div class="input-custom"> {{ getFormData(formData.formDescription) }}</div>
</div>
</div>
</div>
<div class="row" ng-if="formData.detailStatus == '1'">
<div class="form-group">
<div class="col-xs-1 col-sm-1 col-md-1"></div>
<div class="col-xs-7 col-sm-7 col-md-7">
<md-input-container class="md-block fullwidth">
<label class="input-custom">{{ getFormData(formData.formDetail) }}</label>
<input type="text" class="input-custom" ng-model="formData.formDetail.value" ng-disabled="formData.savestatus == '1' || formData.savestatus == '2'" />
</md-input-container>
</div>
<div class="col-xs-3 col-sm-3 col-md-3">
<md-input-container class="md-block fullwidth">
<label class="input-custom" swlang code="SW012835">Years</label>
<input type="text" class="input-custom" ng-model="formData.years" disabled="true" />
</md-input-container>
</div>
</div>
</div>
<div class="row" ng-repeat="question in questionData">
<div class="row">
<div class="form-group">
<div class="col-xs-1 col-sm-1 col-md-1"></div>
<div class="col-xs-10 col-sm-10 col-md-10">
<label class="input-custom abel-question">{{ $index+1 }}. {{ getQuestionData(question.tqtopic) }} <span ng-if="question.tqrequire != 0">(require)</span></label></label>
</div>
</div>
</div>
<showtext ng-if="question.type == 1"></showtext>
<showchoice ng-if="question.type == 2 || question.type == 3"></showchoice>
<showtable ng-if="question.type == 4 || question.type == 5 || question.type == 7"></showtable>
<showsubquestion ng-if="question.type == 6"></showsubquestion>
</div>
<div class="row" ng-if="formData.footerStatus == '1'">
<div class="form-group">
<div class="col-xs-7 col-sm-7 col-md-7"></div>
<div class="col-xs-5 col-sm-5 col-md-5">
<md-input-container class="md-block fullwidth">
<label class="input-custom" swlang code="SW012862">ลงชื่อผู้ตอบแบบสำรวจ</label>
<input type="text" class="input-custom" ng-model="formData.signature" ng-disabled="formData.savestatus == '1' || formData.savestatus == '2'">
</md-input-container>
</div>
</div>
</div>
</td>
</tr>
</table>
</div>
</form>
</body>
</html>