Check server response of
Server response
NS records
Whois domain
302 Found - symdb.com
HTTP Status: 302
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
Date: Sat, 17 May 2025 10:06:31 GMT
Server: Apache
X-Frame-Options: SAMEORIGIN
Location: https://www.symdb.com
Content-Length: 205
Content-Type: text/html; charset=iso-8859-1
HTTP Code 302 Found (Moved Temporarily)
302 Found indicates that the requested resource is temporarily available at a different URL.
When is Code 302 used?
- When temporarily changing a page URL
- When testing new content
- During temporary maintenance
What does Code 302 mean for the user?
The user is automatically redirected to the new URL, but search engines continue to index the old address.
200 OK - https://www.symdb.com
HTTP Status: 200
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
Date: Sat, 17 May 2025 10:06:32 GMT
Server: Apache
X-Frame-Options: SAMEORIGIN
Expires: Thu, 19 Nov 1981 08:52:00 GMT
Cache-Control: no-store, no-cache, must-revalidate
Pragma: no-cache
Set-Cookie: DCSESSID=kb3ii3itos73dkma9d9ptveb06; path=/; secure; HttpOnly;HttpOnly;Secure
X-XSS-Protection: 1; mode=block
Transfer-Encoding: chunked
Content-Type: text/html; charset=UTF-8
HTTP Code 200 OK
200 OK is a standard successful HTTP server response. It means that the client’s request (e.g., from a browser) was successfully processed, and the server is delivering the requested data.
When is Code 200 used?
- When loading a web page
- When successfully receiving an API response
- When processing a form or another HTTP request
What does Code 200 mean for the user?
The user receives content without errors, and the page or application functions properly. If Code 200 is accompanied by data, the browser or program processes and displays it to the user.
GET / HTTP/1.1 Host: symdb.com Accept: */* User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
<!DOCTYPE html>
<!--
Copyright (c) 2015. PT Docentron Trd Indonesia. All rights reserved.
This material may not be reproduced, displayed, modified or distributed without
the express prior written permission of the copyright holder.
-->
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title itemprop="name">KOPO EPM</title>
<meta id="mdescription" name="description" content="KOPO Enterprise Project Management for GS Battery">
<meta id="mauthor" name="author" content="PT Docentron Trd Indonesia">
<meta name="copyright" content="PT Docentron Trd Indonesia">
<meta id="mkeywords" name="keywords" content="engineering portals, equipment calibration service, battery testing service">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta id="og-title" property="og:title" content="KOPO EPM" />
<meta id="og-desc" property="og:description" content="KOPO Enterprise Project Management for GS Battery" />
<meta id="og-type" property="og:type" content="website" />
<meta property="og:site_name" content="KOPO EPM" />
<meta id="og-url" property="og:url" content="http://localhost" />
<meta id="og-image0" property="og:image" content="https://www.symdb.com/site_gsbat/images/gs/logo100x80.png" />
<meta id="og-image" property="og:image:secure_url" content="https://www.symdb.com/site_gsbat/images/gs/logo100x80.png" />
<meta property="og:image:type" content="image/png" />
<meta property="og:image:alt" content="KOPO Enterprise Project Management for GS Battery" />
<link id="mclink" rel="canonical" href="https://www.symdb.com/">
<!-- css -->
<!-- <link href="--><!--/assets/fonts/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet">-->
<link href="https://www.symdb.com/assets/fonts/fontawesome-free-5.15.1/css/fontawesome.min.css" rel="stylesheet">
<!-- <link href="https://fonts.googleapis.com/css?family=Handlee|Open+Sans:300,400,600,700,800" rel="stylesheet">-->
<link href="https://www.symdb.com/assets/themes/th_sm_rFfwhf113/style.css" rel="stylesheet" />
<link rel="stylesheet" href="https://www.symdb.com/assets/themes/mutilevel_sidebar/./dist/sidebar-menu.css">
<!-- <link href="--><!--/assets/js/bootstraptable3/bootstrap-table.css" rel="stylesheet">-->
<link href="https://www.symdb.com/assets/js/bootstraptable4/bootstrap-table.min.css" rel="stylesheet">
<link href="https://www.symdb.com/assets/css/datepicker3.css" rel="stylesheet">
<link href="https://www.symdb.com/assets/templates/tinymcetmp.css" rel="stylesheet">
<link href="https://www.symdb.com/assets/ib_lib/register.css" rel="stylesheet">
<link href="https://www.symdb.com/assets/ib_lib/ib_lib.css?v=1010863304" rel="stylesheet" type="text/css">
<link href="https://www.symdb.com/assets/ib_lib/ec_lib.css?v=2077572226" rel="stylesheet">
<link href="https://www.symdb.com/epm/css/epm.css?v=1954414156" rel="stylesheet" type="text/css">
<link href="https://www.symdb.com/site_gsbat/css/app.css?v=377677373" rel="stylesheet" type="text/css">
<link rel="shortcut icon" type="image/png" href="https://www.symdb.com/site_gsbat/images/favicon.png">
</head>
<body>
<!-- Preloader -->
<div id="preloader">
<div class="south-load"></div>
</div>
<div class="cookie-accept position-fixed mw-25 bg-primary text-white rounded-top pt-2 pr-3 pl-3 pb-2" style="display: none">
<h5>This site uses cookies</h5>
<p>We - <em>and our partners</em> - use cookies to deliver our services and to show you ads based on your interests. Information about cookies and their deactivation you can find in our Privacy Policy. By using our website, you agree to the use of cookies.</p>
<a href="javascript:ibAcceptCookie()" class="btn btn-outline-light btn-block">Accept & Close</a>
</div>
<!-- ##### Header Area Start ##### -->
<header class="header-area sm-theme-area">
<!-- Main Header Area -->
<div class="main-header-area" id="stickyHeader">
<div class="classy-nav-container breakpoint-off">
<!-- Classy Menu -->
<nav class="classy-navbar justify-content-between" id="southNav">
<!-- Logo -->
<a class="nav-brand" href="https://www.symdb.com">
<img src="https://www.symdb.com/site_gsbat/images/gs/logo100x80.png" alt="" style="height: 60px">
</a>
<!-- Navbar Toggler -->
<div class="classy-navbar-toggler">
<span class="navbarToggler"><span></span><span></span><span></span></span>
</div>
<!-- Menu -->
<div class="classy-menu">
<!-- close btn -->
<div class="classycloseIcon">
<div class="cross-wrap"><span class="top"></span><span class="bottom"></span></div>
</div>
<!-- Nav Start -->
<div class="classynav">
<ul>
<li><a href="https://www.symdb.com/index.php">Home</a></li>
<!-- <li class="calland_wf0"><a href="#">Requests</a>-->
<!-- <ul class="dropdown">-->
<!-- <li><a class="dc-jn-btn dceh-EPMTblCalland dcep-0" href="javascript:void(0);">Dash Board</a></li>-->
<!-- <li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-0" href="javascript:void(0);">New</a></li>-->
<!-- <li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-1" href="javascript:void(0);">Submitted</a></li>-->
<!-- <li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-4" href="javascript:void(0);">Rejected</a></li>-->
<!-- <li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-3" href="javascript:void(0);">Completed</a></li>-->
<!-- <li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-800" href="javascript:void(0);">Certificates</a></li>-->
<!-- </ul>-->
<!-- </li>-->
<!-- <li class="calland_wf100 calland_wfm"><a href="#">SSH</a>-->
<!-- <ul class="dropdown">-->
<!-- <li><a class="dc-jn-btn dceh-EPMTblCalland dcep-0" href="javascript:void(0);">Dash Board</a></li>-->
<!-- <li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-100" href="javascript:void(0);">Req To Approve</a></li>-->
<!-- <li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-120" href="javascript:void(0);">Req Approved </a></li>-->
<!-- <li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-130" href="javascript:void(0);">Req Rejected</a></li>-->
<!-- <li><a class="dc-jn-btn dceh-EPMFormSch dcep-0" href="javascript:void(0);">Schedule</a></li>-->
<!-- <li><a class="dc-jn-btn dceh-EPMFormMSch dcep-0" href="javascript:void(0);">Master Schedule</a></li>-->
<!-- <li><a class="dc-jn-btn dceh-EPMTblMCal dcep-0" href="javascript:void(0);">Master Cal</a></li>-->
<!-- <li><a class="dc-jn-btn dceh-EPMTblErp dcep-0" href="javascript:void(0);">Repair</a></li>-->
<!-- <li><a class="dc-jn-btn dceh-EPMTblPrb dcep-0" href="javascript:void(0);">Problems</a></li>-->
<!-- <li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-400" href="javascript:void(0);">Cert To Approve</a></li>-->
<!-- <li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-420" href="javascript:void(0);">Cert Approved </a></li>-->
<!-- <li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-430" href="javascript:void(0);">Cert Rejected</a></li>-->
<!-- <li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-800" href="javascript:void(0);">Certificates</a></li>-->
<!-- </ul>-->
<!-- </li>-->
<!-- <li class="calland_wf200 calland_wfm"><a href="#">SH</a>-->
<!-- <ul class="dropdown">-->
<!-- <li><a class="dc-jn-btn dceh-EPMTblCalland dcep-0" href="javascript:void(0);">Dash Board</a></li>-->
<!-- <li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-200" href="javascript:void(0);">Req To Approve</a></li>-->
<!-- <li><a class="dc-jn-btn dceh-EPMTblCalland dcep-u-u-220" href="javascript:void(0);">Req Approved </a></li>-->
<!-- <li><a class="dc-jn-btn dceh-EPMTblCalland dcep-u-u-230" href="javascript:void(0);">Req Rejected</a></li>-->
<!-- <li><a class="dc-jn-btn dceh-EPMFormSch dcep-0" href="javascript:void(0);">Schedule</a></li>-->
<!-- <li><a class="dc-jn-btn dceh-EPMFormMSch dcep-0" href="javascript:void(0);">Master Schedule</a></li>-->
<!-- <li><a class="dc-jn-btn dceh-EPMTblMCal dcep-0" href="javascript:void(0);">Master Cal</a></li>-->
<!-- <li><a class="dc-jn-btn dceh-EPMTblErp dcep-0" href="javascript:void(0);">Repair</a></li>-->
<!-- <li><a class="dc-jn-btn dceh-EPMTblPrb dcep-0" href="javascript:void(0);">Problems</a></li>-->
<!-- <li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-500" href="javascript:void(0);">Cert To Approve</a></li>-->
<!-- <li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-520" href="javascript:void(0);">Cert Approved </a></li>-->
<!-- <li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-530" href="javascript:void(0);">Cert Rejected</a></li>-->
<!-- <li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-800" href="javascript:void(0);">Certificates</a></li>-->
<!-- </ul>-->
<!-- </li>-->
<!-- <li class="calland_wf600 calland_wfm"><a href="#">Dept Head</a>-->
<!-- <ul class="dropdown">-->
<!-- <li><a class="dc-jn-btn dceh-EPMTblCalland dcep-0" href="javascript:void(0);">Dash Board</a></li>-->
<!-- <li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-600" href="javascript:void(0);">Cert To Approve</a></li>-->
<!-- <li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-620" href="javascript:void(0);">Cert Approved </a></li>-->
<!-- <li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-630" href="javascript:void(0);">Cert Rejected</a></li>-->
<!-- <li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-800" href="javascript:void(0);">Certificates</a></li>-->
<!-- </ul>-->
<!-- </li>-->
<!-- <li class="calland_wf700 calland_wfm"><a href="#">Division Head</a>-->
<!-- <ul class="dropdown">-->
<!-- <li><a class="dc-jn-btn dceh-EPMTblCalland dcep-0" href="javascript:void(0);">Dash Board</a></li>-->
<!-- <li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-600" href="javascript:void(0);">Cert To Approve</a></li>-->
<!-- <li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-620" href="javascript:void(0);">Cert Approved </a></li>-->
<!-- <li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-630" href="javascript:void(0);">Cert Rejected</a></li>-->
<!-- <li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-800" href="javascript:void(0);">Certificates</a></li>-->
<!-- </ul>-->
<!-- </li>-->
<!-- <li class="calland_wf300 calland_wfm"><a href="#">Operator Work</a>-->
<!-- <ul class="dropdown">-->
<!-- <li><a class="dc-jn-btn dceh-EPMFormSch dcep-1-1" href="javascript:void(0);">Job Schedule</a></li>-->
<!-- <li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-300" href="javascript:void(0);">Pairing</a></li>-->
<!-- <li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-310" href="javascript:void(0);">Calculation</a></li>-->
<!-- <li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-320" href="javascript:void(0);">Validation</a></li>-->
<!-- <li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-330" href="javascript:void(0);">Reported</a></li>-->
<!-- <li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-800" href="javascript:void(0);">Certificates</a></li>-->
<!-- <li><a class="dc-jn-btn dceh-EPMTblEq dcep-0" href="javascript:void(0);">Equipments</a></li>-->
<!-- <li><a class="dc-jn-btn dceh-EPMTblErp dcep-0" href="javascript:void(0);">Repairs</a></li>-->
<!-- <li><a class="dc-jn-btn dceh-EPMTblPrb dcep-0" href="javascript:void(0);">Problems</a></li>-->
<!-- </ul>-->
<!-- </li>-->
<!-- <li class="calland_mng calland_wfm"><a href="#">Management</a>-->
<!-- <ul class="dropdown">-->
<!-- <li><a class="dc-jn-btn dceh-EPMTblU dcep-u-u-10010" href="javascript:void(0);">Operators</a></li>-->
<!-- <li><a class="dc-jn-btn dceh-EPMTblEvtSub dcep-0" href="javascript:void(0);">Events</a></li>-->
<!-- <li><a class="dc-jn-btn dceh-EPMTblM dcep-0" href="javascript:void(0);">Makers</a></li>-->
<!-- <li><a class="dc-jn-btn dceh-EPMTblV dcep-0" href="javascript:void(0);">Vendors</a></li>-->
<!-- <li><a class="dc-jn-btn dceh-EPMTblEq dcep-0" href="javascript:void(0);">Equipments</a></li>-->
<!-- <li><a class="dc-jn-btn dceh-EPMTblTyp dcep-0" href="javascript:void(0);">Eq Types</a></li>-->
<!-- <li><a class="dc-jn-btn dceh-EPMTblScp dcep-0" href="javascript:void(0);">Scopes</a></li>-->
<!-- <li><a class="dc-jn-btn dceh-EPMTblWi dcep-0" href="javascript:void(0);">Work Instruction</a></li>-->
<!-- <li><a class="dc-jn-btn dceh-EPMTblGs dcep-0" href="javascript:void(0);">Global Standards</a></li>-->
<!-- <li><a class="dc-jn-btn dceh-EPMTblCf dcep-0" href="javascript:void(0);">Formulas</a></li>-->
<!-- <li><a class="dc-jn-btn dceh-EPMTblR dcep-0" href="javascript:void(0);">Locations</a></li>-->
<!-- <li><a class="dc-jn-btn dceh-EPMTblU dcep-u-u-0" href="javascript:void(0);">Customers</a></li>-->
<!-- </ul>-->
<!-- </li>-->
<!-- <li><a href="#">About</a>-->
<!-- <ul class="dropdown">-->
<!-- <li><a class="dc-jpage-links dc-navbar-link" data-pname="menu-about-1-jlink" href="javascript:void(0);">--><!--</a></li>-->
<!-- <li><a class="dc-jpage-links dc-navbar-link" data-pname="menu-about-2-jlink" href="javascript:void(0);">--><!--</a></li>-->
<!-- <li><a class="dc-jpage-links dc-navbar-link" data-pname="menu-about-3-jlink" href="javascript:void(0);">--><!--</a></li>-->
<!-- </ul>-->
<!-- </li>-->
<li class="dc-login-user-items" style="display: none"><a href="#">My Account</a>
<ul class="dropdown">
<li><a class="hmshowloginbtn dc-navbar-link" href="javascript:void(0);" title="Account Details">My Account</a></li>
<li><a class="dc-app-page-links dc-navbar-link" data-pname="file" href="javascript:void(0);">My Files</a></li>
<li><a class="dc-app-page-links dc-navbar-link" data-pname="me" href="javascript:void(0);" title="Content Editor">Content Editor</a></li>
</ul>
</li>
<li><a id="nav-login-label" class="dc-navbar-link" href="javascript:void(0);">Sign-In</a></li>
</ul>
<!-- Search Form -->
<div class="south-search-form">
<form id="topSearchBox">
<input type="search" name="searchKey" placeholder="I want to know..." style="color: white; border:1px solid white; border-radius: 0">
<button type="button" class="dc-game-search-bt-top dc-navbar-link"><i class="fa fa-search" style="color:white" aria-hidden="true"></i></button>
</form>
</div>
<!-- Search Button -->
<!-- <a href="#" class="searchbtn"><i class="fa" aria-hidden="true"></i></a>-->
</div>
<!-- Nav End -->
</div>
</nav>
</div>
</div>
</header>
<!-- ##### Header Area End ##### -->
<!-- Side Menu Area -->
<section style="width: 200px; position: fixed; z-index: 1; margin-top: 70px;">
<ul class="sidebar-menu" style="height: 770px;">
<li class="sidebar-header" style="color:white;">Calibration Portal</li>
<li><a class="dc-jn-btn dceh-EPMTblCalland dcep-0" href="javascript:void(0);"><i class="fa fa-dashboard"></i> <span>Dashboard</span></a></li>
<li class="calland_mng calland_wfm">
<a href="javascript:void(0);">
<i class="fa fa-check"></i> <span>Management</span>
<i class="fa fa-angle-left pull-right"></i>
</a>
<ul class="sidebar-submenu">
<li><a class="dc-jn-btn dceh-EPMTblCf dcep-0" href="javascript:void(0);"><i class="fa fa-ban"></i> Formulas</a></li>
<li>
<a href="#"><i class="fa fa-cogs"></i> Equipment <i class="fa fa-angle-left pull-right"></i></a>
<ul class="sidebar-submenu">
<li><a class="dc-jn-btn dceh-EPMTblEq dcep-0" href="javascript:void(0);"><i class="fa fa-cogs"></i> Equipments</a></li>
<li><a class="dc-jn-btn dceh-EPMTblTyp dcep-0" href="javascript:void(0);"><i class="fa fa-tags"></i> Eq Types</a></li>
<li><a class="dc-jn-btn dceh-EPMTblScp dcep-0" href="javascript:void(0);"><i class="fa fa-thermometer-full"></i> Scopes</a></li>
<li><a class="dc-jn-btn dceh-EPMTblR dcep-0" href="javascript:void(0);"><i class="fa fa-map-marker"></i> Locations</a></li>
<li><a class="dc-jn-btn dceh-EPMTblM dcep-0" href="javascript:void(0);"><i class="fa fa-industry"></i> Makers</a></li>
<li><a class="dc-jn-btn dceh-EPMTblV dcep-0" href="javascript:void(0);"><i class="fa fa-building"></i> Vendors</a></li>
<li><a class="dc-jn-btn dceh-EPMTblWi dcep-0" href="javascript:void(0);"><i class="fa fa-instagram"></i> Work Instructions</a></li>
<li><a class="dc-jn-btn dceh-EPMTblGs dcep-0" href="javascript:void(0);"><i class="fa fa-instagram"></i> Global Standards</a></li>
</ul>
</li>
<li>
<a href="#"><i class="fa fa-circle-o"></i> Users <i class="fa fa-angle-left pull-right"></i></a>
<ul class="sidebar-submenu">
<li><a class="dc-jn-btn dceh-EPMTblU dcep-u-u-10010" href="javascript:void(0);"><i class="fa fa-user-o"></i> Operators</a></li>
<li><a class="dc-jn-btn dceh-EPMTblU dcep-u-u-0" href="javascript:void(0);"><i class="fa fa-users"></i> Customers</a></li>
<li><a class="dc-jn-btn dceh-EPMTblEvtSub dcep-0" href="javascript:void(0);"><i class="fa fa-comments"></i> Events</a></li>
<li><a id="menu-staff-en" href="javascript:void(0);"><i class="fa fa-user-o"></i> Staff</a></li>
</ul>
</li>
</ul>
</li>
<li class="calland_wf0 calland_wfm">
<a href="javascript:void(0);">
<i class="fa fa-edit"></i> <span>Requests</span> <i class="fa fa-angle-left pull-right"></i>
</a>
<ul class="sidebar-submenu">
<li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-0" href="javascript:void(0);"><i class="fa fa-plus-square-o"></i> New Requests</a></li>
<li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-1" href="javascript:void(0);"><i class="fa fa-share-square-o"></i> Submitted</a></li>
<li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-4" href="javascript:void(0);"><i class="fa fa-ban"></i> Rejected</a></li>
<li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-3" href="javascript:void(0);"><i class="fa fa-thumbs-o-up"></i> Completed</a></li>
<li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-800" href="javascript:void(0);"><i class="fa fa-certificate"></i> Certificates</a></li>
</ul>
</li>
<li class="calland_wf300 calland_wfm">
<a href="javascript:void(0);">
<i class="fa fa-wrench"></i> <span>Operator Jobs</span>
<i class="fa fa-angle-left pull-right"></i>
</a>
<ul class="sidebar-submenu">
<li><a class="dc-jn-btn dceh-EPMFormSch dcep-1-1" href="javascript:void(0);"><i class="fa fa-calendar"></i> Job Schedule</a></li>
<li>
<a href="#"><i class="fa fa-circle-o"></i> Work Steps <i class="fa fa-angle-left pull-right"></i></a>
<ul class="sidebar-submenu">
<li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-300" href="javascript:void(0);"><i class="fa fa-link"></i> Pairing</a></li>
<li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-310" href="javascript:void(0);"><i class="fa fa-calculator"></i> Calculation</a></li>
<li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-320" href="javascript:void(0);"><i class="fa fa-ban"></i> Validation</a></li>
<li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-330" href="javascript:void(0);"><i class="fa fa-share-square-o"></i> Reported</a></li>
<li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-800" href="javascript:void(0);"><i class="fa fa-certificate"></i> Certificates</a></li>
</ul>
</li>
<li>
<a href="#"><i class="fa fa-circle-o"></i> Problems <i class="fa fa-angle-left pull-right"></i></a>
<ul class="sidebar-submenu">
<li><a class="dc-jn-btn dceh-EPMTblEq dcep-0" href="javascript:void(0);"><i class="fa fa-clock-o"></i> Equipments</a></li>
<li><a class="dc-jn-btn dceh-EPMTblErp dcep-0" href="javascript:void(0);"><i class="fa fa-thumbs-o-up"></i> Repairs</a></li>
<li><a class="dc-jn-btn dceh-EPMTblPrb dcep-0" href="javascript:void(0);"><i class="fa fa-ban"></i> Problems</a></li>
</ul>
</li>
</ul>
</li>
<li class="calland_wf100 calland_wfm">
<a href="javascript:void(0);">
<i class="fa fa-check"></i> <span>Sub-Section Head</span>
<i class="fa fa-angle-left pull-right"></i>
</a>
<ul class="sidebar-submenu">
<li>
<a href="#"><i class="fa fa-circle-o"></i> Request Approval <i class="fa fa-angle-left pull-right"></i></a>
<ul class="sidebar-submenu">
<li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-100" href="javascript:void(0);"><i class="fa fa-clock-o"></i> Pending Approval</a></li>
<li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-120" href="javascript:void(0);"><i class="fa fa-thumbs-o-up"></i> Approved</a></li>
<li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-130" href="javascript:void(0);"><i class="fa fa-ban"></i> Rejected</a></li>
</ul>
</li>
<li>
<a href="#"><i class="fa fa-circle-o"></i> Certificate Approval <i class="fa fa-angle-left pull-right"></i></a>
<ul class="sidebar-submenu">
<li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-400" href="javascript:void(0);"><i class="fa fa-clock-o"></i> Pending Approval</a></li>
<li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-420" href="javascript:void(0);"><i class="fa fa-thumbs-o-up"></i> Approved</a></li>
<li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-430" href="javascript:void(0);"><i class="fa fa-ban"></i> Rejected</a></li>
<li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-800" href="javascript:void(0);"><i class="fa fa-certificate"></i> Certificates</a></li>
</ul>
</li>
<li><a class="dc-jn-btn dceh-EPMFormSch dcep-0" href="javascript:void(0);"><i class="fa fa-calendar"></i> Schedule</a></li>
<li><a class="dc-jn-btn dceh-EPMFormMSch dcep-0" href="javascript:void(0);"><i class="fa fa-calendar"></i> Master Schedule</a></li>
<li><a class="dc-jn-btn dceh-EPMTblMCal dcep-0" href="javascript:void(0);"><i class="fa fa-calculator"></i> Master Calibration</a></li>
<li><a class="dc-jn-btn dceh-EPMTblErp dcep-0" href="javascript:void(0);"><i class="fa fa-chain-broken"></i> Repair</a></li>
<li><a class="dc-jn-btn dceh-EPMTblPrb dcep-0" href="javascript:void(0);"><i class="fa fa-exclamation-circle"></i> Problems</a></li>
</ul>
</li>
<li class="calland_wf200 calland_wfm">
<a href="javascript:void(0);">
<i class="fa fa-check"></i> <span>Section Head</span>
<i class="fa fa-angle-left pull-right"></i>
</a>
<ul class="sidebar-submenu">
<li>
<a href="#"><i class="fa fa-circle-o"></i> Request Approval <i class="fa fa-angle-left pull-right"></i></a>
<ul class="sidebar-submenu">
<li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-200" href="javascript:void(0);"><i class="fa fa-clock-o"></i> Pending Approval</a></li>
<li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-220" href="javascript:void(0);"><i class="fa fa-thumbs-o-up"></i> Approved</a></li>
<li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-230" href="javascript:void(0);"><i class="fa fa-ban"></i> Rejected</a></li>
</ul>
</li>
<li>
<a href="#"><i class="fa fa-circle-o"></i> Certificate Approval <i class="fa fa-angle-left pull-right"></i></a>
<ul class="sidebar-submenu">
<li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-500" href="javascript:void(0);"><i class="fa fa-clock-o"></i> Pending Approval</a></li>
<li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-520" href="javascript:void(0);"><i class="fa fa-thumbs-o-up"></i> Approved</a></li>
<li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-530" href="javascript:void(0);"><i class="fa fa-ban"></i> Rejected</a></li>
<li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-800" href="javascript:void(0);"><i class="fa fa-certificate"></i> Certificates</a></li>
</ul>
</li>
<li><a class="dc-jn-btn dceh-EPMFormSch dcep-0" href="javascript:void(0);"><i class="fa fa-calendar"></i> Schedule</a></li>
<li><a class="dc-jn-btn dceh-EPMFormMSch dcep-0" href="javascript:void(0);"><i class="fa fa-calendar"></i> Master Schedule</a></li>
<li><a class="dc-jn-btn dceh-EPMTblMCal dcep-0" href="javascript:void(0);"><i class="fa fa-calculator"></i> Master Calibration</a></li>
<li><a class="dc-jn-btn dceh-EPMTblErp dcep-0" href="javascript:void(0);"><i class="fa fa-chain-broken"></i> Repair</a></li>
<li><a class="dc-jn-btn dceh-EPMTblPrb dcep-0" href="javascript:void(0);"><i class="fa fa-exclamation-circle"></i> Problems</a></li>
</ul>
</li>
<li class="calland_wf600 calland_wfm">
<a href="javascript:void(0);">
<i class="fa fa-check"></i> <span>Dept Head</span>
<i class="fa fa-angle-left pull-right"></i>
</a>
<ul class="sidebar-submenu">
<li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-600" href="javascript:void(0);"><i class="fa fa-clock-o"></i> Pending Approval</a></li>
<li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-620" href="javascript:void(0);"><i class="fa fa-thumbs-o-up"></i> Approved</a></li>
<li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-630" href="javascript:void(0);"><i class="fa fa-ban"></i> Rejected</a></li>
<li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-800" href="javascript:void(0);"><i class="fa fa-certificate"></i> Certificates</a></li>
</ul>
</li>
<li class="calland_wf700 calland_wfm">
<a href="javascript:void(0);">
<i class="fa fa-check"></i> <span>Division Head</span>
<i class="fa fa-angle-left pull-right"></i>
</a>
<ul class="sidebar-submenu">
<li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-700" href="javascript:void(0);"><i class="fa fa-clock-o"></i> Pending Approval</a></li>
<li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-720" href="javascript:void(0);"><i class="fa fa-thumbs-o-up"></i> Approved</a></li>
<li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-730" href="javascript:void(0);"><i class="fa fa-ban"></i> Rejected</a></li>
<li><a class="dc-jn-btn dceh-EPMTblCalRq dcep-u-u-800" href="javascript:void(0);"><i class="fa fa-certificate"></i> Certificates</a></li>
</ul>
</li>
</ul>
</section>
<!-- Login -->
<button type="button" id="login-modal-btn" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#login-my-modal" style="display:none">
Launch modal
</button>
<div class="modal fade" id="login-my-modal" tabindex="-1" role="dialog" aria-labelledby="login-my-modal-label" aria-hidden="true" style="z-index: 10000">
<div class="modal-dialog" style="max-width: 350px">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="login-my-modal-label">Sign in</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
</div>
<div class="modal-body">
<form role="form" name="user-login" id="user-login">
<div class="">
<div class="border1">
<div id="login-modal-un" class="form-group">
<label data-i18n="username2"></label>
<input name="username" id="login-modal-username" class="form-control" placeholder="" type="text" value="" autofocus>
</div>
<div id="login-modal-pw" class="form-group">
<label id="login-modal-pw-info">Enter Password</label>
<input name="password" class="form-control ibLogInPassInput" placeholder="" type="password" value="">
</div>
<div id="login-modal-pw-fg" style="text-align: right">
<button id="login-modal-otp-btn" type="button" class="pull-left btn-small btn-secondary" style="display: none;">Send Password</button>
<a href="javascript:void(0)" id="forgot_pass" data-i18n="forgot-password"></a>
</div>
<div class="gif-loader" style="display: none"> </div>
</div>
</div>
<input type="hidden" name="s" value="login">
</form>
</div>
<div class="modal-footer">
<button id="login-modal-back-btn" type="button" class="btn btn-info pull-left" style="display: none"><<</button>
<button id="login-modal-register-btn" type="button" class="btn btn-info pull-left" data-dismiss="modal" data-i18n="create-acc"></button>
<button id="login-modal-nxt-btn" type="button" class="btn btn-primary">Next</button>
<button id="login-modal-confirm-btn" type="button" class="btn btn-primary" data-dismiss="modal" data-i18n="login"></button>
<!--button id="login-modal-cancel-btn" type="button" class="btn btn-default" data-dismiss="modal" data-i18n="cancel-btn"></button-->
</div>
</div>
</div>
</div>
<!-- Signup -->
<button type="button" id="signup-modal-btn" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#signup-my-modal" style="display:none">
Launch modal
</button>
<div class="modal fade" id="signup-my-modal" tabindex="-1" role="dialog" aria-labelledby="signup-my-modal-label" aria-hidden="true" style="z-index: 10000">
<div class="modal-dialog" style="max-width: 350px">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="signup-my-modal-label">Register</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
</div>
<div class="modal-body">
<form role="form" name="user-signup" id="user-signup">
<div class="">
<div class="border1">
<div class="form-group">
<label data-i18n="email"></label>
<input id="signup-modal-un" name="email" class="form-control" placeholder="" type="email" value="" autofocus>
</div>
<div class="form-group">
<label data-i18n="phone-number"></label>
<div class="row">
<div class="col-md-6 col-sm-6">
<select class="form-control signup-modal-ccode" name="country_code">
<option value="65" selected>+65 Singapore</option>
<option value="62">+62 Indonesia</option>
<option value="91">+91 India</option>
<option value="86">+86 China</option>
<option value="60">+60 Malaysia</option>
<option value="95">+95 Myanmar</option>
<option value="855">+855 Cambodia</option>
<option value="856">+856 Laos</option>
<option value="852">+852 Hong Kong</option>
<option value="81">+81 Japan</option>
<option value="82">+82 South Korea</option>
<option value="84">+84 Vietnam</option>
<option value="675">+675 Papua New Guinea</option>
<option value="66">+66 Thailand</option>
<option value="61">+61 Australia</option>
<option value="64">+64 New Zealand</option>
<option value="1">+1 United States</option>
</select>
</div>
<div class="col-md-6 col-sm-6">
<input name="tel" class="form-control" placeholder="" type="tel" value="">
</div>
</div>
</div>
<div class="gif-loader" style="display: none"> </div>
</div>
</div>
<input type="hidden" name="s" value="signup">
</form>
</div>
<div class="modal-footer">
<button id="signup-modal-adv-btn" type="button" class="btn-small btn-default pull-left" data-dismiss="modal" data-i18n="advanced"></button>
<button id="signup-modal-signup-btn" type="button" class="btn btn-primary" data-i18n="register"></button>
</div>
</div>
</div>
</div>
<button type="button" id="qgquiz-modal-btn" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#qgquiz-my-modal" style="display:none">
Launch modal
</button>
<div class="modal fade" id="qgquiz-my-modal" tabindex="-1" role="dialog" aria-labelledby="qgquiz-my-modal-label" aria-hidden="true">
<div class="modal-dialog" style="max-width: 350px;">
<div class="modal-content" style="background-color: #ddb7de">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="qgquiz-my-modal-label" style="color: black">Select Quiz Type To Play</h4>
</div>
<div class="modal-body">
<div class="panel-heading" style="height: 35px; padding-top: 10px;">
<h3 class="panel-title"><span class="glyphicon glyphicon-pencil"></span> Category</h3>
</div>
<div class="panel-body" style="border: solid 1px white">
<div align="center">
<button type="button" class="btn btn-sm btn-primary qg-cat-btn qgame-cat1-btn" style="border-width: 2px" value="0">All</button>
<button type="button" class="btn btn-sm btn-primary qg-cat-btn qgame-cat1-btn" value="10001">Discovery</button>
<button type="button" class="btn btn-sm btn-primary qg-cat-btn qgame-cat1-btn" value="10002">Math</button>
<button type="button" class="btn btn-sm btn-primary qg-cat-btn qgame-cat1-btn" value="90000">Culture</button>
<button type="button" class="btn btn-sm btn-primary qg-cat-btn qgame-cat1-btn" value="90001">English</button>
<!--button type="button" class="btn btn-sm btn-primary qg-cat-btn qgame-cat1-btn" value="90062">Indonesian</button-->
<!--button type="button" class="btn btn-sm btn-primary qg-cat-btn qgame-cat1-btn" value="90086">Chinese</button-->
<!--button type="button" class="btn btn-sm btn-primary qg-cat-btn qgame-cat1-btn" value="100000">Art</button-->
</div>
</div>
<div class="panel-heading" style="margin-top: 5px; height: 35px; padding-top: 10px;">
<h3 class="panel-title"><span class="glyphicon glyphicon-user"></span> Content Level</h3>
</div>
<div class="panel-body" style="border: solid 1px white">
<div align="center">
<button type="button" class="btn btn-sm btn-danger qg-cat-btn qgame-cat2-btn" style="border-width: 2px" value="0">All</button>
<button type="button" class="btn btn-sm btn-danger qg-cat-btn qgame-cat2-btn" value="2">2+</button>
<button type="button" class="btn btn-sm btn-danger qg-cat-btn qgame-cat2-btn" value="3">3+</button>
<button type="button" class="btn btn-sm btn-danger qg-cat-btn qgame-cat2-btn" value="4">4+</button>
<button type="button" class="btn btn-sm btn-danger qg-cat-btn qgame-cat2-btn" value="5">5+</button>
<button type="button" class="btn btn-sm btn-danger qg-cat-btn qgame-cat2-btn" value="6">6+</button>
<button type="button" class="btn btn-sm btn-danger qg-cat-btn qgame-cat2-btn" value="7">7+</button>
<button type="button" class="btn btn-sm btn-danger qg-cat-btn qgame-cat2-btn" value="8">8+</button>
<button type="button" class="btn btn-sm btn-danger qg-cat-btn qgame-cat2-btn" value="9">9+</button>
<button type="button" class="btn btn-sm btn-danger qg-cat-btn qgame-cat2-btn" value="10">10+</button>
<button type="button" class="btn btn-sm btn-danger qg-cat-btn qgame-cat2-btn" value="11">11+</button>
<button type="button" class="btn btn-sm btn-danger qg-cat-btn qgame-cat2-btn" value="12">12+</button>
<button type="button" class="btn btn-sm btn-danger qg-cat-btn qgame-cat2-btn" value="13">13+</button>
<button type="button" class="btn btn-sm btn-danger qg-cat-btn qgame-cat2-btn" value="15">14+</button>
<button type="button" class="btn btn-sm btn-danger qg-cat-btn qgame-cat2-btn" value="15">15+</button>
<button type="button" class="btn btn-sm btn-danger qg-cat-btn qgame-cat2-btn" value="16">16+</button>
<button type="button" class="btn btn-sm btn-danger qg-cat-btn qgame-cat2-btn" value="17">17+</button>
<button type="button" class="btn btn-sm btn-danger qg-cat-btn qgame-cat2-btn" value="18">Tertiary</button>
</div>
</div>
</div>
<div class="modal-footer">
<button id="qgquiz-modal-cancel-btn" type="button" class="btn btn-default btn-lg pull-left" data-dismiss="modal" data-i18n="cancel-btn"></button>
<button id="qgquiz-modal-play-btn" type="button" class="btn btn-primary btn-lg" data-dismiss="modal" data-i18n="play-btn">Play</button>
</div>
</div>
</div>
</div>
<!-- Default builtin editor of records -->
<button type="button" id="epm-dbox-modal-btn" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#epm-dbox-modal" style="display:none">
Launch modal
</button>
<div class="modal fade" id="epm-dbox-modal" tabindex="-1" role="dialog" aria-labelledby="epm-dbox-modal-label" aria-hidden="true" style="z-index: 10000">
<div class="modal-dialog" style="max-width: 350px">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="epm-dbox-modal-label">Edit Room</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
</div>
<div class="modal-body">
<form role="form" name="epm-dbox-modal-form" id="epm-dbox-modal-form">
<div class="">
<div class="border1">
<div id="epm-dbox-modal-field1" class="form-group">
<label id="epm-dbox-modal-field1-label" for="epm-dbox-modal-input1">Name</label>
<input name="epm-dbox-modal-input1" id="epm-dbox-modal-input1" class="form-control" placeholder="" type="text" value="" autofocus>
</div>
<div id="epm-dbox-modal-field2" class="form-group">
<label id="epm-dbox-modal-field2-label" for="epm-dbox-modal-input2">Description</label>
<input name="epm-dbox-modal-input2" id="epm-dbox-modal-input2" class="form-control" placeholder="" type="text" value="">
</div>
<div id="epm-dbox-modal-field3" class="form-group" style="display:none">
<label id="epm-dbox-modal-field3-label" for="epm-dbox-modal-input3">Description</label>
<input name="epm-dbox-modal-input3" id="epm-dbox-modal-input3" class="form-control" placeholder="" type="text" value="">
</div>
<!-- <div style="text-align: right">-->
<!-- <button id="epm-dbox-modal-btn" type="button" class="pull-left btn-small btn-secondary" style="display: none;">Update</button>-->
<!-- </div>-->
<div class="gif-loader" style="display: none"> </div>
</div>
</div>
</form>
</div>
<div class="modal-footer">
<!-- <button id="epm-dbox-modal-back-btn" type="button" class="btn btn-info pull-left" style="display: none"><<</button>-->
<button id="epm-dbox-modal-cancel-btn" type="button" class="btn btn-info pull-left" data-dismiss="modal" data-i18n="cancel"></button>
<!-- <button id="epm-dbox-modal-nxt-btn" type="button" class="btn btn-primary">Next</button>-->
<button id="epm-dbox-modal-confirm-btn" type="button" class="btn btn-primary" data-dismiss="modal" data-i18n="update"></button>
<!--button id="login-modal-cancel-btn" type="button" class="btn btn-default" data-dismiss="modal" data-i18n="cancel-btn"></button-->
</div>
</div>
</div>
</div>
<!-- Edit Schedule Details -->
<button type="button" id="epm-schbox-modal-btn" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#epm-schbox-modal" style="display:none">
Launch modal
</button>
<div class="modal fade" id="epm-schbox-modal" tabindex="-1" role="dialog" aria-labelledby="epm-schbox-modal-label" aria-hidden="true" style="z-index: 10000">
<div class="modal-dialog" style="max-width: 350px">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="epm-schbox-modal-label">Edit Work Schedule</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
</div>
<div class="modal-body">
<form role="form" name="epm-schbox-modal-form" id="epm-schbox-modal-form">
<div class="">
<div class="border1">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
<div class="form-group">
<label for="epm-schbox-modal-date">Date</label>
<input name="epm-schbox-modal-date" id="epm-schbox-modal-date" class="form-control" type="date" value="" style="padding: 0; padding-left:5px; margin-bottom: 0">
<input name="epm-schbox-modal-wi-id" id="epm-schbox-modal-wi-id" class="form-control" type="hidden" value="">
<input name="epm-schbox-modal-wf-id" id="epm-schbox-modal-wF-id" class="form-control" type="hidden" value="">
<input name="epm-schbox-modal-eq-id" id="epm-schbox-modal-eq-id" class="form-control" type="hidden" value="">
<input name="epm-schbox-modal-eq-type" id="epm-schbox-modal-eq-type" class="form-control" type="hidden" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
<div class="form-group">
<label for="epm-schbox-modal-shift">Shift</label>
<select name="epm-schbox-modal-shift" id="epm-schbox-modal-shift" class="form-control uuu eee" style="padding: 0; padding-left:5px; margin-bottom: 0">
<option value="1" selected>12pm-7am</option>
<option value="2">7am to 4pm</option>
<option value="3">4pm to 12pm</option>
</select>
</div>
</div>
</div>
<div class="form-group">
<label for="epm-schbox-modal-op">Operators</label>
<select name="epm-schbox-modal-op" id="epm-schbox-modal-op" class="form-control uuu eee" style="padding: 0; padding-left:5px; margin-bottom: 0">
</select>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
<div class="form-group">
<label for="epm-schbox-modal-ts">Start Time</label>
<input name="epm-schbox-modal-ts" id="epm-schbox-modal-ts" class="form-control" type="time" value="" style="padding: 0; padding-left:5px; margin-bottom: 0">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
<div class="form-group">
<label for="epm-schbox-modal-te">End Time</label>
<input name="epm-schbox-modal-te" id="epm-schbox-modal-te" class="form-control" type="time" value="" style="padding: 0; padding-left:5px; margin-bottom: 0">
</div>
</div>
</div>
<div class="gif-loader" style="display: none"> </div>
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button id="epm-schbox-modal-calrq-btn" type="button" class="btn btn-info pull-left" data-dismiss="modal" title="View Request"><i class="fa fa-vcard-o"></i></button>
<button id="epm-schbox-modal-cal-btn" type="button" class="btn btn-info pull-left" data-dismiss="modal" title="View Calculation Reporter"><i class="fa fa-calculator"></i></button>
<button id="epm-schbox-modal-cancel-btn" type="button" class="btn btn-info pull-left" data-dismiss="modal" data-i18n="cancel"></button>
<!-- <button id="epm-schbox-modal-nxt-btn" type="button" class="btn btn-primary">Next</button>-->
<button id="epm-schbox-modal-confirm-btn" type="button" class="btn btn-primary" data-dismiss="modal" data-i18n="update"></button>
<!--button id="login-modal-cancel-btn" type="button" class="btn btn-default" data-dismiss="modal" data-i18n="cancel-btn"></button-->
</div>
</div>
</div>
</div>
<section class="dc-app-sections" style="margin-left: 200px;">
<div class="container">
<!-- Registration -->
<div id="page-registration" class="ib-page" style="display: none">
<div class="panel panel-primary">
<div class="panel-heading">
<div class="gif-loader" style="display:none;"> </div>
<button type="button" class="btn btn-warning ibBackBtn btn-ib-header"><i class="fa fa-arrow-left" style="margin-left: 3px; margin-right: 0;"></i> </button>
<button type="button" class="btn btn-primary register-update-button" data-i18n="register"></button>
<button id="company-view-button" type="button" class="btn btn-primary" style="display: none;" data-i18n="company"></button>
<span id="registration-title" data-i18n="registration"></span>
<span class="rp-balance-ct pull-right"><i class="hmshowrwdbtn fa fa-trophy" style="margin-left: 5px;" title="Reward Points. Play games to earn points."></i>
<span class="rp-balance" style="color: #0b52a9; font-size: 12px;"></span></span>
</div>
</div>
<div class="panel-body" id="page-body-registration" style="padding: 5px 5px 0 5px;">
<form role="form" name="register-form" id="register-form">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3 registration-up">
<div class="form-group">
<label data-i18n="username"></label>
<input name="username" id="username" class="form-control" type="text" value="" autofocus>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3 registration-up">
<div class="form-group">
<label data-i18n="password"></label>
<input type="password" name="password" id="password" class="form-control" data-i18n="[placeholder]enterpass2change" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label data-i18n="email"></label> <span id="acc_is_verified" style="display: none"> (<span data-i18n="verified"></span>)</span>
<button id="rq-verify-email-btn" type="button" class="btn btn-primary btn-xs epm_inline_btn" style="display: none" data-i18n="verify"></button>
<input name="email" class="form-control" type="text" value="">
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label data-i18n="first-name"></label>
<input name="fname" id="fname" class="form-control" type="text" value="">
</div>
</div>
<!--div class="form-group col-md-4 col-sm-4 third1" style="display: none">
<label>Middle Name</label>
<input name="mname" id="mname" class="form-control" type="text" value="">
</div-->
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label data-i18n="last-name"></label>
<input name="lname" id="lname" class="form-control" type="text" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<!-- <label data-i18n="country"></label>-->
<label>Country, Language, and Currency</label>
<select class="form-control" name="country_iso">
<!-- <option value="AU">Australia</option>-->
<!-- <option value="CN">China</option>-->
<!-- <option value="CH">Cambodia</option>-->
<option value="ID" selected>Indonesia</option>
<!-- <option value="LA">Laos</option>-->
<!-- <option value="HK">Hong Kong</option>-->
<!-- <option value="IN">India</option>-->
<!-- <option value="NZ">New Zealand</option>-->
<!-- <option value="JP">Japan</option>-->
<!-- <option value="KR">South Korea</option>-->
<!-- <option value="MY">Malaysia</option>-->
<!-- <option value="MM">Myanmar</option>-->
<!-- <option value="PG">Papua New Guinea</option>-->
<option value="SG">Singapore</option>
<!-- <option value="TH">Thailand</option>-->
<!-- <option value="US">United States</option>-->
<!-- <option value="VN">Vietnam</option>-->
</select>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label data-i18n="Department"></label>
<select class="form-control" name="dept_id">
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label data-i18n="phone-number"></label><span id="tel_is_verified" style="display: none"> (<span data-i18n="verified"></span>)</span>
<button id="rq-verify-tel-btn" type="button" class="btn btn-primary btn-xs" style="display: none" data-i18n="verify"></button>
<br/><span id="tel_text_info" data-i18n="inc-international-code-wo-spaces"></span>
<input name="tel" class="form-control" placeholder="" type="text" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group" id="registration-photo"></div>
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
<div class="form-group" id="rgp-sig"></div>
</div>
</div>
<!--div class="border1" style="display: none">
<div class="form-group col-md-6 col-sm-6 first">
<label>Address1</label>
<input name="address1" class="form-control" placeholder="" type="text" value="">
</div>
<div class="col-md-4">
</div>
<div class="form-group col-md-6 col-sm-6 second">
<label>Address2</label>
<input name="address2" class="form-control" placeholder="" type="text" value="">
</div>
</div-->
<!--div style="clear: both"></div>
<div class="border1" style="display: none">
<div class="form-group col-md-6 col-sm-6 first">
<div class="form-group">
<label>Description</label>
<textarea name="description" class="form-control"></textarea>
</div>
</div>
<div class="form-group col-md-6 col-sm-6 second">
<div class="form-group col-md-4 col-sm-4 first1">
<label>City</label>
<input name="city" class="form-control" type="text" value="">
</div>
<div class="form-group col-md-4 col-sm-4 third1">
<label>Country</label>
<input name="country" class="form-control" type="text" value="">
</div>
<div class="form-group col-md-4 col-sm-4 second1">
<label>Zip</label>
<input name="zip" class="form-control" type="text" value="">
</div>
<br>
</div>
</div-->
<!--div style="clear: both"></div-->
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label>Birth Date (Optional)</label>
<input name="bdate" id="register-form-bdate" class="form-control" type="text" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label>Guardian/Teacher Email (Optional)</label>
<input name="gemail" class="form-control" type="text" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label>Parent Email (Optional)</label>
<input name="pemail" class="form-control" type="text" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label>Parent Phone (Optional)</label>
<input name="ptel" class="form-control" type="text" value="">
</div>
</div>
<div class="col-md-6 col-sm-6" id="registration-tag" style="display: none;">
<div class="form-group">
<label data-i18n="tag"></label>
<button id="tag-btn" type="button" class="btn btn-primary btn-xs" data-i18n="create-tag"></button>
<input name="tag" class="form-control" type="text" value="">
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
<div class="form-group">
<label data-i18n="public-description"></label>
<textarea name="pubdesc" class="form-control"></textarea>
</div>
</div>
<!--div class="col-md-3 col-sm-3">
<div class="form-group">
<label data-i18n="language"></label>
<select class="form-control uuu eee" style="padding: 0; padding-left:5px" name="lang">
<option value="en" selected>English</option>
<option value="id">Indonesian (Bahasa Indonesia)</option>
</select>
</div>
</div-->
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
<div class="form-group" id="registration-banner"></div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
<div class="form-group">
<p><b data-i18n="subscribe-to-notif"></b></p>
<input type="checkbox" name="notifymsg" value="1" checked> <span data-i18n="notify-new-msg-by-email"></span><br>
<input type="checkbox" name="subscribe0" value="1" checked> <span data-i18n="subs-server-announce"></span><br>
<input type="checkbox" name="subscribe1" value="1" checked> <span data-i18n="subs-new-feature-and-tips"></span><br>
<input type="checkbox" name="subscribe2" value="1" checked> <span data-i18n="subs-journey-digest"></span><br>
<input type="hidden" name="s" value="ca"/>
<input type="hidden" name="user_id" value="0"/>
<input type="hidden" name="suser_id" value="0">
<input type="hidden" name="city" value=""/>
<br/>
<!--span id="companyreg-cb">
<p>
<b data-i18n="company-acc"></b> <span data-i18n="company-acc-req"></span>
</p>
<input type="checkbox" name="companyreg" value="1"> <span data-i18n="create-as-company-acc"></span><br>
</span>
<br/-->
<p><b data-i18n="subs-to-ads-n-earn-credits"></b></p>
<input type="checkbox" name="showadv" value="1" checked><span data-i18n="subs-to-ads"></span><br>
</div>
</div>
</div>
</form>
</div>
<button type="button" class="btn btn-primary register-update-button" data-i18n="register"></button>
<footer>
<div class="panel-body2" style="padding: 5px 5px 0 5px;">
<p data-i18n="thanks-for-register"></p>
</div>
</footer>
</div>
<!-- Company -->
<div id="page-edit_company" class="ib-page" style="display: none">
<div class="panel panel-primary">
<div class="panel-heading">
<div class="gif-loader" style="display:none;"> </div>
<button type="button" class="btn btn-warning ibBackBtn btn-ib-header"><i class="fa fa-arrow-left" style="margin-left: 3px; margin-right: 0;"></i> </button>
<button id="company-update-button" type="button" class="btn btn-primary" data-i18n="update"></button>
<button id="employee-list-button" type="button" class="btn btn-primary" data-i18n="staff"></button>
<button id="site-item-list-button" type="button" class="btn btn-primary" data-i18n="site-config" style="display: none"></button>
<span data-i18n="company-details"></span>
</div>
</div>
<div class="panel-body" id="page-body-edit_company" style="padding: 5px 5px 0 5px;">
<form role="form" name="company-form" id="company-form">
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="form-group">
<label data-i18n="company-name"></label>
<input type="text" name="name" class="form-control" value="" autofocus>
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="form-group">
<label><span data-i18n="company-domain"></span>: E.g., KOPO.COM</label>
<input type="text" name="domain" class="form-control" value="">
</div>
</div>
</div>
<div class="row">
<div class="col-md-4 col-sm-4">
<div class="form-group">
<label data-i18n="country"></label>: The main currency of company
<!--input name="country" class="form-control" type="text" value=""-->
<select class="form-control" name="country_iso">
<option value="AU">Australia</option>
<option value="CN">China</option>
<option value="CH">Cambodia</option>
<option value="ID">Indonesia</option>
<option value="LA">Laos</option>
<option value="KH">Hong Kong</option>
<option value="IN">India</option>
<option value="NZ">New Zealand</option>
<option value="JP">Japan</option>
<option value="KR">South Korea</option>
<option value="MY">Malaysia</option>
<option value="MM">Myanmar</option>
<option value="PG">Papua New Guinea</option>
<option value="SG" selected>Singapore</option>
<option value="TH">Thailand</option>
<option value="US">United States</option>
<option value="VN">Vietnam</option>
</select>
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="form-group">
<label data-i18n="city"></label>
<input name="city" class="form-control" type="text" value="">
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="form-group">
<label data-i18n="zip-code"></label>
<input name="zip" class="form-control" type="text" value="">
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="form-group">
<label data-i18n="address1"></label>
<input name="address1" class="form-control" placeholder="" type="text" value="">
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="form-group">
<label data-i18n="address2"></label>
<input name="address2" class="form-control" placeholder="" type="text" value="">
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="form-group" >
<label data-i18n="company-desc"></label>
<textarea name="description" class="form-control"></textarea>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-sm-6">
<label data-i18n="share-mode"></label>
<div>
<select class="form-control uuu eee" style="padding: 0; padding-left:5px" name="sharelink">
<option value="0" selected data-i18n="share-only-specific"></option>
<option value="1" data-i18n="view-with-link"></option>
</select>
<button id="company_share_btn" type="button" class="btn btn-primary both_group" style="margin-top: 5px;" data-i18n="set-share-for-specific"></button>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4 col-sm-4">
<div class="form-group">
<div class="form-group" id="company-logo"></div>
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="form-group">
<div class="form-group" id="company-heading"></div>
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="form-group">
<div class="form-group" id="company-footer"></div>
</div>
</div>
</div>
<input type="hidden" name="s" id="s" value="ucp"/>
<input type="hidden" name="user_id" value="0"/>
<input type="hidden" name="cp_id" value="0"/>
</form>
</div>
<footer>
<div class="panel-body2" style="padding: 5px 5px 0 5px;">
</div>
</footer>
</div>
<div id="page-employee_list" class="ib-page" style="display: none">
<div class="panel panel-primary" style="width:100% !important; z-index:1000;">
<div class="panel-heading">
<button type="button" class="btn btn-warning btn-ib-header ibBackBtn"><i class="fa fa-arrow-left" style="margin-left: 3px; margin-right: 0;"></i></button>
<button id="add_staff_btn" type="button" class="btn btn-primary" data-i18n="add-staff"></button>
<span data-i18n="employee-list-for"></span> <span id="employee_list_title"></span>
</div>
</div>
<div class="panel-body2" id="page-body-employee_list" style="padding: 5px 5px 0 5px;">
<div><span data-i18n="add-staff-to-company"></span></div>
<div class="clear"></div>
<table data-click-to-select="true" data-single-select="true" id="employee-list-table"
class="table table-hover" data-toggle="table" data-content-type="false"
data-url="" data-show-refresh="true" data-show-toggle="true" data-show-columns="true"
data-search="true" data-select-item-name="toolbar1"
data-query-params="employeeListQueryParameterHandler"
data-response-handler="employeeListResponseHandler"
data-pagination="true" data-sort-name="user_id" data-side-pagination="server"
data-sort-order="asc" data-page-list="[5, 10, 20, 50, 100, 200]" >
<thead>
<tr>
<th data-field="user_id" data-sortable="false"><span data-i18n="user-id-col"></span></th>
<th data-field="fname" data-sortable="true"><span data-i18n="first-name"></span></th>
<th data-field="lname" data-sortable="true"><span data-i18n="last-name"></span></th>
<th data-field="email" data-sortable="true"><span data-i18n="email"></span></th>
<th data-field="tel" data-sortable="true"><span data-i18n="tel-no"></span></th>
<th data-field="operate" data-sortable="false" data-events="employeeListOperateEvents"
data-formatter="employeeListOperateFormatter" data-width="40" data-i18n="action-col"></th>
</tr>
</thead>
</table>
</div>
<footer>
<div class="panel-body2" style="padding: 5px 5px 0 5px;">
<br/>
<br/>
<br/>
</div>
</footer>
</div>
<div id="page-employee_plist" class="ib-page" style="display: none">
<div class="panel panel-primary" style="width:100% !important; z-index:1000;">
<div class="panel-heading">
<button type="button" class="btn btn-warning btn-ib-header ibBackBtn"><i class="fa fa-arrow-left" style="margin-left: 3px; margin-right: 0;"></i></button>
<button id="add-permission-btn" type="button" class="btn btn-primary" data-i18n="add-permission-btn"></button>
<span data-i18n="employee-permission-list"></span> <span id="employee_plist_title"></span>
</div>
</div>
<div class="panel-body2" id="page-body-employee_plist" style="padding: 5px 5px 0 5px;">
<div><span data-i18n="owner-have-full-permission"></span></div>
<div class="clear"></div>
<table data-click-to-select="true" data-single-select="true" id="employee-plist-table"
class="table table-hover" data-toggle="table" data-content-type="false"
data-url="" data-show-refresh="false" data-show-toggle="false" data-show-columns="false"
data-search="false" data-select-item-name="toolbar1"
data-query-params="employeePListQueryParameterHandler"
data-response-handler="employeePListResponseHandler"
data-pagination="true" data-sort-name="resource_id" data-side-pagination="server"
data-sort-order="asc" data-page-list="[5, 10, 20, 50, 100, 200]" >
<thead>
<tr>
<th data-field="sid" data-sortable="false">sid</th>
<th data-field="resource_id" data-sortable="true" data-formatter="permissionOperateFormatter"><span data-i18n="permission"></span></th>
<th data-field="sharetype" data-sortable="true" data-formatter="shareListOperateFormatterShareType"><span data-i18n="permission-type"></span></th>
<th data-field="operate" data-sortable="false" data-events="permissionListOperateEvents"
data-formatter="permissionListOperateFormatter" data-width="60" data-i18n="action-col"></th>
</tr>
</thead>
</table>
</div>
<footer>
<div class="panel-body2" style="padding: 5px 5px 0 5px;">
<br/>
<br/>
<br/>
</div>
</footer>
</div>
<div id="page-edit_permission" class="ib-page" style="display:none">
<div class="panel panel-primary" style="width:100% !important; z-index:1000;">
<div class="panel-heading">
<div class="gif-loader"> </div>
<button type="button" class="btn btn-warning btn-ib-header ibBackBtn"><i class="fa fa-arrow-left" style="margin-left: 3px; margin-right: 0;"></i></button>
<button id="update_permission_btn" type="button" class="btn btn-primary" data-i18n="update-permission"></button>
</div>
</div>
<div class="panel-body2" style="padding: 5px 5px 0 5px;">
<form role="form" name="permission-form" id="permission-form">
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="form-group">
<label data-i18n="permission"></label>
<select class="form-control" style="width: 250px; padding: 0; padding-left:5px" name="resource_id" id="permission-resource_id">
<option value="10010">Role: Operator</option>
<option value="10060">Role: SSH: Sub-Section Head</option>
<option value="10065">Role: SH: Section Head</option>
<option value="10070">Role: Department Head</option>
<option value="10075">Role: Division Head</option>
<option value="10100">Role: System Admin</option>
<option value="500" data-i18n="permit-edit-view-staff-record"></option>
<option value="600" data-i18n="permit-edit-view-products"></option>
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="form-group">
<label data-i18n="permission-type"></label>
<select class="form-control" style="width: 150px; padding: 0; padding-left:5px" name="sharetype">
<option value="0" data-i18n="view"></option>
<option value="1" data-i18n="edit"></option>
</select>
</div>
</div>
</div>
<div style="display: none">
<input type="hidden" name="s" value="">
<input type="hidden" name="user_id" value="0">
<input type="hidden" name="suser_id" value="0">
<input type="hidden" name="sid" value="0">
</div>
</form>
</div>
</div>
<div id="page-site_item_list" class="ib-page" style="display: none">
<div class="panel panel-primary" style="width:100% !important; z-index:1000;">
<div class="panel-heading">
<button type="button" class="btn btn-warning btn-ib-header ibBackBtn"><i class="fa fa-arrow-left" style="margin-left: 3px; margin-right: 0;"></i></button>
<span data-i18n="site-config-parameters"></span>
</div>
</div>
<div class="panel-body2" id="page-body-site_item_list" style="padding: 5px 5px 0 5px;">
<div class="clear"></div>
<div>
<form role="form" name="site_item-form" id="site_item-form">
<div class="row" style="border: solid 1px grey; margin-right: 0; margin-left: 0">
<div class="col-md-3 col-sm-3">
<div class="form-group">
<label for=site_item_itype"" data-i18n="type"></label>
<select class="form-control" name="site_item_itype" id="site_item_itype">
<option value="7" selected>Text</option>
<option value="0">Subject ID: sbj_id</option>
<option value="1">Lesson ID: lesson_id</option>
<option value="2">Quiz ID: q_id</option>
<option value="3">Image</option>
<option value="4">Sound</option>
<option value="5">Script</option>
<option value="6">HTML</option>
</select>
</div>
</div>
<div class="col-md-3 col-sm-3">
<div class="form-group">
<label for="site_item_name" data-i18n="name"></label>
<input class="form-control" type="text" name="site_item_name" id="site_item_name" placeholder="Site item name"/>
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="form-group">
<label for="site_item_desc" data-i18n="description"></label>
<input class="form-control" type="text" name="site_item_desc" id="site_item_desc" placeholder="Site item description"/>
</div>
</div>
<div class="col-md-2 col-sm-2">
<button id="site_item-add-btn" type="button" class="btn btn-primary" style="margin-top: 29px" data-i18n="Add Site Item"></button>
</div>
</div>
</form>
</div>
<table data-click-to-select="true" data-single-select="true" id="site-item-list-table"
class="table table-hover" data-toggle="table" data-content-type="false"
data-url="" data-show-refresh="true" data-show-toggle="true" data-show-columns="true"
data-search="false" data-select-item-name="toolbar1"
data-query-params="siteItemListQueryParameterHandler"
data-response-handler="siteItemListResponseHandler"
data-pagination="true" data-sort-name="name" data-side-pagination="server"
data-sort-order="asc" data-page-list="[50, 100, 200]"
data-page-size="50"
>
<thead>
<tr>
<th data-field="name" data-sortable="true" data-width="20%"><span data-i18n="name"></span></th>
<th data-field="description"
data-formatter="siteItemListDescriptionFormatter"
data-sortable="false" data-width="40%"><span data-i18n="description"></span></th>
<!--th data-field="itype" data-sortable="true" data-formatter="siteItemTypeFormatter" data-width="10%"><span data-i18n="type"></span></th-->
<th data-field="operate" data-sortable="false" data-width="40%" data-events="siteItemListOperateEvents"
data-formatter="siteItemListOperateFormatter" data-i18n="action-col">Value</th>
</tr>
</thead>
</table>
</div>
</div>
<div id="page-verify_email" class="ib-page" style="display: none">
<div class="panel panel-primary">
<div class="panel-heading">
<div class="gif-loader"> </div>
<button type="button" class="btn btn-warning btn-ib-header ibBackBtn"><i class="fa fa-arrow-left" style="margin-left: 3px; margin-right: 0;"></i></button>
<span data-i18n="email-verification"></span>
</div>
</div>
<div class="panel-body" id="page-body-verify_email" style="padding: 5px 5px 0 5px;">
<!--CODE TO BE APPEND-->
</div>
</div>
<div id="page-rq_reset_password" class="ib-page" style="display: none">
<div class="panel panel-primary">
<div class="panel-heading">
<div class="gif-loader"> </div>
<button type="button" class="btn btn-warning btn-ib-header ibBackBtn"><i class="fa fa-arrow-left" style="margin-left: 3px; margin-right: 0;"></i></button>
<span data-i18n="pass-chg-req"></span>
</div>
</div>
<div class="panel-body" id="page-body-rq_reset_password" style="padding: 5px 5px 0 5px;">
<p style="margin-left: 10px; margin-right: 10px;">Please enter your email address that was used to register for the account. An email will be sent to the address with a verification code for you to change your password.</p>
<form role="form" name="reset-pw-form" id="reset-pw-form">
<div class="form-group col-sm-6 col-lg-6 col-md-6 col-xs-7" >
<label data-i18n="email"></label>
<input name="email" class="form-control" placeholder="Enter your email address." type="text" value="">
<br/>
<button id="reset_password-button" type="button" class="btn btn-primary" data-i18n="req-pass-chg-btn"></button>
</div>
</form>
</div>
</div>
<div id="page-cf_reset_password" class="ib-page" style="display: none">
<div class="panel panel-primary">
<div class="panel-heading">
<div class="gif-loader"> </div>
<button type="button" class="btn btn-warning btn-ib-header ibBackBtn"><i class="fa fa-arrow-left" style="margin-left: 3px; margin-right: 0;"></i> </button>
<span data-i18n="new-password"></span>
</div>
</div>
<div class="panel-body" id="page-body-rq_reset_password" style="padding: 5px 5px 0 5px;">
<p style="margin-left: 10px; margin-right: 10px;" data-i18n="pls-enter-new-pass"></p>
<form role="form" name="reset-pw-cf-form" id="reset-pw-cf-form">
<div class="form-group col-sm-6 col-lg-6 col-md-6 col-xs-7" >
<label data-i18n="new-password"></label>
<input name="password" class="form-control" placeholder="Enter new password." type="password" value="">
<br/>
<button id="cf_reset_password-button" type="button" class="btn btn-primary" data-i18n="chg-pass-btn"></button>
</div>
</form>
</div>
</div>
<div id="page-verify_tel" class="ib-page" style="display: none">
<div class="panel panel-primary">
<div class="panel-heading">
<div class="gif-loader"> </div>
<button type="button" class="btn btn-warning btn-ib-header ibBackBtn"><i class="fa fa-arrow-left" style="margin-left: 3px; margin-right: 0;"></i> </button>
<span data-i18n="verify-phone-number"></span>
</div>
</div>
<div class="panel-body" id="page-body-rq_reset_password" style="padding: 5px 5px 0 5px;">
<p style="margin-left: 10px; margin-right: 10px;">Please enter the verification code sent to your phone.</p>
<form role="form" name="verify-tel-form" id="verify-tel-form">
<div class="form-group col-sm-6 col-lg-6 col-md-6 col-xs-7" >
<label data-i18n="sales-verif-code"></label>
<input name="vcode" class="form-control" placeholder="" type="number" value="">
<br/>
<button id="verify-tel-btn" type="button" class="btn btn-primary" data-i18n="verify"></button>
</div>
</form>
</div>
</div>
<div id="page-account_list" class="ib-page" style="display: none">
<div class="panel panel-primary">
<div class="panel-heading ib-panel-heading">
<div class="gif-loader"> </div>
<button type="button" class="btn btn-warning btn-ib-header ibBackBtn"><span class="glyphicon glyphicon-arrow-left" style="margin-left: 3px; margin-right: 0;"></span> </button>
Account List. Track account activities.
</div>
</div>
<div class="panel-body" id="page-body-account_list" style="padding-left: 5px; padding-right: 5px; padding-top: 60px;">
<div style="color:black; text-align: center; margin-top: 5px; margin-bottom: 0;">Reward accounts will be created if earn reward points. <span style="color: orangered;">Earn points by playing the learning games and KOPO apps.</span></div>
<div class="quick-buy-items">
</div>
<table data-click-to-select="true" data-single-select="true" id="account-list-table"
class="table table-hover table-condensed"
data-query-params="accountQueryParameterHandler"
data-response-handler="accountResponseHandler"
data-pagination="true" data-sort-name="acc_id" data-side-pagination="server"
data-sort-order="asc" data-page-list="[20, 50, 100]"
style="color: black; cursor: pointer;"
data-page-size="50"
>
<thead>
<tr style="color: black">
<!--th data-field="state" data-checkbox="true"></th-->
<th data-field="acc_id" data-sortable="false" data-align="right" data-visible="false" class="col-sm-1 col-md-1 col-lg-1">Acc No.</th>
<th data-field="acctype_id" data-sortable="false" data-visible="false" data-align="left" class="col-sm-1 col-md-1 col-lg-1">TypeID</th>
<th data-field="accname" data-sortable="false" data-align="left" class="col-sm-1 col-md-1 col-lg-1">Acc Name</th>
<th data-field="acctname" data-sortable="true" class="col-sm-1 col-md-1 col-lg-1">Acc Type</th>
<th data-field="currency" data-sortable="false" data-align="center" class="col-sm-1 col-md-1 col-lg-1">Currency</th>
<th data-field="balance" data-sortable="true" data-align="right" class="col-sm-1 col-md-1 col-lg-1"><i class="glyphicon glyphicon-heart"></i>Balance</th>
<th data-field="note" data-sortable="false">Note</th>
</tr>
</thead>
</table>
<footer>
<div class="row">
<div class="col-lg-12">
<p>To view the transaction details of an account, click on the account. The account list shows all accounts created for you. All users have "DCReward" account, which stores credits earned by completing activities of chapters. You can use your credits for pay-to-view chapters. We will add other reward options such as iTunes credits or shopping vouchers.</p>
<p>You can earn more credits by completing activities of chapters or when other users complete activities of your chapters. You can attempt activities multiple times. Simply remove journeys and chapters and start over to earn more credits.</p>
</div>
</div>
</footer>
</div>
</div>
<div id="page-trx_list" class="ib-page" style="display: none">
<div class="panel panel-primary">
<div class="panel-heading ib-panel-heading">
<div class="gif-loader"> </div>
<button type="button" class="btn btn-warning btn-ib-header ibBackBtn"><span class="glyphicon glyphicon-arrow-left" style="margin-left: 3px; margin-right: 0;"></span> </button>
Transactions for <span class="jrn-credit"></span>
</div>
</div>
<div class="panel-body" id="page-body-trx_list" style="padding-left: 5px; padding-right: 5px; padding-top: 55px;">
<div style="text-align: center; margin-top: 5px; margin-bottom: 0;">Earn credits by participating in chapter activities.</div>
<table data-click-to-select="true" data-single-select="true" id="trx-list-table"
class="table table-hover table-condensed" data-toggle="table" data-content-type="false"
data-url=""
data-show-refresh="true"
data-show-toggle="true"
data-show-columns="true"
data-card-view="false"
data-search="true"
data-select-item-name="toolbar1"
data-query-params="trxQueryParameterHandler"
data-response-handler="trxResponseHandler"
data-pagination="true" data-sort-name="trx_id" data-side-pagination="server"
data-sort-order="desc" data-page-list="[20, 50, 100]"
data-show-header="true"
data-page-size="20"
>
<thead>
<tr>
<th data-field="trx_id" data-sortable="false" data-visible="true" class="col-sm-1 col-md-1 col-lg-1"><span data-i18n="trx-id"></span></th>
<th data-field="form_name" data-sortable="false" data-align="left" data-visible="true" class="col-sm-1 col-md-1 col-lg-1"><span data-i18n="form-type"></span></th>
<th data-field="rq_name" data-sortable="false" class="col-sm-1 col-md-1 col-lg-1"><span data-i18n="requester"></span></th>
<th data-field="name" data-sortable="false" class="col-sm-1 col-md-1 col-lg-1">Trx <span data-i18n="name"></span></th>
<th data-field="currency" data-sortable="false" data-visible="true" data-align="center" class="col-sm-1 col-md-1 col-lg-1">Currency</th>
<th data-field="amount" data-sortable="false" data-visible="true" data-align="right" class="col-sm-1 col-md-1 col-lg-1">Trx Balance</th>
<th data-field="description" data-sortable="false" data-visible="true" class="col-sm-4 col-md-4 col-lg-4"><span data-i18n="description"></span></th>
<th data-field="udate" data-sortable="false" class="col-sm-1 col-md-1 col-lg-1"><span data-i18n="date"></span></th>
</tr>
</thead>
</table>
<footer>
<div class="row">
<div class="col-lg-12">
<div class="quick-buy-items">
</div>
</div>
</div>
</footer>
</div>
</div>
<button type="button" id="ship-modal-btn" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#ship-modal" style="display:none">
Shipping Locations
</button>
<div class="modal" id="ship-modal" tabindex="-1" role="dialog" aria-labelledby="ship-modal-label" aria-hidden="true" style="z-index: 10000;">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header" style="padding: 5px 15px 1px 15px;">
<h4 class="modal-title" id="ship-modal-label">Shipping List</h4>
<button type="button" class="close ship-close" data-dismiss="modal" aria-label="Close">
<i class="fa fa-close fa-lg"></i>
</button>
</div>
<div class="container" style="padding-right: 5px; padding-left: 5px;">
<div style="padding: 0 15px 15px 15px">
<div class="dc-zoom1">
<dl class="p-property-item shippingOrigin" style="display:block; clear:both; padding-top:10px;">
<dt class="p-item-title" style="height:50px;line-height:50px;">Ships From:</dt>
<dd class="p-item-main">
<ul class="sku-attr-list dc-zoom1 ship-org-list"></ul>
</dd>
</dl>
</div>
<div class="clearfix"></div>
<div class="dc-zoom1">
<span style="float: left; font-size: 14px;font-weight: 700;line-height: 30px; margin-right: 5px;">Ship my order to:</span>
<div id="countryWrapper">
<div class="s-address-selector address-selector">
<a id="to-country-title" class="address-select-trigger" style="width: 128px;">
<span id="ship-loc-ui-to-country" class="shipping-text"></span>
</a>
</div>
<div id="to-country-selector" class="address-select">
<ul class="address-select-content" id="ship-loc-ui-to-country-l"></ul>
</div>
</div>
<div id="stateWrapper">
<a id="to-state-title" class="address-select-trigger" style="width: 128px;">
<span id="ship-loc-ui-to-state" class="shipping-text"></span>
</a>
<div id="to-state-selector" class="address-select">
<ul class="address-select-content" id="ship-loc-ui-to-state-l"></ul>
</div>
</div>
</div>
</div>
<div id="c-Ship-methods-list">
<div class="s-company-title">Choose Shipping Method</div>
<div class="s-company-table-wrap">
<table class="s-company-table">
<thead>
<tr>
<td class="col-ope"></td> <td class="col-cam">Shipping Company</td>
<td>Estimated Delivery Time</td>
<td>Shipping Cost</td>
<td>Tracking Information</td>
</tr>
</thead>
<tbody id="cp-ship-m-tbl-body">
</tbody>
</table>
</div>
</div>
</div>
<div class="modal-footer" style="padding: 2px 15px 2px 15px;">
<button type="button" class="btn btn-default ship-close" data-dismiss="modal">OK</button>
</div>
</div>
</div>
</div>
<button type="button" id="cart-modal-btn" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#cart-modal" style="display:none">
Shipping Locations
</button>
<div class="modal" id="cart-modal" tabindex="-1" role="dialog" aria-labelledby="cart-modal-label" aria-hidden="true" style="z-index: 10000;">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header" style="padding: 5px 15px 1px 15px;">
<h4 class="modal-title" id="cart-modal-label">Shipping List</h4>
<button type="button" class="close cart-close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
</div>
<div class="container" style="padding-right: 5px; padding-left: 5px;">
<div style="padding: 20px 15px 15px 15px">
<i class="fa fa-check-circle pull-left" style="color: limegreen; font-size: 40px;"></i>
<h3 class="dc-feedback-header">
A new item has been added to your Shopping Cart. You now have <b id="cartItems"></b> items in your Shopping Cart.
</h3>
<div style="text-align: left">
<button class="btn-small showCartBtn">View Shopping Cart</button>
<button id="cart-modal-close-btn" class="btn-small">Continue Shopping</button>
</div>
</div>
</div>
<div class="modal-footer" style="padding: 2px 15px 2px 15px;">
<button type="button" class="btn btn-default cart-close" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Buyer My Orders sent to sellers. Buyer view orders placed and confirm delivery -->
<div id="page-myorders" class="ib-page" style="display: none">
<div class="panel panel-primary">
<div class="panel-heading ib-panel-heading">
<div class="gif-loader"> </div>
<button type="button" class="btn btn-warning btn-ib-header ibBackBtn"><i class="fa fa-arrow-left"></i> </button>
Online Purchase Orders
</div>
</div>
<div class="panel-body dc-padded-panel-body" id="page-body-myorders" style="padding-left: 5px; padding-right: 5px;">
<table data-click-to-select="true" data-single-select="true" id="myorders-table"
class="table table-hover table-condensed" data-toggle="table" data-content-type="false"
data-url=""
data-show-refresh="true"
data-show-toggle="true"
data-show-columns="false"
data-card-view="false"
data-search="false"
data-select-item-name="toolbar1"
data-query-params="myordersQueryParameterHandler"
data-response-handler="myordersResponseHandler"
data-pagination="true" data-sort-name="trx_id" data-side-pagination="server"
data-sort-order="desc" data-page-list="[20, 50, 100]"
data-show-header="true"
data-page-size="20"
>
<thead>
<tr>
<!--th data-field="state" data-checkbox="true"></th-->
<th data-field="trx_id" data-sortable="true" data-visible="true" class="col-sm-1 col-md-1 col-lg-1">Order ID</th>
<th data-field="form_id" data-sortable="false" data-align="left" data-visible="false" class="col-sm-1 col-md-1 col-lg-1">Form ID</th>
<th data-field="form_name" data-sortable="false" data-align="left" data-visible="true" class="col-sm-1 col-md-1 col-lg-1"><span data-i18n="type"></span></th>
<th data-field="rq_name" data-sortable="true" data-align="left" class="col-sm-1 col-md-1 col-lg-1">Vendor</th>
<th data-field="rq_tel" data-sortable="true" data-align="left" class="col-sm-1 col-md-1 col-lg-1">Vendor Tel</th>
<th data-field="rec_name" data-sortable="true" data-align="left" data-visible="false" class="col-sm-1 col-md-1 col-lg-1">Buyer</th>
<th data-field="rec_tel" data-sortable="true" data-align="left" data-visible="false" class="col-sm-1 col-md-1 col-lg-1">Buyer Tel</th>
<th data-field="currency" data-sortable="true" class="col-sm-1 col-md-1 col-lg-1">Cur</th>
<th data-field="amount" data-sortable="true" class="col-sm-1 col-md-1 col-lg-1"><span data-i18n="amount"></span></th>
<th data-field="status" data-sortable="true" data-formatter="ibTrxStatusFormatter" class="col-sm-1 col-md-1 col-lg-1"><span data-i18n="status"></span></th>
<th data-field="p_sdeliverystatus" data-sortable="true" data-formatter="ibPurStatusFormatter" class="col-sm-1 col-md-1 col-lg-1"><span data-i18n="delivery"></span></th>
<th data-field="p_deliverystatus" data-sortable="true" data-formatter="ibPurStatusFormatter" class="col-sm-1 col-md-1 col-lg-1"><span data-i18n="buy-cf"></span></th>
<th data-field="p_paymethod" data-sortable="false" data-formatter="ibPayMethodFormatter" class="col-sm-1 col-md-1 col-lg-1"><span data-i18n="pay-method"></span></th>
<th data-field="udate" data-sortable="true" class="col-sm-1 col-md-1 col-lg-1"><span data-i18n="date"></span></th>
</tr>
</thead>
</table>
<footer>
<div class="row">
<div class="col-lg-12">
<p data-i18n="click-row-4-details"></p>
<p>Online purchase orders placed. Check the delivery status and confirm receipt of the items.</p>
</div>
</div>
</footer>
</div>
<div class="panel-body dc-padded-panel-body" id="page-body-myorders_view" style="padding-left: 5px; padding-right: 5px; display: none">
<div style="color: black; text-align: center; margin-top: 5px; margin-bottom: 0;"><span data-i18n="purchase-item-details"></span><span id="buyer-order-info"></span></div>
<button type="button" class="btn btn-primary cfMyOrderDeliveryBbBtn" title="Confirm receipt of the items" data-i18n="cf-deliv"></button>
<button type="button" class="btn btn-danger rqCancelMyOrderBtn" title="Request to Cancel Order">Cancel Order</button>
<table data-click-to-select="true" data-single-select="true" id="myorders_view-table"
class="table table-hover table-condensed" data-toggle="table" data-content-type="false"
data-url=""
data-show-refresh="true"
data-show-toggle="true"
data-show-columns="true"
data-card-view="false"
data-search="false"
data-select-item-name="toolbar1"
data-query-params="myordersViewQueryParameterHandler"
data-response-handler="myordersViewResponseHandler"
data-pagination="true" data-sort-name="trx_id" data-side-pagination="server"
data-sort-order="desc" data-page-list="[20, 50, 100]"
data-show-header="true"
data-page-size="20"
>
<thead>
<tr>
<!--th data-field="state" data-checkbox="true"></th-->
<th data-field="trx_id" data-sortable="true" data-visible="true" class="col-sm-1 col-md-1 col-lg-1"><span data-i18n="trx-id"></span></th>
<th data-field="item_type" data-sortable="false" data-formatter="ibPrdItemTypeFormatter" data-align="left" data-visible="true" class="col-sm-1 col-md-1 col-lg-1">
<span data-i18n="item-type"></span>
</th>
<th data-field="amount" data-sortable="false" data-align="left" data-visible="true" class="col-sm-1 col-md-1 col-lg-1"><span data-i18n="price"></span></th>
<th data-field="item_id" data-sortable="false" class="col-sm-1 col-md-1 col-lg-1"><span data-i18n="item-code"></span></th>
<th data-field="pname" data-sortable="false" class="col-sm-1 col-md-1 col-lg-1"><span data-i18n="item-name"></span></th>
<th data-field="sdeliverystatus" data-sortable="false" data-formatter="ibPurStatusFormatter" class="col-sm-1 col-md-1 col-lg-1"><span data-i18n="delivery"></span></th>
<th data-field="deliverystatus" data-sortable="false" data-formatter="ibPurStatusFormatter" class="col-sm-1 col-md-1 col-lg-1"><span data-i18n="buy-cf"></span></th>
<th data-field="description" data-sortable="false" class="col-sm-3 col-md-3 col-lg-3">Desc</th>
<th data-field="udate" data-sortable="false" class="col-sm-1 col-md-1 col-lg-1"><span data-i18n="date"></span></th>
<th data-field="operate" class="col-sm-1 col-md-1 col-lg-1"
data-formatter="myOrderViewOperateFormatter"
data-events="myOrderViewOperateEvents">Action</th>
</tr>
</thead>
</table>
<!-- Messages -->
<div>
<div class="row">
<div class="col-sm-9 col-md-11 col-lg-11">
<textarea rows="5" class="form-control" id="myorder-msg-txt" placeholder="Message to the seller." value=""></textarea>
</div>
<div class="col-sm-3 col-md-1 col-lg-1">
<button type="button" class="btn btn-primary" id="myorder-msg-send-btn">SEND</button>
<button type="button" class="btn btn-primary" id="myorder-msg-open-modal-btn" style="margin-top:5px;" title="Add media file"><i class="fa fa-paperclip fa-lg"></i></button>
</div>
</div>
</div>
<table data-click-to-select="true" data-single-select="true" id="myorder-msg-table"
class="table table-hover table-condensed table-no-bordered" data-toggle="table" data-content-type="false"
data-url=""
data-show-refresh="true"
data-show-toggle="false"
data-show-columns="false"
data-card-view="false"
data-search="false"
data-query-params="myorderMsgQueryParameterHandler"
data-response-handler="myorderMsgResponseHandler"
data-pagination="true" data-sort-name="umsg_id" data-side-pagination="server"
data-sort-order="desc" data-page-list="[20, 50, 100]"
data-show-header="true"
data-page-size="20"
>
<thead>
<tr>
<!--th data-field="state" data-checkbox="true"></th-->
<th data-field="umsg_id" data-sortable="true" data-visible="false" class="col-sm-1 col-md-1 col-lg-1">ID</th>
<th data-field="senderphoto" data-formatter="ibUserPhotoListOperateFormatter" data-align="center" class="col-sm-1 col-md-1 col-lg-1"></th>
<th data-field="sendername" data-align="center" class="col-sm-1 col-md-1 col-lg-1">Name</th>
<th data-field="content" data-formatter="ibFeedbackCommentOperateFormatter" data-sortable="false" data-align="left" data-visible="true" class="col-sm-9 col-md-9 col-lg-9">Message</th>
<th data-field="udate" data-sortable="false" data-align="left" data-visible="true" class="col-sm-1 col-md-1 col-lg-1">Date</th>
</tr>
</thead>
</table>
<button type="button" id="myorder-msg-file-modal-btn" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myorder-msg-file-modal" style="display:none">
Launch modal
</button>
<div class="modal" id="myorder-msg-file-modal" tabindex="-1" role="dialog" aria-labelledby="myorder-msg-file-modal-label" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<form name="myorder-msg-file-frm" id="myorder-msg-file-frm" method="post">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h3 class="modal-title" id="myorder-msg-file-modal-label">Send a file</h3>
</div>
<div class="modal-body">
<input id="myorder-msg-file" type="file" name="file"> <br>
<textarea rows="1" id="myorder-msg_content_file" name="content" class="form-control input-medium ibChatTextInput"></textarea>
<!--input type="text" id="msg_content_file" name="content" class="form-control input-sm ibChatTextFileInput"
placeholder="Type your message here..." /-->
<input type="hidden" name="s" value="smsg">
<input type="hidden" name="trx_id" value="0">
<input type="hidden" name="msgtype" value="100">
<input type="hidden" name="tobuyer" value="0">
<input type="hidden" name="sbj_id" value="0">
<input type="hidden" name="lesson_id" value="0">
<input type="hidden" name="q_id" value="0">
<input type="hidden" name="user_id" value="0">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-warning" data-dismiss="modal" >Close</button>
<button id="myorder-msg-file-send-btn" type="button" class="btn btn-primary" data-dismiss="modal">Send</button>
</div>
</form>
</div>
</div>
</div>
<footer>
<div class="row">
<div class="col-lg-12">
<p></p>
</div>
</div>
</footer>
</div>
</div>
<div id="page-checkout" class="ib-page" style="display:none" itemscope>
<form class="form-horizontal" id="checkout-form">
<div class="panel panel-primary">
<div class="panel-heading ib-panel-heading">
<div class="gif-loader"> </div>
<button type="button" class="btn btn-warning btn-ib-header ibBackBtn"><i class="fa fa-arrow-left"></i> </button>
<button type="button" class="btn btn-primary checkout-pay-btn">Place Order</button>
</div>
</div>
<div class="panel-body dc-padded-panel-body" id="page-body-checkout" style="padding-left: 5px; padding-right: 5px;">
<div class="row cart-body">
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
<!--SHIPPING METHOD-->
<div class="panel panel-info">
<div class="panel-heading">Address</div>
<div class="panel-body">
<!--form name="checkoutForm" id="checkoutForm" role="form" data-toggle="validator"-->
<div class="row" style="margin-top: 10px">
<div class="col-xs-6 col-md-6 col-lg-6">
<label class="control-label">First Name:</label>
<input type="text" name="first_name" class="form-control" aria-required = "true" required>
</div>
<!--div class="col-xs-4 col-md-4 col-lg-4">
<label class="control-label">Middle Name:</label>
<input type="text" name="middle_name" class="form-control" value="">
</div-->
<div class="col-xs-6 col-md-6 col-lg-6">
<label class="control-label">Last Name:</label>
<input type="text" name="last_name" class="form-control" aria-required = "true" required>
</div>
</div>
<div class="row" style="margin-top: 10px">
<div class="col-xs-6 col-md-6 col-lg-6">
<label class="control-label">Phone:</label>
<input type="text" name="phone_number" class="form-control" aria-required="true" required>
</div>
<div class="col-xs-6 col-md-6 col-lg-6">
<label class="control-label">Email:</label>
<input type="text" name="email_address" class="form-control" value="">
</div>
</div>
<hr style="border: solid 0.5px black">
<div id="billingAddress" style="margin-top: 15px">
<h4>Billing Address</h4>
<div class="row">
<div class="col-xs-4 col-md-4 col-lg-4">
<label for="zipcode">Zip (Poastal Code):</label>
</div>
<div class="col-xs-6 col-md-6 col-lg-6">
<div class="row">
<div class="col-xs-8 col-md-8 col-lg-8">
<input type="text" name="zipcode" class="form-control" title="Zip/Postal code" value="" style="display: inline">
</div>
<div class="col-xs-4 col-md-4 col-lg-4">
<button class="btn btn-primary" id="look-up-addr-btn" style="display: inline">Look Up</button>
</div>
</div>
</div>
</div>
<div class="row" style="margin-top: 10px">
<div class="col-xs-12 col-md-12 col-lg-12">
<label for="address1">Address 1 (Unit No.)</label>
<input type="text" name="address1" class="form-control" aria-required="true" title="Unit No." required>
</div>
</div>
<div class="row" style="margin-top: 10px">
<div class="col-xs-12 col-md-12 col-lg-12">
<label for="address2">Address 2 (Block and Street)</label>
<input type="text" name="address2" class="form-control" title="Block and street" style="margin-top: 5px;">
</div>
</div>
<div class="row" style="margin-top: 10px">
<div class="col-xs-12 col-md-12 col-lg-12">
<label for="address3">Address 3 (Building and Suburb)</label>
<input type="text" name="address3" class="form-control" title="Building and Suburb" style="margin-top: 5px;">
</div>
</div>
<div class="row" style="margin-top: 10px">
<div class="col-xs-4 col-md-4 col-lg-4">
<label for="countrySelector">Country:</label>
<select class="form-control" name="countrySelector" id="countrySelector" aria-required = "true" required> </select>
</div>
<div class="col-xs-4 col-md-4 col-lg-4">
<label for="stateSelector">Sate:</label>
<select class="form-control" name="stateSelector" id="stateSelector" aria-required = "true" required> </select>
</div>
<div class="col-xs-4 col-md-4 col-lg-4">
<label for="citySelector">City:</label>
<select class="form-control" name="citySelector" id="citySelector" aria-required = "true" required> </select>
</div>
</div>
</div>
<div style="margin-top: 10px;">
<input type="checkbox" id="sameShipAddress" name="sameShipAddress" checked>
<label for="sameShipAddress" style="text-decoration: none">Shipping Address is the same as the billing address</label>
</div>
<button type="button" class="btn btn-primary checkout-pay-btn">Place Order</button>
<div id="shippingAddress" style="margin-top: 10px; display:none;">
<h4>Shipping Address</h4>
<div class="row">
<div class="col-md-12"><strong>Address:</strong></div>
<div class="col-md-12">
<input type="text" name="ship_address1" class="form-control" value="">
<input type="text" name="ship_address2" class="form-control" style="margin-top: 5px;" value="">
<input type="text" name="ship_address3" class="form-control" style="margin-top: 5px;" value="">
</div>
</div>
<div class="row" style="margin-top: 10px">
<div class="col-xs-4">
<strong>Country:</strong>
<select class="form-control" name="shippingCountrySelector" id="shippingCountrySelector" value=""> </select>
</div>
<div class="col-xs-4">
<strong>Sate:</strong>
<select class="form-control" name="shippingStateSelector" id="shippingStateSelector" value=""> </select>
</div>
<div class="col-xs-4">
<label>City:</label>
<select class="form-control" name="shippingCitySelector" id="shippingCitySelector" value=""> </select>
</div>
<div class="col-xs-4">
<strong>Zip Code:</strong>
<input name="ship_zipcode" class="form-control" value="">
</div>
</div>
</div>
<!--/form-->
</div>
</div>
<!--SHIPPING METHOD END-->
</div>
<!--REVIEW ORDER-->
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
<div class="panel panel-info">
<div class="panel-heading">
Review Order
<!--div class="pull-right">
<small><a class="afix-1" href="#">Edit Cart</a></small>
</div-->
</div>
<div class="panel-body items-summary-list">
</div>
<hr style="padding: 0; margin: 0; border-top: solid 1px black;"/>
<div class="panel-body">
<div class="row" style="padding-top: 0;">
<div class="col-xs-12 col-sm-12 col-lg-12">
<strong>Subtotal</strong>
<div class="pull-right">
<span class="items-sub-total"></span>
</div>
</div>
</div>
<div class="row" style="padding-top: 0;">
<div class="col-xs-12 col-sm-12 col-lg-12">
<small>Shipping<span class="cko-ship-method-txt"></span></small>
<div class="pull-right">
<span class="items-shipping-cost"></span>
</div>
</div>
</div>
<hr style="padding-top: 0; margin-top: 0; border-top: solid 1px black;"/>
<div class="row">
<div class="col-xs-12 col-sm-12 col-lg-12">
<strong>Order Total</strong>
<div class="pull-right">
<span class="items-grand-total"></span>
</div>
</div>
</div>
<button type="button" class="btn btn-primary checkout-pay-btn pull-right" style="margin-top: 20px;">Place Order</button>
</div>
</div>
</div>
<!--REVIEW ORDER END-->
</div>
<div class="row cart-footer">
</div>
</div>
</form>
</div>
<div id="page-success" class="ib-page" style="display:none;" itemscope>
<div class="panel panel-primary">
<div class="panel-heading ib-panel-heading">
<!-- This shows the loading progress animation -->
<div class="gif-loader"> </div>
<!-- The default back button. The default behavior is to show the previous page in the page history on this site. -->
<button type="button" class="btn btn-warning btn-ib-header ibBackBtn"><i class="fa fa-arrow-left"></i> </button>
</div>
</div>
<div class="panel-body dc-padded-panel-body" id="page-body-shipeditor" style="padding-left: 5px; padding-right: 5px;">
<h3>Order Confirmation</h3>
<p>Dear <span id="userName"></span>,</p>
<p>Thank you very much for choosing Docentron.</p>
<p>For future reference, your order confirmation number is: <span id="confirmationNumber"></span>.</p>
<p>Want to know what happens once we have received your order? Just click <a id="steps">here</a>.
We have included your order information and delivery details as follows:</p>
<p>
<table id="confirmOrder" class="table table-bordered">
<thead class="thead-primary">
<tr>
<th width="40%"><b>Products</b></th>
<th width="20%"><b>Price</b><br/>USD</th>
<th width="20%"><b>Quantity</b></th>
<th width="20%"><b>Total</b><br/>USD</th>
</tr>
</thead>
<tbody></tbody>
<tfoot>
<tr>
<td colspan="2"></td>
<th><b>Shipping fees</b></th>
<td id="shippingFee"></td>
</tr>
<tr>
<td colspan="2"></td>
<th><b>Total price</b></th>
<td id="totalPrice"></td>
</tr>
</tfoot>
</table>
</p>
</div>
</div>
<div id="page-ecpayment" class="ib-page" style="display:none;" itemscope>
<div class="panel panel-primary">
<div class="panel-heading ib-panel-heading">
<div class="gif-loader"> </div>
<button type="button" class="btn btn-warning btn-ib-header ibBackBtn"><i class="fa fa-arrow-left"></i> </button>
</div>
</div>
<div class="panel-body dc-padded-panel-body" id="page-body-checkout" style="padding-left: 5px; padding-right: 5px;">
<div id="three_step_checkout" class="ch-container">
<div role="main" class="container24">
<input type="hidden" id="checkout-step" value="3">
<div class="row third_step" style="margin-top: 10px;">
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
<!--form id="payment_information_form"-->
<div class="ch-box payment_form">
<h3 class="ch-main-title">Choose Payment Option</h3>
<div class="row bhoechie-tab-container" style="margin-top: 10px;">
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 bhoechie-tab-menu">
<ul class="list-group">
<li href="#" class="list-group-item active">
Cash on Delivery<br/><h4 class="fa fa-home fa-lg" style="align:middle"></h4>
</li>
<li href="#" class="list-group-item" style="display: none">
Credit or Debit Card<br/><h4 class="fa fa-credit-card"></h4>
</li>
<li href="#" class="list-group-item" id="bank_transfer" style="display: none">
Bank Transfer<br/><h4 class="fa fa-home fa-lg"></h4>
</li>
<li href="#" class="list-group-item" style="display: none">
PayPal<br/><h4 class="fa fa-cutlery fa-lg"></h4>
</li>
</ul>
</div>
<div class="col-xs-9 col-sm-9 col-md-9 col-lg-9 bhoechie-tab">
<div class="bhoechie-tab-content active">
<p>Pay at store or pay when you receive the items.</p>
<!--label for="cod-pay-note" style="font-weight:normal;">Reward Point: Balance:<span class="rp-balance">Log in to view and use balance.</span></label>
<div class="clearfix"></div>
<div class="col-xs-5" style="padding-left: 0">
<input type="number" class="form-control " id="cod-pay-reward-point" value="0" disabled>
</div>
<div class="col-xs-5">
<button type="button" class="btn btn-primary" id="cod-pay-use-reward-btn">Use Reward Points</button>
</div>
<div class="clearfix"></div-->
<label for="cod-pay-note" style="font-weight:normal;">Payment Note (optional)</label>
<input class="form-control" name="cod-pay-note" id="cod-pay-note" style="margin-bottom: 5px;">
<button type="button" class="btn btn-primary" id="CODPayBtn" style="margin-top: 5px;">Confirm Payment</button><br/>
<input checked="checked" name="newsletterSignup" id="newsletterSignup" value="1" type="checkbox">
<label for="newsletterSignup" style="font-weight:normal;">Subscribe to Docentron Newsletter and get other exclusive offers.*</label>
</div>
<div class="bhoechie-tab-content">
<center>
<h1 class="glyphicon glyphicon-credit-card" style="font-size:12em;color:#55518a"></h1>
<h2 style="margin-top: 0;color:#55518a">Coming Soon</h2>
<h3 style="margin-top: 0;color:#55518a">Credit Card Payment</h3>
</center>
</div>
<div class="bhoechie-tab-content">
<center>
<h1 class="glyphicon glyphicon-transfer" style="font-size:12em;color:#55518a"></h1>
<h2 style="margin-top: 0;color:#55518a">Coming Soon</h2>
<h3 style="margin-top: 0;color:#55518a">Bank Transfer</h3>
</center>
<!--div id="selectBank">
<ul class="list-group">
</ul>
</div>
<div id="enterAccountDetails" style="display:none;">
<h3>Bank <span id="bank_name"></span> Transfer</h3>
<div class="row" style="margin-top: 10px;">
<div class="col-xs-4"><label>Account Number</label></div>
<div class="col-xs-8"><input class="form-control" id="acc_number"></div>
</div>
<div class="row" style="margin-top: 10px;">
<div class="col-xs-4"><label>Account Holder</label></div>
<div class="col-xs-8"><input class="form-control" id="acc_name"></div>
</div>If transferred by teller,please fill in Account Holder with teller's name and Account Number with 0000.
<hr style="margin-top: 10px; margin-bottom: 5px;
">
<div class="row" style="margin-top: 10px;">
<div class="col-xs-4"><label>Reference Number</label></div>
<div class="col-xs-8"><input class="form-control" id="reference_number"></div>
</div>
<div class="row" style="margin-top: 10px;">
<div class="col-xs-4"><label>Transfer Notes</label></div>
<div class="col-xs-8"><input class="form-control" id="transfer_note"></div>
</div><br/>
<button type="button" class="btn btn-primary btn-block" id="bnkTrxPayBtn">Confirm Payment</button>
</div>
<div id="bankTransferDetails" style="display:none;">
<h3>Bank <span id="bankname"></span> Transfer</h3>
<p>Please transfer <span id="transfer_amount"></span> to the following account</p>
<h4 id="account_number"></h4>
<p>Account Holder : <span id="account_name"></span><br/>
Bank Branch : <span id="bank_branch"></span></p>
<button type="button" class="btn btn-primary btn-block" id="transfer_btn">Transfer Fund</button>
</div-->
</div>
<div class="bhoechie-tab-content">
<center>
<h1 class="glyphicon glyphicon-cutlery" style="font-size:12em;color:#55518a"></h1>
<h2 style="margin-top: 0;color:#55518a">Cooming Soon</h2>
<h3 style="margin-top: 0;color:#55518a">PayPal Payment</h3>
</center>
</div>
</div>
</div>
</div>
<div class="payment-notice _block">
By creating your order, you agree with our
<a class=" dc-cpage-links" data-pname="privacy_policy">privacy policy</a> and <a class=" dc-cpage-links" data-pname="terms_and_conditions" target="_blank">terms of use</a>.
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-5 col-lg-5">
<div class="ch-box shippingto_container">
<h3 class="ch-main-title">
Shipping and Billing Address
<a class="ibBackBtn"> (<i class="fa fa-cog fa-lg"></i>Change)</a>
</h3>
<div class="ch-shipping-to" style="margin-left: 5px;">
<p id="pship-addr-head"></p>
<p id="pship-addr1"></p>
<p id="pship-addr-city-state"></p>
<p id="pship-addr-phone"></p>
<!--input type="hidden" name="existing-address-text" value=""-->
</div>
</div>
<div id="mini-cart" class="ch-box" style="position: relative; zoom: 1;">
<div class="panel-body items-summary-list" style="padding: 5px;">
</div>
<div class="panel-body">
<div class="form-group">
<hr style="padding-top: 0; margin-top: 0; border-top: solid 1px black;"/>
<div class="col-xs-12" style="padding: 0 5px 0 5px;">
<strong>Subtotal</strong>
<div class="pull-right">
<span class="items-sub-total"></span>
</div>
</div>
<div class="col-xs-12" style="padding: 0 5px 0 5px;">
<small>Shipping<span class="cko-ship-method-txt"></span></small>
<div class="pull-right">
<span class="items-shipping-cost"></span>
</div>
</div>
</div>
<div class="form-group">
<hr style="padding-top: 0; margin-top: 0; border-top: solid 1px black;"/>
<div class="col-xs-12" style="padding: 0 5px 0 5px;">
<strong>Order Total</strong>
<div class="pull-right">
<span class="items-grand-total"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="grid_6 securelogo"></div>
</div>
<div id="dialogProcessing" class="ui-dialog ui-dialogProcessing" style="display: none;">
<div class="container">
<p id="dialogProcessingInfo1" class="pbm"><strong>Please wait, we are still processing your order.</strong></p>
<p id="dialogProcessingInfo2" class="pvm" style="display:none;">Please do not reload site or close browser until your order is processed.</p>
<img alt="Please wait, we are processing your order" src="https://www.symdb.com/assets/images/processing-order-ani.gif">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Product View -->
<div id="page-product" class="ib-page" style="display: none;" itemscope itemtype="http://schema.org/IndividualProduct">
<div class="panel panel-primary">
<div class="panel-heading ib-panel-heading">
<div class="gif-loader"> </div>
<button type="button" class="btn btn-warning btn-ib-header ibBackBtn"><i class="fa fa-arrow-left"></i> </button>
<button type="button" class="btn btn-primary showCartBtn"><i class="fa fa-shopping-cart" style="font-size: 18px;"></i> View Cart</button>
<button type="button" class="btn btn-primary" id="product_edit_btn">Edit Product</button>
</div>
</div>
<div class="panel-body dc-padded-panel-body" id="page-body-product" style="padding-left: 5px; padding-right: 5px;">
<div class="row">
<div class="col-xs-12 col-sm-3 col-md-4 col-lg-4">
<ul class="p-media-list" id="prd-v-media-list"">
<li>
<span class="p-media-list-item">
<img alt="" src="https://www.symdb.com/assets/images/subject.png">
</span>
</li>
</ul>
<img id="productPhoto" style="padding-left: 60px; max-width:100%;" src="" />
</div>
<div class="col-xs-12 col-sm-9 col-md-8 col-lg-8">
<h1 class="product-name" itemprop="name"></h1>
<div class="product-price">
<dl id="priceOutput" class="p-property-item"></dl>
</div>
<div>
<dl id="product-options" class="p-property-item">
<dt id="optionTitle" class="p-item-title" style="height:30px; line-height:30px;"></dt>
<dd class="p-item-main" style="margin-left: 60px;">
<ul id="option-list" class="sku-attr-list dc-zoom1"></ul>
<div class="msg-error option-msg-error" style="display:none">Please select an option</div>
</dd>
</dl>
<!--dl class="p-property-item shippingOrigin" style="display:none; clear:both; padding-top:10px;">
<dt class="p-item-title" style="height:50px;line-height:50px;">Ships From:</dt>
<dd class="p-item-main">
<ul class="sku-attr-list dc-zoom1 ship-org-list"></ul>
</dd>
</dl-->
</div>
<dl class="p-property-item" id="p-product-shipping">
<dt id="toShippingTitle" class="p-item-title" style="height:30px; line-height:20px">Shipping:</dt>
<dd id="no-shipping-msg" class="p-item-main" style="display: none;"></dd>
<dd id="toShippingConfigurator" class="p-item-main">
<div class="p-logistics-detail dc-zoom1" style="display: block;">
<span class="prd-ship-price"></span>
<a id="sel-shipto-m-summary" class="shipping-link" tabindex="-1">
<span class="sel-shipto-m-country"></span>
<span class="sel-shipto-m"></span>
</a>
</div>
<div class="p-logistics-addition-info" style="display: block;">
<p class="p-delivery-day-tips">Estimated Delivery Time:
<span class="shipping-days number-of-delivery-days">1</span>
<span class="shipping-days">days</span>
<span class="ui-help ui-help-icon" id="shippingBalloon"></span>
</p>
</div>
<!--div class="ui-window ui-window-normal ui-window-transition ui-window-shipping" tabindex="-1" id="toShippingWindow">
<a class="ui-window-close" style="display: inline;"></a>
<div class="dc-modal-bd">
<div class="ui-window-content">
<div class="shipping-layer-title dc-zoom1">
<span class="s-caption">Ship my order to:</span>
<div id="countryWrapper">
<div class="s-address-selector address-selector">
<a id="to-country-title" class="address-select-trigger" style="width: 168px;">
<span class="css_flag">
<span id="ship-loc-ui-to-country" class="shipping-text"></span>
</span>
</a>
</div>
<div id="to-country-selector" class="address-select">
<ul class="address-select-content" id="ship-loc-ui-to-country-l"></ul>
</div>
</div>
<div id="stateWrapper">
<a id="to-state-title" class="address-select-trigger" style="width: 88px;">
<span id="ship-loc-ui-to-state" class="shipping-text"></span>
</a>
<div id="to-state-selector" class="address-select">
<ul class="address-select-content" id="ship-loc-ui-to-state-l"></ul>
</div>
</div>
</div>
</div>
</div>
<div id="c-Ship-methods-list" class="shipping-layer-main">
<div class="s-company-title">Choose Shipping Method</div>
<div class="s-company-table-wrap">
<table class="s-company-table">
<thead>
<tr>
<td class="col-ope"></td> <td class="col-cam">Shipping Company</td>
<td>Estimated Delivery Time</td>
<td>Shipping Cost</td>
<td>Tracking Information</td>
</tr>
</thead>
<tbody id="cp-ship-m-tbl-body">
</tbody>
</table>
</div>
</div>
<div class="ui-window-btn">
<input id="prdShipTbleOkBtn" type="button" class="ui-button ui-button-normal ui-button-medium" value="OK" style="display: inline-block; text-align:center;">
</div>
</div-->
</dd>
</dl>
<dl class="p-property-item p-quantity-info" style="clear:both;">
<dt id="quantityTitle" class="p-item-title" style="height:30px; line-height:30px">Quantity:</dt>
<dd id="quantityClass" class="p-item-main">
<div class="quantity-info-main">
<span class="p-quantity-modified">
<i class="p-quantity-decrease" id="p-quantity-decrease"></i>
<input class="p-quantity-input" id="prd-view-qty-input" name="quantity" type="text" value="1" maxlength="5" autocomplete="off" style="height: 18px;">
<i class="p-quantity-increase" id="p-quantity-increase"></i>
</span>
<span class="p-unit"> </span>
<span class="p-available-stock" style="display: inline;">
(<em id="j-sell-stock-num"><span class="prd-view-max-qty"></span></em>
<em> available</em>)
</span>
<div class="p-limited-error-msg msg-error" style="display: none;">
Purchases are limited to <span class="prd-view-max-qty"></span>
<span></span>
</div>
</div>
</dd>
</dl>
<dl class="p-property-item p-quantity-info2">
<dt id="quantityTitle2" class="p-item-title" style="height:30px; line-height:30px">Child:</dt>
<dd id="quantityClass2" class="p-item-main">
<div class="quantity-info-main">
<span class="p-quantity-modified">
<i class="p-quantity-decrease" id="p-quantity-decrease2"></i>
<input class="p-quantity-input" id="prd-view-qty-input2" name="quantity2" type="text" value="0" maxlength="5" autocomplete="off" style="height: 18px;">
<i class="p-quantity-increase" id="p-quantity-increase2"></i>
</span>
</div>
</dd>
</dl>
<dl class="p-property-item p-sdate-info">
<dt id="sdateTitle" class="p-item-title" style="height:30px; line-height:30px">Traveling on:</dt>
<dd class="p-item-main">
<div style="position: relative;display: inline-block; vertical-align: middle; width: 130px;">
<input id="prd-sdate" name="sdate" class="form-control" type="text" min="0" value="">
</div>
</dd>
</dl>
<dl class="p-property-item p-total-price">
<dt class="p-item-title" style="height:25px;line-height:25px;">Total Price:</dt>
<dd class="p-item-main">
<div id="prd-total-price-info" style="display: none;height:25px;line-height:25px;">Depends on the product properties you select</div>
<div id="prd-total-price" style="display: block;">
<span id="p-total-price-value" class="total-price-show"></span>
</div>
<i class="fa fa-exclamation-circle dc-warning-text" style="display: none;">
This product can't be shipped to the selected region.
</i>
</dd>
</dl>
<dl id="dc-prdpg-child-selection" class="p-property-item">
<dt class="p-item-title" style="height:30px;">Child First Name:</dt>
<dd class="p-item-main">
<div>
<input id="dc-prdpg-cfname" name="dc-prdpg-cfname" type="text" title="First name a child" value="" style="height: 30px;">
<span class="dc-prdpg-cfnlist" style="display: none">Child List:</span>
<select id="dc-prdpg-cfname-list" class="dc-prdpg-cfnlist" style="display: none; margin:0;width:100px;height: 30px;" name="dc-prdpg-cfname-list"></select>
</div>
</dd>
</dl>
<div class="product-action-block">
<span class="product-action-main">
<a id="p-buy-now-btn" class="buy-now-btn">Buy Now (Pay Later)</a>
<a id="p-add-cart-btn" class="add-cart-btn">Add to Cart</a>
<a id="prd-view-whatsapp-btn" class="dc-link-whatsapp" data-pid="0" data-tel="" style="display: none;"><i class="fa fa-whatsapp fa-lg"></i> WhatsApp<span></span></a>
</span>
<!--span class="add-wishlist-action">
<a id="p-add-wishlist-btn" data-spm-anchor-id="2114.10010108.1000016.8" data-batman-id="iy36cz2k">Add to Wish List
<span class="wishlist-num" id="p-wishlist-num"> (516 Adds)</span>
</a>
</span-->
</div>
</div>
</div>
<div class="row">
<!-- Product Info Pages -->
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<ul class="menu-items"></ul>
<div id="menu-content" style="width:100%;border-top:1px solid silver"></div>
</div>
</div>
<div class="kp-site-prd-feedback">
<!-- Messages -->
<div>
<hr style="margin: 0; padding: 0">
<h2 id="prd_feedback_tbl-title" style="margin-top: 10px; font-size: 21px; color: #111;">Customer questions & answers</h2>
<div class="row">
<div class="col-sm-6 col-md-8 col-lg-5">
<textarea rows="2" class="form-control feedback-txt" id="prd_feedback_tblbtn" placeholder="Comment" value=""></textarea>
</div>
<div class="col-sm-2 col-md-2 col-lg-2">
<button type="button" class="btn btn-primary feedback-send-btn" id="prd_feedback_tbl-send-btn">Comment</button>
<button type="button" class="btn btn-primary" id="prd_feedback_tbl-modal-btn" title="Send files"><i class="fa fa-paperclip fa-lg"></i></button>
</div>
</div>
<div class="row">
<div class="col-sm-8 col-md-10 col-lg-6">
<table data-click-to-select="true" data-single-select="true" id="prd_feedback_tbl"
class="table table-hover table-condensed table-no-bordered"
data-toggle="table" data-content-type="false"
data-url=""
data-show-refresh="true"
data-show-toggle="false"
data-show-columns="false"
data-card-view="false"
data-search="false"
data-query-params="feedbackListQueryParameterHandler"
data-response-handler="feedbackListResponseHandler"
data-pagination="true" data-sort-name="umsg_id" data-side-pagination="server"
data-sort-order="desc" data-page-list="[20]"
data-show-header="true"
data-page-size="20"
>
<thead>
<tr>
<!--th data-field="state" data-checkbox="true"></th-->
<th data-field="senderphoto" data-formatter="ibUserPhotoListOperateFormatter" data-align="center" width="10%"></th>
<th data-field="sendername" data-align="center" width="15%">Name</th>
<th data-field="content" data-formatter="ibFeedbackCommentOperateFormatter" data-sortable="false" data-align="left" data-visible="true" width="65%">Comments</th>
<th data-field="udate" data-sortable="false" data-align="left" data-visible="true" width="10%">Date</th>
</tr>
</thead>
</table>
</div>
</div>
</div>
<button type="button" id="prd_feedback_tbl-file-modal-btn" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#orders-msg-file-modal" style="display:none">
Launch modal
</button>
<div class="modal fb-modal" id="prd_feedback_tbl-file-modal" tabindex="-1" role="dialog" aria-labelledby="prd_feedback_tbl-file-modal-label" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<form name="prd_feedback_tbl-file-frm" id="prd_feedback_tbl-file-frm" method="post">
<div class="modal-header">
<button type="button" class="close fb-modal-close-btn" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h3 class="modal-title" id="prd_feedback_tbl-file-modal-label">Send a file</h3>
</div>
<div class="modal-body">
<label for="prd_feedback_tbl-file">Select media files (up to 7 files):</label>
<input id="prd_feedback_tbl-file" type="file" name="file" multiple> <br>
<label for="prd_feedback_tbl-file-content">Message to send:</label>
<textarea rows="1" id="prd_feedback_tbl-file-content" name="content" class="form-control input-medium ibChatTextInput"></textarea>
<!--input type="text" id="msg_content_file" name="content" class="form-control input-sm ibChatTextFileInput"
placeholder="Type your message here..." /-->
<input type="hidden" name="s" value="smsg">
<input type="hidden" name="sbj_id" value="0">
<input type="hidden" name="suser_id" value="0">
<input type="hidden" name="che_id" value="0">
<input type="hidden" name="lesson_id" value="0">
<input type="hidden" name="q_id" value="0">
<input type="hidden" name="user_id" value="0">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-warning fb-modal-close-btn" data-dismiss="modal" >Close</button>
<button id="prd_feedback_tbl-file-send-btn" type="button" class="btn btn-primary" data-dismiss="modal" >Send</button>
</div>
</form>
</div>
</div>
</div>
</div>
<!-- Modal Feedback window -->
<!--div class="ui-window ui-window-normal ui-window-transition ui-add-shopcart-dialog"
tabindex="-1" data-widget-cid="widget-58"
style="display:none; width: 796px; z-index: 999; left: 276px; top: 73px;">
<a id="cartDialogClose" class="ui-window-close" style="display: block;">closed</a>
<div class="dc-modal-bd">
<div class="ui-feedback ui-feedback-simple">
<div class="ui-feedback-content ui-feedback-success">
<h3 class="ui-feedback-header">A new item has been added to your Shopping Cart.
You now have <b id="cartItems"></b> items in your Shopping Cart.</h3>
<div class="ui-feedback-body">
<div style="text-align: left">
<button class="ui-button ui-button-normal ui-button-medium showCartBtn">View Shopping Cart</button>
<button id="noDialog" class="ui-button ui-button-normal ui-button-medium">Continue Shopping</button>
</div>
</div>
</div>
</div>
</div>
</div-->
</div>
</div>
<div id="page-cart" class="ib-page" style="display: none;" itemscope itemtype="http://schema.org/Product">
<div class="panel panel-primary">
<div class="panel-heading ib-panel-heading">
<!-- This shows the loading progress animation -->
<div class="gif-loader"> </div>
<!-- The default back button. The default behavior is to show the previous page in the page history on this site. -->
<button type="button" class="btn btn-warning btn-ib-header ibBackBtn"><i class="fa fa-arrow-left"></i> </button>
Shopping Cart
</div>
</div>
<div class="panel-body dc-padded-panel-body" id="page-body-cart" style="padding-left: 5px; padding-right: 5px;">
<div class="dc-order-tbl">
<div class="thead">
<table class="dc-order-list" summary="This is the goods list.">
<colgroup>
<col width="3%">
<col width="10%">
<col width="20%">
<col width="10%">
<col width="13%">
<!--col width="12%"-->
<col width="12%">
<col width="12%">
</colgroup>
<thead>
<tr>
<th scope="col">
<span class="allSelect">
<input type="checkbox" id="selectAllTop" name="selectAllTop" class="radioType" checked>
</span>
</th>
<th scope="col" class="pc-cart-header">Image</th>
<th scope="col"><strong>Item</strong></th>
<th scope="col">Qty.</th>
<th scope="col" class="pc-cart-header">Price/Option</th>
<!--th scope="col">Shipping</th-->
<th scope="col" class="pc-cart-header" style="text-align: left">Discount</th>
<th scope="col" class="last">Subtotal</th>
</tr>
</thead>
</table>
</div>
<div id="orderContent">
</div>
<!-- tfoot -->
<div class="cart-tfoot">
<span>
<span class="cart-allSelect">
<input type="checkbox" checked class="radioType" name="selectAllBottom" id="selectAllBottom">
</span>
<button class="cart-del-btn" title="Delete from Cart"><span class="glyphicon glyphicon-trash"></span><span> Delete from Cart</span></button>
</span>
</div>
</div>
<div id="mini-cart" class="ch-box pull-right" style="max-width: 200px; position: relative; zoom: 1; margin-top: 5px;">
<div class="panel-body">
<div class="form-group" style="padding-top: 0;">
<div class="col-xs-12">
<strong style="margin-right: 5px;">Item Total</strong>
<div class="pull-right">
<span id="cartTotalPrice"></span>
</div>
</div>
<div class="col-xs-12">
<small style="margin-right: 5px;">Shipping</small>
<div class="pull-right">
<span id="cartTotalShipRate"></span>
</div>
</div>
</div>
<div class="form-group">
<hr style="padding-top: 0; margin-top: 0; border-top: solid 1px black;"/>
<div class="col-xs-12">
<strong style="margin-right: 5px;">Order Total</strong>
<div class="pull-right">
<span id="cartGrandTotal"></span>
</div>
</div>
</div>
</div>
</div>
<div class="cart-process-btn">
<button class="cart-order-btn">
<span><em>Place an Order</em></span>
</button>
</div>
</div>
</div>
<div id="page-epm_rh_records" class="ib-page" style="display: none">
<div class="panel panel-primary">
<div class="panel-heading ib-panel-heading">
<div class="gif-loader"> </div>
<button type="button" class="btn btn-warning btn-ib-header ibBackBtn"><span class="fa fa-arrow-left" style="margin-left: 3px; margin-right: 0;"></span> </button>
<span class="panel-heading-title">Room Humidity Records</span>
</div>
</div>
<div class="panel-body" id="page-body-epm_rh_records" style="padding-left: 5px; padding-right: 5px; padding-top: 10px;">
<form role="form" name="epm_rh_records_form" id="epm_rh_records_form">
<div class="row">
<!-- <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">-->
<!-- <div class="form-group">-->
<!-- <label>Title (Journey Name)</label>-->
<!-- <input name="name" class="form-control" placeholder="" type="text" value="">-->
<!-- </div>-->
<!-- </div>-->
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3" style="overflow: hidden;">
<label>Select Room</label>
<select class="form-control uuu eee" id="epm_rh_records_select" style="padding: 0; padding-left:5px; margin-bottom: 0">
<option value="200" selected>200</option>
<option value="201" selected>201</option>
</select>
</div>
<div class="col-xs-12 col-sm-12 col-md-2 col-lg-2">
<button type="button" class="btn btn-secondary epm_inline_btn" id="epm_rh_records_form_add_btn" style="">Add New Value</button>
<div class="form-group" style="margin-bottom: 0">
<input name="value" class="form-control" placeholder="" type="number" value="0" style="margin-bottom: 0">
</div>
</div>
</div>
</form>
<table data-click-to-select="true" data-single-select="true" id="epm_rh_records_table"
class="table table-hover table-condensed"
data-query-params="epm_rh_records_QPH"
data-show-refresh="true" data-show-toggle="true" data-show-columns="true"
data-search="true" data-select-item-name="toolbar1"
data-response-handler="epm_rh_records_RH"
data-pagination="true" data-sort-name="rid" data-side-pagination="server"
data-sort-order="desc" data-page-list="[5, 10, 20, 50, 100]"
style="color: black; cursor: pointer;"
data-page-size="5"
>
<thead>
<tr style="color: black">
<!-- The table is deviced into 12 columns. col-NN-1 allocates 1 column width-->
<!--th data-field="state" data-checkbox="true"></th-->
<th data-field="cdate" data-sortable="true" data-width="40">Date Time</th>
<th data-field="rid" data-sortable="false" data-align="right" data-visible="false" data-width="20">ID</th>
<th data-field="room_id" data-sortable="true" data-visible="false" data-align="left" data-width="20">RoomID</th>
<th data-field="name" data-sortable="true" data-visible="true" data-align="left" data-width="200">Room Name</th>
<th data-field="value" data-sortable="false" data-align="left" data-width="30">Humidity</th>
<th class="col-md-1" data-field="operate"
data-formatter="epm_rh_records_OF"
data-events="epm_rh_records_OE" data-width="30">Action</th>
</tr>
</thead>
</table>
<footer>
<div class="row">
<div class="col-lg-12">
<p>To delete records, click the action buttons in the table.</p>
</div>
</div>
</footer>
</div>
</div>
<!-- Pressure -->
<div id="page-epm_p_records" class="ib-page" style="display: none">
<div class="panel panel-primary">
<div class="panel-heading ib-panel-heading">
<div class="gif-loader"> </div>
<button type="button" class="btn btn-warning btn-ib-header ibBackBtn"><span class="fa fa-arrow-left" style="margin-left: 3px; margin-right: 0;"></span> </button>
<span class="panel-heading-title">Pressure Records</span>
</div>
</div>
<div class="panel-body" id="page-body-epm_p_records" style="padding-left: 5px; padding-right: 5px; padding-top: 10px;">
<form role="form" name="epm_p_records_form" id="epm_p_records_form">
<div class="row">
<!-- <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">-->
<!-- <div class="form-group">-->
<!-- <label>Title (Journey Name)</label>-->
<!-- <input name="name" class="form-control" placeholder="" type="text" value="">-->
<!-- </div>-->
<!-- </div>-->
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3" style="overflow: hidden;">
<label>Select Room</label>
<select class="form-control uuu eee" id="epm_p_records_select" style="padding: 0; padding-left:5px; margin-bottom: 0">
<option value="200" selected>200</option>
<option value="201" selected>201</option>
</select>
</div>
<div class="col-xs-12 col-sm-12 col-md-2 col-lg-2">
<button type="button" class="btn btn-secondary epm_inline_btn" id="epm_p_records_form_add_btn" style="">Add New Value</button>
<div class="form-group" style="margin-bottom: 0">
<input name="value" class="form-control" placeholder="" type="number" value="0" style="margin-bottom: 0">
</div>
</div>
</div>
</form>
<table data-click-to-select="true" data-single-select="true" id="epm_p_records_table"
class="table table-hover table-condensed"
data-show-refresh="true" data-show-toggle="true" data-show-columns="true"
data-search="true" data-select-item-name="toolbar1"
data-query-params="epm_p_records_QPH"
data-response-handler="epm_p_records_RH"
data-pagination="true" data-sort-name="rid" data-side-pagination="server"
data-sort-order="desc" data-page-list="[5, 10, 20, 50, 100]"
style="color: black; cursor: pointer;"
data-page-size="5"
>
<thead>
<tr style="color: black">
<!-- The table is deviced into 12 columns. col-NN-1 allocates 1 column width-->
<!--th data-field="state" data-checkbox="true"></th-->
<th data-field="cdate" data-sortable="true" class="col-sm-1 col-md-1 col-lg-1">Date Time</th>
<th data-field="rid" data-sortable="false" data-align="right" data-visible="false" data-width="20">ID</th>
<th data-field="room_id" data-sortable="true" data-visible="false" data-align="left" data-width="20">RoomID</th>
<th data-field="name" data-sortable="true" data-visible="true" data-align="left" data-width="100">Room Name</th>
<th data-field="value" data-sortable="false" data-align="left" data-width="30">Pressure</th>
<th class="col-md-1" data-field="operate"
data-formatter="epm_p_records_OF"
data-events="epm_p_records_OE" data-width="30">Action</th>
</tr>
</thead>
</table>
<footer>
<div class="row">
<div class="col-lg-12">
<p>To delete records, click the action buttons in the table.</p>
</div>
</div>
</footer>
</div>
</div>
<!-- Temp --->
<div id="page-epm_tmp_records" class="ib-page" style="display: none">
<div class="panel panel-primary">
<div class="panel-heading ib-panel-heading">
<div class="gif-loader"> </div>
<button type="button" class="btn btn-warning btn-ib-header ibBackBtn"><span class="fa fa-arrow-left" style="margin-left: 3px; margin-right: 0;"></span> </button>
<span class="panel-heading-title">Temperature Records</span>
</div>
</div>
<div class="panel-body" id="page-body-epm_tmp_records" style="padding-left: 5px; padding-right: 5px; padding-top: 10px;">
<form role="form" name="epm_tmp_records_form" id="epm_tmp_records_form">
<div class="row">
<!-- <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">-->
<!-- <div class="form-group">-->
<!-- <label>Title (Journey Name)</label>-->
<!-- <input name="name" class="form-control" placeholder="" type="text" value="">-->
<!-- </div>-->
<!-- </div>-->
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3" style="overflow: hidden;">
<label>Select Room</label>
<select class="form-control uuu eee" id="epm_tmp_records_select" style="padding: 0; padding-left:5px; margin-bottom: 0">
<option value="200" selected>200</option>
<option value="201" selected>201</option>
</select>
</div>
<div class="col-xs-12 col-sm-12 col-md-2 col-lg-2">
<button type="button" class="btn btn-secondary epm_inline_btn" id="epm_tmp_records_form_add_btn" style="">Add New Value</button>
<div class="form-group" style="margin-bottom: 0">
<input name="value" class="form-control" placeholder="" type="number" value="0" style="margin-bottom: 0">
</div>
</div>
</div>
</form>
<table data-click-to-select="true" data-single-select="true" id="epm_tmp_records_table"
class="table table-hover table-condensed"
data-show-refresh="true" data-show-toggle="true" data-show-columns="true"
data-search="true" data-select-item-name="toolbar1"
data-query-params="epm_tmp_records_QPH"
data-response-handler="epm_tmp_records_RH"
data-pagination="true" data-sort-name="rid" data-side-pagination="server"
data-sort-order="desc" data-page-list="[5, 10, 20, 50, 100]"
style="color: black; cursor: pointer;"
data-page-size="5"
>
<thead>
<tr style="color: black">
<!-- The table is deviced into 12 columns. col-NN-1 allocates 1 column width-->
<!--th data-field="state" data-checkbox="true"></th-->
<th data-field="cdate" data-sortable="true" class="col-sm-1 col-md-1 col-lg-1">Date Time</th>
<th data-field="rid" data-sortable="false" data-align="right" data-visible="false" data-width="20">ID</th>
<th data-field="room_id" data-sortable="true" data-visible="false" data-align="left" data-width="20">RoomID</th>
<th data-field="name" data-sortable="true" data-visible="true" data-align="left" data-width="200">Room Name</th>
<th data-field="value" data-sortable="false" data-align="left" data-width="30">Temperature</th>
<th class="col-md-1" data-field="operate"
data-formatter="epm_tmp_records_OF"
data-events="epm_tmp_records_OE" data-width="30">Action</th>
</tr>
</thead>
</table>
<footer>
<div class="row">
<div class="col-lg-12">
<p>To delete records, click the action buttons in the table.</p>
</div>
</div>
</footer>
</div>
</div>
<!-- Rooms -->
<div id="page-epm_r_records" class="ib-page" style="display: none">
<div class="panel panel-primary">
<div class="panel-heading ib-panel-heading">
<div class="gif-loader"> </div>
<button type="button" class="btn btn-warning btn-ib-header ibBackBtn"><span class="fa fa-arrow-left" style="margin-left: 3px; margin-right: 0;"></span> </button>
<button type="button" class="btn btn-warning" id="epm_r_records_sel_btn">Select</button>
<span class="panel-heading-title">Room Records</span>
</div>
</div>
<div class="panel-body" id="page-body-epm_r_records" style="padding-left: 5px; padding-right: 5px; padding-top: 10px;">
<form role="form" name="epm_r_records_form" id="epm_r_records_form">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<div class="form-group" style="margin-bottom: 0">
<label for="name">Room Name</label>
<input name="name" class="form-control" placeholder="" type="text" value="" style="margin-bottom: 0">
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
<button type="button" class="btn btn-secondary epm_inline_btn" id="epm_r_records_form_add_btn" style="">Add New Room</button>
<div class="form-group" style="margin-bottom: 0">
<input name="description" class="form-control" placeholder="Room Description" type="text" value="" style="margin-bottom: 0">
</div>
</div>
</div>
</form>
<table data-click-to-select="true" data-single-select="true" id="epm_r_records_table"
class="table table-hover table-condensed"
data-show-refresh="true" data-show-toggle="true" data-show-columns="true"
data-search="true" data-select-item-name="toolbar1"
data-query-params="epm_r_records_QPH"
data-response-handler="epm_r_records_RH"
data-pagination="true" data-sort-name="name" data-side-pagination="server"
data-sort-order="asc" data-page-list="[5, 10, 20, 50, 100]"
style="color: black; cursor: pointer;"
data-page-size="5"
>
<thead>
<tr style="color: black">
<th data-field="state" data-checkbox="true" ></th>
<th data-field="room_id" data-sortable="true" data-visible="true" data-width="30">RoomID</th>
<th data-field="name" data-sortable="true" data-visible="true" data-width="50">Name</th>
<th data-field="description" data-sortable="false" data-align="left" data-width="100">Description</th>
<th class="col-md-1" data-field="operate"
data-formatter="epm_r_records_OF"
data-events="epm_r_records_OE" data-width="30">Action</th>
</tr>
</thead>
</table>
<footer>
<div class="row">
<div class="col-lg-12">
<p>To delete records, click the action buttons in the table.</p>
</div>
</div>
</footer>
</div>
</div>
<!-- Equipment Scope -->
<div id="page-epm_eqscp_records" class="ib-page" style="display: none">
<div class="panel panel-primary">
<div class="panel-heading ib-panel-heading">
<div class="gif-loader"> </div>
<button type="button" class="btn btn-warning btn-ib-header ibBackBtn"><span class="fa fa-arrow-left" style="margin-left: 3px; margin-right: 0;"></span> </button>
<button type="button" class="btn btn-warning" id="epm_eqscp_records_sel_btn">Select</button>
<span class="panel-heading-title">Equipment Scope</span>
</div>
</div>
<div class="panel-body" id="page-body-epm_eqscp_records" style="padding-left: 5px; padding-right: 5px; padding-top: 10px;">
<form role="form" name="epm_eqscp_records_form" id="epm_eqscp_records_form">
<div class="row">
<div class="col-xs-12 col-sm-4 col-md-3 col-lg-3">
<div class="form-group" style="margin-bottom: 0">
<label for="name">Scope Name</label>
<input name="name" class="form-control" placeholder="" type="text" value="" style="margin-bottom: 0">
</div>
</div>
<div class="col-xs-12 col-sm-4 col-md-3 col-lg-3">
<div class="form-group" style="margin-bottom: 0">
<label for="name">KAN ID</label>
<input name="kan_id" class="form-control" placeholder="KAN ID" type="text" value="" style="margin-bottom: 0">
</div>
</div>
<div class="col-xs-12 col-sm-4 col-md-6 col-lg-6">
<button type="button" class="btn btn-secondary epm_inline_btn" id="epm_eqscp_records_form_add_btn" style="">Add New Scope</button>
<div class="form-group" style="margin-bottom: 0">
<input name="description" class="form-control" placeholder="Scope Description" type="text" value="" style="margin-bottom: 0">
</div>
</div>
</div>
</form>
<div id="epm_eqscp_records_toolbar">
<button id="epm_eqscp_records_showall_btn" class="btn btn-secondary">
<i class="fa fa-refresh"></i> Show All
</button>
</div>
<table data-click-to-select="true" data-single-select="true" id="epm_eqscp_records_table"
class="table table-hover table-condensed"
data-show-refresh="true" data-show-toggle="true" data-show-columns="true"
data-search="true" data-select-item-name="toolbar1" data-toolbar="#epm_eqscp_records_toolbar"
data-query-params="epm_eqscp_records_QPH"
data-response-handler="epm_eqscp_records_RH"
data-pagination="true" data-sort-name="scope_id" data-side-pagination="server"
data-sort-order="asc" data-page-list="[5, 10, 20, 50, 100]"
style="color: black; cursor: pointer;"
data-page-size="5"
>
<thead>
<tr style="color: black">
<th data-field="state" data-checkbox="true" ></th>
<th data-field="scope_id" data-sortable="true" data-visible="true" data-width="30">Scope ID</th>
<th data-field="name" data-sortable="true" data-visible="true" data-width="50">Name</th>
<th data-field="kan_id" data-sortable="true" data-visible="true" data-width="100">KAN ID</th>
<th data-field="description" data-sortable="true" data-visible="true" data-width="100">Description</th>
<th class="col-md-1" data-field="operate"
data-formatter="epm_eqscp_records_OF"
data-events="epm_eqscp_records_OE" data-width="30">Action</th>
</tr>
</thead>
</table>
<footer>
<div class="row">
<div class="col-lg-12">
<p><b>Equipment scope</b> defines name and KAN ID</p>
<p><b>Equipment definition structure:</b></p>
<p>Equipment <i class="fa fa-arrow-left"></i> Maker, Equipment Type
<p>Equipment Type <i class="fa fa-arrow-left"></i> Equipment Scope, Formula, Work Instruction</p>
<p>Work Instruction <i class="fa fa-arrow-left"></i> Global Standards</p>
<p>To delete or update records, click the action buttons in the table.</p>
<p>
A scope has KAN ID assigned (certification of the company for the scope).
Only the company can create equipment type, scope, work instruction, formula for equipment types.
</p>
</div>
</div>
</footer>
</div>
</div>
<!-- Equipment Type -->
<div id="page-epm_eqtyp_records" class="ib-page" style="display: none">
<div class="panel panel-primary">
<div class="panel-heading ib-panel-heading">
<div class="gif-loader"> </div>
<button type="button" class="btn btn-warning btn-ib-header ibBackBtn"><span class="fa fa-arrow-left" style="margin-left: 3px; margin-right: 0;"></span> </button>
<button type="button" class="btn btn-warning" id="epm_eqtyp_records_sel_btn">Select</button>
<button type="button" class="btn btn-primary" id="epm_eqtyp_records_add_btn">Add New</button>
<span class="panel-heading-title">Equipment Type</span>
</div>
</div>
<div class="panel-body" id="page-body-epm_eqtyp_records" style="padding-left: 5px; padding-right: 5px; padding-top: 10px;">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<select class="form-control" name="epm_eqtyp_records_etype" id="epm_eqtyp_records_etype">
<option value="0" selected>Gauge</option>
<option value="1">Machine</option>
<option value="2">Measuring Table (Standard Table)</option>
<option value="3">Masters</option>
</select>
</div>
</div>
<table data-click-to-select="true" data-single-select="true" id="epm_eqtyp_records_table"
class="table table-hover table-condensed"
data-show-export="true"
data-show-refresh="true" data-show-toggle="true" data-show-columns="true"
data-search="true" data-select-item-name="toolbar1"
data-query-params="epm_eqtyp_records_QPH"
data-response-handler="epm_eqtyp_records_RH"
data-pagination="true" data-sort-name="eq_type" data-side-pagination="server"
data-sort-order="asc" data-page-list="[5, 10, 20, 50, 100, 200, 500]"
style="color: black; cursor: pointer;"
data-page-size="5">
<thead>
<tr style="color: black">
<th data-field="state" data-checkbox="true" ></th>
<th data-field="eq_type" data-sortable="true" data-visible="true" data-width="30">TypeID</th>
<th data-field="etype" data-sortable="true" data-formatter="epm_tblcolfm_etype" data-visible="true" data-width="30">Type</th>
<th data-field="scope_id" data-sortable="true" data-visible="true" data-width="30">Scope ID</th>
<th data-field="scope" data-sortable="true" data-visible="true" data-width="30">Scope</th>
<th data-field="cf_id" data-sortable="true" data-visible="false" data-width="30">Formula ID</th>
<th data-field="cf" data-sortable="true" data-visible="true" data-width="30">Formula</th>
<th data-field="wi_id" data-sortable="true" data-visible="false" data-width="30">WI ID</th>
<th data-field="wi" data-sortable="true" data-visible="false" data-width="30">Work Instruction</th>
<th data-field="kan_id" data-sortable="true" data-visible="false" data-width="30">KAN ID</th>
<th data-field="name" data-sortable="true" data-visible="true" data-width="50">Name</th>
<th data-field="description" data-sortable="true" data-visible="false" data-width="100">Description</th>
<th data-field="res_desc" data-sortable="true" data-visible="true" data-width="50">Resolution</th>
<th data-field="opr_desc" data-sortable="true" data-visible="true" data-width="50">Op Range</th>
<th data-field="cal_freq" data-sortable="true" data-visible="true" data-width="50">Cal Freq</th>
<th data-field="uom" data-sortable="true" data-formatter="epm_tblcolfm_uom" data-visible="true" data-width="50">UOM</th>
<th data-field="eqno" data-sortable="true" data-visible="true" data-width="10">Eq No.</th>
<th class="col-md-1" data-field="operate"
data-formatter="epm_eqtyp_records_OF"
data-events="epm_eqtyp_records_OE" data-width="30">Action</th>
</tr>
</thead>
</table>
<footer>
<div class="row">
<div class="col-lg-12">
<p><b>Equipment type defines:</b> resolution, scope, work instruction, and fomrula of equipments.</p>
<p><b>Equipment definition structure:</b></p>
<p>Equipment <i class="fa fa-arrow-left"></i> Maker, Equipment Type
<p>Equipment Type <i class="fa fa-arrow-left"></i> Equipment Scope, Formula, Work Instruction</p>
<p>Work Instruction <i class="fa fa-arrow-left"></i> Global Standards</p>
<p>To delete or update records, click the action buttons in the table.</p>
<p>
An equipment type belongs to a scope.
A scope has KAN ID assigned (certification of the company for the scope).
An equipment type is defined by a resolution and operating range.
An equipment type is assigned to a work instruction and a calibration formula.
Only the company can create equipment type, scope, work instruction, formula for equipment types.
</p>
</div>
</div>
</footer>
</div>
</div>
<!-- Equipment Type names-->
<div id="page-epm_eqtn_records" class="ib-page" style="display: none">
<div class="panel panel-primary">
<div class="panel-heading ib-panel-heading">
<div class="gif-loader"> </div>
<button type="button" class="btn btn-warning btn-ib-header ibBackBtn"><span class="fa fa-arrow-left" style="margin-left: 3px; margin-right: 0;"></span> </button>
<button type="button" class="btn btn-warning" id="epm_eqtn_records_sel_btn">Select</button>
<span class="panel-heading-title">Select Equipment Name</span>
</div>
</div>
<div class="panel-body" id="page-body-epm_eqtn_records" style="padding-left: 5px; padding-right: 5px; padding-top: 10px;">
<form role="form" name="epm_rm_form" id="epm_eqtn_records_form">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<div class="form-group" style="margin-bottom: 0">
<label for="name">Equipment Type Name</label>
<input name="name" class="form-control" placeholder="" type="text" value="" style="margin-bottom: 0">
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
<button type="button" class="btn btn-secondary epm_inline_btn" id="epm_eqtn_records_form_add_btn" style="">Add New Type Name</button>
<div class="form-group" style="margin-bottom: 0">
<input name="description" class="form-control" placeholder="Room Description" type="text" value="" style="margin-bottom: 0">
</div>
</div>
</div>
</form>
<table data-click-to-select="true" data-single-select="true" id="epm_eqtn_records_table"
class="table table-hover table-condensed"
data-show-refresh="true" data-show-toggle="true" data-show-columns="true"
data-search="true" data-select-item-name="toolbar1"
data-query-params="epm_eqtn_records_QPH"
data-response-handler="epm_eqtn_records_RH"
data-pagination="true" data-sort-name="etn_id" data-side-pagination="server"
data-sort-order="asc" data-page-list="[5, 10, 20, 50, 100]"
style="color: black; cursor: pointer;"
data-page-size="5"
>
<thead>
<tr style="color: black">
<th data-field="state" data-checkbox="true" ></th>
<th data-field="etn_id" data-sortable="false" data-visible="false" data-width="30">Name ID</th>
<th data-field="name" data-sortable="true" data-visible="true" data-width="50">Name</th>
<th data-field="description" data-sortable="true" data-visible="true" data-width="100">Description</th>
<th class="col-md-1" data-field="operate"
data-formatter="epm_eqtn_records_OF"
data-events="epm_eqtn_records_OE" data-width="30">Action</th>
</tr>
</thead>
</table>
<footer>
<div class="row">
<div class="col-lg-12">
<p>To delete or update records, click the action buttons in the table.</p>
</div>
</div>
</footer>
</div>
</div>
<!-- Equipments -->
<div id="page-epm_eq_records" class="ib-page" style="display: none">
<div class="panel panel-primary">
<div class="panel-heading ib-panel-heading">
<div class="gif-loader"> </div>
<button type="button" class="btn btn-warning btn-ib-header ibBackBtn"><span class="fa fa-arrow-left" style="margin-left: 3px; margin-right: 0;"></span> </button>
<button type="button" class="btn btn-warning" id="epm_eq_records_sel_btn">Select</button>
<button type="button" class="btn btn-primary" id="epm_eq_records_add_btn">Add New</button>
<span class="panel-heading-title">Equipments</span>
</div>
</div>
<div class="panel-body" id="page-body-epm_eq_records" style="padding-left: 5px; padding-right: 5px; padding-top: 10px;">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<!-- Thi sis not otype, it is stype epm_geq service uses this as stype -->
<select class="form-control" id="epm_eq_records_otype">
<option value="1001" selected>All</option>
<option value="0">Internal Gauges</option>
<option value="1">Internal Machines</option>
<option value="2">Internal Outhouse Gauges/Machines</option>
<option value="10">Internal Masters</option>
<option value="50">Vendor Masters</option>
<option value="60">Customer Gauges</option>
<option value="61">Customer Masters</option>
<option value="1000">All Gauges/Machines</option>
<option value="1002">No type assigned</option>
</select>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<select class="form-control" id="epm_eq_records_status">
<option value="0" selected>Active</option>
<option value="1">Spare</option>
<option value="2">Calibrating</option>
<option value="3">Broken</option>
<option value="4">Repairing</option>
<option value="10">Maintenance</option>
<option value="100">Disposed</option>
</select>
</div>
</div>
<div id="epm_eq_recordss_tbl_toolbar" class="select">
<select class="form-control">
<option value="">Export Basic</option>
<option value="all">Export All</option>
<option value="selected">Export Selected</option>
</select>
</div>
<table data-click-to-select="true" data-single-select="true" id="epm_eq_records_table"
class="table table-hover table-condensed"
data-show-export="true" data-toolbar="#epm_eq_recordss_tbl_toolbar"
data-show-refresh="true" data-show-toggle="true" data-show-columns="true"
data-search="true" data-select-item-name="toolbar1"
data-query-params="epm_eq_records_QPH"
data-response-handler="epm_eq_records_RH"
data-pagination="true" data-sort-name="eq_id" data-side-pagination="server"
data-sort-order="asc" data-page-list="[5, 10, 20, 50, 100]"
style="color: black; cursor: pointer;"
data-page-size="5"
>
<thead>
<tr style="color: black">
<th data-field="state" data-sortable="false" data-checkbox="true"></th>
<th data-field="eq_id" data-sortable="true" data-visible="false" data-width="30">EqId</th>
<th data-field="name" data-sortable="true" data-visible="true" data-width="50">Name</th>
<th data-field="eq_id_str" data-sortable="true" data-visible="true" data-width="30">ID</th>
<th data-field="barcode" data-sortable="true" data-visible="true" data-width="10">Barcode</th>
<th data-field="status" data-formatter="epm_tblcolfm_eqstatus" data-sortable="true" data-visible="false" data-width="10">State</th>
<th data-field="eq_type" data-sortable="true" data-visible="false" data-width="30">TypeID</th>
<th data-field="eq_tn" data-sortable="false" data-visible="true" data-width="50">Type</th>
<th data-field="wi_id" data-sortable="false" data-visible="false" data-width="20">WI ID</th>
<th data-field="wi" data-sortable="false" data-visible="false" data-width="20">Work Inst</th>
<th data-field="cf_id" data-sortable="false" data-visible="false" data-width="20">FID</th>
<th data-field="cf" data-sortable="false" data-visible="true" data-width="20">Formula</th>
<th data-field="scope" data-sortable="false" data-visible="false" data-width="20">Scope</th>
<th data-field="meq_id" data-sortable="false" data-visible="false" data-width="30">MEQ ID</th>
<th data-field="meq_idstr" data-sortable="false" data-visible="false" data-width="30">MasterID</th>
<th data-field="otype" data-sortable="true" data-formatter="epm_tblcolfm_otype" data-visible="false" data-width="30">OwnerType</th>
<th data-field="etype" data-sortable="false" data-formatter="epm_tblcolfm_etype" data-visible="false" data-width="30">Type</th>
<th data-field="cuser_id" data-sortable="true" data-visible="false" data-width="30">Cust ID</th>
<th data-field="vd_id" data-sortable="true" data-visible="false" data-width="50">VendorID</th>
<th data-field="oname" data-sortable="false" data-visible="false" data-width="50">Owner</th>
<th data-field="nist_no" data-sortable="true" data-visible="false" data-width="30">NIST</th>
<th data-field="serial_no" data-sortable="true" data-visible="false" data-width="30">SerNo</th>
<th data-field="model_no" data-sortable="true" data-visible="false" data-width="30">Model</th>
<th data-field="cert_no" data-sortable="true" data-visible="false" data-width="30">Cert No.</th>
<th data-field="room_id" data-sortable="true" data-visible="false" data-width="30">RoomID</th>
<th data-field="room" data-sortable="false" data-visible="true" data-width="30">Room</th>
<th data-field="maker_id" data-sortable="true" data-visible="false" data-width="30">MakerID</th>
<th data-field="maker" data-sortable="false" data-visible="false" data-width="30">Maker</th>
<th data-field="cal_freq" data-sortable="true" data-visible="true" data-width="30">Freq</th>
<th data-field="uom" data-sortable="true" data-formatter="epm_tblcolfm_uom" data-visible="true" data-width="30">UOM</th>
<th data-field="pic1" data-sortable="true" data-visible="false" data-width="30">PIC1 Id</th>
<th data-field="pic1n" data-sortable="false" data-visible="false" data-width="30">PIC1</th>
<th data-field="pic2" data-sortable="true" data-visible="false" data-width="30">PIC2 Id</th>
<th data-field="pic2n" data-sortable="false" data-visible="false" data-width="30">PIC2</th>
<th data-field="cal_date" data-sortable="true" data-visible="false" data-width="50">Cal Date</th>
<th data-field="cal_time" data-sortable="true" data-visible="false" data-width="50">Cal Time</th>
<th data-field="valid_until" data-sortable="true" data-visible="true" data-width="50">Valid Unil</th>
<th data-field="udate" data-sortable="true" data-visible="false" data-width="50">UDate</th>
<th data-field="utime" data-sortable="true" data-visible="false" data-width="50">UTime</th>
<th class="col-md-1" data-field="operate"
data-formatter="epm_eq_records_OF"
data-events="epm_eq_records_OE" data-width="30">Action</th>
</tr>
</thead>
</table>
<footer>
<div class="row">
<div class="col-lg-12">
<p><b>Equipment defines:</b> equipment name, owner, location, maker, and equipment type.</p>
<p><b>Equipment definition structure:</b></p>
<p>Equipment <i class="fa fa-arrow-left"></i> Maker, Equipment Type
<p>Equipment Type <i class="fa fa-arrow-left"></i> Equipment Scope, Formula, Work Instruction</p>
<p>Work Instruction <i class="fa fa-arrow-left"></i> Global Standards</p>
<p>To delete or update records, click the action buttons in the table.</p>
</div>
</div>
</footer>
</div>
</div>
<!-- Calibration Requests -->
<div id="page-epm_cal_rq_records" class="ib-page" style="display: none">
<div class="panel panel-primary">
<div class="panel-heading ib-panel-heading">
<div class="gif-loader"> </div>
<button type="button" class="btn btn-warning btn-ib-header ibBackBtn"><span class="fa fa-arrow-left" style="margin-left: 3px; margin-right: 0;"></span> </button>
<button type="button" class="btn btn-warning" id="epm_cal_rq_records_sel_btn">Select</button>
<button type="button" class="btn btn-primary" id="epm_cal_rq_records_add_btn">Add New</button>
<span class="panel-heading-title" id="epm_cal_rq_records_title">Calibration Orders</span>
</div>
</div>
<div class="panel-body" id="page-body-epm_cal_rq_records" style="padding-left: 5px; padding-right: 5px; padding-top: 10px;">
<table data-click-to-select="true" data-single-select="true" id="epm_cal_rq_records_table"
class="table table-hover table-condensed"
data-show-refresh="true" data-show-toggle="true" data-show-columns="true"
data-search="true" data-select-item-name="toolbar1"
data-query-params="epm_cal_rq_records_QPH"
data-response-handler="epm_cal_rq_records_RH"
data-pagination="true" data-sort-name="crq_id" data-side-pagination="server"
data-sort-order="asc" data-page-list="[5, 10, 20, 50, 100]"
style="color: black; cursor: pointer;"
data-page-size="5"
>
<thead>
<tr style="color: black">
<th data-field="state" data-checkbox="true" ></th>
<th data-field="crq_id" data-sortable="true" data-visible="true" data-width="30">Id</th>
<th data-field="order_no" data-sortable="true" data-visible="true" data-width="30">OrderNo</th>
<th data-field="rq_id" data-sortable="true" data-visible="false" data-width="30">RqId</th>
<th data-field="rq" data-sortable="true" data-visible="true" data-width="30">Requester</th>
<th data-field="eq_id" data-sortable="true" data-visible="false" data-width="30">EqId</th>
<th data-field="eq" data-sortable="true" data-visible="true" data-width="30">EqName</th>
<th data-field="wi_id" data-sortable="true" data-visible="false" data-width="30">WiId</th>
<th data-field="wi" data-sortable="true" data-visible="false" data-width="30">Work Inst.</th>
<th data-field="cf_id" data-sortable="true" data-visible="false" data-width="30">FmId</th>
<th data-field="cf" data-sortable="true" data-visible="false" data-width="30">Formula</th>
<th data-field="src_type" data-sortable="true" data-visible="false" data-width="50">Src</th>
<th data-field="meq_id" data-sortable="true" data-visible="false" data-width="50">MEQ Id</th>
<th data-field="meq" data-sortable="true" data-visible="false" data-width="50">MEQ Name</th>
<th data-field="wf_id" data-sortable="true" data-formatter="epm_tblcolfm_wf" data-visible="true" data-width="20" title="Work flow step">WF</th>
<th data-field="due_date" data-sortable="true" data-visible="true" data-width="20">Due Date</th>
<th data-field="op_id" data-sortable="true" data-visible="false" data-width="20">OpID</th>
<th data-field="op" data-sortable="true" data-visible="false" data-width="20">Operator</th>
<th data-field="sch_date" data-sortable="true" data-visible="true" data-width="20">Sch Date</th>
<th data-field="sch_time" data-sortable="true" data-visible="false" data-width="20">Sch Time</th>
<th data-field="cal_date" data-sortable="true" data-visible="false" data-width="20">Cal Date</th>
<th data-field="cal_time" data-sortable="true" data-visible="false" data-width="20">Cal Time</th>
<th data-field="valid_until" data-sortable="true" data-visible="false" data-width="50">Valid Date</th>
<th data-field="st_cal" data-sortable="true" data-visible="true" data-width="10">Cal</th>
<th data-field="st_rp" data-sortable="true" data-visible="true" data-width="10">Rep</th>
<th data-field="st_apvdv" data-sortable="true" data-visible="true" data-width="10">Apv</th>
<th class="col-md-1" data-field="operate"
data-formatter="epm_cal_rq_records_OF"
data-events="epm_cal_rq_records_OE" data-width="30">Action</th>
</tr>
</thead>
</table>
<footer>
<div class="row">
<div class="col-lg-12">
<p>To delete or update records, click the action buttons in the table.</p>
</div>
</div>
</footer>
</div>
</div>
<!-- Certificate Approvals -->
<div id="page-epm_cal_apv_records" class="ib-page" style="display: none">
<div class="panel panel-primary">
<div class="panel-heading ib-panel-heading">
<div class="gif-loader"> </div>
<button type="button" class="btn btn-warning btn-ib-header ibBackBtn"><span class="fa fa-arrow-left" style="margin-left: 3px; margin-right: 0;"></span> </button>
<button type="button" class="btn btn-warning" id="epm_cal_apv_records_sel_btn">Select</button>
<button type="button" class="btn btn-primary" id="epm_cal_apv_records_add_btn">Add New</button>
<span class="panel-heading-title" id="epm_cal_apv_records_title">Calibration Orders</span>
</div>
</div>
<div class="panel-body" id="page-body-epm_cal_apv_records" style="padding-left: 5px; padding-right: 5px; padding-top: 10px;">
<table data-click-to-select="true" data-single-select="true" id="epm_cal_apv_records_table"
class="table table-hover table-condensed"
data-show-refresh="true" data-show-toggle="true" data-show-columns="true"
data-search="true" data-select-item-name="toolbar1"
data-query-params="epm_cal_apv_records_QPH"
data-response-handler="epm_cal_apv_records_RH"
data-pagination="true" data-sort-name="crq_id" data-side-pagination="server"
data-sort-order="asc" data-page-list="[5, 10, 20, 50, 100]"
style="color: black; cursor: pointer;"
data-page-size="5"
>
<thead>
<tr style="color: black">
<th data-field="state" data-checkbox="true" ></th>
<th data-field="crq_id" data-sortable="true" data-visible="true" data-width="30">Id</th>
<th data-field="user_id" data-sortable="true" data-visible="false" data-width="30">RqId</th>
<th data-field="user" data-sortable="true" data-visible="true" data-width="30">Requester</th>
<th data-field="eq_id" data-sortable="true" data-visible="false" data-width="30">EqId</th>
<th data-field="eq" data-sortable="true" data-visible="true" data-width="30">EqName</th>
<th data-field="wi_id" data-sortable="true" data-visible="false" data-width="30">WiId</th>
<th data-field="wi" data-sortable="true" data-visible="false" data-width="30">Work Inst.</th>
<th data-field="cf_id" data-sortable="true" data-visible="false" data-width="30">FmId</th>
<th data-field="cf" data-sortable="true" data-visible="false" data-width="30">Formula</th>
<th data-field="src_type" data-sortable="true" data-visible="false" data-width="50">Src</th>
<th data-field="meq_id" data-sortable="true" data-visible="false" data-width="50">MEQ Id</th>
<th data-field="meq" data-sortable="true" data-visible="false" data-width="50">MEQ Name</th>
<th data-field="wf" data-sortable="true" data-formatter="epm_tblcolfm_wf" data-visible="true" data-width="20" title="Work flow step">WF</th>
<th data-field="due_date" data-sortable="true" data-visible="true" data-width="20">Due Date</th>
<th data-field="op_id" data-sortable="true" data-visible="false" data-width="20">OpID</th>
<th data-field="op" data-sortable="true" data-visible="false" data-width="20">Operator</th>
<th data-field="sch_date" data-sortable="true" data-visible="true" data-width="20">Sch Date</th>
<th data-field="sch_time" data-sortable="true" data-visible="false" data-width="20">Sch Time</th>
<th data-field="cal_date" data-sortable="true" data-visible="false" data-width="20">Cal Date</th>
<th data-field="cal_time" data-sortable="true" data-visible="false" data-width="20">Cal Time</th>
<th data-field="valid_until" data-sortable="true" data-visible="false" data-width="50">Valid Date</th>
<th data-field="st_cal" data-sortable="true" data-visible="true" data-width="10">Cal</th>
<th data-field="st_rp" data-sortable="true" data-visible="true" data-width="10">Rep</th>
<th data-field="st_apvdv" data-sortable="true" data-visible="true" data-width="10">Apv</th>
<th class="col-md-1" data-field="operate"
data-formatter="epm_cal_apv_records_OF"
data-events="epm_cal_apv_records_OE" data-width="30">Action</th>
</tr>
</thead>
</table>
<footer>
<div class="row">
<div class="col-lg-12">
<p>To approve, reject, or amend records, click the action buttons in the table.</p>
</div>
</div>
</footer>
</div>
</div>
<!-- Users for both customers and operators -->
<div id="page-epm_u_records" class="ib-page" style="display: none">
<div class="panel panel-primary">
<div class="panel-heading ib-panel-heading">
<div class="gif-loader"> </div>
<button type="button" class="btn btn-warning btn-ib-header ibBackBtn"><span class="fa fa-arrow-left" style="margin-left: 3px; margin-right: 0;"></span> </button>
<button type="button" class="btn btn-warning" id="epm_u_records_sel_btn">Select</button>
<span class="panel-heading-title" id="epm_u_records_title">Users</span>
</div>
</div>
<div class="panel-body" id="page-body-epm_u_records" style="padding-left: 5px; padding-right: 5px; padding-top: 10px;">
<table data-click-to-select="true" data-single-select="true" id="epm_u_records_table"
class="table table-hover table-condensed"
data-show-refresh="true" data-show-toggle="true" data-show-columns="true"
data-search="true" data-select-item-name="toolbar1"
data-query-params="epm_u_records_QPH"
data-response-handler="epm_u_records_RH"
data-pagination="true" data-sort-name="user_id" data-side-pagination="server"
data-sort-order="asc" data-page-list="[5, 10, 20, 50, 100]"
style="color: black; cursor: pointer;"
data-page-size="5"
>
<thead>
<tr style="color: black">
<th data-field="state" data-checkbox="true" ></th>
<th data-field="user_id" data-sortable="true" data-visible="false" data-width="30">UserId</th>
<th data-field="name" data-sortable="true" data-visible="true" data-width="50">Name</th>
<th data-field="email" data-sortable="true" data-visible="true" data-width="50">Email</th>
<th data-field="tel" data-sortable="true" data-visible="true" data-width="50">Phone</th>
<th data-field="shift" data-formatter="epm_tblcolfm_shift" data-sortable="true" data-visible="true" data-width="30">Shift</th>
<th class="col-md-1" data-field="operate"
data-formatter="epm_u_records_OF"
data-events="epm_u_records_OE" data-width="30">Action</th>
</tr>
</thead>
</table>
<footer>
<div class="row">
<div class="col-lg-12">
<p>To delete or update records, click the action buttons in the table.</p>
</div>
</div>
</footer>
</div>
</div>
<!-- Maker -->
<div id="page-epm_m_records" class="ib-page" style="display: none">
<div class="panel panel-primary">
<div class="panel-heading ib-panel-heading">
<div class="gif-loader"> </div>
<button type="button" class="btn btn-warning btn-ib-header ibBackBtn"><span class="fa fa-arrow-left" style="margin-left: 3px; margin-right: 0;"></span> </button>
<button type="button" class="btn btn-warning" id="epm_m_records_sel_btn">Select</button>
<span class="panel-heading-title">Equipment Makers</span>
</div>
</div>
<div class="panel-body" id="page-body-epm_m_records" style="padding-left: 5px; padding-right: 5px; padding-top: 10px;">
<form role="form" name="epm_m_records_form" id="epm_m_records_form">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<div class="form-group" style="margin-bottom: 0">
<label for="name">Maker Name</label>
<input name="name" class="form-control" placeholder="" type="text" value="">
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
<button type="button" class="btn btn-secondary epm_inline_btn" id="epm_m_records_form_add_btn" style="">Add New Maker</button>
<div class="form-group" style="margin-bottom: 0">
<input name="description" class="form-control" placeholder="Description" type="text" value="" style="margin-bottom: 0">
</div>
</div>
</div>
</form>
<table data-click-to-select="true" data-single-select="true" id="epm_m_records_table"
class="table table-hover table-condensed"
data-show-refresh="true" data-show-toggle="true" data-show-columns="true"
data-search="true" data-select-item-name="toolbar1"
data-query-params="epm_m_records_QPH"
data-response-handler="epm_m_records_RH"
data-pagination="true" data-sort-name="maker_id" data-side-pagination="server"
data-sort-order="asc" data-page-list="[5, 10, 20, 50, 100]"
style="color: black; cursor: pointer;"
data-page-size="5"
>
<thead>
<tr style="color: black">
<th data-field="state" data-checkbox="true" ></th>
<th data-field="maker_id" data-sortable="true" data-visible="false" data-width="30">Maker Id</th>
<th data-field="name" data-sortable="true" data-visible="true" data-width="50">Name</th>
<th data-field="description" data-sortable="true" data-visible="true" data-width="100">Description</th>
<th class="col-md-1" data-field="operate"
data-formatter="epm_m_records_OF"
data-events="epm_m_records_OE" data-width="30">Action</th>
</tr>
</thead>
</table>
<footer>
<div class="row">
<div class="col-lg-12">
<p>To delete or update records, click the action buttons in the table.</p>
</div>
</div>
</footer>
</div>
</div>
<!-- Section -->
<div id="page-epm_s_records" class="ib-page" style="display: none">
<div class="panel panel-primary">
<div class="panel-heading ib-panel-heading">
<div class="gif-loader"> </div>
<button type="button" class="btn btn-warning btn-ib-header ibBackBtn"><span class="fa fa-arrow-left" style="margin-left: 3px; margin-right: 0;"></span> </button>
<button type="button" class="btn btn-warning" id="epm_s_records_sel_btn">Add New</button>
<span class="panel-heading-title">Sections</span>
</div>
</div>
<div class="panel-body" id="page-body-epm_s_records" style="padding-left: 5px; padding-right: 5px; padding-top: 10px;">
<form role="form" name="epm_s_records_form" id="epm_s_records_form">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<div class="form-group" style="margin-bottom: 0">
<label for="name">Section Name</label>
<input name="name" class="form-control" placeholder="" type="text" value="" style="margin-bottom: 0">
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
<button type="button" class="btn btn-secondary epm_inline_btn" id="epm_s_records_form_add_btn" style="">Add New Section</button>
<div class="form-group" style="margin-bottom: 0">
<input name="description" class="form-control" placeholder="Description" type="text" value="" style="margin-bottom: 0">
</div>
</div>
</div>
</form>
<table data-click-to-select="true" data-single-select="true" id="epm_s_records_table"
class="table table-hover table-condensed"
data-show-refresh="true" data-show-toggle="true" data-show-columns="true"
data-search="true" data-select-item-name="toolbar1"
data-query-params="epm_s_records_QPH"
data-response-handler="epm_s_records_RH"
data-pagination="true" data-sort-name="sec_id" data-side-pagination="server"
data-sort-order="asc" data-page-list="[5, 10, 20, 50, 100]"
style="color: black; cursor: pointer;"
data-page-size="5"
>
<thead>
<tr style="color: black">
<th data-field="state" data-checkbox="true" ></th>
<th data-field="sec_id" data-sortable="true" data-visible="false" data-width="30">Section Id</th>
<th data-field="name" data-sortable="true" data-visible="true" data-width="50">Name</th>
<th data-field="description" data-sortable="true" data-visible="true" data-width="100">Description</th>
<th class="col-md-1" data-field="operate"
data-formatter="epm_s_records_OF"
data-events="epm_s_records_OE" data-width="30">Action</th>
</tr>
</thead>
</table>
<footer>
<div class="row">
<div class="col-lg-12">
<p>To delete or update records, click the action buttons in the table.</p>
</div>
</div>
</footer>
</div>
</div>
<!-- Division -->
<div id="page-epm_dv_records" class="ib-page" style="display: none">
<div class="panel panel-primary">
<div class="panel-heading ib-panel-heading">
<div class="gif-loader"> </div>
<button type="button" class="btn btn-warning btn-ib-header ibBackBtn"><span class="fa fa-arrow-left" style="margin-left: 3px; margin-right: 0;"></span> </button>
<span class="panel-heading-title">Division</span>
</div>
</div>
<div class="panel-body" id="page-body-epm_dv_records" style="padding-left: 5px; padding-right: 5px; padding-top: 10px;">
<form role="form" name="epm_dv_records_form" id="epm_dv_records_form">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<div class="form-group" style="margin-bottom: 0">
<label for="name">Division Name</label>
<input name="name" class="form-control" placeholder="" type="text" value="" style="margin-bottom: 0">
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
<button type="button" class="btn btn-secondary epm_inline_btn" id="epm_dv_records_form_add_btn" style="">Add New Division</button>
<div class="form-group" style="margin-bottom: 0">
<input name="description" class="form-control" placeholder="Description" type="text" value="" style="margin-bottom: 0">
</div>
</div>
</div>
</form>
<table data-click-to-select="true" data-single-select="true" id="epm_dv_records_table"
class="table table-hover table-condensed"
data-show-refresh="true" data-show-toggle="true" data-show-columns="true"
data-search="true" data-select-item-name="toolbar1"
data-query-params="epm_dv_records_QPH"
data-response-handler="epm_dv_records_RH"
data-pagination="true" data-sort-name="div_id" data-side-pagination="server"
data-sort-order="asc" data-page-list="[5, 10, 20, 50, 100]"
style="color: black; cursor: pointer;"
data-page-size="5"
>
<thead>
<tr style="color: black">
<th data-field="state" data-checkbox="true" ></th>
<th data-field="div_id" data-sortable="true" data-visible="false" data-width="30">Division Id</th>
<th data-field="name" data-sortable="true" data-visible="true" data-width="50">Name</th>
<th data-field="description" data-sortable="true" data-visible="true" data-width="100">Description</th>
<th class="col-md-1" data-field="operate"
data-formatter="epm_dv_records_OF"
data-events="epm_dv_records_OE" data-width="30">Action</th>
</tr>
</thead>
</table>
<footer>
<div class="row">
<div class="col-lg-12">
<p>To delete or update records, click the action buttons in the table.</p>
</div>
</div>
</footer>
</div>
</div>
<!-- Department -->
<div id="page-epm_dp_records" class="ib-page" style="display: none">
<div class="panel panel-primary">
<div class="panel-heading ib-panel-heading">
<div class="gif-loader"> </div>
<button type="button" class="btn btn-warning btn-ib-header ibBackBtn"><span class="fa fa-arrow-left" style="margin-left: 3px; margin-right: 0;"></span> </button>
<button type="button" class="btn btn-warning" id="epm_dp_records_sel_btn">Select</button>
<span class="panel-heading-title">Department</span>
</div>
</div>
<div class="panel-body" id="page-body-epm_dp_records" style="padding-left: 5px; padding-right: 5px; padding-top: 10px;">
<form role="form" name="epm_dp_records_form" id="epm_dp_records_form">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<div class="form-group" style="margin-bottom: 0">
<label for="name">Department Name</label>
<input name="name" class="form-control" placeholder="" type="text" value="">
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
<button type="button" class="btn btn-secondary epm_inline_btn" id="epm_dp_records_form_add_btn" style="">Add New Department</button>
<div class="form-group" style="margin-bottom: 0">
<input name="description" class="form-control" placeholder="Description" type="text" value="" style="margin-bottom: 0">
</div>
</div>
</div>
</form>
<table data-click-to-select="true" data-single-select="true" id="epm_dp_records_table"
class="table table-hover table-condensed"
data-show-refresh="true" data-show-toggle="true" data-show-columns="true"
data-search="true" data-select-item-name="toolbar1"
data-query-params="epm_dp_records_QPH"
data-response-handler="epm_dp_records_RH"
data-pagination="true" data-sort-name="dept_id" data-side-pagination="server"
data-sort-order="asc" data-page-list="[5, 10, 20, 50, 100]"
style="color: black; cursor: pointer;"
data-page-size="5"
>
<thead>
<tr style="color: black">
<th data-field="state" data-checkbox="true" ></th>
<th data-field="dept_id" data-sortable="true" data-visible="false" data-width="30">Dept Id</th>
<th data-field="name" data-sortable="true" data-visible="true" data-width="50">Name</th>
<th data-field="description" data-sortable="true" data-visible="true" data-width="100">Description</th>
<th class="col-md-1" data-field="operate"
data-formatter="epm_dp_records_OF"
data-events="epm_dp_records_OE" data-width="30">Action</th>
</tr>
</thead>
</table>
<footer>
<div class="row">
<div class="col-lg-12">
<p>To delete or update records, click the action buttons in the table.</p>
</div>
</div>
</footer>
</div>
</div>
<!-- Work Item Instruction -->
<div id="page-epm_wi_records" class="ib-page" style="display: none">
<div class="panel panel-primary">
<div class="panel-heading ib-panel-heading">
<div class="gif-loader"> </div>
<button type="button" class="btn btn-warning btn-ib-header ibBackBtn"><span class="fa fa-arrow-left" style="margin-left: 3px; margin-right: 0;"></span> </button>
<button type="button" class="btn btn-warning" id="epm_wi_records_sel_btn">Select</button>
<button type="button" class="btn btn-primary" id="epm_wi_records_add_btn">Add New</button>
<span class="panel-heading-title">Work Instructions</span>
</div>
</div>
<div class="panel-body" id="page-body-epm_wi_records" style="padding-left: 5px; padding-right: 5px; padding-top: 10px;">
<div id="epm_wi_records_toolbar">
<button id="epm_wi_records_showall_btn" class="btn btn-secondary">
<i class="fa fa-refresh"></i> Show All
</button>
</div>
<table data-click-to-select="true" data-single-select="true" id="epm_wi_records_table"
class="table table-hover table-condensed"
data-show-export="true"
data-show-refresh="true" data-show-toggle="true" data-show-columns="true"
data-search="true" data-select-item-name="toolbar1" data-toolbar="#epm_wi_records_toolbar"
data-query-params="epm_wi_records_QPH"
data-response-handler="epm_wi_records_RH"
data-pagination="true" data-sort-name="wi_id" data-side-pagination="server"
data-sort-order="asc" data-page-list="[5, 10, 20, 50, 100]"
style="color: black; cursor: pointer;"
data-page-size="5"
>
<thead>
<tr style="color: black">
<th data-field="state" data-checkbox="true" ></th>
<th data-field="wi_id" data-sortable="true" data-visible="true" data-width="30">Id</th>
<th data-field="name" data-sortable="true" data-visible="true" data-width="50">Name</th>
<th data-field="wi_no" data-sortable="true" data-visible="true" data-width="50">WI No.</th>
<th data-field="description" data-sortable="true" data-visible="true" data-width="100">Description</th>
<th data-field="gs_id1" data-sortable="true" data-visible="false" data-width="30">GStd Id1</th>
<th data-field="gs1" data-sortable="false" data-visible="true" data-width="30">Glb Standard1</th>
<th data-field="gs_id2" data-sortable="true" data-visible="false" data-width="30">GStd Id2</th>
<th data-field="gs2" data-sortable="false" data-visible="true" data-width="30">Glb Standard2</th>
<th class="col-md-1" data-field="operate"
data-formatter="epm_wi_records_OF"
data-events="epm_wi_records_OE" data-width="30">Action</th>
</tr>
</thead>
</table>
<footer>
<div class="row">
<div class="col-lg-12">
<p><b>Work instructions defines:</b> global stadnard and calibration instruction.</p>
<p><b>Equipment definition structure:</b></p>
<p>Equipment <i class="fa fa-arrow-left"></i> Maker, Equipment Type
<p>Equipment Type <i class="fa fa-arrow-left"></i> Equipment Scope, Formula, Work Instruction</p>
<p>Work Instruction <i class="fa fa-arrow-left"></i> Global Standards</p>
<p>To delete or update records, click the action buttons in the table.</p>
</div>
</div>
</footer>
</div>
</div>
<!-- Work flow step -->
<div id="page-epm_wfs_records" class="ib-page" style="display: none">
<div class="panel panel-primary">
<div class="panel-heading ib-panel-heading">
<div class="gif-loader"> </div>
<button type="button" class="btn btn-warning btn-ib-header ibBackBtn"><span class="fa fa-arrow-left" style="margin-left: 3px; margin-right: 0;"></span> </button>
<span class="panel-heading-title">Work Flow Steps</span>
</div>
</div>
<div class="panel-body" id="page-body-epm_wfs_records" style="padding-left: 5px; padding-right: 5px; padding-top: 10px;">
<form role="form" name="epm_wfs_records_form" id="epm_wfs_records_form">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<div class="form-group" style="margin-bottom: 0">
<label for="name">Work Flow Step Name</label>
<input name="name" class="form-control" placeholder="" type="text" value="">
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
<button type="button" class="btn btn-secondary epm_inline_btn" id="epm_wfs_records_form_add_btn" style="">Add New Step</button>
<div class="form-group" style="margin-bottom: 0">
<input name="description" class="form-control" placeholder="Description" type="text" value="" style="margin-bottom: 0">
</div>
</div>
</div>
</form>
<table data-click-to-select="true" data-single-select="true" id="epm_wfs_records_table"
class="table table-hover table-condensed"
data-show-refresh="true" data-show-toggle="true" data-show-columns="true"
data-search="true" data-select-item-name="toolbar1"
data-query-params="epm_wfs_records_QPH"
data-response-handler="epm_wfs_records_RH"
data-pagination="true" data-sort-name="wf_id" data-side-pagination="server"
data-sort-order="asc" data-page-list="[5, 10, 20, 50, 100]"
style="color: black; cursor: pointer;"
data-page-size="5"
>
<thead>
<tr style="color: black">
<th data-field="state" data-checkbox="true" ></th>
<th data-field="wf_id" data-sortable="true" data-visible="false" data-width="30">Dept Id</th>
<th data-field="name" data-sortable="true" data-visible="true" data-width="50">Name</th>
<th data-field="description" data-sortable="true" data-visible="true" data-width="100">Description</th>
<th class="col-md-1" data-field="operate"
data-formatter="epm_wfs_records_OF"
data-events="epm_wfs_records_OE" data-width="30">Action</th>
</tr>
</thead>
</table>
<footer>
<div class="row">
<div class="col-lg-12">
<p>To delete or update records, click the action buttons in the table.</p>
</div>
</div>
</footer>
</div>
</div>
<!-- Vendors -->
<div id="page-epm_v_records" class="ib-page" style="display: none">
<div class="panel panel-primary">
<div class="panel-heading ib-panel-heading">
<div class="gif-loader"> </div>
<button type="button" class="btn btn-warning btn-ib-header ibBackBtn"><span class="fa fa-arrow-left" style="margin-left: 3px; margin-right: 0;"></span> </button>
<button type="button" class="btn btn-primary" id="epm_v_records_add_btn">Add New</button>
<span class="panel-heading-title">Master Tools Vendors</span>
</div>
</div>
<div class="panel-body" id="page-body-epm_v_records" style="padding-left: 5px; padding-right: 5px; padding-top: 10px;">
<table data-click-to-select="true" data-single-select="true" id="epm_v_records_table"
class="table table-hover table-condensed"
data-show-refresh="true" data-show-toggle="true" data-show-columns="true"
data-search="true" data-select-item-name="toolbar1"
data-query-params="epm_v_records_QPH"
data-response-handler="epm_v_records_RH"
data-pagination="true" data-sort-name="vd_id" data-side-pagination="server"
data-sort-order="asc" data-page-list="[5, 10, 20, 50, 100]"
style="color: black; cursor: pointer;"
data-page-size="5"
>
<thead>
<tr style="color: black">
<th data-field="state" data-checkbox="true" ></th>
<th data-field="vd_id" data-sortable="true" data-visible="false" data-width="30">V ID</th>
<th data-field="kan_id" data-sortable="true" data-visible="true" data-width="30">KAN ID</th>
<th data-field="name" data-sortable="true" data-visible="true" data-width="50">Name</th>
<th data-field="email" data-sortable="true" data-visible="true" data-width="50">Email</th>
<th data-field="phone1" data-sortable="true" data-visible="true" data-width="30">PHone1</th>
<th data-field="phone2" data-sortable="true" data-visible="false" data-width="30">PHone2</th>
<th data-field="mobile" data-sortable="true" data-visible="true" data-width="30">PHone2</th>
<th data-field="fax" data-sortable="true" data-visible="false" data-width="30">Fax</th>
<th class="col-md-1" data-field="operate"
data-formatter="epm_v_records_OF"
data-events="epm_v_records_OE" data-width="30">Action</th>
</tr>
</thead>
</table>
<footer>
<div class="row">
<div class="col-lg-12">
<p>To delete or update records, click the action buttons in the table.</p>
</div>
</div>
</footer>
</div>
</div>
<!-- Work Activities -->
<div id="page-epm_wa_records" class="ib-page" style="display: none">
<div class="panel panel-primary">
<div class="panel-heading ib-panel-heading">
<div class="gif-loader"> </div>
<button type="button" class="btn btn-warning btn-ib-header ibBackBtn"><span class="fa fa-arrow-left" style="margin-left: 3px; margin-right: 0;"></span> </button>
<span class="panel-heading-title">Work Activities</span>
</div>
</div>
<div class="panel-body" id="page-body-epm_wa_records" style="padding-left: 5px; padding-right: 5px; padding-top: 10px;">
<table data-click-to-select="true" data-single-select="true" id="epm_wa_records_table"
class="table table-hover table-condensed"
data-show-refresh="true" data-show-toggle="true" data-show-columns="true"
data-search="true" data-select-item-name="toolbar1"
data-query-params="epm_wa_records_QPH"
data-response-handler="epm_wa_records_RH"
data-pagination="true" data-sort-name="wa_id" data-side-pagination="server"
data-sort-order="desc" data-page-list="[5, 10, 20, 50, 100]"
style="color: black; cursor: pointer;"
data-page-size="5"
>
<thead>
<tr style="color: black">
<th data-field="state" data-checkbox="true" ></th>
<th data-field="wa_id" data-sortable="true" data-visible="false" data-width="30">ID</th>
<th data-field="op_id" data-sortable="true" data-visible="false" data-width="30">Op ID</th>
<th data-field="op" data-sortable="true" data-visible="true" data-width="30">Operator</th>
<th data-field="wi_type" data-sortable="true" data-visible="false" data-width="30">Work Type</th>
<th data-field="wi_id" data-sortable="true" data-visible="false" data-width="30">Work Item</th>
<th data-field="wtype" data-sortable="true" data-visible="true" data-width="30">ActType</th>
<th data-field="wdate" data-sortable="true" data-visible="true" data-width="30">Date</th>
<th data-field="wtime" data-sortable="true" data-visible="true" data-width="30">Time</th>
<th data-field="note" data-sortable="true" data-visible="false" data-width="50">Note</th>
<th data-field="udate" data-sortable="true" data-visible="false" data-width="30">Udate</th>
<th data-field="utime" data-sortable="true" data-visible="false" data-width="30">Utime</th>
<th class="col-md-1" data-field="operate"
data-formatter="epm_wa_records_OF"
data-events="epm_wa_records_OE" data-width="30">Action</th>
</tr>
</thead>
</table>
<footer>
<div class="row">
<div class="col-lg-12">
<p>To delete or update records, click the action buttons in the table.</p>
</div>
</div>
</footer>
</div>
</div>
<!-- Calibration formula -->
<div id="page-epm_cf_records" class="ib-page" style="display: none">
<div class="panel panel-primary">
<div class="panel-heading ib-panel-heading">
<div class="gif-loader"> </div>
<button type="button" class="btn btn-warning btn-ib-header ibBackBtn"><span class="fa fa-arrow-left" style="margin-left: 3px; margin-right: 0;"></span> </button>
<button type="button" class="btn btn-warning" id="epm_cf_records_sel_btn">Select</button>
<span class="panel-heading-title">Calibration Formulas</span>
</div>
</div>
<div class="panel-body" id="page-body-epm_cf_records" style="padding-left: 5px; padding-right: 5px; padding-top: 10px;">
<form role="form" name="epm_cf_records_form" id="epm_cf_records_form">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group" style="margin-bottom: 0">
<label for="name">Formula Name</label>
<input name="name" class="form-control" placeholder="" type="text" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group" style="margin-bottom: 0">
<label for="fmno">Formula No</label>
<input name="fmno" class="form-control" placeholder="" type="text" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
<button type="button" class="btn btn-secondary epm_inline_btn" id="epm_cf_records_form_add_btn" style="">Add New Formula</button>
<div class="form-group" style="margin-bottom: 0">
<input name="description" class="form-control" placeholder="Description" type="text" value="" style="margin-bottom: 0">
</div>
</div>
</div>
</form>
<div id="epm_cf_records_toolbar">
<button id="epm_cf_records_showall_btn" class="btn btn-secondary">
<i class="fa fa-refresh"></i> Show All
</button>
</div>
<table data-click-to-select="true" data-single-select="true" id="epm_cf_records_table"
class="table table-hover table-condensed"
data-show-export="true"
data-show-refresh="true" data-show-toggle="true" data-show-columns="true"
data-search="true" data-select-item-name="toolbar1" data-toolbar="#epm_cf_records_toolbar"
data-query-params="epm_cf_records_QPH"
data-response-handler="epm_cf_records_RH"
data-pagination="true" data-sort-name="fmno" data-side-pagination="server"
data-sort-order="asc" data-page-list="[5, 10, 20, 50, 100]"
style="color: black; cursor: pointer;"
data-page-size="5"
>
<thead>
<tr style="color: black">
<th data-field="state" data-checkbox="true" ></th>
<th data-field="cf_id" data-sortable="true" data-visible="false" data-width="20">ID</th>
<th data-field="name" data-sortable="true" data-visible="true" data-width="100">Name</th>
<th data-field="fmno" data-sortable="true" data-visible="true" data-width="10">Formula No</th>
<th data-field="description" data-sortable="true" data-visible="true" data-width="100">Desc</th>
<th data-field="udate" data-sortable="true" data-visible="true" data-width="20">Udate</th>
<th data-field="utime" data-sortable="true" data-visible="false" data-width="20">Utime</th>
<th class="col-md-1" data-field="operate"
data-formatter="epm_cf_records_OF"
data-events="epm_cf_records_OE" data-width="30">Action</th>
</tr>
</thead>
</table>
<footer>
<div class="row">
<p><b>Calibration formula defines:</b> formula name and formula No. Do not modify formula No. as they are system defined formulas program identifiers.</p>
<p><b>Equipment definition structure:</b></p>
<p>Equipment <i class="fa fa-arrow-left"></i> Maker, Equipment Type
<p>Equipment Type <i class="fa fa-arrow-left"></i> Equipment Scope, Formula, Work Instruction</p>
<p>Work Instruction <i class="fa fa-arrow-left"></i> Global Standards</p>
<div class="col-lg-12">
<p>To delete or update records, click the action buttons in the table.</p>
</div>
</div>
</footer>
</div>
</div>
<!-- Calibration Drifts -->
<div id="page-epm_cd_records" class="ib-page" style="display: none">
<div class="panel panel-primary">
<div class="panel-heading ib-panel-heading">
<div class="gif-loader"> </div>
<button type="button" class="btn btn-warning btn-ib-header ibBackBtn"><span class="fa fa-arrow-left" style="margin-left: 3px; margin-right: 0;"></span> </button>
<span class="panel-heading-title">Calibration Drifts</span>
</div>
</div>
<div class="panel-body" id="page-body-epm_cd_records" style="padding-left: 5px; padding-right: 5px; padding-top: 10px;">
<form role="form" name="epm_cd_records_form" id="epm_cd_records_form">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<div class="form-group" style="margin-bottom: 0">
<label for="name">Drift Name</label>
<input name="name" class="form-control" placeholder="" type="text" value="" style="margin-bottom: 0">
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
<button type="button" class="btn btn-secondary epm_inline_btn" id="epm_cd_records_form_add_btn" style="">Add New Drift</button>
<div class="form-group" style="margin-bottom: 0">
<input name="value" class="form-control" placeholder="Value" type="number" value="0" style="margin-bottom: 0">
</div>
</div>
</div>
</form>
<table data-click-to-select="true" data-single-select="true" id="epm_cd_records_table"
class="table table-hover table-condensed"
data-show-refresh="true" data-show-toggle="true" data-show-columns="true"
data-search="true" data-select-item-name="toolbar1"
data-query-params="epm_cd_records_QPH"
data-response-handler="epm_cd_records_RH"
data-pagination="true" data-sort-name="cd_id" data-side-pagination="server"
data-sort-order="desc" data-page-list="[5, 10, 20, 50, 100]"
style="color: black; cursor: pointer;"
data-page-size="5"
>
<thead>
<tr style="color: black">
<th data-field="state" data-checkbox="true" ></th>
<th data-field="cf_id" data-sortable="true" data-visible="true" data-width="30">Formula ID</th>
<th data-field="cfname" data-sortable="true" data-visible="true" data-width="30">Formula</th>
<th data-field="cd_id" data-sortable="true" data-visible="true" data-width="30">Drift ID</th>
<th data-field="name" data-sortable="true" data-visible="true" data-width="30">Name</th>
<th data-field="value" data-sortable="true" data-visible="true" data-width="30">Value</th>
<th data-field="udate" data-sortable="true" data-visible="false" data-width="30">Udate</th>
<th data-field="utime" data-sortable="true" data-visible="false" data-width="30">Utime</th>
<th class="col-md-1" data-field="operate"
data-formatter="epm_cd_records_OF"
data-events="epm_cd_records_OE" data-width="30">Action</th>
</tr>
</thead>
</table>
<footer>
<div class="row">
<div class="col-lg-12">
<p>To delete or update records, click the action buttons in the table.</p>
</div>
</div>
</footer>
</div>
</div>
<!-- Calibration Measurement Table definitions -->
<div id="page-epm_mt_records" class="ib-page" style="display: none">
<div class="panel panel-primary">
<div class="panel-heading ib-panel-heading">
<div class="gif-loader"> </div>
<button type="button" class="btn btn-warning btn-ib-header ibBackBtn"><span class="fa fa-arrow-left" style="margin-left: 3px; margin-right: 0;"></span> </button>
<button type="button" class="btn btn-warning" id="epm_mt_records_sel_btn">Select</button>
<button type="button" class="btn btn-primary" id="epm_mt_records_add_btn">Add New</button>
<span class="panel-heading-title">Measurement Table Definitions</span>
</div>
</div>
<div class="panel-body" id="page-body-epm_mt_records" style="padding-left: 5px; padding-right: 5px; padding-top: 10px;">
<table data-click-to-select="true" data-single-select="true" id="epm_mt_records_table"
class="table table-hover table-condensed"
data-show-refresh="true" data-show-toggle="true" data-show-columns="true"
data-search="true" data-select-item-name="toolbar1"
data-query-params="epm_mt_records_QPH"
data-response-handler="epm_mt_records_RH"
data-pagination="true" data-sort-name="torder" data-side-pagination="server"
data-sort-order="asc" data-page-list="[5, 10, 20, 50, 100]"
style="color: black; cursor: pointer;"
data-page-size="5"
>
<thead>
<tr style="color: black">
<th data-field="state" data-checkbox="true" ></th>
<th data-field="mt_id" data-sortable="true" data-visible="true" data-width="10">Tbl ID</th>
<th data-field="cf_id" data-sortable="true" data-visible="false" data-width="10">Formula ID</th>
<th data-field="torder" data-sortable="true" data-visible="true" data-width="10">Order</th>
<th data-field="name" data-sortable="true" data-visible="true" data-width="30">Name</th>
<th data-field="runit" data-sortable="true" data-visible="true" data-width="30">Row Unit</th>
<th data-field="cunit" data-sortable="true" data-visible="true" data-width="30">Col Unit</th>
<th data-field="r1" data-sortable="true" data-visible="false" data-width="30">R1</th>
<th data-field="r2" data-sortable="true" data-visible="false" data-width="30">R2</th>
<th data-field="r3" data-sortable="true" data-visible="false" data-width="30">R3</th>
<th data-field="r4" data-sortable="true" data-visible="false" data-width="30">R4</th>
<th data-field="r5" data-sortable="true" data-visible="false" data-width="30">R5</th>
<th data-field="r6" data-sortable="true" data-visible="false" data-width="30">R6</th>
<th data-field="cs1" data-sortable="true" data-visible="false" data-width="30">CS1</th>
<th data-field="cs2" data-sortable="true" data-visible="false" data-width="30">CS2</th>
<th data-field="cs3" data-sortable="true" data-visible="false" data-width="30">CS3</th>
<th data-field="cs4" data-sortable="true" data-visible="false" data-width="30">CS4</th>
<th data-field="cs5" data-sortable="true" data-visible="false" data-width="30">CS5</th>
<th data-field="cs6" data-sortable="true" data-visible="false" data-width="30">CS6</th>
<th data-field="ct1" data-sortable="true" data-visible="false" data-width="30">CT1</th>
<th data-field="ct2" data-sortable="true" data-visible="false" data-width="30">CT2</th>
<th data-field="ct3" data-sortable="true" data-visible="false" data-width="30">CT3</th>
<th data-field="ct4" data-sortable="true" data-visible="false" data-width="30">CT4</th>
<th data-field="ct5" data-sortable="true" data-visible="false" data-width="30">CT5</th>
<th data-field="ct6" data-sortable="true" data-visible="false" data-width="30">CT6</th>
<th data-field="udate" data-sortable="true" data-visible="false" data-width="30">Udate</th>
<th data-field="utime" data-sortable="true" data-visible="false" data-width="30">Utime</th>
<th class="col-md-1" data-field="operate"
data-formatter="epm_mt_records_OF"
data-events="epm_mt_records_OE" data-width="30">Action</th>
</tr>
</thead>
</table>
<footer>
<div class="row">
<div class="col-lg-12">
<p>To delete or update records, click the action buttons in the table.</p>
</div>
</div>
</footer>
</div>
</div>
<!-- Calibration -->
<div id="page-epm_cal_records" class="ib-page" style="display: none">
<div class="panel panel-primary">
<div class="panel-heading ib-panel-heading">
<div class="gif-loader"> </div>
<button type="button" class="btn btn-warning btn-ib-header ibBackBtn"><span class="fa fa-arrow-left" style="margin-left: 3px; margin-right: 0;"></span> </button>
<button type="button" class="btn btn-warning" id="epm_cal_records_sel_btn">Select</button>
<button type="button" class="btn btn-primary" id="epm_cal_records_add_btn">Add New</button>
<span class="panel-heading-title">Measurement Table Definitions</span>
</div>
</div>
<div class="panel-body" id="page-body-epm_cal_records" style="padding-left: 5px; padding-right: 5px; padding-top: 10px;">
<table data-click-to-select="true" data-single-select="true" id="epm_cal_records_table"
class="table table-hover table-condensed"
data-show-refresh="true" data-show-toggle="true" data-show-columns="true"
data-search="true" data-select-item-name="toolbar1"
data-query-params="epm_cal_records_QPH"
data-response-handler="epm_cal_records_RH"
data-pagination="true" data-sort-name="cal_id" data-side-pagination="server"
data-sort-order="desc" data-page-list="[5, 10, 20, 50, 100]"
style="color: black; cursor: pointer;"
data-page-size="5"
>
<thead>
<tr style="color: black">
<th data-field="state" data-checkbox="true" ></th>
<th data-field="cal_id" data-sortable="true" data-visible="false" data-width="30">Tbl ID</th>
<th data-field="cf_id" data-sortable="true" data-visible="false" data-width="30">Formula ID</th>
<th data-field="cfname" data-sortable="true" data-visible="true" data-width="30">Formula</th>
<th data-field="crq_id" data-sortable="true" data-visible="false" data-width="30">Order ID</th>
<th data-field="rdate" data-sortable="true" data-visible="false" data-width="30">Receive Date</th>
<th data-field="cname" data-sortable="true" data-visible="false" data-width="30">Customer</th>
<th data-field="caddr" data-sortable="true" data-visible="false" data-width="30">Address</th>
<th data-field="purp" data-sortable="true" data-visible="false" data-width="30">Purpose</th>
<th data-field="tname" data-sortable="true" data-visible="false" data-width="30">Tool Name</th>
<th data-field="eq_id_str" data-sortable="true" data-visible="false" data-width="30">Tool ID</th>
<th data-field="maker" data-sortable="true" data-visible="false" data-width="30">Maker</th>
<th data-field="res_desc" data-sortable="true" data-visible="false" data-width="30">Resolution</th>
<th data-field="opr_desc" data-sortable="true" data-visible="false" data-width="30">Scale</th>
<th data-field="model_no" data-sortable="true" data-visible="false" data-width="30">Model No.</th>
<th data-field="serial_no" data-sortable="true" data-visible="false" data-width="30">Ser No.</th>
<th data-field="wi_id" data-sortable="true" data-visible="false" data-width="30">WI Id</th>
<th data-field="winame" data-sortable="true" data-visible="false" data-width="30">Work Instruction</th>
<th data-field="gs_id" data-sortable="true" data-visible="false" data-width="30">CT6</th>
<th data-field="gsstd" data-sortable="true" data-visible="false" data-width="30">Glb Std1</th>
<th data-field="room_id" data-sortable="true" data-visible="false" data-width="30">Loc ID</th>
<th data-field="room" data-sortable="true" data-visible="false" data-width="30">Location</th>
<th data-field="cert_no" data-sortable="true" data-visible="false" data-width="30">Cert No.</th>
<th data-field="cert_date" data-sortable="true" data-visible="false" data-width="30">Cert Date</th>
<th data-field="valid_until" data-sortable="true" data-visible="false" data-width="30">Valid Date</th>
<th data-field="tmp" data-sortable="true" data-visible="false" data-width="30">Tmp</th>
<th data-field="p" data-sortable="true" data-visible="false" data-width="30">Pressure</th>
<th data-field="h" data-sortable="true" data-visible="false" data-width="30">Humidity</th>
<th data-field="udate" data-sortable="true" data-visible="false" data-width="30">Udate</th>
<th data-field="utime" data-sortable="true" data-visible="false" data-width="30">Utime</th>
<th class="col-md-1" data-field="operate"
data-formatter="epm_cal_records_OF"
data-events="epm_cal_records_OE" data-width="30">Action</th>
</tr>
</thead>
</table>
<footer>
<div class="row">
<div class="col-lg-12">
<p>To delete or update records, click the action buttons in the table.</p>
</div>
</div>
</footer>
</div>
</div>
<!-- Calibration Measurement points -->
<div id="page-epm_mp_records" class="ib-page" style="display: none">
<div class="panel panel-primary">
<div class="panel-heading ib-panel-heading">
<div class="gif-loader"> </div>
<button type="button" class="btn btn-warning btn-ib-header ibBackBtn"><span class="fa fa-arrow-left" style="margin-left: 3px; margin-right: 0;"></span> </button>
<button type="button" class="btn btn-warning" id="epm_mp_records_sel_btn">Select</button>
<button type="button" class="btn btn-primary" id="epm_mp_records_add_btn">Add New</button>
<span class="panel-heading-title">Measurements</span>
</div>
</div>
<div class="panel-body" id="page-body-epm_mp_records" style="padding-left: 5px; padding-right: 5px; padding-top: 10px;">
<table data-click-to-select="true" data-single-select="true" id="epm_mp_records_table"
class="table table-hover table-condensed"
data-show-refresh="true" data-show-toggle="true" data-show-columns="true"
data-search="true" data-select-item-name="toolbar1"
data-query-params="epm_mp_records_QPH"
data-response-handler="epm_mp_records_RH"
data-pagination="true" data-sort-name="mp_id" data-side-pagination="server"
data-sort-order="desc" data-page-list="[5, 10, 20, 50, 100]"
style="color: black; cursor: pointer;"
data-page-size="5"
>
<thead>
<tr style="color: black">
<th data-field="state" data-checkbox="true" ></th>
<th data-field="mp_id" data-sortable="true" data-visible="false" data-width="30">Tbl ID</th>
<th data-field="cal_id" data-sortable="true" data-visible="false" data-width="30">Cal ID</th>
<th data-field="cf_id" data-sortable="true" data-visible="true" data-width="30">Formula ID</th>
<th data-field="mt_id" data-sortable="true" data-visible="true" data-width="30">Table ID</th>
<th data-field="r_no" data-sortable="true" data-visible="false" data-width="30">Row NO.</th>
<th data-field="cs1" data-sortable="true" data-visible="false" data-width="30">CS1</th>
<th data-field="cs2" data-sortable="true" data-visible="false" data-width="30">CS2</th>
<th data-field="cs3" data-sortable="true" data-visible="false" data-width="30">CS3</th>
<th data-field="cs4" data-sortable="true" data-visible="false" data-width="30">CS4</th>
<th data-field="cs5" data-sortable="true" data-visible="false" data-width="30">CS5</th>
<th data-field="cs6" data-sortable="true" data-visible="false" data-width="30">CS6</th>
<th data-field="ct1" data-sortable="true" data-visible="false" data-width="30">CT1</th>
<th data-field="ct2" data-sortable="true" data-visible="false" data-width="30">CT2</th>
<th data-field="ct3" data-sortable="true" data-visible="false" data-width="30">CT3</th>
<th data-field="ct4" data-sortable="true" data-visible="false" data-width="30">CT4</th>
<th data-field="ct5" data-sortable="true" data-visible="false" data-width="30">CT5</th>
<th data-field="ct6" data-sortable="true" data-visible="false" data-width="30">CT6</th>
<th data-field="cdate" data-sortable="true" data-visible="false" data-width="30">Cdate</th>
<th data-field="udate" data-sortable="true" data-visible="false" data-width="30">Udate</th>
<th data-field="utime" data-sortable="true" data-visible="false" data-width="30">Utime</th>
<th class="col-md-1" data-field="operate"
data-formatter="epm_mp_records_OF"
data-events="epm_mp_records_OE" data-width="30">Action</th>
</tr>
</thead>
</table>
<footer>
<div class="row">
<div class="col-lg-12">
<p>To delete or update records, click the action buttons in the table.</p>
</div>
</div>
</footer>
</div>
</div>
<!-- Global Standards -->
<div id="page-epm_gs_records" class="ib-page" style="display: none">
<div class="panel panel-primary">
<div class="panel-heading ib-panel-heading">
<div class="gif-loader"> </div>
<button type="button" class="btn btn-warning btn-ib-header ibBackBtn"><span class="fa fa-arrow-left" style="margin-left: 3px; margin-right: 0;"></span> </button>
<button type="button" class="btn btn-warning" id="epm_gs_records_sel_btn">Select</button>
<span class="panel-heading-title">Global Standards</span>
</div>
</div>
<div class="panel-body" id="page-body-epm_gs_records" style="padding-left: 5px; padding-right: 5px; padding-top: 10px;">
<form role="form" name="epm_gs_records_form" id="epm_gs_records_form">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<div class="form-group" style="margin-bottom: 0">
<label for="name">Global Std Name</label>
<input name="name" class="form-control" placeholder="" type="text" value="" style="margin-bottom: 0">
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
<button type="button" class="btn btn-secondary epm_inline_btn" id="epm_gs_records_form_add_btn" style="">Add New</button>
<div class="form-group" style="margin-bottom: 0">
<input name="description" class="form-control" placeholder="Description" type="text" value="" style="margin-bottom: 0">
</div>
</div>
</div>
</form>
<table data-click-to-select="true" data-single-select="true" id="epm_gs_records_table"
class="table table-hover table-condensed"
data-show-refresh="true" data-show-toggle="true" data-show-columns="true"
data-search="true" data-select-item-name="toolbar1"
data-query-params="epm_gs_records_QPH"
data-response-handler="epm_gs_records_RH"
data-pagination="true" data-sort-name="gs_id" data-side-pagination="server"
data-sort-order="desc" data-page-list="[5, 10, 20, 50, 100]"
style="color: black; cursor: pointer;"
data-page-size="5"
>
<thead>
<tr style="color: black">
<th data-field="state" data-checkbox="true" ></th>
<th data-field="gs_id" data-sortable="true" data-visible="false" data-width="30">GS ID</th>
<th data-field="name" data-sortable="true" data-visible="true" data-width="30">Name</th>
<th data-field="description" data-sortable="true" data-visible="true" data-width="50">Description</th>
<th data-field="udate" data-sortable="true" data-visible="false" data-width="30">Udate</th>
<th data-field="utime" data-sortable="true" data-visible="false" data-width="30">Utime</th>
<th class="col-md-1" data-field="operate"
data-formatter="epm_gs_records_OF"
data-events="epm_gs_records_OE" data-width="30">Action</th>
</tr>
</thead>
</table>
<footer>
<div class="row">
<div class="col-lg-12">
<p>To delete or update records, click the action buttons in the table.</p>
</div>
</div>
</footer>
</div>
</div>
<!-- Master Calibration Requests -->
<div id="page-epm_mcal_records" class="ib-page" style="display: none">
<div class="panel panel-primary">
<div class="panel-heading ib-panel-heading">
<div class="gif-loader"> </div>
<button type="button" class="btn btn-warning btn-ib-header ibBackBtn"><span class="fa fa-arrow-left" style="margin-left: 3px; margin-right: 0;"></span> </button>
<button type="button" class="btn btn-warning" id="epm_mcal_records_sel_btn">Select</button>
<button type="button" class="btn btn-primary" id="epm_mcal_records_add_btn">Add New</button>
<span class="panel-heading-title" id="epm_mcal_records_title">Master Calibration Orders</span>
</div>
</div>
<div class="panel-body" id="page-body-epm_mcal_records" style="padding-left: 5px; padding-right: 5px; padding-top: 10px;">
<div id="epm_mcal_progress" style="display: none">
<div class="row pt-4 mb-4">
<div class="col-12 col-md-12 mx-auto d-flex align-items-center justify-content-between epm_progress">
<div class="number-round d-flex align-items-center justify-content-center font-weight-bold mcal_records_prgd1">Doc Preparation</div>
<div class="line-bar mcal_records_prgl1"></div>
<div class="number-round d-flex align-items-center justify-content-center font-weight-bold mcal_records_prgd2">Registration</div>
<div class="line-bar mcal_records_prgl2"></div>
<div class="number-round d-flex align-items-center justify-content-center font-weight-bold mcal_records_prgd3">Audit Kecukupan</div>
<div class="line-bar mcal_records_prgl3"></div>
<div class="number-round d-flex align-items-center justify-content-center font-weight-bold mcal_records_prgd4">Audit Lapangan</div>
<div class="line-bar mcal_records_prgl4"></div>
<div class="number-round d-flex align-items-center justify-content-center font-weight-bold mcal_records_prgd5">Audit Kelayakan</div>
<div class="line-bar mcal_records_prgl5"></div>
<div class="number-round d-flex align-items-center justify-content-center font-weight-bold mcal_records_prgd6">Final Audit</div>
<div class="line-bar mcal_records_prgl6"></div>
</div>
</div>
<div class="row pt-4 mb-4" style="margin-top: -50px">
<div class="chart" style="width: 100%">
<canvas class="chartjs-render-monitor" id="epm_mcal_records-m-chartCanvas" height="50"></canvas>
</div>
</div>
<div class="row pt-4 mb-4" style="margin-top: -90px">
<div id="epm_mcal_records_today_marker"><i class="fa fa-map-marker" style="font-size:20px; color:red"></i></div>
</div>
<div class="row pt-4 mb-4" style="margin-top: -40px">
<div class="col-12 col-md-12 mx-auto d-flex align-items-center justify-content-between epm_progress">
<div id="epm_mcal_records_sdate" class="hnumber-rectangle d-flex align-items-center justify-content-center">Start Date: 12/1/2019</div>
<div class="hline-bar"></div>
<div class="hnumber-rectangle d-flex align-items-center justify-content-center"></div>
<div class="hline-bar"></div>
<div class="hnumber-rectangle d-flex align-items-center justify-content-center"></div>
<div class="hline-bar"></div>
<div class="hnumber-rectangle d-flex align-items-center justify-content-center"></div>
<div class="hline-bar"></div>
<div class="hnumber-rectangle d-flex align-items-center justify-content-center"></div>
<div class="hline-bar"></div>
<div class="hnumber-rectangle d-flex align-items-center justify-content-center"></div>
<div class="hline-bar"></div>
<div id="epm_mcal_records_edate" class="hnumber-rectangle d-flex align-items-center justify-content-center">End Date: 12/1/2020</div>
</div>
</div>
<div class="row pt-4 mb-4" style="margin-top: -30px">
<div class="col-12 col-md-12 mx-auto d-flex align-items-center justify-content-between epm-progress">
<div class="chart" style="margin-left: 65px">
<canvas class="chartjs-render-monitor" id="epm_mcal_records-chartCanvas" height="100"></canvas>
</div>
<div class="chart">
<canvas class="chartjs-render-monitor" id="epm_mcal_records-chartCanvas1" height="100"></canvas>
</div>
<div class="chart">
<canvas class="chartjs-render-monitor" id="epm_mcal_records-chartCanvas2" height="100"></canvas>
</div>
<div class="chart">
<canvas class="chartjs-render-monitor" id="epm_mcal_records-chartCanvas3" height="100"></canvas>
</div>
<div class="chart">
<canvas class="chartjs-render-monitor" id="epm_mcal_records-chartCanvas4" height="100"></canvas>
</div>
<div class="chart" style="margin-right: 30px">
<canvas class="chartjs-render-monitor" id="epm_mcal_records-chartCanvas5" height="100"></canvas>
</div>
</div>
</div>
</div>
<table data-click-to-select="true" data-single-select="true" id="epm_mcal_records_table"
class="table table-hover table-condensed"
data-show-refresh="true" data-show-toggle="true" data-show-columns="true"
data-search="true" data-select-item-name="toolbar1"
data-query-params="epm_mcal_records_QPH"
data-response-handler="epm_mcal_records_RH"
data-pagination="true" data-sort-name="mcal_id" data-side-pagination="server"
data-sort-order="asc" data-page-list="[5, 10, 20, 50, 100]"
style="color: black; cursor: pointer;"
data-page-size="5"
>
<thead>
<tr style="color: black">
<th data-field="state" data-checkbox="true" ></th>
<th data-field="mcal_id" data-sortable="true" data-visible="true" data-width="30">Id</th>
<th data-field="order_no" data-sortable="true" data-visible="true" data-width="30">Ord No</th>
<th data-field="rq_id" data-sortable="true" data-visible="false" data-width="30">RqId</th>
<th data-field="rq" data-sortable="true" data-visible="true" data-width="30">Requester</th>
<th data-field="eq_id" data-sortable="true" data-visible="false" data-width="30">EqId</th>
<th data-field="eq" data-sortable="true" data-visible="true" data-width="30">EqName</th>
<th data-field="wi_id" data-sortable="true" data-visible="false" data-width="30">WiId</th>
<th data-field="wi" data-sortable="true" data-visible="false" data-width="30">Work Inst.</th>
<th data-field="due_date" data-sortable="true" data-visible="true" data-width="20">Due Date</th>
<th data-field="op_id" data-sortable="true" data-visible="false" data-width="20">OpID</th>
<th data-field="op" data-sortable="true" data-visible="false" data-width="20">Operator</th>
<th data-field="vd_id" data-sortable="true" data-visible="false" data-width="20">VID</th>
<th data-field="vd" data-sortable="true" data-visible="false" data-width="20">Vendor</th>
<th data-field="cal_date" data-sortable="true" data-visible="false" data-width="20">Cal Date</th>
<th data-field="cal_time" data-sortable="true" data-visible="false" data-width="20">Cal Time</th>
<th data-field="valid_until" data-sortable="true" data-visible="false" data-width="50">Valid Date</th>
<th class="col-md-1" data-field="operate"
data-formatter="epm_mcal_records_OF"
data-events="epm_mcal_records_OE" data-width="30">Action</th>
</tr>
</thead>
</table>
<footer>
<div class="row">
<div class="col-lg-12">
<p>To delete or update records, click the action buttons in the table.</p>
</div>
</div>
</footer>
</div>
</div>
<!-- Master Calibration Work Step list -->
<div id="page-epm_mcalwi_records" class="ib-page" style="display: none">
<div class="panel panel-primary">
<div class="panel-heading ib-panel-heading">
<div class="gif-loader"> </div>
<button type="button" class="btn btn-warning btn-ib-header ibBackBtn"><span class="fa fa-arrow-left" style="margin-left: 3px; margin-right: 0;"></span> </button>
<button type="button" class="btn btn-primary" id="epm_mcalwi_records_add_btn">Add New</button>
<span class="panel-heading-title" id="epm_mcalwi_records_title">Master Calibration Work Steps</span>
</div>
</div>
<div class="panel-body" id="page-body-epm_mcalwi_records" style="padding-left: 5px; padding-right: 5px; padding-top: 10px;">
<table data-click-to-select="true" data-single-select="true" id="epm_mcalwi_records_table"
class="table table-hover table-condensed"
data-show-refresh="true" data-show-toggle="true" data-show-columns="true"
data-search="true" data-select-item-name="toolbar1"
data-query-params="epm_mcalwi_records_QPH"
data-response-handler="epm_mcalwi_records_RH"
data-pagination="true" data-sort-name="mcalwi_id" data-side-pagination="server"
data-sort-order="asc" data-page-list="[5, 10, 20, 50, 100]"
style="color: black; cursor: pointer;"
data-page-size="5"
>
<thead>
<tr style="color: black">
<th data-field="mcalwi_id" data-sortable="true" data-visible="false" data-width="30">Id</th>
<th data-field="ord_no" data-sortable="true" data-visible="true" data-width="10">Step Order</th>
<th data-field="name" data-sortable="true" data-visible="true" data-width="30">Name</th>
<th data-field="progress" data-sortable="true" data-visible="true" data-width="10">Progress</th>
<th data-field="rqdocs" data-sortable="true" data-visible="true" data-width="10">File#</th>
<th data-field="due_date" data-sortable="true" data-visible="true" data-width="20">Due Date</th>
<th data-field="note" data-sortable="true" data-visible="true" data-width="100">Note</th>
<th data-field="operate"
data-formatter="epm_mcalwi_records_OF"
data-events="epm_mcalwi_records_OE" data-width="30">Action</th>
</tr>
</thead>
</table>
<footer>
<div class="row">
<div class="col-lg-12">
<p>To delete or update records, click the action buttons in the table.</p>
</div>
</div>
</footer>
</div>
</div>
<!-- Equipment Repair Requests -->
<div id="page-epm_erp_records" class="ib-page" style="display: none">
<div class="panel panel-primary">
<div class="panel-heading ib-panel-heading">
<div class="gif-loader"> </div>
<button type="button" class="btn btn-warning btn-ib-header ibBackBtn"><span class="fa fa-arrow-left" style="margin-left: 3px; margin-right: 0;"></span> </button>
<span class="panel-heading-title" id="epm_erp_records_title">Equipment Repair Orders</span>
</div>
</div>
<div class="panel-body" id="page-body-epm_erp_records" style="padding-left: 5px; padding-right: 5px; padding-top: 10px;">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<!-- Thi sis not otype, it is stype -->
<select class="form-control" id="epm_erp_records_otype">
<option value="1001" selected>All</option>
<option value="0">Internal Gauges</option>
<option value="1">Internal Machines</option>
<option value="2">Internal Outhouse Gauges/Machines</option>
<option value="10">Internal Masters</option>
<option value="50">External Masters</option>
<option value="60">Customer Gauges</option>
<option value="61">Customer Masters</option>
<option value="1000">All Gauges/Machines</option>
</select>
</div>
</div>
<table data-click-to-select="true" data-single-select="true" id="epm_erp_records_table"
class="table table-hover table-condensed"
data-show-refresh="true" data-show-toggle="true" data-show-columns="true"
data-search="true" data-select-item-name="toolbar1"
data-query-params="epm_erp_records_QPH"
data-response-handler="epm_erp_records_RH"
data-pagination="true" data-sort-name="erp_id" data-side-pagination="server"
data-sort-order="asc" data-page-list="[5, 10, 20, 50, 100]"
style="color: black; cursor: pointer;"
data-page-size="5"
>
<thead>
<tr style="color: black">
<th data-field="erp_id" data-sortable="true" data-visible="false" data-width="30">Id</th>
<th data-field="order_no" data-sortable="true" data-visible="true" data-width="30">Ord No</th>
<th data-field="rq_id" data-sortable="true" data-visible="false" data-width="30">RqId</th>
<th data-field="rq" data-sortable="true" data-visible="true" data-width="30">Requester</th>
<th data-field="eq_id" data-sortable="true" data-visible="false" data-width="30">EqId</th>
<th data-field="eq" data-sortable="true" data-visible="true" data-width="30">EqName</th>
<th data-field="op_id" data-sortable="true" data-visible="false" data-width="20">OpID</th>
<th data-field="op" data-sortable="true" data-visible="true" data-width="20">Operator</th>
<th data-field="status" data-formatter="epm_tblcolfm_eqstatus" data-sortable="true" data-visible="true" data-width="20">Status</th>
<th data-field="sdate" data-sortable="true" data-visible="true" data-width="20">Start</th>
<th data-field="edate" data-sortable="true" data-visible="true" data-width="20">End</th>
<th data-field="due_date" data-sortable="true" data-visible="true" data-width="20">Due Date</th>
<th class="col-md-1" data-field="operate"
data-formatter="epm_erp_records_OF"
data-events="epm_erp_records_OE" data-width="30">Action</th>
</tr>
</thead>
</table>
<footer>
<div class="row">
<div class="col-lg-12">
<p>To change the status of the orders, click the action buttons in the table.</p>
</div>
</div>
</footer>
</div>
</div>
<!-- Equipment Repair Requests -->
<div id="page-epm_prb_records" class="ib-page" style="display: none">
<div class="panel panel-primary">
<div class="panel-heading ib-panel-heading">
<div class="gif-loader"> </div>
<button type="button" class="btn btn-warning btn-ib-header ibBackBtn"><span class="fa fa-arrow-left" style="margin-left: 3px; margin-right: 0;"></span> </button>
<span class="panel-heading-title" id="epm_prb_records_title">Problems</span>
</div>
</div>
<div class="panel-body" id="page-body-epm_prb_records" style="padding-left: 5px; padding-right: 5px; padding-top: 10px;">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<!-- This is stype NOT otype -->
<select class="form-control" id="epm_prb_records_otype">
<option value="1001" selected>All</option>
<option value="0">Internal Gauges</option>
<option value="1">Internal Machines</option>
<option value="2">Internal Outhouse Gauges/Machines</option>
<option value="10">Internal Masters</option>
<option value="50">Vendor Masters</option>
<option value="60">Customer Gauges</option>
<option value="61">Customer Masters</option>
<option value="1000">All Gauges/Machines</option>
</select>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<select class="form-control" id="epm_prb_records_status">
<option value="0" selected>Open</option>
<option value="1">Closed</option>
</select>
</div>
</div>
<table data-click-to-select="true" data-single-select="true" id="epm_prb_records_table"
class="table table-hover table-condensed"
data-show-refresh="true" data-show-toggle="true" data-show-columns="true"
data-search="true" data-select-item-name="toolbar1"
data-query-params="epm_prb_records_QPH"
data-response-handler="epm_prb_records_RH"
data-pagination="true" data-sort-name="prb_id" data-side-pagination="server"
data-sort-order="asc" data-page-list="[5, 10, 20, 50, 100]"
style="color: black; cursor: pointer;"
data-page-size="5"
>
<thead>
<tr style="color: black">
<th data-field="prb_id" data-sortable="true" data-visible="false" data-width="30">Id</th>
<th data-field="order_no" data-sortable="true" data-visible="true" data-width="30">Ord No</th>
<th data-field="rq_id" data-sortable="true" data-visible="false" data-width="30">RqId</th>
<th data-field="rq" data-sortable="true" data-visible="true" data-width="30">Requester</th>
<th data-field="eq_id" data-sortable="true" data-visible="false" data-width="30">EqId</th>
<th data-field="eq" data-sortable="true" data-visible="true" data-width="30">EqName</th>
<th data-field="op_id" data-sortable="true" data-visible="false" data-width="20">OpID</th>
<th data-field="op" data-sortable="true" data-visible="true" data-width="20">Operator</th>
<th data-field="otype" data-formatter="epm_tblcolfm_otype" data-sortable="true" data-visible="true" data-width="20">Vendor</th>
<th data-field="status" data-formatter="epm_tblcolfm_prbstatus" data-sortable="true" data-visible="true" data-width="20">Status</th>
<th data-field="action" data-formatter="epm_tblcolfm_prbaction" data-sortable="true" data-visible="true" data-width="20">Action</th>
<th data-field="sdate" data-sortable="true" data-visible="true" data-width="20">Start</th>
<th data-field="edate" data-sortable="true" data-visible="true" data-width="20">End</th>
<th data-field="due_date" data-sortable="true" data-visible="false" data-width="20">Due Date</th>
<th class="col-md-1" data-field="operate"
data-formatter="epm_prb_records_OF"
data-events="epm_prb_records_OE" data-width="30">Action</th>
</tr>
</thead>
</table>
<footer>
<div class="row">
<div class="col-lg-12">
<p>To change the status of the problems, click the action buttons in the table.</p>
</div>
</div>
</footer>
</div>
</div>
<!-- Event Roles subscriptions -->
<div id="page-epm_evtrsub_records" class="ib-page" style="display: none">
<div class="panel panel-primary">
<div class="panel-heading ib-panel-heading">
<div class="gif-loader"> </div>
<button type="button" class="btn btn-warning btn-ib-header ibBackBtn"><span class="fa fa-arrow-left" style="margin-left: 3px; margin-right: 0;"></span> </button>
<button type="button" class="btn btn-primary" id="epm_evtrsub_records_add_btn">Add New</button>
<span class="panel-heading-title" id="epm_evtrsub_records_title">Event Subscription</span>
</div>
</div>
<div class="panel-body" id="page-body-epm_evtrsub_records" style="padding-left: 5px; padding-right: 5px; padding-top: 10px;">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<select class="form-control" id="epm_evtrsub_records_wf_id">
<option value="0" selected>All Events</option>
<option value="100">Calibration request submitted</option>
<option value="200">Calibration request approved by SSH</option>
<option value="130">Calibration request rejected by SSH</option>
<option value="300">Calibration request approved by SH</option>
<option value="230">Calibration request rejected by SH</option>
<option value="310">Master equipment paired by Operator</option>
<option value="320">Calibration completed by Operator</option>
<option value="400">Calibration reported by Operator</option>
<option value="500">Calibration report approved by SSH</option>
<option value="430">Calibration report rejected by SSH</option>
<option value="600">Calibration report approved by SH</option>
<option value="530">Calibration report rejected by SH</option>
<option value="700">Calibration report approved by DPH</option>
<option value="630">Calibration report rejected by DPH</option>
<option value="800">Calibration report approved by DVH</option>
<option value="730">Calibration report rejected by DVH</option>
</select>
</div>
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3" style="overflow: hidden;">
<select class="form-control" id="epm_evtrsub_records_role" style="padding: 0; padding-left:5px; margin-bottom: 0">
<option value="0" selected>All Roles</option>
<option value="10010">Operator</option>
<option value="10060">SSH: Sub-Section Head</option>
<option value="10065">SH: Section Head</option>
<option value="10070">DPH: Department Head</option>
<option value="10075">DVH: Division Head</option>
<option value="10100">Administrator</option>
</select>
</div>
</div>
<table data-click-to-select="true" data-single-select="true" id="epm_evtrsub_records_table"
class="table table-hover table-condensed"
data-show-refresh="true" data-show-toggle="true" data-show-columns="true"
data-search="true" data-select-item-name="toolbar1"
data-query-params="epm_evtrsub_records_QPH"
data-response-handler="epm_evtrsub_records_RH"
data-pagination="true" data-sort-name="wf_id" data-side-pagination="server"
data-sort-order="asc" data-page-list="[5, 10, 20, 50, 100]"
style="color: black; cursor: pointer;"
data-page-size="5"
>
<thead>
<tr style="color: black">
<th data-field="wi_type" data-sortable="true" data-visible="false" data-width="30">WIType</th>
<th data-field="wf_id" data-formatter="epm_tblcolfm_wf" data-sortable="true" data-visible="true" data-width="10">Event</th>
<th data-field="role" data-formatter="epm_tblcolfm_role" data-sortable="true" data-visible="true" data-width="10">Role</th>
<th data-field="ruser_id" data-sortable="true" data-visible="false" data-width="10">User Id</th>
<th data-field="ruser" data-sortable="true" data-visible="true" data-width="10">Subscriber</th>
<th data-field="msg" data-sortable="true" data-visible="true" data-width="10">Message</th>
<th data-field="operate"
data-formatter="epm_evtrsub_records_OF"
data-events="epm_evtrsub_records_OE" data-width="30">Action</th>
</tr>
</thead>
</table>
<footer>
<div class="row">
<div class="col-lg-12">
<p>To delete or update records, click the action buttons in the table.</p>
</div>
</div>
</footer>
</div>
</div>
<!-- Calibration Portal Landing Page -->
<div id="page-epm_calland_records" class="ib-page" style="display: none">
<div class="panel panel-primary">
<div class="panel-heading ib-panel-heading">
<div class="gif-loader"> </div>
<button type="button" class="btn btn-warning btn-ib-header ibBackBtn"><span class="fa fa-arrow-left" style="margin-left: 3px; margin-right: 0;"></span> </button>
<span class="panel-heading-title" id="epm_calland_records_title">Equipment Calibration Portal</span>
</div>
</div>
<div class="panel-body" id="page-body-epm_calland_records" style="padding-left: 5px; padding-right: 5px; padding-top: 10px;">
<!-- <div id="calland_wf0" class="calland_wf" style="background: lightgoldenrodyellow">-->
<!-- <h5>Calibration Requests</h5>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_papv_btn" id="calland_wf0_btn">New Requests</button>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_apv_btn" id="calland_wf1_btn">Submitted Requests</button>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_rj_btn" id="calland_wf4_btn">Rejected</button>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_cert_btn" id="calland_wf3_btn">Completed</button>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_cert_btn" id="calland_wf8_btn">Certificates</button>-->
<!-- </div>-->
<!---->
<!-- <div id="calland_wf100" class="calland_wf">-->
<!-- <h5>Calibration Requests for SSH</h5>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_papv_btn" id="calland_wf100_btn">Calibration Requests to Approve</button>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_rj_btn" id="calland_wf130_btn">Rejected</button>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_apv_btn" id="calland_wf120_btn">Approved</button>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_sch_btn">Schedules</button>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_msch_btn">Master Schedules</button>-->
<!-- </div>-->
<!---->
<!-- <div id="calland_wf200" class="calland_wf">-->
<!-- <h5>Calibration Requests for SH</h5>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_papv_btn" id="calland_wf200_btn">Calibration Requests to Approve</button>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_rj_btn" id="calland_wf230_btn">Rejected</button>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_apv_btn" id="calland_wf220_btn">Approved</button>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_sch_btn">Schedules</button>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_msch_btn">Master Schedules</button>-->
<!-- </div>-->
<!---->
<!-- <div id="calland_wf300" class="calland_wf">-->
<!-- <h5>Calibration Orders for Operators</h5>-->
<!-- <button type="button" class="btn btn-primary calland_btns" id="calland_opsch_btn">Schedules</button>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_papv_btn" id="calland_wf300_btn">Pairing</button>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_papv_btn" id="calland_wf310_btn">Calibration</button>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_papv_btn" id="calland_wf320_btn">Validation</button>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_apv_btn" id="calland_wf330_btn">Reported</button>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_mng_btn calland_mng_eq_btn">Equipments</button>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_erp_btn">Repairs</button>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_prb_btn">Problems</button>-->
<!-- </div>-->
<!---->
<!-- <div id="calland_wf400" class="calland_wf">-->
<!-- <h5>Calibration Orders for SSH</h5>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_papv_btn" id="calland_wf400_btn">Calibrations to Approve</button>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_rj_btn" id="calland_wf430_btn">Rejected</button>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_apv_btn" id="calland_wf420_btn">Approved</button>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_cert_btn" id="calland_wf480_btn">Certificates</button>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_mcal_btn">Master Calibrations</button>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_mng_btn calland_mng_eq_btn">Equipments</button>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_erp_btn">Repairs</button>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_prb_btn">Problems</button>-->
<!-- </div>-->
<!---->
<!-- <div id="calland_wf500" class="calland_wf">-->
<!-- <h5>Calibration Orders for SH</h5>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_papv_btn" id="calland_wf500_btn">Calibrations to Approve</button>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_rj_btn" id="calland_wf530_btn">Rejected</button>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_apv_btn" id="calland_wf520_btn">Approved</button>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_cert_btn" id="calland_wf580_btn">Certificates</button>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_mcal_btn">Master Calibrations</button>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_mng_btn calland_mng_eq_btn">Equipments</button>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_erp_btn">Repairs</button>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_prb_btn">Problems</button>-->
<!-- </div>-->
<!---->
<!-- <div id="calland_wf600" class="calland_wf">-->
<!-- <h5>Calibration Orders for Dept. Head</h5>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_papv_btn" id="calland_wf600_btn">Calibrations to Approve</button>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_rj_btn" id="calland_wf630_btn">Rejected</button>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_apv_btn" id="calland_wf620_btn">Approved</button>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_cert_btn" id="calland_wf680_btn">Certificates</button>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_mcal_btn">Master Calibrations</button>-->
<!-- </div>-->
<!---->
<!-- <div id="calland_wf700" class="calland_wf">-->
<!-- <h5>Calibration Orders for Division Head</h5>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_papv_btn" id="calland_wf700_btn">Calibrations to Approve</button>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_rj_btn" id="calland_wf730_btn">Rejected</button>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_apv_btn" id="calland_wf720_btn">Approved</button>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_cert_btn" id="calland_wf780_btn">Certificates</button>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_mcal_btn">Master Calibrations</button>-->
<!-- </div>-->
<!---->
<!-- <div class="calland_wf calland_mng calland_db500" style="background: palegoldenrod">-->
<!-- <h5>Equipment Management</h5>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_mng_btn calland_mng_eq_btn">Equipments</button>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_mng_btn" id="calland_mng_m_btn">Eq. Makers</button>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_mng_btn" id="calland_mng_eqtyp_btn">Eq. Types</button>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_mng_btn" id="calland_mng_eqscp_btn">Eq. Scopes</button>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_mng_btn" id="calland_mng_wi_btn">Work Instructions</button>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_mng_btn" id="calland_mng_gs_btn">Global Standard</button>-->
<!-- </div>-->
<!---->
<!-- <div class="calland_wf calland_mng" style="background: palegoldenrod">-->
<!-- <h5>Formula Management</h5>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_mng_btn" id="calland_mng_cf_btn">Formulas</button>-->
<!-- </div>-->
<!---->
<!-- <div class="calland_wf calland_mng" style="background: palegoldenrod">-->
<!-- <h5>Other Management</h5>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_mng_btn" id="calland_mng_r_btn">Locations (Rooms)</button>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_mng_btn" id="calland_mng_cs_btn">Customers</button>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_mng_btn" id="calland_mng_op_btn">Operators</button>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_mng_btn" id="calland_mng_evt_btn">Events</button>-->
<!-- <button type="button" class="btn btn-primary calland_btns calland_mng_btn" id="calland_mng_v_btn">Vendors</button>-->
<!-- </div>-->
<div class="calland_db_panel" style="padding:5px; border: 1px solid grey; background: lightgrey">
<h5>Dashboard</h5>
<div>
<label>Select a Widget to View</label>
<select id="epm-cal-db-sel" style="height: 20px;">
<option class="calland_db_sel calland_db500 calland_db700" value="0" selected>Calibration Progress</option>
<option class="calland_db_sel calland_db500 calland_db700" value="1">External Detail Calibration Progress</option>
<option class="calland_db_sel calland_db500 calland_db700" value="2">Internal Detail Calibration Progress</option>
<option class="calland_db_sel calland_db500 calland_db700" value="3">Internal Detail Machine Calibration Progress</option>
<option class="calland_db_sel calland_db500 calland_db700" value="4">Efficiency Man Power</option>
<option class="calland_db_sel calland_db500" value="5">Master Calibration Capacity</option>
<option class="calland_db_sel calland_db500" value="6">Gauge Stock</option>
<option class="calland_db_sel calland_db500" value="7">Calibration Status</option>
<option class="calland_db_sel calland_db500" value="12">Master Calibration Status</option>
<option class="calland_db_sel calland_db500" value="8">Progress Repair</option>
<option class="calland_db_sel calland_db500" value="9">Calibration Problem</option>
<option class="calland_db_sel calland_db500" value="10">Overtime Progress</option>
<option class="calland_db_sel calland_db500" value="11">Overtime Monthly</option>
</select>
</div>
<div class="row" style="margin-top: 5px; margin-right: 0; margin-left: 0; display: block">
<!-- Cal Progress Routine-Request & Target-Achievement-Overdue !-->
<div class="card card-primary epm-db-card calland_mng calland_db" id="epm-cal-dbcalprog">
<div class="card-header epm-db-card-header">
<h4 class="card-title epm-db-card-title">Calibration Progress</h4>
<form>
<select id="epm-cal-dbcalprog-sel">
<option value="0">Daily</option>
<option value="1" selected>Weekly</option>
<option value="2">Monthly</option>
<option value="3">Yearly</option>
</select>
<input type="date" id="epm-cal-dbcalprog-dsel">
<input type="week" id="epm-cal-dbcalprog-wsel">
<input type="month" id="epm-cal-dbcalprog-msel">
<input type="text" id="epm-cal-dbcalprog-ysel">
</form>
</div>
<div class="card-body epm-db-card-body">
<div class="chart">
<canvas class="chartjs-render-monitor" id="epm-cal-dbcalprog-chartCanvas" height="200"></canvas>
</div>
<div class="chart">
<canvas class="chartjs-render-monitor" id="epm-cal-dbcalprog-chartCanvas1" height="200"></canvas>
</div>
</div>
</div>
<!-- External Detail Cal Progress !-->
<div class="card card-primary epm-db-card calland_mng calland_db" id="epm-cal-dbextdprog">
<div class="card-header epm-db-card-header">
<h4 class="card-title epm-db-card-title">External Detail Calibration Progress</h4>
<form>
<select id="epm-cal-dbextdprog-sel">
<option value="0">Daily</option>
<option value="1" selected>Weekly</option>
<option value="2">Monthly</option>
<option value="3">Yearly</option>
</select>
<input type="date" name="epm-cal-dbextdprog-dsel" id="epm-cal-dbextdprog-dsel">
<input type="week" name="epm-cal-dbextdprog-wsel" id="epm-cal-dbextdprog-wsel">
<input type="month" name="epm-cal-dbextdprog-msel" id="epm-cal-dbextdprog-msel">
<input type="text" id="epm-cal-dbextdprog-ysel">
</form>
</div>
<div class="card-body epm-db-card-body">
<div class="chart">
<canvas class="chartjs-render-monitor" id="epm-cal-dbextdprog-chartCanvas" height="400"></canvas>
</div>
</div>
</div>
<!-- Internal Detail Cal Progress !-->
<div class="card card-primary epm-db-card calland_mng calland_db" id="epm-cal-dbintdprog">
<div class="card-header epm-db-card-header">
<h4 class="card-title epm-db-card-title">Internal Detail Calibration Progress</h4>
<form>
<select id="epm-cal-dbintdprog-sel">
<option value="0">Daily</option>
<option value="1" selected>Weekly</option>
<option value="2">Monthly</option>
<option value="3">Yearly</option>
</select>
<input type="date" name="epm-cal-dbintdprog-dsel" id="epm-cal-dbintdprog-dsel">
<input type="week" name="epm-cal-dbintdprog-wsel" id="epm-cal-dbintdprog-wsel">
<input type="month" name="epm-cal-dbintdprog-msel" id="epm-cal-dbintdprog-msel">
<input type="text" id="epm-cal-dbintdprog-ysel">
</form>
</div>
<div class="card-body epm-db-card-body">
<div class="chart">
<canvas class="chartjs-render-monitor" id="epm-cal-dbintdprog-chartCanvas" height="400"></canvas>
</div>
</div>
</div>
<!-- Internal Detail Machine Cal Progress !-->
<div class="card card-primary epm-db-card calland_mng calland_db" id="epm-cal-dbintdmprog">
<div class="card-header epm-db-card-header">
<h4 class="card-title epm-db-card-title">Internal Detail Machine Calibration Progress</h4>
<form>
<select id="epm-cal-dbintdmprog-sel">
<option value="0">Daily</option>
<option value="1" selected>Weekly</option>
<option value="2">Monthly</option>
<option value="3">Yearly</option>
</select>
<input type="date" id="epm-cal-dbintdmprog-dsel">
<input type="week" id="epm-cal-dbintdmprog-wsel">
<input type="month" id="epm-cal-dbintdmprog-msel">
<input type="text" id="epm-cal-dbintdmprog-ysel">
</form>
</div>
<div class="card-body epm-db-card-body">
<div class="chart">
<canvas class="chartjs-render-monitor" id="epm-cal-dbintdmprog-chartCanvas" height="400"></canvas>
</div>
</div>
</div>
<!-- Efficiency Man Power !-->
<div class="card card-primary epm-db-card calland_mng calland_db" id="epm-cal-dbeffmanpw">
<div class="card-header epm-db-card-header">
<h4 class="card-title epm-db-card-title">Efficiency Man Power</h4>
<form>
<select id="epm-cal-dbeffmanpw-op1">
<option value="0">OpA</option>
</select>
<select id="epm-cal-dbeffmanpw-op2">
<option value="0">OpB</option>
</select>
<select id="epm-cal-dbeffmanpw-sel">
<option value="0">Daily</option>
</select>
<input type="date" id="epm-cal-dbeffmanpw-dsel">
</form>
</div>
<div class="card-body epm-db-card-body">
<div class="chart" style="margin-top: -20px">
<canvas class="chartjs-render-monitor" id="epm-cal-dbeffmanpw-d-chartCanvas" height="133"></canvas>
</div>
<span style="color:black">Weekly</span>
<div class="chart" style="margin-top: -20px">
<canvas class="chartjs-render-monitor" id="epm-cal-dbeffmanpw-w-chartCanvas" height="133"></canvas>
</div>
<span style="color:black">Monthly</span>
<div class="chart" style="margin-top: -20px">
<table>
<tr>
<td>
<canvas class="chartjs-render-monitor" id="epm-cal-dbeffmanpw-m-chartCanvas" height="134"></canvas>
</td>
<td>
<canvas class="chartjs-render-monitor" id="epm-cal-dbeffmanpw-m-chartCanvas1" height="134"></canvas>
</td>
</tr>
</table>
</div>
</div>
</div>
<!-- Master Calibration Capacity !-->
<div class="card card-primary epm-db-card calland_mng calland_db" id="epm-cal-dbmccap">
<div class="card-header epm-db-card-header">
<h4 class="card-title epm-db-card-title">Master Calibration Capacity</h4>
<form>
<select id="epm-cal-dbmccap-sel">
<option value="0">Daily</option>
<option value="1" selected>Weekly</option>
<option value="2">Monthly</option>
<option value="3">Yearly</option>
</select>
<input type="date" name="epm-cal-dbmccap-dsel" id="epm-cal-dbmccap-dsel">
<input type="week" name="epm-cal-dbmccap-wsel" id="epm-cal-dbmccap-wsel">
<input type="month" name="epm-cal-dbmccap-msel" id="epm-cal-dbmccap-msel">
<input type="text" id="epm-cal-dbmccap-ysel">
</form>
</div>
<div class="card-body epm-db-card-body">
<div class="chart">
<canvas class="chartjs-render-monitor" id="epm-cal-dbmccap-chartCanvas" height="400"></canvas>
</div>
</div>
</div>
<!-- Gauge Stock !-->
<div class="card card-primary epm-db-card calland_mng calland_db" id="epm-cal-dbgstock">
<div class="card-header epm-db-card-header">
<h4 class="card-title epm-db-card-title">Gauge Stock</h4>
<form>
<select id="epm-cal-dbgstock-sel">
<option value="0">Daily</option>
<option value="1" selected>Weekly</option>
<option value="2">Monthly</option>
<option value="3">Yearly</option>
</select>
<input type="date" name="epm-cal-dbgstock-dsel" id="epm-cal-dbgstock-dsel">
<input type="week" name="epm-cal-dbgstock-wsel" id="epm-cal-dbgstock-wsel">
<input type="month" name="epm-cal-dbgstock-msel" id="epm-cal-dbgstock-msel">
<input type="text" id="epm-cal-dbgstock-ysel">
</form>
</div>
<div class="card-body epm-db-card-body">
<div class="chart">
<canvas class="chartjs-render-monitor" id="epm-cal-dbgstock-chartCanvas" height="400"></canvas>
</div>
</div>
</div>
<!-- Calibration Status !-->
<div class="card card-primary epm-db-card calland_mng calland_db" id="epm-cal-dbcalstatus">
<div class="card-header epm-db-card-header">
<h4 class="card-title epm-db-card-title">Calibration Status</h4>
<form>
<select id="epm-cal-dbcalstatus-sel">
<option value="0">Daily</option>
<option value="1" selected>Weekly</option>
<option value="2">Monthly</option>
<option value="3">Yearly</option>
</select>
<input type="date" name="epm-cal-dbcalstatus-dsel" id="epm-cal-dbcalstatus-dsel">
<input type="week" name="epm-cal-dbcalstatus-wsel" id="epm-cal-dbcalstatus-wsel">
<input type="month" name="epm-cal-dbcalstatus-msel" id="epm-cal-dbcalstatus-msel">
<input type="text" id="epm-cal-dbcalstatus-ysel">
</form>
</div>
<div class="card-body epm-db-card-body">
<!-- <span style="color:black">Master</span>-->
<!-- <div class="chart" style="margin-top: -20px">-->
<!-- <canvas class="chartjs-render-monitor" id="epm-cal-dbcalstatus-chartCanvas" height="133"></canvas>-->
<!-- </div>-->
<span style="color:black">Gauge</span>
<div class="chart" style="margin-top: -20px">
<canvas class="chartjs-render-monitor" id="epm-cal-dbcalstatus-chartCanvas" height="200"></canvas>
</div>
<span style="color:black">Machine</span>
<div class="chart" style="margin-top: -20px">
<canvas class="chartjs-render-monitor" id="epm-cal-dbcalstatus-chartCanvas1" height="200"></canvas>
</div>
</div>
</div>
<!-- Master Calibration Status !-->
<div class="card card-primary epm-db-card calland_mng calland_db" id="epm-cal-dbmcalstatus">
<div class="card-header epm-db-card-header">
<h4 class="card-title epm-db-card-title">Calibration Status</h4>
<form>
<select id="epm-cal-dbmcalstatus-sel">
<option value="0">Daily</option>
<option value="1" selected>Weekly</option>
<option value="2">Monthly</option>
<option value="3">Yearly</option>
</select>
<input type="date" name="epm-cal-dbmcalstatus-dsel" id="epm-cal-dbmcalstatus-dsel">
<input type="week" name="epm-cal-dbmcalstatus-wsel" id="epm-cal-dbmcalstatus-wsel">
<input type="month" name="epm-cal-dbmcalstatus-msel" id="epm-cal-dbmcalstatus-msel">
<input type="text" id="epm-cal-dbmcalstatus-ysel">
</form>
</div>
<div class="card-body epm-db-card-body">
<span style="color:black">Master</span>
<div class="chart" style="margin-top: -20px">
<canvas class="chartjs-render-monitor" id="epm-cal-dbmcalstatus-chartCanvas" height="200"></canvas>
</div>
</div>
</div>
<!-- SH: Progress Master/Gage Repair !-->
<div class="card card-primary epm-db-card calland_mng calland_db" id="epm-cal-dbprogrp">
<div class="card-header epm-db-card-header">
<h4 class="card-title epm-db-card-title">Progress Repair</h4>
<form>
<select id="epm-cal-dbprogrp-sel">
<option value="0">Daily</option>
<option value="1" selected>Weekly</option>
<option value="2">Monthly</option>
<option value="3">Yearly</option>
</select>
<input type="date" id="epm-cal-dbprogrp-dsel">
<input type="week" id="epm-cal-dbprogrp-wsel">
<input type="month" id="epm-cal-dbprogrp-msel">
<input type="text" id="epm-cal-dbprogrp-ysel">
</form>
</div>
<div class="card-body epm-db-card-body">
<span style="color:black">Master</span>
<div class="chart" style="margin-top: -20px">
<canvas class="chartjs-render-monitor" id="epm-cal-dbprogrp-chartCanvas" height="133"></canvas>
</div>
<span style="color:black">Gauge</span>
<div class="chart" style="margin-top: -20px">
<canvas class="chartjs-render-monitor" id="epm-cal-dbprogrp-chartCanvas1" height="133"></canvas>
</div>
<span style="color:black">Machine</span>
<div class="chart" style="margin-top: -20px">
<canvas class="chartjs-render-monitor" id="epm-cal-dbprogrp-chartCanvas2" height="134"></canvas>
</div>
</div>
</div>
<!-- SH: Master existing, spare, active, broken, calibrate, disposal, repair. ** Using eq list page !-->
<!-- SH: Problem & achievement & calibration !-->
<!-- SH: Calibration Problem !-->
<div class="card card-primary epm-db-card calland_mng calland_db" id="epm-cal-dbcalprob">
<div class="card-header epm-db-card-header">
<h4 class="card-title epm-db-card-title">Calibration Problem</h4>
<form>
<select id="epm-cal-dbcalprob-sel">
<option value="0">Daily</option>
<option value="1" selected>Weekly</option>
<option value="2">Monthly</option>
<option value="3">Yearly</option>
</select>
<input type="date" name="epm-cal-dbcalprob-dsel" id="epm-cal-dbcalprob-dsel">
<input type="week" name="epm-cal-dbcalprob-wsel" id="epm-cal-dbcalprob-wsel">
<input type="month" name="epm-cal-dbcalprob-msel" id="epm-cal-dbcalprob-msel">
<input type="text" id="epm-cal-dbcalprob-ysel">
</form>
</div>
<div class="card-body epm-db-card-body">
<div class="chart">
<canvas class="chartjs-render-monitor" id="epm-cal-dbcalprob-chartCanvas" height="400"></canvas>
</div>
</div>
</div>
<!-- SH: Problem list ** shown in problem list page !-->
<!-- SH: Overtime Progress !-->
<div class="card card-primary epm-db-card calland_mng calland_db" id="epm-cal-dbovtprog">
<div class="card-header epm-db-card-header">
<h4 class="card-title epm-db-card-title">Overtime Progress</h4>
<form>
<select id="epm-cal-dbovtprog-op1">
<option value="0">OpA</option>
</select>
<select id="epm-cal-dbovtprog-op2">
<option value="0">OpB</option>
</select>
<select id="epm-cal-dbovtprog-sel">
<option value="0">Daily</option>
<option value="1" selected>Weekly</option>
<option value="2">Monthly</option>
<option value="3">Yearly</option>
</select>
<input type="date" id="epm-cal-dbovtprog-dsel">
<input type="week" id="epm-cal-dbovtprog-wsel">
<input type="month" id="epm-cal-dbovtprog-msel">
<input type="text" id="epm-cal-dbovtprog-ysel">
</form>
</div>
<div class="card-body epm-db-card-body">
<span style="color:black">Total Qty (PCS)</span>
<div class="chart" style="margin-top: -20px">
<canvas class="chartjs-render-monitor" id="epm-cal-dbovtprog-chartCanvas" height="200"></canvas>
</div>
<span style="color:black">Total Time (Hour)</span>
<div class="chart" style="margin-top: -20px">
<canvas class="chartjs-render-monitor" id="epm-cal-dbovtprog-chartCanvas1" height="200"></canvas>
</div>
</div>
</div>
<!-- SH: Overtime Monthly !-->
<div class="card card-primary epm-db-card calland_mng calland_db" id="epm-cal-dbovtmprog">
<div class="card-header epm-db-card-header">
<h4 class="card-title epm-db-card-title">Overtime Monthly</h4>
<form>
<select id="epm-cal-dbovtmprog-sel">
<option value="3">Yearly</option>
</select>
<input type="text" id="epm-cal-dbovtmprog-ysel">
</form>
</div>
<div class="card-body epm-db-card-body">
<div class="chart" style="margin-top: -20px">
<canvas class="chartjs-render-monitor" id="epm-cal-dbovtmprog-chartCanvas" height="400"></canvas>
</div>
</div>
</div>
</div>
</div>
<div style="margin-top: 5px; border: 1px solid grey; padding: 10px 5px 5px 5px">
<h3 style="margin-bottom: -50px;">Notifications</h3>
<table data-click-to-select="true" data-single-select="true" id="epm_calland_records_table"
class="table table-hover table-condensed"
data-show-refresh="true" data-show-toggle="true" data-show-columns="true"
data-search="true" data-select-item-name="toolbar1"
data-query-params="epm_calland_records_QPH"
data-response-handler="epm_calland_records_RH"
data-pagination="true" data-sort-name="umsg_id" data-side-pagination="server"
data-sort-order="desc" data-page-list="[5, 10, 20, 50, 100]"
style="color: black; cursor: pointer"
data-page-size="5"
>
<thead>
<tr style="color: black">
<th data-field="umsg_id" data-sortable="true" data-visible="false" data-width="30">Id</th>
<th data-field="user_id" data-sortable="true" data-visible="false" data-width="10">Sender ID</th>
<th data-field="receiver_id" data-sortable="true" data-visible="false" data-width="10">Receiver ID</th>
<th data-field="sender" data-sortable="true" data-visible="false" data-width="20">Sender</th>
<th data-field="content" data-formatter="epm_tblcolfm_msgcontent" data-sortable="false" data-visible="true" data-width="300">Message</th>
<th data-field="workname" data-sortable="true" data-visible="true" data-width="30">Work</th>
<th data-field="wi_type" data-sortable="true" data-visible="false" data-width="10">Item Type</th>
<th data-field="wi_id" data-sortable="true" data-visible="false" data-width="10">Item Id</th>
<th data-field="wf_id" data-sortable="true" data-visible="false" data-width="10">Work Step</th>
<th data-field="udate" data-sortable="true" data-visible="true" data-width="10">Date</th>
<th data-field="utime" data-sortable="true" data-visible="true" data-width="10">Time</th>
</tr>
</thead>
</table>
</div>
<footer>
<div class="row">
<div class="col-lg-12">
</div>
</div>
</footer>
</div>
</div>
<!-- Equipment -->
<div id="page-epm_eq" class="ib-page" style="display: none">
<div class="panel panel-primary">
<div class="panel-heading ib-panel-heading">
<div class="gif-loader" style="display:none;"> </div>
<button type="button" class="btn btn-warning ibBackBtn btn-ib-header"><span class="fa fa-arrow-left" style="margin-left: 3px; margin-right: 0;"></span> </button>
<button type="button" class="btn btn-primary" id="epm_eq_add_btn">Create</button>
<button type="button" class="btn btn-primary" id="epm_eq_update_btn">Update</button>
<span class="panel-heading-title">Equipment</span>
</div>
</div>
<div class="panel-body" id="page-body-epm_eq" style="padding-left: 5px; padding-right: 5px; padding-top: 20px;">
<form role="form" name="epm_eq_form" id="epm_eq_form">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
<div class="form-group">
<div class="image-left">
<div>
<input type="hidden" name="epm_eq_file_id" id="epm_eq_file_id" value="">
<img id="epm_eq_image" alt="Equipment Image" style="padding-bottom:5px; max-width: 200px; max-height:200px;" src="https://www.symdb.com/assets/images/subject.png">
</div>
<div class="btn-group-vertical img-sel-btn-grp">
<button id="epm_eq_brw_img_btn" type="button" class="browse_button btn btn-secondary" title="Set image"><i class="fa fa-folder-open fa-lg"></i></button>
<button id="epm_eq_clr_img_btn" type="button" class="clear_button btn btn-secondary" style="margin-top: 1px;" title="Clear image"><i class="fa fa-trash-o fa-lg"></i></button>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-9 col-lg-9">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
<div class="form-group">
<label for="epm_eq_name">Name</label>
<input name="epm_eq_name" id="epm_eq_name" class="form-control" type="text" value="" autofocus>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
<div class="form-group">
<label for="epm_eq_eq_id_str">Eq ID.</label>
<input name="epm_eq_eq_id_str" id="epm_eq_eq_id_str" type="text" class="form-control" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
<div class="form-group">
<label for="epm_eq_maker">Maker</label>
<button id="epm_eq_maker_btn" type="button" class="btn btn-secondary btn-xs epm_inline_btn">Set</button>
<button id="epm_eq_vmaker_btn" type="button" class="btn btn-secondary btn-xs epm_inline_btn">View</button>
<input name="epm_eq_maker" id="epm_eq_maker" class="form-control" type="text" value="" disabled>
<input name="epm_eq_maker_id" id="epm_eq_maker_id" class="form-control" type="hidden" value="">
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
<div class="form-group">
<label for="epm_eq_room">Location</label>
<button id="epm_eq_room_btn" type="button" class="btn btn-secondary btn-xs epm_inline_btn">Set</button>
<button id="epm_eq_vroom_btn" type="button" class="btn btn-secondary btn-xs epm_inline_btn">View</button>
<input name="epm_eq_room" id="epm_eq_room" class="form-control" type="text" value="" disabled>
<input name="epm_eq_room_id" id="epm_eq_room_id" class="form-control" type="hidden" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
<div class="form-group">
<label for="epm_eq_status">Status</label>
<select class="form-control" name="epm_eq_status" id="epm_eq_status">
<option value="0" selected>Active</option>
<option value="1">Spare</option>
<option value="2">Calibrating</option>
<option value="3">Broken</option>
<option value="4">Repairing</option>
<option value="10">Maintenance</option>
<option value="100">Disposed</option>
</select>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
<div class="form-group">
<label for="epm_eq_barcode">Barcode</label>
<input name="epm_eq_barcode" id="epm_eq_barcode" type="text" class="form-control" value="" disabled>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="epm_eq_eq_tn">Type</label>
<button id="epm_eq_eq_tn_btn" type="button" class="btn btn-secondary btn-xs epm_inline_btn">Set Type</button>
<button id="epm_eq_veq_tn_btn" type="button" class="btn btn-secondary btn-xs epm_inline_btn">View</button>
<input name="epm_eq_eq_tn" id="epm_eq_eq_tn" class="form-control" type="text" value="" disabled>
<input name="epm_eq_eq_type" id="epm_eq_eq_type" class="form-control" type="hidden" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="epm_eq_scope">Scope</label>
<input name="epm_eq_scope" id="epm_eq_scope" class="form-control" type="text" value="" disabled>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="epm_eq_kan_id">KAN ID</label>
<input name="epm_eq_kan_id" id="epm_eq_kan_id" class="form-control" type="text" value="" disabled>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="epm_eq_wi">Work Instruction</label>
<button id="epm_eq_vwi_btn" type="button" class="btn btn-secondary btn-xs epm_inline_btn">View</button>
<input name="epm_eq_wi" id="epm_eq_wi" class="form-control" type="text" value="" disabled>
<input name="epm_eq_wi_id" id="epm_eq_wi_id" class="form-control" type="hidden" value="">
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="epm_eq_otype">Owner Type</label>
<select class="form-control" name="epm_eq_otype" id="epm_eq_otype">
<option value="0" selected>Internal Gauge/Machines/Tables</option>
<option value="1">Internal Outhouse Gauge/Machines</option>
<option value="10">Internal Masters</option>
<option value="50">Vendor Masters</option>
<option value="60">Customer Gauges</option>
<option value="61">Customer Masters</option>
</select>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="epm_eq_oname">Owner</label>
<button id="epm_eq_oname_btn" type="button" class="btn btn-secondary btn-xs epm_inline_btn">Set Owner</button>
<button id="epm_eq_vuser_btn" type="button" class="btn btn-secondary btn-xs epm_inline_btn">View</button>
<input name="epm_eq_oname" id="epm_eq_oname" class="form-control" type="text" value="" disabled>
<input name="epm_eq_cuser_id" id="epm_eq_cuser_id" class="form-control" type="hidden" value="">
<input name="epm_eq_vd_id" id="epm_eq_vd_id" class="form-control" type="hidden" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="epm_eq_cal_freq">Cal Freq</label>
<input name="epm_eq_cal_freq" id="epm_eq_cal_freq" class="form-control" type="number" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="epm_eq_uom">UOM</label>
<select class="form-control" name="epm_eq_uom" id="epm_eq_uom">
<option value="0" selected>Monthly</option>
<option value="1">Yearly</option>
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="epm_eq_mtype">Battery Test Machine Type</label>
<select class="form-control" name="epm_eq_mtype" id="epm_eq_mtype">
<option value="0" selected>Not Battery Testing Equipment</option>
<option value="1">Capacity Tester</option>
<option value="2">Charger</option>
<option value="100">Facility: Water Bath</option>
<option value="101">Facility: Chamber</option>
</select>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="epm_eq_nist_no">NIST No.</label>
<input name="epm_eq_nist_no" id="epm_eq_nist_no" type="text" class="form-control" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="epm_eq_serial_no">Serial No.</label>
<input name="epm_eq_serial_no" id="epm_eq_serial_no" type="text" class="form-control" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="epm_eq_model_no">Model No.</label>
<input name="epm_eq_model_no" id="epm_eq_model_no" type="text" class="form-control" value="">
</div>
</div>
</div>
<div id="epm_eq_batt_sec" style="border: 1px solid black; padding: 5px; background: #e7ffeb; display: none;">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-2 col-lg-2">
<div class="form-group">
<label for="epm_eq_bt_cat">Battery Category</label>
<select class="form-control" name="epm_eq_bt_cat" id="epm_eq_bt_cat">
<option value="0" selected>N/A</option>
<option value="1">For AMB (Automotive Batteries)</option>
<option value="2">For MCA (Motorcycle Batteries)</option>
</select>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-2 col-lg-2">
<div class="form-group">
<label for="epm_eq_wh">Test Work Hours</label>
<input name="epm_eq_wh" id="epm_eq_wh" type="number" class="form-control" value="">
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-2 col-lg-2">
<div class="form-group">
<label for="epm_fuse">Facility Use</label>
<input name="epm_eq_fuse" id="epm_eq_fuse" type="text" class="form-control" value="">
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-2 col-lg-2">
<div class="form-group">
<label for="epm_eq_tmp">Facility Temp (°C)</label>
<input name="epm_eq_tpm" id="epm_eq_tmp" type="number" class="form-control" value="">
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-2 col-lg-2">
<div class="form-group">
<label for="epm_eq_cap">Facility Capacity</label>
<input name="epm_eq_cap" id="epm_eq_cap" type="number" class="form-control" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-2 col-lg-2">
<div class="form-group">
<label for="epm_eq_cap_unit">Capacity Unit</label>
<select class="form-control" name="epm_eq_cap_unit" id="epm_eq_cap_type">
<option value="0" selected>Single Slot</option>
<option value="1">Area Slots</option>
<option value="2">Volume Slots</option>
</select>
</div>
</div>
</div>
<div class="row">
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="form-group">
<label for="epm_eq_description">Description</label>
<input name="epm_eq_description" id="epm_eq_description" type="text" class="form-control" value="">
</div>
</div>
</div>
</form>
</div>
<footer>
<div class="panel-body2">
<span id="epm_eq_info"></span><br>
<p>
An equipment is owned by the company tool/machine/table, the company master, an external vendor master, or a customer.
An equipment must has an equipment type.
Setting the equipment type will set scope, KAN ID, and work instruction (and calibration formula).<br>
An equipment type belongs to a scope.
A scope has KAN ID assigned (certification of the company for the scope).
An equipment type is defined by a resolution and operating range.
An equipment type is assigned to a work instruction and a calibration formula.
Only the company can create equipment type, scope, work instruction, formula for equipment types.
</p>
</div>
</footer>
</div>
<!-- Calibration Request Order -->
<div id="page-epm_cal_rq" class="ib-page" style="display: none">
<div class="panel panel-primary">
<div class="panel-heading ib-panel-heading">
<div class="gif-loader" style="display:none;"> </div>
<button type="button" class="btn btn-warning ibBackBtn btn-ib-header"><span class="fa fa-arrow-left" style="margin-left: 3px; margin-right: 0;"></span> </button>
<button type="button" class="btn btn-primary cal_rq_au_btns" id="cal_rq_add_btn">Create</button>
<button type="button" class="btn btn-primary cal_rq_au_btns" id="cal_rq_update_btn">Update</button>
<button type="button" class="btn btn-primary cal_rq_apv_btns" id="cal_rq_submit_btn">Submit</button>
<button type="button" class="btn btn-primary cal_rq_apv_btns" id="cal_rq_apv_btn">Approve</button>
<button type="button" class="btn btn-primary cal_rq_apv_btns" id="cal_rq_rj_btn">Reject</button>
<button type="button" class="btn btn-primary cal_rq_apv_btns" id="cal_rq_paired_btn">Set to Paired</button>
<button type="button" class="btn btn-primary cal_rq_apv_btns" id="cal_rq_prob_btn">Create Problem</button>
<button type="button" class="btn btn-primary cal_rq_apv_btns" id="cal_rq_input_btn">Input</button>
<button type="button" class="btn btn-primary cal_rq_apv_btns" id="cal_rq_reset_btn">Reset</button>
<span class="panel-heading-title" id="epm_cal_rq_title">Equipment Calibration Request</span>
</div>
</div>
<div class="panel-body" id="page-body-epm_cal_rq" style="padding-left: 5px; padding-right: 5px; padding-top: 20px;">
<form role="form" name="cal_rq_form" id="cal_rq_form">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="cal_rq_rq">Requester</label>
<button id="cal_rq_rq_btn" type="button" class="btn btn-secondary btn-xs epm_inline_btn cal_rq_btns">Set Requester</button>
<button id="cal_rq_vuser_btn" type="button" class="btn btn-secondary btn-xs epm_inline_btn cal_rq_btns">Vew</button>
<input name="cal_rq_rq" id="cal_rq_rq" class="form-control" type="text" value="" disabled>
<input name="cal_rq_rq_id" id="cal_rq_rq_id" class="form-control" type="hidden" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="cal_rq_order_no">Order No.</label>
<input name="cal_rq_order_no" id="cal_rq_order_no" class="form-control" type="text" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
<div class="form-group">
<label for="cal_rq_purp">Purpose</label>
<input name="cal_rq_purp" id="cal_rq_purp" type="text" class="form-control cal_rq_inputs" value="" autofocus>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="cal_rq_eq">Equipment</label>
<button id="cal_rq_eq_btn" type="button" class="btn btn-secondary btn-xs epm_inline_btn cal_rq_btns">Set</button>
<button id="cal_rq_veq_btn" type="button" class="btn btn-secondary btn-xs epm_inline_btn">View</button>
<input name="cal_rq_eq" id="cal_rq_eq" class="form-control" type="text" value="" disabled>
<input name="cal_rq_eq_id" id="cal_rq_eq_id" class="form-control" type="hidden" value="">
<input name="cal_rq_eq_type" id="cal_rq_eq_type" class="form-control" type="hidden" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="cal_rq_wi">Work Instruction</label>
<button id="cal_rq_vwi_btn" type="button" class="btn btn-secondary btn-xs epm_inline_btn">View</button>
<input name="cal_rq_wi" id="cal_rq_wi" class="form-control" type="text" value="" disabled>
<input name="cal_rq_wi_id" id="cal_rq_wi_id" class="form-control" type="hidden" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="cal_rq_cf">Formula</label>
<button id="cal_rq_vcf_btn" type="button" class="btn btn-secondary btn-xs epm_inline_btn">View</button>
<input name="cal_rq_cf" id="cal_rq_cf" class="form-control" type="text" value="" disabled>
<input name="cal_rq_cf_id" id="cal_rq_cf_id" class="form-control" type="hidden" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="cal_rq_due_date">Due Date</label>
<input name="cal_rq_due_date" id="cal_rq_due_date" class="form-control cal_rq_inputs" type="date" value="">
</div>
</div>
<!-- <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">-->
<!-- <div class="form-group">-->
<!-- <label for="cal_rq_wf_id">Workflow Step</label>-->
<!-- <select class="form-control" name="cal_rq_wf_id" id="cal_rq_wf_id" disabled>-->
<!-- <option value="0">Creating Request</option>-->
<!-- <option value="100">Submitted - Pending SSH Pre-approval</option>-->
<!-- <option value="130">Rejected pre-approval by SSH</option>-->
<!-- <option value="200">Pending SH Pre-approval</option>-->
<!-- <option value="230">Rejected pre-approval by SH</option>-->
<!-- <option value="300">Assigned to operators</option>-->
<!-- <option value="310">Paired</option>-->
<!-- <option value="320">Calibrated</option>-->
<!-- <option value="400">Pending SSH calibration approval</option>-->
<!-- <option value="430">Rejected calibration by SSH</option>-->
<!-- <option value="500">Pending SH calibration approval</option>-->
<!-- <option value="530">Rejected calibration by SH</option>-->
<!-- <option value="600">Pending Dept calibration approval</option>-->
<!-- <option value="630">Rejected calibration by Dept</option>-->
<!-- <option value="700">Pending Division calibration approval</option>-->
<!-- <option value="730">Rejected calibration by Division</option>-->
<!-- <option value="800">Calibration Certification Issued</option>-->
<!-- </select>-->
<!-- </div>-->
<!-- </div>-->
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="form-group">
<label for="cal_rq_cnote">Customer Note</label>
<input name="cal_rq_cnote" id="cal_rq_cnote" type="text" class="form-control cal_rq_inputs" value="">
</div>
</div>
</div>
<div class="row cal_rq_op_fe">
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="cal_rq_src_type">Source</label>
<select class="form-control cal_rq_inputs" name="cal_rq_src_type" id="cal_rq_src_type" disabled>
<option value="1">Internal</option>
<option value="2">External</option>
<option value="0">Routine</option>
</select>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="cal_rq_recaluser">Re-cal Requester</label>
<button id="cal_rq_recaluser_btn" type="button" class="btn btn-secondary btn-xs epm_inline_btn cal_rq_sh_btns">Set Requester</button>
<input name="cal_rq_recaluser" id="cal_rq_recaluser" class="form-control" type="text" value="" disabled>
<input name="cal_rq_recaluser_id" id="cal_rq_recaluser_id" class="form-control" type="hidden" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
<div class="form-group">
<label for="cal_rq_note">Internal Note</label>
<input name="cal_rq_note" id="cal_rq_note" type="text" class="form-control cal_rq_inputs" value="">
</div>
</div>
</div>
<div class="row cal_rq_op_fe" style="border: 1px solid black; background-color: bisque; padding-top: 15px;">
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="cal_rq_sdate">Scheduled Date</label>
<button id="cal_rq_ssch_btn" type="button" class="btn btn-secondary btn-xs epm_inline_btn">Update Schedule</button>
<input name="cal_rq_sdate" id="cal_rq_sdate" class="form-control cal_rq_sh_inputs" type="date" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="cal_rq_shift">Shift</label>
<select name="cal_rq_shift" id="cal_rq_shift" class="form-control cal_rq_sh_inputs" style="padding: 0; padding-left:5px; margin-bottom: 0">
<option value="1" selected>12pm-7am</option>
<option value="2">7am to 4pm</option>
<option value="3">4pm to 12pm</option>
</select>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="cal_rq_op_id">Operator</label>
<select name="cal_rq_op_id" id="cal_rq_op_id" class="form-control cal_rq_sh_inputs"></select>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="cal_rq_sch_ts">Schedule Time</label>
<input name="cal_rq_sch_ts" id="cal_rq_sch_ts" class="form-control cal_rq_sh_inputs" type="time" value="">
</div>
</div>
</div>
<div class="row cal_rq_op_fe" style="margin-top: 20px; border: 1px solid black">
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<div class="form-group">
<label>Paired Master 1</label>
<div class="image-left">
<div>
<img id="cal_rq_meq_image" alt="Master Image" style="max-width: 200px; max-height:200px;"
src="https://www.symdb.com/assets/images/subject.png">
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="cal_rq_meq">Scan Barcode Here to Pair</label>
<input name="cal_rq_barcode" id="cal_rq_barcode" class="form-control" type="text" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="cal_rq_meq">Select Master to Pair</label>
<button id="cal_rq_meq_btn" type="button" class="btn btn-secondary btn-xs epm_inline_btn cal_rq_pair_btns">Pair Master</button>
<input name="cal_rq_meq" id="cal_rq_meq" class="form-control" type="text" value="" disabled>
<input name="cal_rq_meq_id" id="cal_rq_meq_id" class="form-control" type="hidden" value="">
</div>
</div>
</div>
<div class="row cal_rq_op_fe" style="margin-top: 5px; border: 1px solid black">
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<div class="form-group">
<label>Paired Master 2</label>
<div class="image-left">
<div>
<img id="cal_rq_meq_image2" alt="Master Image" style="max-width: 200px; max-height:200px;"
src="https://www.symdb.com/assets/images/subject.png">
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="cal_rq_meq2">Scan Barcode Here to Pair</label>
<input name="cal_rq_barcode2" id="cal_rq_barcode2" class="form-control" type="text" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="cal_rq_meq2">Select Master to Pair</label>
<button id="cal_rq_meq2_btn" type="button" class="btn btn-secondary btn-xs epm_inline_btn cal_rq_pair_btns">Pair Master</button>
<input name="cal_rq_meq2" id="cal_rq_meq2" class="form-control" type="text" value="" disabled>
<input name="cal_rq_meq_id2" id="cal_rq_meq_id2" class="form-control" type="hidden" value="">
</div>
</div>
</div>
<div class="row cal_rq_op_fe" style="margin-top: 5px; border: 1px solid black">
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<div class="form-group">
<label>Paired Master 3</label>
<div class="image-left">
<div>
<img id="cal_rq_meq_image3" alt="Master Image" style="max-width: 200px; max-height:200px;"
src="https://www.symdb.com/assets/images/subject.png">
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="cal_rq_meq3">Scan Barcode Here to Pair</label>
<input name="cal_rq_barcode3" id="cal_rq_barcode3" class="form-control" type="text" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="cal_rq_meq3">Select Master to Pair</label>
<button id="cal_rq_meq3_btn" type="button" class="btn btn-secondary btn-xs epm_inline_btn cal_rq_pair_btns">Pair Master</button>
<input name="cal_rq_meq3" id="cal_rq_meq3" class="form-control" type="text" value="" disabled>
<input name="cal_rq_meq_id3" id="cal_rq_meq_id3" class="form-control" type="hidden" value="">
</div>
</div>
</div>
</form>
</div>
<footer>
<div class="panel-body2">
</div>
</footer>
</div>
<!-- Equipment Type -->
<div id="page-epm_eqtyp" class="ib-page" style="display: none">
<div class="panel panel-primary">
<div class="panel-heading ib-panel-heading">
<div class="gif-loader" style="display:none;"> </div>
<button type="button" class="btn btn-warning ibBackBtn btn-ib-header"><span class="fa fa-arrow-left" style="margin-left: 3px; margin-right: 0;"></span> </button>
<button type="button" class="btn btn-primary" id="eqtyp_add_btn">Create</button>
<button type="button" class="btn btn-primary" id="eqtyp_update_btn">Update</button>
<span class="panel-heading-title">Equipment Type</span>
</div>
</div>
<div class="panel-body" id="page-body-epm_eqtyp" style="padding-left: 5px; padding-right: 5px; padding-top: 20px;">
<form role="form" name="epm_eqtyp_form" id="eqtyp_form">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="eqtyp_etype">Type</label>
<select class="form-control" name="eqtyp_etype" id="eqtyp_etype">
<option value="0" selected>Gauge</option>
<option value="1">Machine</option>
<option value="2">Measuring Table (Standard Table)</option>
<option value="3">Masters</option>
</select>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="eqtyp_scope">Scope</label>
<button id="eqtyp_scope_btn" type="button" class="btn btn-secondary btn-xs epm_inline_btn">Set</button>
<button id="eqtyp_vscope_btn" type="button" class="btn btn-secondary btn-xs epm_inline_btn">View</button>
<input name="eqtyp_scope" id="eqtyp_scope" class="form-control" type="text" value="" disabled>
<input name="eqtyp_scope_id" id="eqtyp_scope_id" class="form-control" type="hidden" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="eqtyp_name">Name</label>
<input name="eqtyp_name" id="eqtyp_name" class="form-control" type="text" value="" autofocus>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="eqtyp_description">Description</label>
<input name="eqtyp_description" id="eqtyp_description" type="text" class="form-control" value="">
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="eqtyp_res_desc">Resolution</label>
<input name="eqtyp_res_desc" id="eqtyp_res_desc" type="text" class="form-control" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="eqtyp_opr_desc">Op Range</label>
<input name="eqtyp_opr_desc" id="eqtyp_opr_desc" type="text" class="form-control" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="eqtyp_cal_freq">Cal Frequence</label>
<input name="eqtyp_cal_freq" id="eqtyp_cal_freq" type="number" class="form-control" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="eqtyp_uom">UOM</label>
<select class="form-control" name="eqtyp_uom" id="eqtyp_uom">
<option value="0">Month</option>
<option value="1">Year</option>
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="eqtyp_res_no">No. of Available Master Resources</label>
<input name="eqtyp_res_no" id="eqtyp_res_no" class="form-control" type="number" value="1" title="This limits the same type of equipment being scheduled at the same time to this value.">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="eqtyp_t1">T1 Cycle Time</label>
<input name="eqtyp_t1" id="eqtyp_t1" class="form-control" type="number" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="eqtyp_t2">T2 Cycle Time</label>
<input name="eqtyp_t2" id="eqtyp_t2" class="form-control" type="number" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="eqtyp_t3">T3 Cycle Time</label>
<input name="eqtyp_t3" id="eqtyp_t3" class="form-control" type="number" value="">
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="eqtyp_meq_type">Master Eq Type</label>
<button id="eqtyp_meq_type_btn" type="button" class="btn btn-secondary btn-xs epm_inline_btn">Set</button>
<button id="eqtyp_vmeq_tn_btn" type="button" class="btn btn-secondary btn-xs epm_inline_btn">View</button>
<input name="eqtyp_meq" id="eqtyp_meq" class="form-control" type="text" value="" title="If set, this is used to auto calculate the No. of Master resources for scheduling." disabled>
<input name="eqtyp_meq_type" id="eqtyp_meq_type" class="form-control" type="hidden" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="eqtyp_pic1n">PIC1</label>
<button id="eqtyp_pic1n_btn" type="button" class="btn btn-secondary btn-xs epm_inline_btn">Set</button>
<input name="eqtyp_pic1n" id="eqtyp_pic1n" class="form-control" type="text" value="" disabled>
<input name="eqtyp_pic1" id="eqtyp_pic1" class="form-control" type="hidden" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="eqtyp_pic2n">PIC2</label>
<button id="eqtyp_pic2n_btn" type="button" class="btn btn-secondary btn-xs epm_inline_btn">Set</button>
<input name="eqtyp_pic2n" id="eqtyp_pic2n" class="form-control" type="text" value="" disabled>
<input name="eqtyp_pic2" id="eqtyp_pic2" class="form-control" type="hidden" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="eqtyp_pic3n">PIC3</label>
<button id="eqtyp_pic3n_btn" type="button" class="btn btn-secondary btn-xs epm_inline_btn">Set</button>
<input name="eqtyp_pic3n" id="eqtyp_pic3n" class="form-control" type="text" value="" disabled>
<input name="eqtyp_pic3" id="eqtyp_pic3" class="form-control" type="hidden" value="">
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="eqtyp_cf">Calibration Formula</label>
<button id="eqtyp_cf_btn" type="button" class="btn btn-secondary btn-xs epm_inline_btn">Set</button>
<button id="eqtyp_vcf_btn" type="button" class="btn btn-secondary btn-xs epm_inline_btn">View</button>
<input name="eqtyp_cf" id="eqtyp_cf" class="form-control" type="text" value="" disabled>
<input name="eqtyp_cf_id" id="eqtyp_cf_id" class="form-control" type="hidden" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-9 col-lg-9">
<div class="form-group">
<label for="eqtyp_wi">Work Instruction</label>
<button id="eqtyp_wi_btn" type="button" class="btn btn-secondary btn-xs epm_inline_btn">Set</button>
<button id="eqtyp_vwi_btn" type="button" class="btn btn-secondary btn-xs epm_inline_btn">View</button>
<input name="eqtyp_wi" id="eqtyp_wi" class="form-control" type="text" value="" disabled>
<input name="eqtyp_wi_id" id="eqtyp_wi_id" class="form-control" type="hidden" value="">
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="eqtyp_use_tmp">Temperature Range Filter</label>
<select class="form-control" name="eqtyp_use_tmp" id="eqtyp_use_tmp">
<option value="0" selected>Not Using Temperature Range</option>
<option value="1">Use Temperature Range</option>
</select>
</div>
</div>
</div>
</form>
</div>
<footer>
<div class="panel-body2">
<p>
An equipment type belongs to a scope.
A scope has KAN ID assigned (certification of the company for the scope).
An equipment type is defined by a resolution and operating range.
An equipment type is assigned to a work instruction and a calibration formula.
Only the company can create equipment type, scope, work instruction, formula for equipment types.
</p>
</div>
</footer>
</div>
<!-- USERS -->
<div id="page-epm_u" class="ib-page" style="display: none">
<div class="panel panel-primary">
<div class="panel-heading ib-panel-heading">
<div class="gif-loader" style="display:none;"> </div>
<button type="button" class="btn btn-warning ibBackBtn btn-ib-header"><span class="fa fa-arrow-left" style="margin-left: 3px; margin-right: 0;"></span> </button>
<button type="button" class="btn btn-primary" id="u_update_btn">Update</button>
<span class="panel-heading-title" id="u_title">Users</span>
</div>
</div>
<div class="panel-body" id="page-body-epm_u" style="padding-left: 5px; padding-right: 5px; padding-top: 20px;">
<form role="form" name="u_form" id="u_form">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="u_shift">Shift (for operators)</label>
<select name="u_shift" id="u_shift" class="form-control uuu eee" style="padding: 0; padding-left:5px; margin-bottom: 0">
<option value="1" selected>12pm-7am</option>
<option value="2">7am to 4pm</option>
<option value="3">4pm to 12pm</option>
<option value="0">Not assigned</option>
</select>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="u_fname">First Name</label>
<input name="u_fname" id="u_fname" class="form-control" type="text" value="" disabled>
<input name="u_cuser_id" id="u_cuser_id" class="form-control" type="hidden" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="u_lname">Last Name</label>
<input name="u_lname" id="u_lname" class="form-control" type="text" value="" disabled>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="u_email">Email</label>
<input name="u_email" id="u_email" class="form-control" type="text" value="" disabled>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="u_tel">Phone</label>
<input name="u_tel" id="u_tel" class="form-control" type="text" value="" disabled>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="u_mobile">Mobile</label>
<input name="u_mobile" id="u_mobile" class="form-control" type="text" value="" disabled>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="u_city">City</label>
<input name="u_city" id="u_city" class="form-control" type="text" value="" disabled>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="u_address1">Address</label>
<input name="u_address1" id="u_address1" class="form-control" type="text" value="" disabled>
</div>
</div>
</div>
</form>
</div>
<footer>
<div class="panel-body2">
</div>
</footer>
</div>
<!-- Vendor -->
<div id="page-epm_v" class="ib-page" style="display: none">
<div class="panel panel-primary">
<div class="panel-heading ib-panel-heading">
<div class="gif-loader" style="display:none;"> </div>
<button type="button" class="btn btn-warning ibBackBtn btn-ib-header"><span class="fa fa-arrow-left" style="margin-left: 3px; margin-right: 0;"></span> </button>
<button type="button" class="btn btn-primary" id="v_add_btn">Create</button>
<button type="button" class="btn btn-primary" id="v_update_btn">Update</button>
<span class="panel-heading-title">Equipment Types</span>
</div>
</div>
<div class="panel-body" id="page-body-epm_v" style="padding-left: 5px; padding-right: 5px; padding-top: 20px;">
<form role="form" name="v_form" id="v_form">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="v_name">Name</label>
<input name="v_name" id="v_name" class="form-control" type="text" value="" autofocus>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="v_kan_id">KAN ID</label>
<input name="v_kan_id" id="v_kan_id" class="form-control" type="text" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="v_addr">Address</label>
<input name="v_addr" id="v_addr" class="form-control" type="text" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="v_phone1">Phone1</label>
<input name="v_phone1" id="v_phone1" class="form-control" type="text" value="">
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="v_phone2">Phone2</label>
<input name="v_phone2" id="v_phone2" class="form-control" type="text" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="v_mobile">Mobile</label>
<input name="v_mobile" id="v_mobile" class="form-control" type="text" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="v_fax">Fax</label>
<input name="v_fax" id="v_fax" class="form-control" type="text" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="v_email">Email</label>
<input name="v_email" id="v_email" class="form-control" type="text" value="">
</div>
</div>
</div>
</form>
</div>
<footer>
<div class="panel-body2">
</div>
</footer>
</div>
<!-- Work Instruction -->
<div id="page-epm_wi" class="ib-page" style="display: none">
<div class="panel panel-primary">
<div class="panel-heading ib-panel-heading">
<div class="gif-loader" style="display:none;"> </div>
<button type="button" class="btn btn-warning ibBackBtn btn-ib-header"><span class="fa fa-arrow-left" style="margin-left: 3px; margin-right: 0;"></span> </button>
<button type="button" class="btn btn-primary" id="wi_add_btn">Create</button>
<button type="button" class="btn btn-primary" id="wi_update_btn">Update</button>
<span class="panel-heading-title">Work Instruction</span>
</div>
</div>
<div class="panel-body" id="page-body-epm_wi" style="padding-left: 5px; padding-right: 5px; padding-top: 20px;">
<form role="form" name="wi_form" id="wi_form">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="wi_wi_no">Work Instruction No.</label>
<input name="wi_wi_no" id="wi_wi_no" class="form-control" type="text" value="" autofocus>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="wi_gs1">Global Std 1</label>
<button id="wi_gs1_btn" type="button" class="btn btn-secondary btn-xs epm_inline_btn">Set</button>
<button id="wi_vgs1_btn" type="button" class="btn btn-secondary btn-xs epm_inline_btn">Vew</button>
<input name="wi_gs1" id="wi_gs1" class="form-control" type="text" value="" disabled>
<input name="wi_gs_id1" id="wi_gs_id1" class="form-control" type="hidden" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="wi_gs2">Global Std 2</label>
<button id="wi_gs2_btn" type="button" class="btn btn-secondary btn-xs epm_inline_btn">Set</button>
<button id="wi_vgs2_btn" type="button" class="btn btn-secondary btn-xs epm_inline_btn">Vew</button>
<input name="wi_gs2" id="wi_gs2" class="form-control" type="text" value="" disabled>
<input name="wi_gs_id2" id="wi_gs_id2" class="form-control" type="hidden" value="">
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="wi_name">Name</label>
<input name="wi_name" id="wi_name" class="form-control" type="text" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-9 col-lg-9">
<div class="form-group">
<label for="wi_description">Description</label>
<input name="wi_description" id="wi_description" class="form-control" type="text" value="">
</div>
</div>
</div>
</form>
</div>
<footer>
<div class="panel-body2">
</div>
</footer>
</div>
<!-- Operator Activities -->
<div id="page-epm_wa" class="ib-page" style="display: none">
<div class="panel panel-primary">
<div class="panel-heading ib-panel-heading">
<div class="gif-loader" style="display:none;"> </div>
<button type="button" class="btn btn-warning ibBackBtn btn-ib-header"><span class="fa fa-arrow-left" style="margin-left: 3px; margin-right: 0;"></span> </button>
<button type="button" class="btn btn-primary" id="wa_add_btn">Create</button>
<button type="button" class="btn btn-primary" id="wa_update_btn">Update</button>
<span class="panel-heading-title">Equipment Types</span>
</div>
</div>
<div class="panel-body" id="page-body-epm_wa" style="padding-left: 5px; padding-right: 5px; padding-top: 20px;">
<form role="form" name="wa_form" id="wa_form">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="wa_op">Operator</label>
<button id="wa_op_btn" type="button" class="btn btn-secondary btn-xs epm_inline_btn">Set</button>
<input name="wa_op" id="wa_op" class="form-control" type="text" value="" disabled>
<input name="wa_op_id" id="wa_op_id" class="form-control" type="hidden" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="wa_wi_type">Work Item Type</label>
<select class="form-control" name="wa_wi_type" id="wa_wi_type">
<option value="0" selected>Equipment Calibration</option>
<option value="1">Battery Testing</option>
<option value="2">Engineering Project</option>
</select>
<input name="wa_wf_id" id="wa_wf_id" class="form-control" type="hidden" value="">
<input name="wa_wi_id" id="wa_wi_id" class="form-control" type="hidden" value="">
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="wa_wtype">Work Type</label>
<select class="form-control" name="wa_wtype" id="wa_wtype">
<option value="0" selected>Preparing</option>
<option value="1">T1-Start: Scan~Calibration</option>
<option value="2">T1-End: Scan~Calibration</option>
<option value="3">T2-Start: Calibration~Report</option>
<option value="4">T2-End: Calibration~Report</option>
<option value="6">T3-Start: Report~Validation</option>
<option value="7">T3-End: Report~Validation</option>
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="wa_wdate">Date</label>
<input name="wa_wdate" id="wa_wdate" class="form-control" type="date" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="wa_wtime">Time</label>
<input name="wa_wtime" id="wa_wtime" class="form-control" type="time" value="">
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="form-group">
<label for="wa_note">Note</label>
<textarea name="wa_note" id="wa_note" class="form-control" rows="5">
</textarea>
</div>
</div>
</div>
</form>
</div>
<footer>
<div class="panel-body2">
</div>
</footer>
</div>
<!-- measurement tables -->
<div id="page-epm_mt" class="ib-page" style="display: none">
<div class="panel panel-primary">
<div class="panel-heading ib-panel-heading">
<div class="gif-loader" style="display:none;"> </div>
<button type="button" class="btn btn-warning ibBackBtn btn-ib-header"><span class="fa fa-arrow-left" style="margin-left: 3px; margin-right: 0;"></span> </button>
<button type="button" class="btn btn-primary" id="mt_add_btn">Create</button>
<button type="button" class="btn btn-primary" id="mt_update_btn">Update</button>
<span class="panel-heading-title">Table Definition</span>
</div>
</div>
<div class="panel-body" id="page-body-epm_mt" style="padding-left: 5px; padding-right: 5px; padding-top: 20px;">
<form role="form" name="mt_form" id="mt_form">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="mt_torder">Order</label>
<input name="mt_torder" id="mt_torder" class="form-control" type="number" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="mt_name">Table Title</label>
<input name="mt_name" id="mt_name" class="form-control" type="text" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="mt_runit">Row Unit</label>
<input name="mt_runit" id="mt_runit" class="form-control" type="text" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="mt_cunit">Column Unit</label>
<input name="mt_cunit" id="mt_cunit" class="form-control" type="text" value="">
</div>
</div>
</div>
<h4>Column Sections</h4>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="mt_s1">Col Section A Name</label>
<input name="mt_s1" id="mt_s1" class="form-control" type="text" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="mt_s2">Col Section B Name</label>
<input name="mt_s2" id="mt_s2" class="form-control" type="text" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="mt_s3">Col Section C Name</label>
<input name="mt_s3" id="mt_s3" class="form-control" type="text" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="mt_s4">Col Section D Name</label>
<input name="mt_s4" id="mt_s4" class="form-control" type="text" value="">
</div>
</div>
</div>
<h4>Row Names</h4>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-2 col-lg-2">
<div class="form-group">
<label for="mt_r1">R1</label>
<input name="mt_r1" id="mt_r1" class="form-control" type="text" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-2 col-lg-2">
<div class="form-group">
<label for="mt_r2">R2</label>
<input name="mt_r2" id="mt_r2" class="form-control" type="text" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-2 col-lg-2">
<div class="form-group">
<label for="mt_r3">R3</label>
<input name="mt_r3" id="mt_r3" class="form-control" type="text" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-2 col-lg-2">
<div class="form-group">
<label for="mt_r4">R4</label>
<input name="mt_r4" id="mt_r4" class="form-control" type="text" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-2 col-lg-2">
<div class="form-group">
<label for="mt_r5">R5</label>
<input name="mt_r5" id="mt_r5" class="form-control" type="text" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-2 col-lg-2">
<div class="form-group">
<label for="mt_r6">R6</label>
<input name="mt_r6" id="mt_r6" class="form-control" type="text" value="">
</div>
</div>
</div>
<h4>Section A Measurement Column Names</h4>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-2 col-lg-2">
<div class="form-group">
<label for="mt_a1">A1</label>
<input name="mt_a1" id="mt_a1" class="form-control" type="text" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-2 col-lg-2">
<div class="form-group">
<label for="mt_a2">A2</label>
<input name="mt_a2" id="mt_a2" class="form-control" type="text" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-2 col-lg-2">
<div class="form-group">
<label for="mt_a3">A3</label>
<input name="mt_a3" id="mt_a3" class="form-control" type="text" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-2 col-lg-2">
<div class="form-group">
<label for="mt_a4">A4</label>
<input name="mt_a4" id="mt_a4" class="form-control" type="text" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-2 col-lg-2">
<div class="form-group">
<label for="mt_a5">A5</label>
<input name="mt_a5" id="mt_a5" class="form-control" type="text" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-2 col-lg-2">
<div class="form-group">
<label for="mt_a6">A6</label>
<input name="mt_a6" id="mt_a6" class="form-control" type="text" value="">
</div>
</div>
</div>
<h4>Section B Measurement Column Names</h4>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-2 col-lg-2">
<div class="form-group">
<label for="mt_b1">B1</label>
<input name="mt_b1" id="mt_b1" class="form-control" type="text" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-2 col-lg-2">
<div class="form-group">
<label for="mt_b2">B2</label>
<input name="mt_b2" id="mt_b2" class="form-control" type="text" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-2 col-lg-2">
<div class="form-group">
<label for="mt_b3">B3</label>
<input name="mt_b3" id="mt_b3" class="form-control" type="text" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-2 col-lg-2">
<div class="form-group">
<label for="mt_b4">B4</label>
<input name="mt_b4" id="mt_b4" class="form-control" type="text" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-2 col-lg-2">
<div class="form-group">
<label for="mt_b5">B5</label>
<input name="mt_b5" id="mt_b5" class="form-control" type="text" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-2 col-lg-2">
<div class="form-group">
<label for="mt_b6">B6</label>
<input name="mt_b6" id="mt_b6" class="form-control" type="text" value="">
</div>
</div>
</div>
<h4>Section C Measurement Column Names</h4>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-2 col-lg-2">
<div class="form-group">
<label for="mt_c1">C1</label>
<input name="mt_c1" id="mt_c1" class="form-control" type="text" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-2 col-lg-2">
<div class="form-group">
<label for="mt_c2">C2</label>
<input name="mt_c2" id="mt_c2" class="form-control" type="text" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-2 col-lg-2">
<div class="form-group">
<label for="mt_c3">C3</label>
<input name="mt_c3" id="mt_c3" class="form-control" type="text" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-2 col-lg-2">
<div class="form-group">
<label for="mt_c4">C4</label>
<input name="mt_c4" id="mt_c4" class="form-control" type="text" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-2 col-lg-2">
<div class="form-group">
<label for="mt_c5">C5</label>
<input name="mt_c5" id="mt_c5" class="form-control" type="text" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-2 col-lg-2">
<div class="form-group">
<label for="mt_c6">C6</label>
<input name="mt_c6" id="mt_c6" class="form-control" type="text" value="">
</div>
</div>
</div>
<h4>Section D Measurement Column Names</h4>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-2 col-lg-2">
<div class="form-group">
<label for="mt_d1">D1</label>
<input name="mt_d1" id="mt_d1" class="form-control" type="text" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-2 col-lg-2">
<div class="form-group">
<label for="mt_d2">D2</label>
<input name="mt_d2" id="mt_d2" class="form-control" type="text" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-2 col-lg-2">
<div class="form-group">
<label for="mt_d3">D3</label>
<input name="mt_d3" id="mt_d3" class="form-control" type="text" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-2 col-lg-2">
<div class="form-group">
<label for="mt_d4">D4</label>
<input name="mt_d4" id="mt_d4" class="form-control" type="text" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-2 col-lg-2">
<div class="form-group">
<label for="mt_d5">D5</label>
<input name="mt_d5" id="mt_d5" class="form-control" type="text" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-2 col-lg-2">
<div class="form-group">
<label for="mt_d6">D6</label>
<input name="mt_d6" id="mt_d6" class="form-control" type="text" value="">
</div>
</div>
</div>
</form>
</div>
<footer>
<div class="panel-body2">
</div>
</footer>
</div>
<!-- Calibration -->
<div id="page-epm_cal" class="ib-page" style="display: none">
<div class="panel panel-primary">
<div class="panel-heading ib-panel-heading">
<div class="gif-loader" style="display:none;"> </div>
<button type="button" class="btn btn-warning ibBackBtn btn-ib-header"><span class="fa fa-arrow-left" style="margin-left: 3px; margin-right: 0;"></span> </button>
<button type="button" class="btn btn-primary" id="cal_add_btn">Create</button>
<button type="button" class="btn btn-primary" id="cal_update_btn">Update</button>
<button type="button" class="btn btn-primary" id="cal_itbl_btn">Input Tables</button>
<span class="panel-heading-title">Equipment Types</span>
</div>
</div>
<div class="panel-body" id="page-body-epm_cal" style="padding-left: 5px; padding-right: 5px; padding-top: 20px;">
<form role="form" name="cal_form" id="cal_form">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="cal_cert_no">Certification No.</label>
<input name="cal_cert_no" id="cal_cert_no" class="form-control" type="text" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="cal_cert_date">Certification Date</label>
<input name="cal_cert_date" id="cal_cert_date" class="form-control" type="date" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="cal_valid_until">Valid Until</label>
<input name="cal_valid_until" id="cal_valid_until" class="form-control" type="date" value="">
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="cal_room">Location</label>
<button id="cal_room_btn" type="button" class="btn btn-secondary btn-xs epm_inline_btn">Set</button>
<input name="cal_room" id="cal_room" class="form-control" type="text" value="" disabled>
<input name="cal_room_id" id="cal_room_id" class="form-control" type="text" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="cal_tmp">Temperature</label>
<input name="cal_tmp" id="cal_tmp" class="form-control" type="number" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="cal_p">Pressure</label>
<input name="cal_p" id="cal_p" class="form-control" type="number" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="cal_rh">Humidity</label>
<input name="cal_rh" id="cal_rh" class="form-control" type="number" value="">
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="form-group">
<label for="cal_description">Description</label>
<textarea name="cal_description" id="cal_description" class="form-control">
</textarea>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<span id="cal_desc_section">
</span>
</div>
</div>
</form>
</div>
<footer>
<div class="panel-body2">
</div>
</footer>
</div>
<!-- Certificate Measurement Input Points -->
<div id="page-epm_mp" class="ib-page" style="display: none">
<div class="panel panel-primary">
<div class="panel-heading ib-panel-heading">
<div class="gif-loader" style="display:none;"> </div>
<button type="button" class="btn btn-warning ibBackBtn btn-ib-header"><span class="fa fa-arrow-left" style="margin-left: 3px; margin-right: 0;"></span> </button>
<button type="button" class="btn btn-primary mp_apv_btns" id="mp_calfin_btn">Set to Calibration Complete</button>
<!-- <button type="button" class="btn btn-primary mp_apv_btns" id="mp_report_btn">Report Certificate for Approval</button>-->
<button type="button" class="btn btn-primary mp_apv_btns" id="mp_rq_apv_btn">Approve</button>
<button type="button" class="btn btn-primary mp_apv_btns" id="mp_rq_rj_btn">Reject</button>
<span class="panel-heading-title" id="mp_rq_title">Measurement Input</span>
</div>
</div>
<div class="panel-body" id="page-body-epm_mp" style="padding-left: 5px; padding-right: 5px; padding-top: 20px;">
<ul id="mp_calctabs" class="nav nav-tabs" style="background-color: darkblue;">
<li role="presentation" id="mp_certificate_tab_li" class="mp_op_tabs active"><a href="#" data-name="mp_certificate_tab">Certificate</a></li>
<li role="presentation" id="mp_input_tab_li" class="mp_op_tabs"><a href="#" data-name="mp_input_tab">Input</a></li>
<li role="presentation" id="mp_calc_tab_li" class="mp_op_tabs"><a href="#" data-name="mp_calc_tab">Calculation</a></li>
<li role="presentation" id="mp_drift_tab_li" class="mp_op_tabs"><a href="#" data-name="mp_drift_tab">Drift</a></li>
<li role="presentation" id="mp_report_tab_li" class="mp_op_tabs"><a href="#" data-name="mp_report_tab">Error Report</a></li>
<li role="presentation" id="mp_amendment_tab_li" class="mp_op_tabs"><a href="#" data-name="mp_amendment_tab">Amendment</a></li>
<li role="presentation" id="mp_history_tab_li" class="mp_op_tabs"><a href="#" data-name="mp_history_tab">History</a></li>
</ul>
<div style="padding-top: 20px;">
<div class="mp_calctab" id="mp_certificate_tab">
<span>CALIBRATION CERTIFICATE</span>
<button type="button" class="btn btn-primary mp_btns" id="mp_savecert_btn" style="float:right; margin-right: 5px;">Save Report</button>
<button type="button" class="btn btn-primary" id="mp_printcert_btn" style="float:right; margin-right: 5px;">Print Report</button>
<div class="row" id="mp_certificate_tbl" style="display:block;width:99%;margin-bottom:0;">
</div>
<div>
<h3>E-Signatures</h3>
<div id="mp_sigop">
<div class="row">
<div class="col-md-12">
<span>Operator: </span>
<span class="mp_sig_text" id="mp_sigop_name"></span>
<span class="mp_sig_text" id="mp_sigop_date"></span>
</div>
</div>
<div class="row">
<div class="col-md-12 mp_sig_canvas_sec">
<canvas class="sig-canvas" id="mp_sigop-canvas" width="620" height="160">
</canvas>
</div>
<div class="col-md-12 mp_sig_img_sec">
<img id="mp_sigop-image" src=""/>
</div>
</div>
<div class="row mp_sig_btn_sec">
<div class="col-md-12">
<button class="btn btn-primary" id="mp_sigop-submitBtn">Approve</button>
<button class="btn btn-default" id="mp_sigop-clearBtn">Clear Signature</button>
</div>
</div>
</div>
<div id="mp_sigssh">
<div class="row" style="width:99%;margin-bottom:0;">
<div class="col-md-12">
<span>Sub-Section Head: </span>
<span class="mp_sig_text" id="mp_sigssh_name"></span>
<span class="mp_sig_text" id="mp_sigssh_date"></span>
</div>
</div>
<div class="row">
<div class="col-md-12 mp_sig_canvas_sec">
<canvas class="sig-canvas" id="mp_sigssh-canvas" width="620" height="160">
</canvas>
</div>
<div class="col-md-12 mp_sig_img_sec">
<img id="mp_sigssh-image" src=""/>
</div>
</div>
<div class="row mp_sig_btn_sec">
<div class="col-md-12">
<button class="btn btn-primary" id="mp_sigssh-submitBtn">Approve</button>
<button class="btn btn-default" id="mp_sigssh-clearBtn">Clear Signature</button>
</div>
</div>
</div>
<div id="mp_sigsh">
<div class="row" style="width:99%;margin-bottom:0;">
<div class="col-md-12">
<san>Section Head: </san>
<span class="mp_sig_text" id="mp_sigsh_name"></span>
<span class="mp_sig_text" id="mp_sigsh_date"></span>
</div>
</div>
<div class="row">
<div class="col-md-12 mp_sig_canvas_sec">
<canvas class="sig-canvas" id="mp_sigsh-canvas" width="620" height="160">
</canvas>
</div>
<div class="col-md-12 mp_sig_img_sec">
<img id="mp_sigsh-image" src=""/>
</div>
</div>
<div class="row mp_sig_btn_sec">
<div class="col-md-12">
<button class="btn btn-primary" id="mp_sigsh-submitBtn">Approve</button>
<button class="btn btn-default" id="mp_sigsh-clearBtn">Clear Signature</button>
</div>
</div>
</div>
<div id="mp_sigdph">
<div class="row" style="width:99%;margin-bottom:0;">
<div class="col-md-12">
<span>Department Head: </span>
<span class="mp_sig_text" id="mp_sigdph_name"></span>
<span class="mp_sig_text" id="mp_sigdph_date"></span>
</div>
</div>
<div class="row">
<div class="col-md-12 mp_sig_canvas_sec">
<canvas class="sig-canvas" id="mp_sigdph-canvas" width="620" height="160">
</canvas>
</div>
<div class="col-md-12 mp_sig_img_sec">
<img id="mp_sigdph-image" src=""/>
</div>
</div>
<div class="row mp_sig_btn_sec">
<div class="col-md-12">
<button class="btn btn-primary" id="mp_sigdph-submitBtn">Approve</button>
<button class="btn btn-default" id="mp_sigdph-clearBtn">Clear Signature</button>
</div>
</div>
</div>
<div id="mp_sigdvh">
<div class="row" style="width:99%;margin-bottom:0;">
<div class="col-md-12">
<span>Division Head: </span>
<span class="mp_sig_text" id="mp_sigdvh_name"></span>
<span class="mp_sig_text" id="mp_sigdvh_date"></span>
</div>
</div>
<div class="row">
<div class="col-md-12 mp_sig_canvas_sec">
<canvas class="sig-canvas" id="mp_sigdvh-canvas" width="620" height="160">
</canvas>
</div>
<div class="col-md-12 mp_sig_img_sec">
<img id="mp_sigdvh-image" src=""/>
</div>
</div>
<div class="row mp_sig_btn_sec">
<div class="col-md-12">
<button class="btn btn-primary" id="mp_sigdvh-submitBtn">Approve</button>
<button class="btn btn-default" id="mp_sigdvh-clearBtn">Clear Signature</button>
</div>
</div>
</div>
</div>
</div>
<div class="mp_calctab" id="mp_input_tab">
<span>Enter the measurements in the table and click update button to save.</span>
<button type="button" class="btn btn-primary mp_btns" id="mp_saveinput_btn" style="float:right; margin-right: 5px;">Save Input</button>
<button type="button" class="btn btn-primary mp_btns" id="mp_calc_btn" style="float:right; margin-right: 5px;">Calculate</button>
<button type="button" class="btn btn-primary mp_btns" id="mp_clearinput_btn" style="float:right; margin-right: 5px;">Clear</button>
<div class="row" id="mp_input_tbl" style="width:99%;margin-bottom:0;">
</div>
</div>
<div class="mp_calctab" id="mp_calc_tab" style="display:none;">
<span>Click Calculation button to generate the result here.</span>
<button type="button" class="btn btn-primary mp_btns" id="mp_savecalc_btn" style="float:right; margin-right: 5px;">Save Calculation</button>
<div class="row" id="mp_calc_tbl" style="width:99%;margin-bottom:0;">
</div>
</div>
<div class="mp_calctab" id="mp_drift_tab">
<span>Adjust drifts of the master. Click update button to save the drifts.</span>
<button type="button" class="btn btn-primary mp_btns" id="mp_savedrift_btn" style="float:right; margin-right: 5px;">Save Drift</button>
<button type="button" class="btn btn-primary mp_btns" id="mp_dcalc_btn" style="float:right; margin-right: 5px;">Calculate</button>
<div class="row" id="mp_drift_tbl" style="width:99%;margin-bottom:0;">
</div>
</div>
<form role="form" name="mp_form" id="mp_form">
<div class="mp_calctab" id="mp_report_tab">
<div id="mp_report_pg" style="width:99%;margin-bottom:0;">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="form-group">
<label for="mp_tbl_rp">Calculation Report. Check for any errors.</label>
<textarea name="mp_tbl_rp" id="mp_tbl_rp" class="form-control" style="width:100%; height: 400px;">
</textarea>
</div>
</div>
</div>
</div>
</div>
<div class="mp_calctab" id="mp_amendment_tab">
<span>Amendment</span>
<button type="button" class="btn btn-primary mp_apv_btns" id="mp_amendment_btn" style="float:right; margin-right: 5px;">Amend</button>
<div id="mp_amendment_pg" style="width:99%;margin-bottom:0;">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="form-group">
<label for="mp_anote">Note</label>
<textarea name="mp_anote" id="mp_anote" class="form-control" style="width:100%; height: 400px;">
</textarea>
</div>
</div>
</div>
</div>
</div>
</form>
<div class="mp_calctab" id="mp_history_tab">
<span>Activity History.</span>
<div class="row" id="mp_history_tbl" style="width:99%;margin-bottom:0;">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<table data-click-to-select="true" data-single-select="true" id="mp_history_table"
class="table table-hover table-condensed"
data-show-refresh="true" data-show-toggle="true" data-show-columns="true"
data-search="true" data-select-item-name="toolbar1"
data-query-params="mp_hisotry_QPH"
data-response-handler="mp_hisotry_RH"
data-pagination="true" data-sort-name="wa_id" data-side-pagination="server"
data-sort-order="desc" data-page-list="[20, 50, 100]"
style="color: black; cursor: pointer;"
data-page-size="50"
>
<thead>
<tr style="color: black">
<th data-field="wa_id" data-sortable="true" data-visible="false" data-width="30">ID</th>
<th data-field="op_id" data-sortable="true" data-visible="false" data-width="30">OPID</th>
<th data-field="op" data-sortable="true" data-visible="true" data-width="30">Operator</th>
<th data-field="wi_type" data-sortable="true" data-visible="false" data-width="30">ItemType</th>
<th data-field="wi_id" data-sortable="true" data-visible="false" data-width="20">WID</th>
<th data-field="wf_id1" data-sortable="true" data-visible="true" data-formatter="epm_hisotry_wf" data-width="20">From</th>
<th data-field="wf_id2" data-sortable="true" data-visible="true" data-formatter="epm_hisotry_wf" data-width="20">To</th>
<th data-field="wtype" data-sortable="true" data-visible="true" data-formatter="epm_hisotry_wtype" data-width="20">Type</th>
<th data-field="wdate" data-sortable="true" data-visible="true" data-width="20">Date</th>
<th data-field="wtime" data-sortable="true" data-visible="true" data-width="20">Time</th>
<th data-field="note" data-sortable="true" data-visible="true" data-width="200">Note</th>
</tr>
</thead>
</table>
</div>
<!-- <div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">-->
<!-- <div id="mp_history_note" style="width:99%;margin-bottom:0;margin-top:50px; border: 1px solid black; width: 100%; height: 300px;">-->
<!-- <p>test</p>-->
<!-- </div>-->
<!-- </div>-->
</div>
</div>
</div>
</div>
<footer>
<div class="panel-body2">
</div>
</footer>
</div>
<!-- Scheduler -->
<div id="page-epm_sch" class="ib-page" style="display: none">
<div class="panel panel-primary">
<div class="panel-heading ib-panel-heading">
<div class="gif-loader" style="display:none;"> </div>
<button type="button" class="btn btn-warning ibBackBtn btn-ib-header"><span class="fa fa-arrow-left" style="margin-left: 3px; margin-right: 0;"></span> </button>
<button type="button" class="btn btn-primary mp_apv_btns" id="sch_croutine_btn">Auto Schedule Routine</button>
<button type="button" class="btn btn-primary mp_apv_btns" id="sch_droutine_btn">Delete Routine Schedule</button>
<span class="panel-heading-title" id="sch-title">Calibration Schedule</span>
</div>
</div>
<div class="panel-body" id="page-body-epm_sch" style="padding-left: 5px; padding-right: 5px; padding-top: 20px;">
<ul id="sch_tabs" class="nav nav-tabs" style="background-color:darkblue;">
<li role="presentation" id="sch_monthly_tab_li" class="active" ><a style="border-radius:0;" href="#" data-name="sch_monthly_tab">Monthly Schedule</a></li>
<li role="presentation" id="sch_daily_tab_li"><a style="border-radius:0;" href="#" data-name="sch_daily1_tab">Shift1</a></li>
<li role="presentation" id="sch_daily_tab_li"><a style="border-radius:0;" href="#" data-name="sch_daily2_tab">Shift2</a></li>
<li role="presentation" id="sch_daily_tab_li"><a style="border-radius:0;" href="#" data-name="sch_daily3_tab">Shift3</a></li>
</ul>
<div style="padding-top: 20px;">
<div class="sch_tab" id="sch_monthly_tab">
<div><input type="month" id="sch_month" name="sch_month"></div>
<span>Monthly Schedule</span>
<div id="sch_monthly_pg" style="width:99%;margin-bottom:0;">
<table class="table table-bordered table-responsive-md table-striped text-center epm-sch-tbl">
<thead>
<tr>
<th>Monday</th><th>Tuesday</th><th>Wednesday</th><th>Thursday</th><th>Friday</th>
<th>Saturday</th><th>Sunday</th>
</tr>
</thead>
<tbody>
<tr>
<td data-schmonth="1"><div class="epm-sch-date"></div><div class="epm-sch-list"></div></td>
<td data-schmonth="2"><div class="epm-sch-date"></div><div class="epm-sch-list"></div></td>
<td data-schmonth="3"><div class="epm-sch-date"></div><div class="epm-sch-list"></div></td>
<td data-schmonth="4"><div class="epm-sch-date"></div><div class="epm-sch-list"></div></td>
<td data-schmonth="5"><div class="epm-sch-date"></div><div class="epm-sch-list"></div></td>
<td data-schmonth="6"><div class="epm-sch-date"></div><div class="epm-sch-list"></div></td>
<td data-schmonth="7"><div class="epm-sch-date"></div><div class="epm-sch-list"></div></td></tr>
<tr><td data-schmonth="8"><div class="epm-sch-date"></div><div class="epm-sch-list"></div></td>
<td data-schmonth="9"><div class="epm-sch-date"></div><div class="epm-sch-list"></div></td>
<td data-schmonth="10"><div class="epm-sch-date"></div><div class="epm-sch-list"></div></td>
<td data-schmonth="11"><div class="epm-sch-date"></div><div class="epm-sch-list"></div></td>
<td data-schmonth="12"><div class="epm-sch-date"></div><div class="epm-sch-list"></div></td>
<td data-schmonth="13"><div class="epm-sch-date"></div><div class="epm-sch-list"></div></td>
<td data-schmonth="14"><div class="epm-sch-date"></div><div class="epm-sch-list"></div></td></tr>
<tr><td data-schmonth="15"><div class="epm-sch-date"></div><div class="epm-sch-list"></div></td>
<td data-schmonth="16"><div class="epm-sch-date"></div><div class="epm-sch-list"></div></td>
<td data-schmonth="17"><div class="epm-sch-date"></div><div class="epm-sch-list"></div></td>
<td data-schmonth="18"><div class="epm-sch-date"></div><div class="epm-sch-list"></div></td>
<td data-schmonth="19"><div class="epm-sch-date"></div><div class="epm-sch-list"></div></td>
<td data-schmonth="20"><div class="epm-sch-date"></div><div class="epm-sch-list"></div></td>
<td data-schmonth="21"><div class="epm-sch-date"></div><div class="epm-sch-list"></div></td></tr>
<tr><td data-schmonth="22"><div class="epm-sch-date"></div><div class="epm-sch-list"></div></td>
<td data-schmonth="23"><div class="epm-sch-date"></div><div class="epm-sch-list"></div></td>
<td data-schmonth="24"><div class="epm-sch-date"></div><div class="epm-sch-list"></div></td>
<td data-schmonth="25"><div class="epm-sch-date"></div><div class="epm-sch-list"></div></td>
<td data-schmonth="26"><div class="epm-sch-date"></div><div class="epm-sch-list"></div></td>
<td data-schmonth="27"><div class="epm-sch-date"></div><div class="epm-sch-list"></div></td>
<td data-schmonth="28"><div class="epm-sch-date"></div><div class="epm-sch-list"></div></td></tr>
<tr><td data-schmonth="29"><div class="epm-sch-date"></div><div class="epm-sch-list"></div></td>
<td data-schmonth="30"><div class="epm-sch-date"></div><div class="epm-sch-list"></div></td>
<td data-schmonth="31"><div class="epm-sch-date"></div><div class="epm-sch-list"></div></td>
<td data-schmonth="32"><div class="epm-sch-date"></div><div class="epm-sch-list"></div></td>
<td data-schmonth="33"><div class="epm-sch-date"></div><div class="epm-sch-list"></div></td>
<td data-schmonth="34"><div class="epm-sch-date"></div><div class="epm-sch-list"></div></td>
<td data-schmonth="35"><div class="epm-sch-date"></div><div class="epm-sch-list"></div></td></tr>
<tr><td data-schmonth="36"><div class="epm-sch-date"></div><div class="epm-sch-list"></div></td>
<td data-schmonth="37"><div class="epm-sch-date"></div><div class="epm-sch-list"></div></td>
<td data-schmonth="38"><div class="epm-sch-date"></div><div class="epm-sch-list"></div></td>
<td data-schmonth="39"><div class="epm-sch-date"></div><div class="epm-sch-list"></div></td>
<td data-schmonth="40"><div class="epm-sch-date"></div><div class="epm-sch-list"></div></td>
<td data-schmonth="41"><div class="epm-sch-date"></div><div class="epm-sch-list"></div></td>
<td data-schmonth="42"><div class="epm-sch-date"></div><div class="epm-sch-list"></div></td></tr>
</tbody>
</table>
</div>
</div>
<div class="sch_tab" id="sch_daily1_tab">
<span>Daily Schedule: Shift 1 </span><span class="epm-sch_selected_date"></span>
<button type="button" class="btn btn-primary epm_top_btn" id="sch_save_daily1_btn">Save</button>
<div id="sch_daily1_pg" style="width:99%;margin-bottom:0;">
<table class="table table-bordered table-responsive-md table-striped text-center epm-schd1-tbl">
<thead>
<tr>
<th>Time</th>
<th data-schdoph="1">Operator1</th>
<th data-schdoph="2">Operator2</th>
<th data-schdoph="3">Operator3</th>
<th data-schdoph="4">Operator4</th>
<th data-schdoph="5">Operator5</th>
<th data-schdoph="6">Operator6</th>
</tr>
</thead>
<tbody>
<tr><td data-schdt="1">12pm</td>
<td rowspan="12" data-schdop="1">
<!-- <div draggable="true" class="epm-sch-box" title="Cal Order #12" style="height:25px;">Caliper 0.01mm</div>-->
<!-- <div draggable="true" class="epm-sch-box" title="Cal Order #13" style="height:50px;">Caliper 0.1mm</div></td>-->
<td rowspan="12" data-schdop="2"></td>
<td rowspan="12" data-schdop="3"></td>
<td rowspan="12" data-schdop="4"></td>
<td rowspan="12" data-schdop="5"></td>
<td rowspan="12" data-schdop="6"></td>
</tr>
<tr><td data-schdt="2">1am</td></tr>
<tr><td data-schdt="3">2am</td></tr>
<tr><td data-schdt="4">3am</td></tr>
<tr><td data-schdt="5">4am</td></tr>
<tr><td data-schdt="6">5am</td></tr>
<tr><td data-schdt="7">6am</td></tr>
</tbody>
</table>
</div>
</div>
<div class="sch_tab" id="sch_daily2_tab">
<span>Daily Schedule: Shift 2 </span><span class="epm-sch_selected_date"></span>
<button type="button" class="btn btn-primary epm_top_btn" id="sch_save_daily2_btn">Save</button>
<div id="sch_daily2_pg" style="width:99%;margin-bottom:0;">
<table class="table table-bordered table-responsive-md table-striped text-center epm-schd2-tbl">
<thead>
<tr>
<th>Time</th>
<th data-schdoph="1">Operator1</th>
<th data-schdoph="2">Operator2</th>
<th data-schdoph="3">Operator3</th>
<th data-schdoph="4">Operator4</th>
<th data-schdoph="5">Operator5</th>
<th data-schdoph="6">Operator6</th>
</tr>
</thead>
<tbody>
<tr><td data-schdt="1">7am</td>
<td rowspan="12" data-schdop="1">
<!-- <div draggable="true" class="epm-sch-box" title="Cal Order #12" style="height:25px;">Caliper 0.01mm</div>-->
<!-- <div draggable="true" class="epm-sch-box" title="Cal Order #13" style="height:50px;">Caliper 0.1mm</div></td>-->
<td rowspan="12" data-schdop="2"></td>
<td rowspan="12" data-schdop="3"></td>
<td rowspan="12" data-schdop="4"></td>
<td rowspan="12" data-schdop="5"></td>
<td rowspan="12" data-schdop="6"></td>
</tr>
<tr><td data-schdt="2">8am</td></tr>
<tr><td data-schdt="3">9am</td></tr>
<tr><td data-schdt="4">10am</td></tr>
<tr><td data-schdt="5">11am</td></tr>
<tr><td data-schdt="6">12am</td></tr>
<tr><td data-schdt="7">1pm</td></tr>
<tr><td data-schdt="8">2pm</td></tr>
<tr><td data-schdt="9">3pm</td></tr>
</tbody>
</table>
</div>
</div>
<div class="sch_tab" id="sch_daily3_tab">
<span>Daily Schedule: Shift 1 </span><span class="epm-sch_selected_date"></span>
<button type="button" class="btn btn-primary epm_top_btn" id="sch_save_daily3_btn">Save</button>
<div id="sch_daily3_pg" style="width:99%;margin-bottom:0;">
<table class="table table-bordered table-responsive-md table-striped text-center epm-schd3-tbl">
<thead>
<tr>
<th>Time</th>
<th data-schdoph="1">Operator1</th>
<th data-schdoph="2">Operator2</th>
<th data-schdoph="3">Operator3</th>
<th data-schdoph="4">Operator4</th>
<th data-schdoph="5">Operator5</th>
<th data-schdoph="6">Operator6</th>
</tr>
</thead>
<tbody>
<tr><td data-schdt="1">4pm</td>
<td rowspan="12" data-schdop="1">
<!-- <div draggable="true" class="epm-sch-box" title="Cal Order #12" style="height:25px;">Caliper 0.01mm</div>-->
<!-- <div draggable="true" class="epm-sch-box" title="Cal Order #13" style="height:50px;">Caliper 0.1mm</div></td>-->
<td rowspan="12" data-schdop="2"></td>
<td rowspan="12" data-schdop="3"></td>
<td rowspan="12" data-schdop="4"></td>
<td rowspan="12" data-schdop="5"></td>
<td rowspan="12" data-schdop="6"></td>
</tr>
<tr><td data-schdt="2">5pm</td></tr>
<tr><td data-schdt="3">6pm</td></tr>
<tr><td data-schdt="4">7pm</td></tr>
<tr><td data-schdt="5">8pm</td></tr>
<tr><td data-schdt="6">9pm</td></tr>
<tr><td data-schdt="7">10pm</td></tr>
<tr><td data-schdt="8">11pm</td></tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<footer>
<div class="panel-body2">
</div>
</footer>
</div>
<!-- Master Cal Due Date -->
<div id="page-epm_mcald" class="ib-page" style="display: none">
<div class="panel panel-primary">
<div class="panel-heading ib-panel-heading">
<div class="gif-loader" style="display:none;"> </div>
<button type="button" class="btn btn-warning ibBackBtn btn-ib-header"><span class="fa fa-arrow-left" style="margin-left: 3px; margin-right: 0;"></span> </button>
<span class="panel-heading-title">Master Calibration Due Dates</span>
</div>
</div>
<div class="panel-body" id="page-body-epm_mcald" style="padding-left: 5px; padding-right: 5px; padding-top: 20px;">
<div style="padding-top: 20px;">
<div><input type="text" id="mcald_ysel" name="mcald_ysel"></div>
<span>Yearly Schedule</span>
<div id="msch_monthly_pg" style="width:99%;margin-bottom:0;">
<table class="table table-bordered table-responsive-md text-center epm-mcald_tbl">
<tbody>
<tr><td data-mcaldmonth="1"><div class="epm-sch-month">Jan</div><div class="epm-msch-list"></div></td>
<td data-mcaldmonth="2"><div class="epm-sch-month">Feb</div><div class="epm-msch-list"></div></td>
<td data-mcaldmonth="3"><div class="epm-sch-month">Mar</div><div class="epm-msch-list"></div></td>
<td data-mcaldmonth="4"><div class="epm-sch-month">Apr</div><div class="epm-msch-list"></div></td></tr>
<tr><td data-mcaldmonth="5"><div class="epm-sch-month">May</div><div class="epm-msch-list"></div></td>
<td data-mcaldmonth="6"><div class="epm-sch-month">Jun</div><div class="epm-msch-list"></div></td>
<td data-mcaldmonth="7"><div class="epm-sch-month">Jul</div><div class="epm-msch-list"></div></td>
<td data-mcaldmonth="8"><div class="epm-sch-month">Aug</div><div class="epm-msch-list"></div></td></tr>
<tr><td data-mcaldmonth="9"><div class="epm-sch-month">Sep</div><div class="epm-msch-list"></div></td>
<td data-mcaldmonth="10"><div class="epm-sch-month">Oct</div><div class="epm-msch-list"></div></td>
<td data-mcaldmonth="11"><div class="epm-sch-month">Nov</div><div class="epm-msch-list"></div></td>
<td data-mcaldmonth="12"><div class="epm-sch-month">Dec</div><div class="epm-msch-list"></div></td></tr>
</tbody>
</table>
</div>
</div>
</div>
<footer>
<div class="panel-body2">
</div>
</footer>
</div>
<!-- Master Calibration Orders -->
<div id="page-epm_mcal" class="ib-page" style="display: none">
<div class="panel panel-primary">
<div class="panel-heading ib-panel-heading">
<div class="gif-loader" style="display:none;"> </div>
<button type="button" class="btn btn-warning ibBackBtn btn-ib-header"><span class="fa fa-arrow-left" style="margin-left: 3px; margin-right: 0;"></span> </button>
<button type="button" class="btn btn-primary mcal_au_btns" id="mcal_add_btn">Create</button>
<button type="button" class="btn btn-primary mcal_au_btns" id="mcal_update_btn">Update</button>
<button type="button" class="btn btn-primary mcal_apv_btns" id="mcal_apv_btn">Approve</button>
<button type="button" class="btn btn-primary mcal_apv_btns" id="mcal_rj_btn">Reject</button>
<button type="button" class="btn btn-primary mcal_apv_btns" id="mcal_mcalwi_btn">View Work Items</button>
<span class="panel-heading-title" id="epm_mcal_title">Master Calibration</span>
</div>
</div>
<div class="panel-body" id="page-body-epm_cal" style="padding-left: 5px; padding-right: 5px; padding-top: 20px;">
<!-- Request form -->
<form role="form" name="mcal_form" id="mcal_form">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="mcal_rq">Requester</label>
<input name="mcal_rq" id="mcal_rq" class="form-control" type="text" value="" disabled>
<input name="mcal_rq_id" id="mcal_rq_id" class="form-control" type="hidden" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="mcal_order_no">Order No.</label>
<input name="mcal_order_no" id="mcal_order_no" class="form-control mcal_inputs" type="text" value="" autofocus>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
<div class="form-group">
<label for="mcal_purp">Purpose</label>
<input name="mcal_purp" id="mcal_purp" type="text" class="form-control mcal_inputs" value="">
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="mcal_op">Operator</label>
<button id="mcal_op_btn" type="button" class="btn btn-secondary btn-xs epm_inline_btn mcal_btns">Set Operator</button>
<input name="mcal_op" id="mcal_op" class="form-control" type="text" value="" disabled>
<input name="mcal_op_id" id="mcal_op_id" class="form-control" type="hidden" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="mcal_eq">Equipment</label>
<button id="mcal_eq_btn" type="button" class="btn btn-secondary btn-xs epm_inline_btn mcal_btns">Set Equipment</button>
<input name="mcal_eq" id="mcal_eq" class="form-control" type="text" value="" disabled>
<input name="mcal_eq_id" id="mcal_eq_id" class="form-control" type="hidden" value="">
<input name="mcal_eq_type" id="mcal_eq_type" class="form-control" type="hidden" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="mcal_wi">Work Instruction</label>
<input name="mcal_wi" id="mcal_wi" class="form-control" type="text" value="" disabled>
<input name="mcal_wi_id" id="mcal_wi_id" class="form-control" type="hidden" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="mcal_due_date">Due Date</label>
<input name="mcal_due_date" id="mcal_due_date" class="form-control mcal_inputs" type="date" value="">
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="mcal_vd">Vendor</label>
<button id="mcal_vd_btn" type="button" class="btn btn-secondary btn-xs epm_inline_btn mcal_btns">Set Vendor</button>
<input name="mcal_vd" id="mcal_vd" class="form-control" type="text" value="" disabled>
<input name="mcal_vd_id" id="mcal_vd_id" class="form-control" type="hidden" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="mcal_cert_no">Cert. No</label>
<input name="mcal_cert_no" id="mcal_cert_no" class="form-control mcal_inputs" type="text" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="mcal_cert_date">Cert. Date</label>
<input name="mcal_cert_date" id="mcal_cert_date" class="form-control mcal_inputs" type="date" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="mcal_valid_until">Valid Until</label>
<input name="mcal_valid_until" id="mcal_valid_until" class="form-control mcal_inputs" type="date" value="">
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="mcal_sdate">Start Date</label>
<input name="mcal_sdate" id="mcal_sdate" class="form-control mcal_inputs" type="date" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="mcal_edate">End Date</label>
<input name="mcal_edate" id="mcal_edate" class="form-control mcal_inputs" type="date" value="">
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="form-group">
<label for="mcal_note">Note</label>
<input name="mcal_note" id="mcal_note" type="text" class="form-control mcal_inputs" value="">
</div>
</div>
</div>
</form>
</div>
<footer>
<div class="panel-body2">
</div>
</footer>
</div>
<!-- Master Calibration Work Item -->
<div id="page-epm_mcalwi" class="ib-page" style="display: none">
<div class="panel panel-primary">
<div class="panel-heading ib-panel-heading">
<div class="gif-loader" style="display:none;"> </div>
<button type="button" class="btn btn-warning ibBackBtn btn-ib-header"><span class="fa fa-arrow-left" style="margin-left: 3px; margin-right: 0;"></span> </button>
<button type="button" class="btn btn-primary mcalwi_au_btns" id="mcalwi_add_btn">Create</button>
<button type="button" class="btn btn-primary mcalwi_au_btns" id="mcalwi_update_btn">Update</button>
<button type="button" class="btn btn-primary mcalwi_apv_btns" id="mcalwi_apv_btn">Approve</button>
<button type="button" class="btn btn-primary mcalwi_apv_btns" id="mcalwi_rj_btn">Reject</button>
<span class="panel-heading-title" id="epm_mcalwi_title">Master Calibration Work Item</span>
</div>
</div>
<div class="panel-body" id="page-body-epm_cal" style="padding-left: 5px; padding-right: 5px; padding-top: 20px;">
<form role="form" name="mcalwi_form" id="mcalwi_form">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="mcalwi_name">Work Item Name</label>
<input name="mcalwi_name" id="mcalwi_name" class="form-control" type="text" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="mcalwi_progress">Progress %</label>
<input name="mcalwi_progress" id="mcalwi_progress" class="form-control mcalwi_inputs" type="number" value="0" autofocus>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="mcalwi_rqdocs">No. of Documents</label>
<input name="mcalwi_rqdocs" id="mcalwi_rqdocs" class="form-control mcalwi_inputs" type="number" value="0" autofocus>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="mcalwi_op">Operator</label>
<button id="mcalwi_op_btn" type="button" class="btn btn-secondary btn-xs epm_inline_btn mcalwi_btns">Set Operator</button>
<input name="mcalwi_op" id="mcalwi_op" class="form-control" type="text" value="" disabled>
<input name="mcalwi_op_id" id="mcalwi_op_id" class="form-control" type="hidden" value="">
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="form-group">
<label for="mcalwi_note">Note</label>
<textarea name="mcalwi_note" id="mcalwi_note" class="form-control mcalwi_inputs" rows="5">
</textarea>
</div>
</div>
</div>
</form>
<div id="mcalwi_file_sec">
<!-- List of files for this work item -->
<button type="button" class="btn btn-secondary" id="mcalwi_addfile_btn" style="margin-bottom: -80px;">Add File</button>
<table data-click-to-select="true" data-single-select="true" id="mcalwi_md_records_table"
class="table table-hover table-condensed"
data-show-refresh="true" data-show-toggle="true" data-show-columns="true"
data-search="true" data-select-item-name="toolbar1"
data-query-params="mcalwi_md_records_QPH"
data-response-handler="mcalwi_md_records_RH"
data-pagination="true" data-sort-name="fileid" data-side-pagination="server"
data-sort-order="asc" data-page-list="[20, 50, 100]"
style="color: black; cursor: pointer"
data-page-size="50"
>
<thead>
<tr style="color: black">
<th data-field="media_id" data-sortable="true" data-visible="false" data-width="10">Id</th>
<th data-field="res_id" data-sortable="true" data-visible="false" data-width="10">Rs Id</th>
<th data-field="rtype_id" data-sortable="true" data-visible="false" data-width="10">RType</th>
<th data-field="fileid" data-sortable="true" data-visible="false" data-width="10">FileId</th>
<th data-field="name" data-sortable="true" data-visible="true" data-width="30">Name</th>
<th data-field="description" data-sortable="true" data-visible="true" data-width="300">Description</th>
<th data-field="note" data-sortable="true" data-visible="false" data-width="100">Note</th>
<th data-field="operate"
data-formatter="mcalwi_md_records_OF"
data-events="mcalwi_md_records_OE" data-width="30">Action</th>
</tr>
</thead>
</table>
</div>
</div>
<footer>
<div class="panel-body2">
</div>
</footer>
</div>
<!-- Media File editor -->
<div id="page-epm_mfile" class="ib-page" style="display: none">
<div class="panel panel-primary">
<div class="panel-heading ib-panel-heading">
<div class="gif-loader" style="display:none;"> </div>
<button type="button" class="btn btn-warning ibBackBtn btn-ib-header"><span class="fa fa-arrow-left" style="margin-left: 3px; margin-right: 0;"></span> </button>
<button type="button" class="btn btn-primary mfile_au_btns" id="mfile_add_btn">Create</button>
<button type="button" class="btn btn-primary mfile_au_btns" id="mfile_update_btn">Update</button>
<span class="panel-heading-title" id="epm_mfile_title">Media File</span>
</div>
</div>
<div class="panel-body" id="page-body-epm_cal" style="padding-left: 5px; padding-right: 5px; padding-top: 20px;">
<form role="form" name="mfile_form" id="mfile_form">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="mfile_file">Set File</label>
<button id="mfile_file_btn" type="button" class="browse_button btn btn-secondary epm_inline_btn" title="Set File"><i class="fa fa-folder-open fa-lg"></i></button>
<input name="mfile_fname" id="mfile_fname" class="form-control" type="text" value="" disabled>
<input name="mfile_fileid" id="mfile_fileid" class="form-control" type="hidden" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="mfile_name">Name</label>
<input name="mfile_name" id="mfile_name" class="form-control mfile_inputs" type="text" value="" autofocus>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
<div class="form-group">
<label for="mfile_description">Description</label>
<input name="mfile_description" id="mfile_description" type="text" class="form-control mfile_inputs" value="">
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="form-group">
<label for="mfile_note">Note</label>
<textarea name="mfile_note" id="mfile_note" class="form-control mfile_inputs" rows="4">
</textarea>
</div>
</div>
</div>
</form>
</div>
<footer>
<div class="panel-body2">
</div>
</footer>
</div>
<!-- Problems -->
<div id="page-epm_prb" class="ib-page" style="display: none">
<div class="panel panel-primary">
<div class="panel-heading ib-panel-heading">
<div class="gif-loader" style="display:none;"> </div>
<button type="button" class="btn btn-warning ibBackBtn btn-ib-header"><span class="fa fa-arrow-left" style="margin-left: 3px; margin-right: 0;"></span> </button>
<button type="button" class="btn btn-primary" id="prb_update_btn">Update</button>
<span class="panel-heading-title" id="epm_prb_title">Problems</span>
</div>
</div>
<div class="panel-body" id="page-body-epm_cal" style="padding-left: 5px; padding-right: 5px; padding-top: 20px;">
<form role="form" name="prb_form" id="prb_form">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="prb_order_no">Order No.</label>
<input name="prb_order_no" id="prb_order_no" class="form-control" type="text" value="" disabled>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="prb_rq">Requester</label>
<input name="prb_rq" id="prb_rq" class="form-control" type="text" value="" disabled>
<input name="prb_rq_id" id="prb_rq_id" class="form-control" type="hidden" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
<div class="form-group">
<label for="prb_problem">Problem</label>
<input name="prb_problem" id="prb_problem" type="text" class="form-control prb_inputs" value="">
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="prb_op">Operator</label>
<button id="prb_op_btn" type="button" class="btn btn-secondary btn-xs epm_inline_btn prb_btns">Set Operator</button>
<input name="prb_op" id="prb_op" class="form-control" type="text" value="" disabled>
<input name="prb_op_id" id="prb_op_id" class="form-control" type="hidden" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="prb_eq">Equipment</label>
<button id="prb_eq_btn" type="button" class="btn btn-secondary btn-xs epm_inline_btn prb_btns">Set Equipment</button>
<input name="prb_eq" id="prb_eq" class="form-control" type="text" value="" disabled>
<input name="prb_eq_id" id="prb_eq_id" class="form-control" type="hidden" value="">
<input name="prb_eq_type" id="prb_eq_type" class="form-control" type="hidden" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
<div class="form-group">
<label for="prb_room">Location</label>
<button id="prb_room_btn" type="button" class="btn btn-secondary btn-xs epm_inline_btn">Set Room</button>
<input name="prb_room" id="prb_room" class="form-control" type="text" value="" disabled>
<input name="prb_room_id" id="prb_room_id" class="form-control" type="hidden" value="">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="prb_due_date">Due Date</label>
<input name="prb_due_date" id="prb_due_date" class="form-control prb_inputs" type="date" value="">
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="prb_sdate">Start Date</label>
<input name="prb_sdate" id="prb_sdate" class="form-control prb_inputs" type="date" value="" disabled>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="prb_edate">End Date</label>
<input name="prb_edate" id="prb_edate" class="form-control prb_inputs" type="date" value="" disabled>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="prb_status">Status</label>
<select class="form-control" name="prb_status" id="prb_status">
<option value="0" selected>Open</option>
<option value="1">Closed</option>
</select>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="prb_action">Action</label>
<select class="form-control" name="prb_action" id="prb_action">
<option value="0" selected>Repair</option>
<option value="1">Purchase</option>
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="form-group">
<label for="prb_note">Note</label>
<input name="prb_note" id="prb_note" type="text" class="form-control prb_inputs" value="">
</div>
</div>
</div>
</form>
</div>
<footer>
<div class="panel-body2">
</div>
</footer>
</div>
<!-- Event Subscription -->
<div id="page-epm_evtrsub" class="ib-page" style="display: none">
<div class="panel panel-primary">
<div class="panel-heading ib-panel-heading">
<div class="gif-loader" style="display:none;"> </div>
<button type="button" class="btn btn-warning ibBackBtn btn-ib-header"><span class="fa fa-arrow-left" style="margin-left: 3px; margin-right: 0;"></span> </button>
<button type="button" class="btn btn-primary" id="epm_evtrsub_add_btn">Add New</button>
<button type="button" class="btn btn-primary" id="epm_evtrsub_update_btn">Update</button>
<span class="panel-heading-title" id="epm_evtrsub_title">Event Subscription</span>
</div>
</div>
<div class="panel-body" id="page-body-epm_cal" style="padding-left: 5px; padding-right: 5px; padding-top: 20px;">
<form role="form" name="epm_evtrsub_form" id="epm_evtrsub_form">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="epm_evtrsub_wf_id">Events</label>
<select class="form-control" name="epm_evtrsub_wf_id" id="epm_evtrsub_wf_id">
<option value="0" selected>Select an event</option>
<option value="100">Calibration Request Submitted</option>
<option value="200">Request approval by SSH</option>
<option value="130">Request reject by SSH</option>
<option value="300">Request approval by SH</option>
<option value="230">Request reject by SH</option>
<option value="400">Calibration report by Operator</option>
<option value="500">Calibration approval by SSH</option>
<option value="430">Calibration reject by SSH</option>
<option value="600">Calibration approval by SH</option>
<option value="530">Calibration reject by SH</option>
<option value="700">Calibration approval by DPH</option>
<option value="630">Calibration reject by DPH</option>
<option value="800">Calibration approval by DVH</option>
<option value="730">Calibration reject by DVH</option>
</select>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="epm_evtrsub_role_id">Role Subscriber</label>
<select class="form-control" name="epm_evtrsub_role" id="epm_evtrsub_role" style="padding: 0; padding-left:5px; margin-bottom: 0">
<option value="0">Select a role</option>
<option value="10010">Operator</option>
<option value="10060">SSH: Sub-Section Head</option>
<option value="10065">SH: Section Head</option>
<option value="10070">DPH: Department Head</option>
<option value="10075">DVH: Division Head</option>
<option value="10100">Administrator</option>
</select>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group">
<label for="epm_evtrsub_ruser">Individual Subscriber</label>
<button id="epm_evtrsub_ruser_btn" type="button" class="btn btn-secondary btn-xs epm_inline_btn">Set Subscriber</button>
<input name="epm_evtrsub_ruser" id="epm_evtrsub_ruser" class="form-control" type="text" value="" disabled>
<input name="epm_evtrsub_ruser_id" id="epm_evtrsub_ruser_id" class="form-control" type="hidden" value="">
<input name="epm_evtrsub_wi_type" id="epm_evtrsub_wi_type" class="form-control" type="hidden" value="">
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="form-group">
<label for="epm_evtrsub_msg">Additional Message (Optional)</label>
<input name="epm_evtrsub_msg" id="epm_evtrsub_msg" type="text" class="form-control" value="">
</div>
</div>
</div>
</form>
</div>
<footer>
<div class="panel-body2">
</div>
</footer>
</div>
</div>
</section>
<section id="page-jpage" class="dc-app-sections" style="display: none; padding-top: 80px; margin-left: 200px;">
<div class="container">
<div id="page-content-jpage">
</div>
<div class="panel-body2 dc-site-journey-feedback">
<!-- Messages -->
<div>
<hr style="margin: 0; padding: 0">
<h2 id="sbj_feedback_tbl-title" style="margin-top: 10px; font-size: 21px; color: #111;">Customer questions & answers</h2>
<div class="row">
<div class="col-sm-6 col-md-8 col-lg-5">
<textarea rows="2" class="form-control feedback-txt" id="sbj_feedback_tblbtn" placeholder="Comment" value=""></textarea>
</div>
<div class="col-sm-2 col-md-2 col-lg-2">
<button type="button" class="btn btn-primary feedback-send-btn" id="sbj_feedback_tbl-send-btn">Comment</button>
<button type="button" class="btn btn-primary" id="sbj_feedback_tbl-modal-btn" title="Send files"><i class="fa fa-paperclip fa-lg"></i></button>
</div>
</div>
<div class="row">
<div class="col-sm-8 col-md-10 col-lg-6">
<table data-click-to-select="true" data-single-select="true" id="sbj_feedback_tbl"
class="table table-hover table-condensed table-no-bordered"
data-toggle="table" data-content-type="false"
data-url=""
data-show-refresh="true"
data-show-toggle="false"
data-show-columns="false"
data-card-view="false"
data-search="false"
data-query-params="feedbackListQueryParameterHandler"
data-response-handler="feedbackListResponseHandler"
data-pagination="true" data-sort-name="umsg_id" data-side-pagination="server"
data-sort-order="desc" data-page-list="[20]"
data-show-header="true"
data-page-size="20"
>
<thead>
<tr>
<!--th data-field="state" data-checkbox="true"></th-->
<th data-field="senderphoto" data-formatter="ibUserPhotoListOperateFormatter" data-align="center" width="10%"></th>
<th data-field="sendername" data-align="center" width="15%">Name</th>
<th data-field="content" data-formatter="ibFeedbackCommentOperateFormatter" data-sortable="false" data-align="left" data-visible="true" width="65%">Comments</th>
<th data-field="udate" data-sortable="false" data-align="left" data-visible="true" width="10%">Date</th>
</tr>
</thead>
</table>
</div>
</div>
</div>
<button type="button" id="sbj_feedback_tbl-file-modal-btn" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#orders-msg-file-modal" style="display:none">
Launch modal
</button>
<div class="modal fb-modal" id="sbj_feedback_tbl-file-modal" tabindex="-1" role="dialog" aria-labelledby="sbj_feedback_tbl-file-modal-label" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<form name="sbj_feedback_tbl-file-frm" id="sbj_feedback_tbl-file-frm" method="post">
<div class="modal-header">
<button type="button" class="close fb-modal-close-btn" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h3 class="modal-title" id="sbj_feedback_tbl-file-modal-label">Send a file</h3>
</div>
<div class="modal-body">
<label for="sbj_feedback_tbl-file">Select media files (up to 7 files):</label>
<input id="sbj_feedback_tbl-file" type="file" name="file" multiple> <br>
<label for="sbj_feedback_tbl-file-content">Message to send:</label>
<textarea rows="1" id="sbj_feedback_tbl-file-content" name="content" class="form-control input-medium ibChatTextInput"></textarea>
<!--input type="text" id="msg_content_file" name="content" class="form-control input-sm ibChatTextFileInput"
placeholder="Type your message here..." /-->
<input type="hidden" name="s" value="smsg">
<input type="hidden" name="sbj_id" value="0">
<input type="hidden" name="suser_id" value="0">
<input type="hidden" name="che_id" value="0">
<input type="hidden" name="lesson_id" value="0">
<input type="hidden" name="q_id" value="0">
<input type="hidden" name="user_id" value="0">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-warning fb-modal-close-btn" data-dismiss="modal" >Close</button>
<button id="sbj_feedback_tbl-file-send-btn" type="button" class="btn btn-primary" data-dismiss="modal" >Send</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="page-cpage" class="dc-app-sections" style="display: none; padding-top: 80px; margin-left: 200px;">
<div class="container">
<div id="page-content-cpage">
</div>
</div>
</section>
<!-- ##### Home page sections -->
<section id="page-home" style="margin-left: 200px;">
<!-- ##### Featured Properties Area Start ##### -->
<section class="featured-properties-area sm-theme-area section-padding-100-50 dc-site-home-sections">
<div class="container">
<div class="row">
<div class="col-12">
<div class="section-heading wow fadeInUp" style="margin-top:50px; margin-bottom: 20px">
<h2>PT GS Battery</h2>
<b>GS Battery Online Portals</b>
</div>
</div>
</div>
<div class="row" style="align-content: center">
<!-- Single Featured Property -->
<!-- <div class="col-12 col-md-6 col-xl-4">-->
<!-- <div class="single-featured-property mb-50 wow fadeInUp" data-wow-delay="100ms">-->
<!-- <div class="property-thumb dc-jpage-links" data-pname="menu-course-1-jlink">-->
<!-- <img src="--><!--" alt="">-->
<!---->
<!-- <div class="tag">-->
<!-- <span>Engineering Portal</span>-->
<!-- </div>-->
<!-- </div>-->
<!---->
<!-- <div class="property-content">-->
<!-- <h5>--><!--</h5>-->
<!-- <p>--><!--</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<div class="col-12 col-md-3 col-xl-4">
</div>
<!-- Single Featured Property -->
<div class="col-12 col-md-6 col-xl-4">
<div class="single-featured-property mb-50 wow fadeInUp" data-wow-delay="100ms">
<!-- Property Thumbnail dc-jpage-links data-pname="menu-course-2-jlink" -->
<div class="property-thumb dc-jn-btn dceh-EPMTblCalland dcep-0">
<img src="https://www.symdb.com/site_gsbat/images/gs/EquipmentCalibration.png" alt="">
<div class="tag">
<span>Equipment Calibration Portal</span>
</div>
<!-- <div class="list-price">-->
<!-- <p>TBA/month</p>-->
<!-- </div>-->
</div>
<!-- Property Content -->
<div class="property-content">
<h5>Equipment Calibration Portal</h5>
<p>Equipment Calibration Services</p>
</div>
</div>
</div>
<div class="col-12 col-md-3 col-xl-4">
</div>
<!-- Single Featured Property -->
<!-- <div class="col-12 col-md-6 col-xl-4">-->
<!-- <div class="single-featured-property mb-50 wow fadeInUp" data-wow-delay="100ms">-->
<!-- <div class="property-thumb dc-jpage-links" data-pname="menu-course-3-jlink">-->
<!-- <img src="--><!--">-->
<!---->
<!-- <div class="tag">-->
<!-- <span>Battery Testing Portal</span>-->
<!-- </div>-->
<!-- </div>-->
<!---->
<!-- <div class="property-content">-->
<!-- <h5>--><!--</h5>-->
<!-- <p>--><!--</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
</div>
<!-- <div class="row">-->
<!-- <div class="col-12">-->
<!-- <div class="section-heading wow fadeInUp">-->
<!-- <h2>Online Mobile Applications Developed by Our Students</h2>-->
<!-- <p>Educations Games and Simulation Applications.</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!---->
<!-- <div class="panel-body" id="page-body-product">-->
<!-- <div id="dc-app-product-carousels"></div>-->
<!-- </div>-->
</div>
</section>
<!-- ##### Featured Properties Area End ##### -->
</section>
<!-- ##### page-home ##### -->
<!-- javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<!-- jQuery (Necessary for All JavaScript Plugins) -->
<script src="https://www.symdb.com/assets/themes/th_sm_rFfwhf113/js/jquery/jquery-2.2.4.min.js"></script>
<script src="https://www.symdb.com/assets/js/jquery-ui/jquery-ui.min.js"></script>
<!-- Popper js -->
<script src="https://www.symdb.com/assets/themes/th_sm_rFfwhf113/js/popper.min.js"></script>
<!-- Bootstrap js -->
<script src="https://www.symdb.com/assets/themes/th_sm_rFfwhf113/js/bootstrap.min.js"></script>
<!-- Plugins js -->
<script src="https://www.symdb.com/assets/themes/th_sm_rFfwhf113/js/plugins.js"></script>
<script src="https://www.symdb.com/assets/themes/th_sm_rFfwhf113/js/classy-nav.min.js"></script>
<!--<script src="--><!--/js/jquery-ui.min.js"></script>-->
<!-- Active js -->
<script src="https://www.symdb.com/assets/themes/th_sm_rFfwhf113/js/active.js"></script>
<!----------------- Docentron ----------------------------->
<script src="https://www.symdb.com/assets/js/jquery.history.js"></script>
<script src="https://www.symdb.com/assets/js/jquery.i18n/jquery.i18n.js"></script>
<script src="https://www.symdb.com/assets/js/jquery.i18n/jquery.i18n.messagestore.js"></script>
<script src="https://www.symdb.com/assets/js/jquery.i18n/jquery.i18n.fallbacks.js"></script>
<script src="https://www.symdb.com/assets/js/jquery.i18n/jquery.i18n.parser.js"></script>
<script src="https://www.symdb.com/assets/js/jquery.i18n/jquery.i18n.emitter.js"></script>
<script src="https://www.symdb.com/assets/js/jquery.i18n/jquery.i18n.language.js"></script>
<!-- Export -->
<script type="text/javascript" src="https://www.symdb.com/assets/js/tableExport/libs/FileSaver/FileSaver.min.js"></script>
<script type="text/javascript" src="https://www.symdb.com/assets/js/tableExport/libs/js-xlsx/xlsx.core.min.js"></script>
<script type="text/javascript" src="https://www.symdb.com/assets/js/tableExport/libs/jsPDF/jspdf.min.js"></script>
<script type="text/javascript" src="https://www.symdb.com/assets/js/tableExport/tableExport.min.js"></script>
<!--<script src="--><!--/assets/js/bootstraptable3/bootstrap-table.js"></script>-->
<script src="https://www.symdb.com/assets/js/bootstraptable4/bootstrap-table.min.js"></script>
<script src="https://www.symdb.com/assets/js/bootstraptable4/extensions/export/bootstrap-table-export.min.js"></script>
<script src="https://www.symdb.com/assets/js/bootstrap-datepicker.js"></script>
<script src="https://www.symdb.com/assets/js/Chart93.min.js"></script>
<script src="https://www.symdb.com/assets/themes/mutilevel_sidebar/./dist/sidebar-menu.js"></script>
<script>
$.sidebarMenu($('.sidebar-menu'))
</script>
<!-- Docentron -->
<script>
// TODO: load this from server
// Site page journey ids
var dc_site_config = {
"dc_jpage_links":{
"menu-about-1-jlink":83, // about
"menu-about-2-jlink":84, // contact
"menu-about-3-jlink":85, // about-dc-pos
"menu-course-1-jlink":86, // daycare_BB100
"menu-course-2-jlink":87, // pbb_kt_ab_PBB100
"menu-course-3-jlink":88 // pbb_sd_13_PBB110
},
"dc_cpage_links":{
"clink-services":1747,
// "computerclass": 1748,
"clink-featured1":1321,
"clink-featured2":1308,
"clink-featured3":1697,
"clink-featured4":1331,
"clink-hiring":1749,
"clink-privacy_policy":1750,
"clink-terms_and_conditions":1751 },
"dc_quiz_links":{},
"dc_whatsapp_links": {
"phone":"6594243922", //Dewi +62 8138 2111 658
"phone_sg":"6594243922",
"prefix":"GS IT enquiry: "
}
};
// TODO: load dc_site_config from server
</script>
<script src="https://www.symdb.com/site_gsbat/js/dc_lib.js?v=115213075"></script>
<script src="https://www.symdb.com/site_gsbat/js/gsbat_config.js?v=98331777"></script>
<script src="https://www.symdb.com/epm/lib/fm/ib_epm_fm101.js"></script>
<script src="https://www.symdb.com/epm/lib/fm/ib_epm_fm102.js"></script>
<script src="https://www.symdb.com/epm/lib/fm/ib_epm_fm103.js"></script>
<script src="https://www.symdb.com/epm/lib/fm/ib_epm_fm104.js"></script>
<script src="https://www.symdb.com/epm/lib/fm/ib_epm_fm105.js"></script>
<script src="https://www.symdb.com/epm/lib/fm/ib_epm_fm106.js"></script>
<script src="https://www.symdb.com/epm/lib/fm/ib_epm_fm107.js"></script>
<script src="https://www.symdb.com/epm/lib/fm/ib_epm_fm108.js"></script>
<script src="https://www.symdb.com/epm/lib/fm/ib_epm_fm109.js"></script>
<script src="https://www.symdb.com/epm/lib/fm/ib_epm_fm110.js"></script>
<script src="https://www.symdb.com/epm/lib/fm/ib_epm_fm111.js"></script>
<script src="https://www.symdb.com/epm/lib/fm/ib_epm_fm112.js"></script>
<script src="https://www.symdb.com/epm/lib/fm/ib_epm_fm113.js"></script>
<script src="https://www.symdb.com/epm/lib/fm/ib_epm_fm114.js"></script>
<script src="https://www.symdb.com/epm/lib/fm/ib_epm_fm115.js"></script>
<script src="https://www.symdb.com/epm/lib/fm/ib_epm_fm116.js"></script>
<script src="https://www.symdb.com/epm/lib/fm/ib_epm_fm117.js"></script>
<script src="https://www.symdb.com/epm/lib/fm/ib_epm_fm118.js"></script>
<script src="https://www.symdb.com/epm/lib/fm/ib_epm_fm119.js"></script>
<script src="https://www.symdb.com/epm/lib/fm/ib_epm_fm120.js"></script>
<script src="https://www.symdb.com/epm/lib/fm/ib_epm_fm121.js"></script>
<script src="https://www.symdb.com/epm/lib/fm/ib_epm_fm122.js"></script>
<script src="https://www.symdb.com/epm/lib/fm/ib_epm_fm123.js"></script>
<script src="https://www.symdb.com/epm/lib/fm/ib_epm_fm124.js"></script>
<script src="https://www.symdb.com/epm/lib/fm/ib_epm_fm125.js"></script>
<script src="https://www.symdb.com/epm/lib/fm/ib_epm_fm126.js"></script>
<script src="https://www.symdb.com/epm/lib/fm/ib_epm_fm127.js"></script>
<script src="https://www.symdb.com/epm/lib/fm/ib_epm_fm128.js"></script>
<script src="https://www.symdb.com/epm/lib/fm/ib_epm_fm129.js"></script>
<script src="https://www.symdb.com/epm/lib/fm/ib_epm_fm130.js"></script>
<script src="https://www.symdb.com/epm/lib/fm/ib_epm_fm131.js"></script>
<script src="https://www.symdb.com/epm/lib/fm/ib_epm_fm132.js"></script>
<script src="https://www.symdb.com/epm/lib/fm/ib_epm_fm133.js"></script>
<script src="https://www.symdb.com/epm/lib/fm/ib_epm_fm134.js"></script>
<script src="https://www.symdb.com/epm/lib/fm/ib_epm_fm135.js"></script>
<script src="https://www.symdb.com/epm/lib/fm/ib_epm_fm136.js"></script>
<script src="https://www.symdb.com/epm/lib/fm/ib_epm_fm137.js"></script>
</body>
</html>
Whois info of domain
Domain Name: SYMDB.COM
Registry Domain ID: 2304330878_DOMAIN_COM-VRSN
Registrar WHOIS Server: whois.dreamhost.com
Registrar URL: http://www.DreamHost.com
Updated Date: 2024-07-30T08:10:07Z
Creation Date: 2018-08-31T03:12:39Z
Registry Expiry Date: 2025-08-31T03:12:39Z
Registrar: DreamHost, LLC
Registrar IANA ID: 431
Registrar Abuse Contact Email: [email protected]
Registrar Abuse Contact Phone: +1.7148729370
Domain Status: clientTransferProhibited https://icann.org/epp#clientTransferProhibited
Name Server: NS1.DREAMHOST.COM
Name Server: NS2.DREAMHOST.COM
Name Server: NS3.DREAMHOST.COM
DNSSEC: unsigned
URL of the ICANN Whois Inaccuracy Complaint Form: https://www.icann.org/wicf/
>>> Last update of whois database: 2025-05-17T10:06:23Z <<<
For more information on Whois status codes, please visit https://icann.org/epp
NOTICE: The expiration date displayed in this record is the date the
TERMS OF USE: You are not authorized to access or query our Whois
by the following terms of use: You agree that you may use this Data only
to: (1) allow, enable, or otherwise support the transmission of mass