329 lines
20 KiB
Plaintext
329 lines
20 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="ENDR500Controller" 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 ? 'แก้ไข' : 'เพิ่ม'}} Oper ID
|
|
<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="insertEndrOperIdTabForm">
|
|
<fieldset class="form-group"
|
|
ng-init="setInsertEndrOperIdTabForm(insertEndrOperIdTabForm)">
|
|
<div class="row">
|
|
<div class="form-group col-sm-4">
|
|
<div class="input-group">
|
|
<span class="input-group-addon">Oper ID<em
|
|
style="color: #e40000">*</em></span>
|
|
<span ng-show="insertFlag == 1 && insertEndrOperIdTabForm.operid.$error.required"
|
|
style="color: #e40000">Oper ID required!!</span>
|
|
<input id="operid" name="operid" class="input-form-control"
|
|
ng-model="insertForm.operid" type="text"
|
|
maxlength="10" ng required/>
|
|
</div>
|
|
</div>
|
|
<div class="form-group col-sm-4">
|
|
<div class="input-group">
|
|
<span class="input-group-addon">User ID</span>
|
|
<input id="userid" name="userid" class="input-form-control"
|
|
ng-model="insertForm.userid"
|
|
type="text" maxlength="10"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div class="form-group col-sm-4">
|
|
<div class="input-group">
|
|
<span class="input-group-addon">Identified<em
|
|
style="color: #e40000">*</em></span>
|
|
<span ng-show="insertFlag == 1 && insertEndrOperIdTabForm.identifield.$error.required"
|
|
style="color: #e40000">Identified required!!</span>
|
|
<input id="identifield" name="identifield"
|
|
class="input-form-control"
|
|
ng-model="insertForm.identifield"
|
|
type="text" maxlength="10"
|
|
ng-disabled="isEditMode == true"
|
|
required/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="form-group col-sm-4">
|
|
<div class="input-group">
|
|
<span class="input-group-addon">Oper name</span>
|
|
<input id="operName" ng-model="insertForm.operName" 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">Depcode</span>
|
|
<input id="depcode" ng-model="insertForm.depcode" type="text"
|
|
maxlength="10" class="input-form-control"/>
|
|
</div>
|
|
</div>
|
|
<div class="form-group col-sm-4">
|
|
<div class="input-group">
|
|
<span class="input-group-addon">Team</span>
|
|
<input id="team" ng-model="insertForm.team" 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">Flag<em
|
|
style="color: #e40000">*</em></span>
|
|
<span ng-show="insertFlag == 1 && insertEndrOperIdTabForm.flag.$error.required"
|
|
style="color: #e40000">Flag required!!</span>
|
|
<select id="flag" name="flag" class="input-form-control"
|
|
ng-model="insertForm.flag"
|
|
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="doSaveOperIdTab()" 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()">
|
|
เพิ่ม Oper ID
|
|
</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;">
|
|
ค้นหา Oper ID
|
|
</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">Oper ID</span>
|
|
<input id="schOperId" ng-model="schForm.operid" type="text"
|
|
class="form-control"/>
|
|
</div>
|
|
</div>
|
|
<div class="form-group col-sm-4">
|
|
<div class="input-group">
|
|
<span class="input-group-addon">User ID</span>
|
|
<input id="schUserId" ng-model="schForm.userid" type="text"
|
|
class="form-control"/>
|
|
</div>
|
|
</div>
|
|
<div class="form-group col-sm-4">
|
|
<div class="input-group">
|
|
<span class="input-group-addon">identified</span>
|
|
<input id="schIdentified" ng-model="schForm.identifield" 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">Oper name</span>
|
|
<input id="schOperName" ng-model="schForm.operName" type="text"
|
|
class="form-control"/>
|
|
</div>
|
|
</div>
|
|
<div class="form-group col-sm-4">
|
|
<div class="input-group">
|
|
<span class="input-group-addon">depcode</span>
|
|
<input id="schDepcode" ng-model="schForm.depcode" type="text"
|
|
class="form-control"/>
|
|
</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">
|
|
<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="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">
|
|
<th width="5%;">
|
|
<div align="center">Oper ID</div>
|
|
</th>
|
|
<th width="10%;">
|
|
<div align="center">User ID</div>
|
|
</th>
|
|
<th width="10%;">
|
|
<div align="center">Identified</div>
|
|
</th>
|
|
<th width="35%;">
|
|
<div align="center">Oper Name</div>
|
|
</th>
|
|
<th width="10%;">
|
|
<div align="center">Depcode</div>
|
|
</th>
|
|
<th width="10%;">
|
|
<div align="center">Team</div>
|
|
</th>
|
|
<th width="10%;">
|
|
<div align="center">Flag</div>
|
|
</th>
|
|
<th width="10%;">
|
|
<div align="center">Edit</div>
|
|
</th>
|
|
|
|
<tr ng-show="searchFlag == '1' && onSearch == true">
|
|
<td style="color: black;" colspan="9" align="center">Loading ...</td>
|
|
</tr>
|
|
<tr ng-show="searchFlag == '1' && onSearch == false && endrPrintServerList.length == 0">
|
|
<td style="color: red" colspan="9" align="center">data not found</td>
|
|
</tr>
|
|
|
|
<tbody ng-show="searchFlag == '1' && onSearch == false && endrOperIdTabList.length > 0"
|
|
ng-repeat="data in endrOperIdTabList | slices:((currentPage1-1) * perPages):(((currentPage1-1) * perPages)+perPages) track by $index">
|
|
<tr>
|
|
<td align="center">{{data.operid}}</td>
|
|
<td align="center">{{data.userid}}</td>
|
|
<td align="center">{{data.identifield}}</td>
|
|
<td align="left">{{data.operName}}</td>
|
|
<td align="center">{{data.depcode}}</td>
|
|
<td align="left">{{data.team}}</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="endrOperIdTabList.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> |