259 lines
15 KiB
Plaintext
259 lines
15 KiB
Plaintext
<%@page language="java" contentType="text/html;charset=utf-8" pageEncoding="UTF-8" %>
|
|
<style type="text/css">
|
|
.input-form-control {
|
|
display: block;
|
|
width: 100%;
|
|
height: 34px;
|
|
padding: 6px 12px;
|
|
font-size: 14px;
|
|
line-height: 1.42857143;
|
|
color: #555;
|
|
background-color: #fff;
|
|
background-image: none;
|
|
border: 1px solid #ccc;
|
|
/*border-radius: 4px;*/
|
|
border-top-right-radius: 4px;
|
|
border-bottom-right-radius: 4px;
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
|
|
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
|
|
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
|
|
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
|
|
}
|
|
|
|
.input-form-control[disabled],
|
|
fieldset[disabled] .input-form-control {
|
|
cursor: not-allowed;
|
|
background-color: #eee;
|
|
opacity: 1;
|
|
}
|
|
</style>
|
|
<div ng-controller="ENDR800Controller" class="skin-black">
|
|
|
|
<jsp:include page="TOP_MENU.jsp"/>
|
|
|
|
<div class="wrapper row-offcanvas row-offcanvas-left">
|
|
<!-- Left side column. contains the logo and sidebar -->
|
|
<jsp:include page="LEFT_MENU.jsp"/>
|
|
|
|
<!-- Right side column. Contains the navbar and content of the page -->
|
|
|
|
<aside class="right-side">
|
|
<!-- Insert Panel -->
|
|
<section class="content" style="margin-bottom: -20px; margin-top: -20px;">
|
|
|
|
<div class="row" style="overflow: hidden;" ng-style="openInsertPanel ? showPanelStyle : hidePanelStyle">
|
|
<div class="col-xs-12">
|
|
<div class="panel">
|
|
<header class="panel-heading">
|
|
{{isEditMode ? 'แก้ไข' : 'เพิ่ม'}}สิทธิ์ทีมสลักหลัง
|
|
<button class="btn btn-default pull-right" style="margin-top:-7px;"
|
|
ng-click="doCloseInsertPanel()">X
|
|
</button>
|
|
</header>
|
|
<%--INSERT--%>
|
|
<div class="panel-body table-responsive">
|
|
<form novalidate name="insertEndrProvincialTeamForm">
|
|
<fieldset class="form-group"
|
|
ng-init="setInsertEndrProvincialTeamForm(insertEndrProvincialTeamForm)">
|
|
<div class="row">
|
|
<div class="form-group col-sm-4" ng-show="isEditMode">
|
|
<div class="input-group">
|
|
<span class="input-group-addon">ID</span>
|
|
<input id="id" name="id"
|
|
ng-model="insertForm.id"
|
|
type="text"
|
|
maxlength="250"
|
|
class="input-form-control" ng-disabled="true"/>
|
|
</div>
|
|
</div>
|
|
<div class="form-group col-sm-4">
|
|
<div class="input-group">
|
|
<span class="input-group-addon">Provincial ID<em
|
|
style="color: #e40000">*</em></span>
|
|
<span ng-show="insertFlag == 1 && insertEndrProvincialTeamForm.provincialId.$error.required"
|
|
style="color: #e40000">Provincial ID required!!</span>
|
|
<select id="provincialId" name="provincialId"
|
|
ng-model="insertForm.provincialId"
|
|
class="input-form-control"
|
|
data-placeholder="---Select---"
|
|
chosen="endrProvincialList"
|
|
disable-search="false"
|
|
allow-single-deselect="true"
|
|
unselect
|
|
ng-options="n.provincialId as n.provincialId+' : '+n.provincialDesc for n in endrProvincialList"
|
|
required
|
|
>
|
|
<option value="">กรุณาเลือก</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="form-group col-sm-4">
|
|
<div class="input-group">
|
|
<span class="input-group-addon">Team<em
|
|
style="color: #e40000">*</em></span>
|
|
<span ng-show="insertFlag == 1 && insertEndrProvincialTeamForm.team.$error.required"
|
|
style="color: #e40000">Team required!!</span>
|
|
<input id="team" name="team"
|
|
ng-model="insertForm.team"
|
|
type="text"
|
|
maxlength="250"
|
|
class="input-form-control" required/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row text-center">
|
|
<div type="button" ng-click="doSaveEndrProvincialTeamTab()"
|
|
class="btn btn-info btn-sm"
|
|
style="width: 55px; height: 30px;">Save
|
|
</div>
|
|
<div type="button" ng-click="doClearInsert()" class="btn btn-warning btn-sm"
|
|
style="width: 55px; height: 30px;">Cancel
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
</div>
|
|
|
|
</div><!-- /.box -->
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-12">
|
|
<button class="btn btn-primary pull-right" ng-show="openInsertPanel == false"
|
|
ng-click="doOpenInsertPanel()">
|
|
เพิ่มสิทธิ์ทีมสลักหลัง
|
|
</button>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<!-- Search Panel -->
|
|
<section class="content">
|
|
<div class="row">
|
|
<div class="col-xs-12">
|
|
<div class="panel">
|
|
<header class="panel-heading" style="border-top: 1px solid #eee;">
|
|
ค้นหาสิทธิ์ทีมสลักหลัง
|
|
</header>
|
|
<%--Search--%>
|
|
<div class="panel-body table-responsive">
|
|
|
|
<fieldset class="form-group">
|
|
<div class="row">
|
|
<div class="form-group col-sm-4">
|
|
<div class="input-group">
|
|
<span class="input-group-addon">Provincial ID</span>
|
|
<select id="schProvincialId" name="schProvincialId"
|
|
ng-model="schForm.provincialId"
|
|
class="form-control"
|
|
data-placeholder="---Select---"
|
|
chosen="endrProvincialList"
|
|
disable-search="false"
|
|
allow-single-deselect="true"
|
|
unselect
|
|
ng-options="n.provincialId as n.provincialId+' : '+n.provincialDesc for n in endrProvincialList"
|
|
>
|
|
<option value="">ทั้งหมด</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="form-group col-sm-4">
|
|
<div class="input-group">
|
|
<span class="input-group-addon">Team</span>
|
|
<input id="schTeam" ng-model="schForm.team" type="text"
|
|
class="form-control"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row text-center">
|
|
<div type="button" ng-click="doSearch()" class="btn btn-info btn-sm"
|
|
style="width: 55px; height: 30px;">Search
|
|
</div>
|
|
<div type="button" ng-click="doClearSch()" class="btn btn-warning btn-sm"
|
|
style="width: 55px; height: 30px;">Cancel
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
|
|
<fieldset>
|
|
<table class="table table-hover" width="97%" id="result">
|
|
<thead>
|
|
<th width="10%;">
|
|
<div align="center">ID</div>
|
|
</th>
|
|
<th width="10%;">
|
|
<div align="center">Provincial ID</div>
|
|
</th>
|
|
<th width="30%;">
|
|
<div align="center">Team</div>
|
|
</th>
|
|
<th width="10%;">
|
|
<div align="center">Edit / Delete</div>
|
|
</th>
|
|
</thead>
|
|
|
|
<tbody ng-show="searchFlag == '1' && onSearch == true">
|
|
<tr>
|
|
<td style="color: black;" colspan="9" align="center">Loading ...</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody ng-show="searchFlag == '1' && onSearch == false && endrProvincialTeamList.length == 0">
|
|
<tr>
|
|
<td style="color: red" colspan="9" align="center">data not found</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody ng-show="searchFlag == '1' && onSearch == false && endrProvincialTeamList.length > 0"
|
|
ng-repeat="data in endrProvincialTeamList | slices:((currentPage1-1) * perPages):(((currentPage1-1) * perPages)+perPages) track by $index">
|
|
<tr>
|
|
<td align="center">{{data.id}}</td>
|
|
<td align="left">{{getProvincialDesc(data.provincialId)}}</td>
|
|
<td align="left">{{data.team}}</td>
|
|
<td align="center">
|
|
<button class="btn btn-warning" ng-click="doEdit(data)">
|
|
Edit
|
|
</button>
|
|
<button class="btn btn-danger" ng-click="doDelete(data)" style="margin-left: 10px;">
|
|
Delete
|
|
</button>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<%--// down page--%>
|
|
<div ng-show="endrProvincialTeamList.length > 0">
|
|
<!-- total-items="totalItems1" max-size="maxSize" num-pages="40"-->
|
|
<pagination total-items="totalItems1" ng-model="currentPage1"
|
|
items-per-page="perPages"
|
|
max-size="maxSize" class="pagination-sm"
|
|
boundary-links="true" rotate="false"
|
|
>
|
|
</pagination>
|
|
</div>
|
|
<%--// End down page--%>
|
|
|
|
</fieldset>
|
|
|
|
</div><!-- /.box-body -->
|
|
</div><!-- /.box -->
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<footer style="width:100%;
|
|
height:30px;
|
|
position:fixed;
|
|
bottom:0;
|
|
left:0;
|
|
background:#aaaaaa;
|
|
text-align: center;
|
|
border-top: 1px solid #aaaaaa;
|
|
padding-top: 5px;
|
|
color: #f012be;
|
|
">
|
|
Copyright © Director, 2015 by PRINT ENDR
|
|
</footer>
|
|
</aside><!-- /.right-side -->
|
|
</div>
|
|
|
|
</div> |