<!DOCTYPE html>
<%@ page contentType="text/html; charset=UTF-8" language="java" %>
<%@page import="com.csc.library.system.*,com.csc.library.utilities.*"%>
<%@page import="com.csc.library.entry.*,com.csc.library.database.*,com.csc.library.session.*,com.csc.library.report.ReportUDF" %>
<%
CheckNull chk = new CheckNull();
UProfile up = null;
if (session != null){
up = (UProfile)session.getAttribute("userprofile");
}
if (up == null){
return ;
}
%>
<html ng-app="Training">
<head>
<title>View Demo</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="<%=request.getContextPath()%>/CSS/font-awesome.css">
<link rel="stylesheet" type="text/css" href="../CSS/Bootstrap/css/bootstrap.css" />
<link rel="stylesheet" type="text/css" href="../CSS/EMPVIEW_LAYOUT.min.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_FORM/Module.Controller.js"></script>
<script type="text/javascript" src="JS/TRE021_FORM/ShowDemo.Controller.js"></script>
<script language='javascript'>setLang("<%=up.get("lang")%>");</script>
<style>
/*.detail{
text-indent: 60px !important;
font-size: 18px;
}*/
.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;
}
</style>
</head>
<body>
<input type="hidden" value='<%=chk.chkNullString(request.getParameter("__forms"))%>'>
<div class="bg-com"></div>
<section ng-controller = "ShowDemo">
{{ initForm() }}
{{ initLang("<%=up.get("lang")%>") }}
<div class="container csc-content">
<form class="forn-horizontal" name="cscform" method="post">
<div class="csc-block-white">
<div class="center">
<h3 class="subject-header">{{ getFormData("formSubject") }}</h3>
</div>
<div class="row">
<div class="col-md-1 col-sm-1 col-xs-1"></div>
<div class="col-md-10 col-sm-10 col-10">
<div class="input-custom detail-training">{{ getFormData("formDescription") }}</div>
</div>
</div>
<div class="blankspace"></div>
<div class="row" ng-if='formData.detailStatus == "1"'>
<div class="form-group">
<div class="col-md-1 col-sm-1 col-xs-1"></div>
<div class="col-md-7 col-sm-7 col-xs-7">
<md-input-container class="md-block fullwidth">
<label class="input-custom">{{ getFormData("formDetail") }}</label>
<input class="input-custom"></input>
</md-input-container>
</div>
<div class="col-md-3 col-sm-3 col-xs-3">
<md-input-container class="md-block fullwidth">
<label class="input-custom">
<span swlang code="SW012835">Years</span>
</label>
<input class="input-custom" ng-model="formData.years" disabled="true"></input>
</md-input-container>
</div>
</div>
</div>
<div class="row" ng-repeat="question in questionData">
<div class="row">
<div class="form-group">
<div class="col-md-1 col-sm-1 col-xs-1">
</div>
<div class="col-md-10 col-sm-10 col-xs-10">
<label class="input-custom label-question">{{ $index+1 }}. {{ getQuestionData(question.tqtopic) }} <span ng-if="question.tqrequire != 0">(require)</span></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-md-7 col-sm-7 col-xs-7"></div>
<div class="col-md-5 col-sm-5 col-xs-5">
<md-input-container class="md-block fullwidth">
<label class="input-custom" swlang code="SW012862">ลงชื่อผู้ตอบแบบสำรวจ</label>
<input class="input-custom"></input>
</md-input-container>
</div>
</div>
</div>
</div>
</form>
</div>
</section>
</body>
</html>