<%@ page language="java" contentType="text/html; charset=utf-8"%>
<%@ page import="java.io.*"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@ include file="/jsp/common/include/localemessage.jsp" %>
<%@ page import="com.eactive.eai.common.util.SystemUtil"%>
<%@ page import="com.eactive.eai.rms.common.login.SessionManager"%>
<%
   response.setHeader("Pragma", "No-cache");
   response.setHeader("Cache-Control", "no-cache");
   response.setHeader("Expires", "0");
%>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<jsp:include page="/jsp/common/include/css.jsp" />
<jsp:include page="/jsp/common/include/script.jsp" />
<script language="javascript">
   var url =       '<c:url value="/onl/adapter/retrieve/adapterCountRetrieve.json" />';
   var url_view =    '<c:url value="/onl/adapter/retrieve/adapterCountRetrieve.view" />';

   function init(callback) {
      $.ajax({
         type : "POST",
         url : url,
         dataType : "json",
         data : {
            cmd : 'LIST_INIT_COMBO'
         },
         success : function(json) {
            new makeOptions("CODE", "NAME").setObj(
                  $("select[name=searchRealTimeCd]")).setData(
                  json.realTimeGroupRows).rendering();

            if (typeof callback === 'function') {
               callback();
            }
         },
         error : function(e) {
            alert(e.responseText);
         }
      });
   }

   function list() {
      var postData = getSearchForJqgrid("cmd", "LIST");
      $("#grid").setGridParam({
         url : url,
         postData : postData,
         datatype : 'json'
      }).trigger("reloadGrid");
   }
   
//    function unformatterFunction(cellvalue, options, rowObject) {
//       return cellvalue;
//    }

//    function formatterFunction(cellvalue, options, rowObject) {
//       var rowId = options["rowId"];
//       if ("${rmsMenuAuth}" =="W"){
//          if (cellvalue == "03") {
//             return "<button type='button' class='cssbtn smallBtn2' id='btn_stop' style='vertical-align:middle; font-weight:bold;' name='img_" + rowId + "'>stop</button>";
//          } else if (cellvalue == "01") {
//             return "<button type='button' class='cssbtn smallBtn2' id='btn_start' style='vertical-align:middle; font-weight:bold;' name='img_" + rowId + "'>start</button>";
//          }
//       }
//       else {
//          return "";
//       }
//    }

//    function fontFormatterFunction(cellvalue, options, rowObject) {
//       var rowId = options["rowId"];
//       if (cellvalue == "true") {
//          return "<font color='#0000FF'>" + cellvalue + "</font>";
//       } else if (cellvalue == "false") {
//          return "<font color='#FF0000'>" + cellvalue + "</font>";
//       }
//    }
   
//    function startStop(postData) {
//       $.ajax({
//          type : "POST",
//          url : url,
//          dataType : "json",
//          data : postData,
//          success : function(json) {
//             list();
//          },
//          error : function(e) {
//             alert(e.responseText);
//          }
//       });
//    }
   
//    function goDetail(obj, rowId) {
//       var rowData = obj
//             .getRowData(rowId);
//       var key = rowData['EaiSevrInstncName'];
//       var key2 = rowData['AdptrBzwkGroupName'];

//       var url2 = '<c:url value="/onl/adapter/socket/socketConnection.view" />';
//       url2 += "?cmd=LIST";
//       url2 += "&searchEaiSevrInstncName="
//             + key;
//       url2 += "&searchAdptrBzwkGroupName="
//             + key2;
//       goNav(url2);
//    }
   
//    function goFilePage(){
<%--       location.href = "<%=request.getContextPath()%>/jsp/adapterMonitorFile.jsp"; --%>
//    }
   
   //소켓 모니터 화면 추가 
//    function goPage() {   
//       var sw = screen.width;
//       var sh = screen.height;
//       var mode = "width="+ sw +",height="+ sh +",left=0,top=0";
//       mode = mode + ",location=yes,menubar=yes,scrollbars=yes,resizable=yes,status=yes,titlebar=yes,toolbar=yes";
<%--       var win = window.open("<%=request.getContextPath()%>/jsp/adapterMonitorPage.jsp", "_blank", mode); --%>
//       win.focus();
//    }
   
$(document).ready( function() {
   
   var postData = getSearchForJqgrid("cmd","LIST");

   $('#grid').jqGrid({
      datatype : "local",
      mtype : 'POST',
      url : url,
      postData : postData,
      colNames : [
               '<%= localeMessage.getString("adapterStat.adapterGroup") %>',
                '<%= localeMessage.getString("adapterStat.instanceName") %>',
               '<%= localeMessage.getString("adapterStat.successCount") %>',
               '<%= localeMessage.getString("adapterStat.errorCount") %>'
                  ],
      colModel : [
               { name : 'AdptrBzwkGroupName'   ,align : 'left'      , width : '140' },
               { name : 'EaiSevrInstncName'   ,align : 'center'   , width : '100' },
               { name : 'SuccessCount'         ,align : 'center'   , width : '170' },
               { name : 'ErrorCount'         ,align : 'center'   , width : '200' },
            ],
      jsonReader : {
         repeatitems : false
      },
      rowNum : 1000,
      height : '500',
      autowidth: true,
      viewrecords : true,
      gridview : true,
      ondblClickRow : function(rowId) {
         
      },
      loadComplete : function(d) {
         $("#sourceGrid").tuiTableRowSpan("0"); // first Column
      },
      gridComplete : function(d) {
         var colModel = $(this).getGridParam("colModel");
         for (var i = 0; i < colModel.length; i++) {
            $(this).setColProp(colModel[i].name,{ sortable : false } );
         }
      },
      loadError : function(xhr, status,error) {
         alert(error);
      }
   });

   $("#btn_search").click(function() {
      list();
   });
   
   $("input[name^=search]").keydown(function(key) {
      if (key.keyCode == 13) {
         list();
      }
   });

   buttonControl();
   
   list();

});
</script>
</head>
<body>
   <div class="right_box">
   
      <div class="content_top">
         <ul><li><a href=#>${rmsMenuPath}</a></li></ul>
      </div><!-- end content_top -->
      
      <div class="content_middle">
         <div class="search_wrap">
            <button type="button" class="cssbtn" id="btn_search" level="R" ><i class="material-icons">search</i> <%= localeMessage.getString("button.search") %></button>      
         </div>
         
         <div class="title"><%= localeMessage.getString("adapterStat.retrieveTitle") %></div>
         
         <form id="ajaxForm"  onsubmit="return false;">
            <table class="search_condition" cellspacing=0;>
               <tbody>
                  <tr>
                     <th style="width:180px;"><%= localeMessage.getString("adapterStat.adapterGroup") %></th>
                     <td><input type="text" name="searchAdapterGroup" value="${param.searchAdapterGroup}" style="width:100%"></td>
                  </tr>
                  <tr>
                     <th style="width:180px;"><%= localeMessage.getString("adapterStat.instanceName") %></th>
                     <td><input type="text" name="searchInstanceName" value="${param.searchInstanceName}" style="width:100%"></td>
                  </tr>
               </tbody>
            </table>   
         </form>
         
         <!-- grid -->
         <table id="grid"></table>
         <div id="pager"></div>
         
      </div><!-- end content_middle -->
   </div><!-- end right_box -->
</body>

</html>
