<%@ page language="java" contentType="text/html; charset=utf-8"%>
<%@ page import="java.io.*"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ include file="/jsp/common/include/localemessage.jsp" %>
<%
    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=euc-kr">
    <jsp:include page="/jsp/common/include/css.jsp"/>
    <jsp:include page="/jsp/common/include/script.jsp"/>
    <link href="<c:url value="/addon/bootstrap-5.3.2/css/bootstrap.min.css"/>" rel="stylesheet"/>
    <script src="<c:url value="/addon/bootstrap-5.3.2/js/bootstrap.bundle.min.js"/>"></script>
    <script language="javascript" >
        var url = '<c:url value="/onl/apim/apigroup/apiGroupMan.json"/>';
        var url_view = '<c:url value="/onl/apim/apigroup/apiGroupMan.view"/>';

        function useFormatter(cellvalue,options,rowObject){
            if(cellvalue == null || cellvalue == '')
                return ''
            return cellvalue === '0'?'미공개':'공개';
        }

        function detail(){
            var postData = getSearchForJqgrid("cmd","LIST"); //jqgrid에서는 object 로
            $("#grid").setGridParam({ url:url,postData: postData }).trigger("reloadGrid");
        }

        function search(){
            var postData = getSearchForJqgrid("cmd","LIST"); //jqgrid에서는 object 로
            $("#grid").setGridParam({ url:url,postData: postData ,page:1 }).trigger("reloadGrid");
        }


        function list(){
            detail()
            var gridPostData = getSearchForJqgrid("cmd","LIST"); //jqgrid에서는 object 로
            $('#grid').jqGrid({
                datatype : "json",
                mtype : 'POST',
                url : url,
                postData : gridPostData,
                colNames : [ 'API 그룹 명',
                    /*'설명',*/
                    '표시순서',
                    '공개여부',
                    '생성자',
                    '생성일시',
                    '변경자',
                    '변경일시',
                    'id',
                ],
                colModel : [ { name : 'groupName'            , align : 'center' , width:'80', sortable:false},
                    /*{ name : 'groupDesc'              , align : 'left' },*/
                    { name : 'displayOrder'              , align : 'center', width:'20'},
                    { name : 'displayYn'              , align : 'center', width:'20', formatter:useFormatter},
                    { name : 'createdBy'                , align : 'center' , width:'40' },
                    { name : 'createdDate'                  , align : 'center' , width:'60'},
                    { name : 'lastModifiedBy'                , align : 'center' , width:'40' },
                    { name : 'lastModifiedDate'                   , align : 'center' , width:'60' },
                    { name : 'id'           , align : 'center' , width:'40', hidden: true },
                ],
                jsonReader : {
                    repeatitems : false
                },
                pager : $('#pager'),
                page : '${param.page}',
                rowNum : '${rmsDefaultRowNum}',
                autoheight : true,
                height : $("#container").height(),
                autowidth : true,
                viewrecords : true,
                rowList : eval('[${rmsDefaultRowList}]'),
                loadComplete:function (d){
                    var colModel = $(this).getGridParam("colModel");
                    for(var i = 0 ; i< colModel.length; i++){
                        $(this).setColProp(colModel[i].name, {sortable : false});
                    }
                },
                ondblClickRow : function(rowId) {
                    var rowData = $(this).getRowData(rowId);
                    let key = rowData['id'];

                    var url2 = url_view;
                    url2 += '?cmd=DETAIL';
                    url2 += '&page=' + $(this).getGridParam("page");
                    url2 += '&returnUrl=' + getReturnUrl();
                    url2 += '&menuId=' + '${param.menuId}';
                    //검색값
                    url2 += '&' + getSearchUrl();
                    //key값
                    url2 += '&apiGroupId=' + key;
                    goNav(url2);
                }
            });

        }

        $(document).ready(function() {

            list();

            resizeJqGridWidth('grid','content_middle','1000');

            $("#btn_search").click(function(){
                search();
            });
            $("#btn_new").click(function(){
                var url2 = url_view;
                url2 += '?cmd=DETAIL';
                url2 += '&page='+$("#grid").getGridParam("page");
                url2 += '&returnUrl='+getReturnUrl();
                url2 += '&menuId='+'${param.menuId}';
                //검색값
                url2 += '&'+getSearchUrl();
                //key값
                url2 += '&eaiSvcName=';

                goNav(url2);
            });

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

            buttonControl();
        });

    </script>
</head>
<body>
<div class="right_box">
    <div class="content_top">
        <ul class="path">
            <li><a href="#">${rmsMenuPath}</a></li>
        </ul>
    </div><!-- end content_top -->
    <div class="content_middle" id="content_middle">
        <div class="search_wrap">
            <button type="button" class="cssbtn" id="btn_new" level="W" ><i class="material-icons">add</i> <%= localeMessage.getString("button.new") %></button>
            <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" id="title" >${rmsMenuName}</div>
        <table class="search_condition" cellspacing=0;>
            <tbody>
            <tr>
                <th style="width:180px;">API 그룹 명</th>
                <td>
                    <input type="text" name="searchGroupName" value="${param.searchGroupName}">
                </td>
                <th style="width:180px;">공개여부</th>
                <td>
                    <div class="select-style">
                        <select name="searchDisplayYn">
                            <option value="">전체</option>
                            <option value="1">공개</option>
                            <option value="0">미공개</option>
                        </select>
                    </div>
                </td>
            </tr>
            </tbody>
        </table>
        <table id="grid" ></table>
        <div id="pager"></div>
    </div><!-- end content_middle -->
</div><!-- end right_box -->
</body>
</html>

