<!DOCTYPE html>
<%@page contentType="text/html; charset=UTF-8"%>
<%@page import="com.csc.library.session.*"%>
<%@page import="com.csc.library.entry.*"%>
<%@page import="com.csc.library.utilities.*"%>
<%
UProfile up = null;
if (session != null){
up = (UProfile)session.getAttribute("userprofile");
}
%>
<html ng-app='EXAM'>
<head>
<link href="../CSS/TISCO.css" rel="stylesheet" type="text/css" />
<link href="../JS/QueryBuilder/bootstrap-3.3.5/css/bootstrap.css" rel="stylesheet" />
<script type="text/javascript" src='../JS/jquery-2.1.3.min.js'></script>
<script src="../JS/bootstrap.min.js"></script>
<script src='../JS/SCREEN.js'></script>
<script src="../JS/SWAPLANG_FREEDOM.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='JS/Module.js'></script>
<script type='text/javascript' src='JS/services.js'></script>
<script type='text/javascript' src='JS/EXAM002/Exam002Add.Controller.js'></script>
<style>
img[height="20"] {
padding: 0px;
}
.table > tbody > tr > td {
padding: 4px;
border: 1px solid #CBC5C5;
vertical-align: middle;
}
.valign-center {
vertical-align: middle;
}
p {
margin: 0px;
}
.detailHeader {
text-align: center;
background-color: #5992CB;
color: #FFFFFF;
}
td.header {
color: #ffffff;
font-weight: bold;
background-color: #336699;
text-align: right;
height: 22px;
border: none;
}
.btn-sm,
.btn-group-sm > .btn {
padding: 3px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
</style>
<script>setLangSwapLang("<%=up.get("lang")%>");</script>
<script>setLang("<%=up.get("lang")%>")</script>
</head>
<body ng-controller='Exam002Add'>
<br/>
<div class="container">
<div id="toolTipLayer" style="position:absolute; visibility: hidden"></div>
<script>initToolTips();</script>
<form role="form" id="cscform" name="cscform">
<table id="tb" class="table">
<tbody>
<tr>
<td colspan="4" class="header">EXAM002_ADD, <script>swLang('SELECT');</script>ทะเบียนหัวข้อ</td>
</tr>
<tr>
<td class="detailHeader"><script>swLang('SELECT');</script></td>
<td class="detailHeader"><script>swLang('QUESTIONID');</script></td>
<td class="detailHeader"><script>swLang('DETAIL');</script></td>
<td class="detailHeader"><script>swLang('SCORE');</script></td>
</tr>
<tr ng-repeat='q3 in questset3'>
<td class='text-center'><input type='checkbox' ng-model='q3.ischeck' value='{{ q3.questionset3id }}'/></td>
<td>{{ q3.questionset3id }}</td>
<td>
<strong>{{ q3.questionset3_name }}</strong>
<ol ng-if='q3.question_type == 0' ng-repeat='q4 in q3.questionset4'>
<strong>{{ q4.questionset4_name }}</strong>
<ol>
<li ng-repeat='q in q4.question_body' ng-bind-html='q.question'></li>
</ol>
</ol>
<ol ng-if='q3.question_type == 1'>
<li ng-repeat='q in q3.question_body' ng-bind-html='q.question'></li>
</ol>
</td>
<td class='text-center'>{{ q3.total_score }}</td>
</tr>
<tr>
<td colspan="4" class="text-center" style="height: 50px;">
<button type="button" id="selectAll" class="btn btn-primary btn-sm" ng-click="selectAll()">
<span class="glyphicon glyphicon-asterisk"></span> Select All
</button>
<button type="button" id="deselectAll" class="btn btn-primary btn-sm" ng-click="deSelectAll()">
<span class="glyphicon glyphicon-ban-circle"></span> Deselect All
</button>
<button type="button" id="add" class="btn btn-primary btn-sm">
<span class="glyphicon glyphicon-plus"></span> Add
</button>
<button type="button" id="close" class="btn btn-primary btn-sm">
<span class="glyphicon glyphicon-remove" ng-click="close()"></span> Close
</button>
</td>
</tr>
<tr>
<td colspan="4" style="background-color: #336699;height: 12px;"></td>
</tr>
</tbody>
</table>
</form>
</div>
<script type='text/javascript'>
$(document).ready(function(){
$('#add').click(function(){
var result = '';
var scope = angular.element($('form[name="cscform"]')).scope();
scope.$apply(function(){
result = scope.checkSelect();
});
window.opener.putNewChild(result);
window.close();
});
$('#close').click(function(){
window.close();
});
});
</script>
</body>
</html>