281 lines
17 KiB
Plaintext
281 lines
17 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="ENDR700Controller" 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="insertTeamTabForm">
|
|
<fieldset class="form-group"
|
|
ng-init="setInsertEndrCodeForm(insertTeamTabForm)">
|
|
<div class="row">
|
|
<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 && insertTeamTabForm.team.$error.required"
|
|
style="color: #e40000">Team required!!</span>
|
|
<input id="team" name="team"
|
|
ng-model="insertForm.team" type="text"
|
|
ng-disabled="isEditMode"
|
|
maxlength="10"
|
|
class="input-form-control" required/>
|
|
</div>
|
|
</div>
|
|
<div class="form-group col-sm-4">
|
|
<div class="input-group">
|
|
<span class="input-group-addon">BPM Team<em style="color: #e40000">*</em></span>
|
|
<span ng-show="insertFlag == 1 && insertTeamTabForm.bpmTeam.$error.required"
|
|
style="color: #e40000">BPM Team required!!</span>
|
|
<input id="bpmTeam" name="bpmTeam"
|
|
ng-model="insertForm.bpmTeam"
|
|
type="text"
|
|
maxlength="250"
|
|
class="input-form-control" required/>
|
|
</div>
|
|
</div>
|
|
<div class="form-group col-sm-4">
|
|
<div class="input-group">
|
|
<span class="input-group-addon">Flag<em
|
|
style="color: #e40000">*</em></span>
|
|
<span ng-show="insertFlag == 1 && insertTeamTabForm.flag.$error.required"
|
|
style="color: #e40000">Flag required!!</span>
|
|
<select id="flag" name="flag"
|
|
ng-model="insertForm.flag"
|
|
class="input-form-control" required>
|
|
<option value="">กรุณาเลือก</option>
|
|
<option value="Y">ใช้งาน</option>
|
|
<option value="N">ไม่ใช้งาน</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="form-group col-sm-4">
|
|
<div class="input-group">
|
|
<span class="input-group-addon">Description<em style="color: #e40000">*</em></span>
|
|
<%--<span ng-show="insertFlag == 1 && insertTeamTabForm.bpmTeam.$error.required"--%>
|
|
<%--style="color: #e40000">Description required!!</span>--%>
|
|
<input id="description" name="description"
|
|
ng-model="insertForm.description"
|
|
type="text"
|
|
maxlength="250"
|
|
class="input-form-control" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row text-center">
|
|
<div type="button" ng-click="doSaveTeamTab()"
|
|
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">Team</span>
|
|
<input id="schTeam" ng-model="schForm.team" type="text"
|
|
class="form-control"/>
|
|
</div>
|
|
</div>
|
|
<div class="form-group col-sm-4">
|
|
<div class="input-group">
|
|
<span class="input-group-addon">BPM Team</span>
|
|
<input id="schBpmTeam" ng-model="schForm.bpmTeam" type="text"
|
|
class="form-control"/>
|
|
</div>
|
|
</div>
|
|
<div class="form-group col-sm-4">
|
|
<div class="input-group">
|
|
<span class="input-group-addon">Flag</span>
|
|
<select id="schflag" ng-model="schForm.flag"
|
|
class="form-control">
|
|
<option value="">ทั้งหมด</option>
|
|
<option value="Y">เฉพาะที่ใช้งาน</option>
|
|
<option value="N">เฉพาะที่ไม่ใช้งาน</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="form-group col-sm-4">
|
|
<div class="input-group">
|
|
<span class="input-group-addon">Description</span>
|
|
<input id="schDescription" ng-model="schForm.description" 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">Team</div>
|
|
</th>
|
|
<th width="10%;">
|
|
<div align="center">BPM Team</div>
|
|
</th>
|
|
<th width="60%;">
|
|
<div align="center">Description</div>
|
|
</th>
|
|
<th width="10%;">
|
|
<div align="center">Flag</div>
|
|
</th>
|
|
<th width="10%;">
|
|
<div align="center">Edit</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 && teamTabList.length == 0">
|
|
<tr>
|
|
<td style="color: red" colspan="9" align="center">data not found</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody ng-show="searchFlag == '1' && onSearch == false && teamTabList.length > 0"
|
|
ng-repeat="data in teamTabList | slices:((currentPage1-1) * perPages):(((currentPage1-1) * perPages)+perPages) track by $index">
|
|
<tr>
|
|
<td align="center">{{data.team}}</td>
|
|
<td align="center">{{data.bpmTeam}}</td>
|
|
<td align="left">{{data.description}}</td>
|
|
<td align="center">{{data.flag == 'Y'? 'ใช้งาน': 'ไม่ใช้งาน'}}</td>
|
|
<td align="center">
|
|
<button class="btn btn-warning" ng-click="doEdit(data)">
|
|
Edit
|
|
</button>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<%--// down page--%>
|
|
<div ng-show="teamTabList.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> |