370 lines
24 KiB
Plaintext
370 lines
24 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="ENDR300Controller" 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">
|
|
เพิ่มเครื่องพิมพ์
|
|
<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="insertEndrPrintServerForm">
|
|
<fieldset class="form-group"
|
|
ng-init="setInsertEndrPrintServerForm(insertEndrPrintServerForm)">
|
|
<div class="row">
|
|
<div class="form-group col-sm-4">
|
|
<div class="input-group">
|
|
<span class="input-group-addon">Server Name<em
|
|
style="color: #e40000">*</em></span>
|
|
<span ng-show="insertFlag == 1 && insertEndrPrintServerForm.serverName.$error.required"
|
|
style="color: #e40000">Server Name required!!</span>
|
|
<input id="serverName" name="serverName"
|
|
ng-model="insertForm.serverName" type="text"
|
|
class="input-form-control" required/>
|
|
</div>
|
|
</div>
|
|
<div class="form-group col-sm-4">
|
|
<div class="input-group">
|
|
<span class="input-group-addon">Printer Name<em
|
|
style="color: #e40000">*</em></span>
|
|
<span ng-show="insertFlag == 1 && insertEndrPrintServerForm.printerName.$error.required"
|
|
style="color: #e40000">Printer Name required!!</span>
|
|
<input id="printerName" name="printerName"
|
|
ng-model="insertForm.printerName"
|
|
type="text"
|
|
class="input-form-control" required/>
|
|
</div>
|
|
</div>
|
|
<div class="form-group col-sm-4">
|
|
<div class="input-group">
|
|
<span class="input-group-addon">Status<em
|
|
style="color: #e40000">*</em></span>
|
|
<span ng-show="insertFlag == 1 && insertEndrPrintServerForm.statusFlag.$error.required"
|
|
style="color: #e40000">Status required!!</span>
|
|
<select id="statusFlag" name="statusFlag"
|
|
ng-model="insertForm.statusFlag"
|
|
class="input-form-control" required>
|
|
<option value="">กรุณาเลือก</option>
|
|
<option value="1">ใช้งาน</option>
|
|
<option value="0">ไม่ใช้งาน</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="form-group col-sm-4">
|
|
<div class="input-group">
|
|
<span class="input-group-addon">FTP Username<em
|
|
style="color: #e40000">*</em></span>
|
|
<span ng-show="insertFlag == 1 && insertEndrPrintServerForm.ftpUsername.$error.required"
|
|
style="color: #e40000">FTP Username required!!</span>
|
|
<input id="ftpUsername" name="ftpUsername"
|
|
ng-model="insertForm.ftpUsername"
|
|
type="text"
|
|
class="input-form-control" required/>
|
|
</div>
|
|
</div>
|
|
<div class="form-group col-sm-4">
|
|
<div class="input-group">
|
|
<span class="input-group-addon">FTP Password<em
|
|
style="color: #e40000">*</em></span>
|
|
<span ng-show="insertFlag == 1 && insertEndrPrintServerForm.ftpPassword.$error.required"
|
|
style="color: #e40000">FTP Password required!!</span>
|
|
<input id="ftpPassword" name="ftpPassword"
|
|
ng-model="insertForm.ftpPassword"
|
|
type="text"
|
|
class="input-form-control" required/>
|
|
</div>
|
|
</div>
|
|
<div class="form-group col-sm-4">
|
|
<div class="input-group">
|
|
<span class="input-group-addon">FTP Directory<em
|
|
style="color: #e40000">*</em></span>
|
|
<span ng-show="insertFlag == 1 && insertEndrPrintServerForm.ftpDirectory.$error.required"
|
|
style="color: #e40000">FTP Directory required!!</span>
|
|
<input id="ftpDirectory" name="ftpDirectory"
|
|
ng-model="insertForm.ftpDirectory"
|
|
type="text"
|
|
class="input-form-control" required/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="form-group col-sm-4">
|
|
<div class="input-group">
|
|
<span class="input-group-addon">IP Address UAT<em
|
|
style="color: #e40000">*</em></span>
|
|
<span ng-show="insertFlag == 1 && insertEndrPrintServerForm.ipAddrUat.$error.required"
|
|
style="color: #e40000">IP Address UAT required!!</span>
|
|
<input id="ipAddrUat" name="ipAddrUat"
|
|
ng-model="insertForm.ipAddrUat" type="text"
|
|
class="input-form-control" required/>
|
|
</div>
|
|
</div>
|
|
<div class="form-group col-sm-4">
|
|
<div class="input-group">
|
|
<span class="input-group-addon">IP Address Production<em
|
|
style="color: #e40000">*</em></span>
|
|
<span ng-show="insertFlag == 1 && insertEndrPrintServerForm.ipAddrProd.$error.required"
|
|
style="color: #e40000">IP Address Production required!!</span>
|
|
<input id="ipAddrProd" name="ipAddrProd"
|
|
ng-model="insertForm.ipAddrProd" type="text"
|
|
class="input-form-control" required/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row text-center">
|
|
<div type="button" ng-click="doSavePrinter()" 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">Server Name</span>
|
|
<input id="schServerName" ng-model="schForm.serverName" type="text"
|
|
class="form-control"/>
|
|
</div>
|
|
</div>
|
|
<div class="form-group col-sm-4">
|
|
<div class="input-group">
|
|
<span class="input-group-addon">Printer Name</span>
|
|
<input id="schPrinterName" ng-model="schForm.printerName" type="text"
|
|
class="form-control"/>
|
|
</div>
|
|
</div>
|
|
<div class="form-group col-sm-4">
|
|
<div class="input-group">
|
|
<span class="input-group-addon">Status<em style="color: #e40000">*</em></span>
|
|
<select id="schStatusFlag" ng-model="schForm.statusFlag"
|
|
class="form-control">
|
|
<option value="">ทั้งหมด</option>
|
|
<option value="1">เฉพาะที่ใช้งาน</option>
|
|
<option value="0">เฉพาะที่ไม่ใช้งาน</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="form-group col-sm-4">
|
|
<div class="input-group">
|
|
<span class="input-group-addon">IP Address UAT</span>
|
|
<input id="schIpAddrUAT" ng-model="schForm.ipAddrUAT" type="text"
|
|
class="form-control"/>
|
|
</div>
|
|
</div>
|
|
<div class="form-group col-sm-4">
|
|
<div class="input-group">
|
|
<span class="input-group-addon">IP Address Prod</span>
|
|
<input id="schIpAddrProd" ng-model="schForm.ipAddrProd" 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">FTP Username</span>
|
|
<input id="schFtpUsername" ng-model="schForm.ftpUsername" type="text"
|
|
class="form-control"/>
|
|
</div>
|
|
</div>
|
|
<div class="form-group col-sm-4">
|
|
<div class="input-group">
|
|
<span class="input-group-addon">FTP Password</span>
|
|
<input id="schFtpPassword" ng-model="schForm.ftpPassword" type="text"
|
|
class="form-control"/>
|
|
</div>
|
|
</div>
|
|
<div class="form-group col-sm-4">
|
|
<div class="input-group">
|
|
<span class="input-group-addon">FTP Directory</span>
|
|
<input id="schFtpDirectory" ng-model="schForm.ftpDirectory" 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">
|
|
<th width="5%;">
|
|
<div align="center">Server ID</div>
|
|
</th>
|
|
<th width="10%;">
|
|
<div align="center">Server Name</div>
|
|
</th>
|
|
<th width="20%;">
|
|
<div align="center">Printer Name</div>
|
|
</th>
|
|
<th width="10%;">
|
|
<div align="center">IP Address UAT</div>
|
|
</th>
|
|
<th width="10%;">
|
|
<div align="center">IP Address Prod</div>
|
|
</th>
|
|
<th width="10%;">
|
|
<div align="center">FTP Username</div>
|
|
</th>
|
|
<th width="10%;">
|
|
<div align="center">FTP Password</div>
|
|
</th>
|
|
<th width="10%;">
|
|
<div align="center">FTP Directory</div>
|
|
</th>
|
|
<th width="10%;">
|
|
<div align="center">Status</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 && endrPrintServerList.length > 0"
|
|
ng-repeat="data in endrPrintServerList | slices:((currentPage1-1) * perPages):(((currentPage1-1) * perPages)+perPages) track by $index">
|
|
<tr>
|
|
<td align="right">{{data.serverId}}</td>
|
|
<td align="left">{{data.serverName}}</td>
|
|
<td align="left">{{data.printerName}}</td>
|
|
<td align="left">{{data.ipAddrUat}}</td>
|
|
<td align="left">{{data.ipAddrProd}}</td>
|
|
<td align="left">{{data.ftpUsername}}</td>
|
|
<td align="left">{{data.ftpPassword}}</td>
|
|
<td align="left">{{data.ftpDirectory}}</td>
|
|
<td align="center">{{data.statusFlag == 1? 'ใช้งาน': 'ไม่ใช้งาน'}}</td>
|
|
<td align="center">
|
|
<button class="btn btn-warning" ng-click="doEdit(data)">
|
|
Edit
|
|
</button>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<%--// down page--%>
|
|
<div ng-show="endrPrintServerList.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> |