297 lines
18 KiB
Plaintext
297 lines
18 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="ENDR600Controller" 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 ? 'แก้ไข' : 'เพิ่ม'}} CODE สลักหลัง
|
||
|
|
<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="insertEndrCodeForm">
|
||
|
|
<fieldset class="form-group"
|
||
|
|
ng-init="setInsertEndrCodeForm(insertEndrCodeForm)">
|
||
|
|
<div class="row">
|
||
|
|
<div class="form-group col-sm-4">
|
||
|
|
<div class="input-group">
|
||
|
|
<span class="input-group-addon">Endr Code<em
|
||
|
|
style="color: #e40000">*</em></span>
|
||
|
|
<span ng-show="insertFlag == 1 && insertEndrCodeForm.endrCode.$error.required"
|
||
|
|
style="color: #e40000">Endr Code required!!</span>
|
||
|
|
<input id="endrCode" name="endrCode"
|
||
|
|
ng-model="insertForm.endrCode" 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">Endr Desc</span>
|
||
|
|
<input id="endrDesc" name="endrDesc"
|
||
|
|
ng-model="insertForm.endrDesc"
|
||
|
|
type="text"
|
||
|
|
maxlength="250"
|
||
|
|
class="input-form-control" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="form-group col-sm-4">
|
||
|
|
<div class="input-group">
|
||
|
|
<span class="input-group-addon">Job Code</span>
|
||
|
|
<input id="jobCode" name="jobCode"
|
||
|
|
ng-model="insertForm.jobCode"
|
||
|
|
type="text"
|
||
|
|
maxlength="10"
|
||
|
|
class="input-form-control"/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="row">
|
||
|
|
<div class="form-group col-sm-4">
|
||
|
|
<div class="input-group">
|
||
|
|
<span class="input-group-addon">Job Desc</span>
|
||
|
|
<input id="jobDesc" name="jobDesc"
|
||
|
|
ng-model="insertForm.jobDesc"
|
||
|
|
type="text"
|
||
|
|
maxlength="250"
|
||
|
|
class="input-form-control"/>
|
||
|
|
</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 && insertEndrCodeForm.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 text-center">
|
||
|
|
<div type="button" ng-click="doSaveEndrCodeTab()" 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()">
|
||
|
|
เพิ่ม Code สลักหลัง
|
||
|
|
</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;">
|
||
|
|
ค้นหา Code สลักหลัง
|
||
|
|
</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">Endr Code</span>
|
||
|
|
<input id="schEndrCode" ng-model="schForm.endrCode" type="text"
|
||
|
|
class="form-control"/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="form-group col-sm-4">
|
||
|
|
<div class="input-group">
|
||
|
|
<span class="input-group-addon">Endr Desc</span>
|
||
|
|
<input id="schEndrDesc" ng-model="schForm.endrDesc" type="text"
|
||
|
|
class="form-control"/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="form-group col-sm-4">
|
||
|
|
<div class="input-group">
|
||
|
|
<span class="input-group-addon">Job Code</span>
|
||
|
|
<input id="schJobCode" ng-model="schForm.jobCode" type="text"
|
||
|
|
class="form-control"/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="row">
|
||
|
|
<div class="form-group col-sm-4">
|
||
|
|
<div class="input-group">
|
||
|
|
<span class="input-group-addon">Job Desc</span>
|
||
|
|
<input id="schJobDesc" ng-model="schForm.jobDesc" 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 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">Endr Code</div>
|
||
|
|
</th>
|
||
|
|
<th width="30%;">
|
||
|
|
<div align="center">Endr Desc</div>
|
||
|
|
</th>
|
||
|
|
<th width="10%;">
|
||
|
|
<div align="center">Job Code</div>
|
||
|
|
</th>
|
||
|
|
<th width="30%;">
|
||
|
|
<div align="center">Job Desc</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 && endrCodeTabList.length == 0">
|
||
|
|
<tr>
|
||
|
|
<td style="color: red" colspan="9" align="center">data not found</td>
|
||
|
|
</tr>
|
||
|
|
</tbody>
|
||
|
|
<tbody ng-show="searchFlag == '1' && onSearch == false && endrCodeTabList.length > 0"
|
||
|
|
ng-repeat="data in endrCodeTabList | slices:((currentPage1-1) * perPages):(((currentPage1-1) * perPages)+perPages) track by $index">
|
||
|
|
<tr>
|
||
|
|
<td align="center">{{data.endrCode}}</td>
|
||
|
|
<td align="left">{{data.endrDesc}}</td>
|
||
|
|
<td align="center">{{data.jobCode}}</td>
|
||
|
|
<td align="left">{{data.jobDesc}}</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="endrCodeTabList.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>
|