@extends('common.layout')

<link rel="stylesheet" type="text/css" href="{{asset('css/list.css') }}" />

@section('content')
<div class="container">
  <section id="sec01" class="sec01">
    <div class="contWrap">
      <div class="listWrap">
        <div class="titleWrap">
          <h2 class="title txt23_700">고객언어사전 로그</h2>
          <div class="logSearchWrap">
            <!-- <div class="selectBox">
              <select name="categoryType1" id="categoryType1" class="txt14_400" onchange="changeLocation()"> -->
                <!-- <option value="" class="txt14_400">전체</option> -->
                <!-- <option value="sm" class="txt14_400">TXCloud</option> -->
                <!-- <option value="oth" class="txt14_400">타금융사</option> -->
              <!-- </select>
            </div> -->
            <div class="selectBox">
              <select name="categoryType2" id="categoryType2" class="txt14_400" onchange="changeLocation()">
                <option value="" class="txt14_400">전체</option>
                <option value="rw" class="txt14_400">등록</option>
                <option value="md" class="txt14_400">수정</option>
                <option value="de" class="txt14_400">삭제</option>
                <option value="dez" class="txt14_400">삭제 취소</option>
                <option value="us" class="txt14_400">사용</option>
                <option value="md" class="txt14_400">숨김</option>
              </select>
            </div>
            <div class="searchWrap">
              <input type="text" id="search" name="search" class="search" placeholder="검색어를 입력해주세요"  onkeydown="if (event.keyCode == 13) {changeLocation();return false;}">
              <button type="button" id="searchBtn" class="searchBtn"  onclick="changeLocation()">
                <img src="{{asset('images/search_small.svg') }}" alt="검색 icon">
              </button>
            </div>
          </div>
        </div>
        <div class="tableWrap logWrap">
          <table>
            <colgroup>
              <col width="100px">
              <!--<col width="120px">-->
              <col width="374px">
              <col width="374px">
              <col width="314px">
              <col width="155px">
              <col width="100px">
            </colgroup>
            <thead>
              <tr>
                <th><p class="txt13_400">번호</p></th>
                <!--<th><p class="txt13_400">구분</p></th>-->
                <th><p class="txt13_400">기존 표현</p></th>
                <th><p class="txt13_400">변경 내역</p></th>
                <th><p class="txt13_400">작성자 사번</p></th>
                <th><p class="txt13_400">일시</p></th>
                <th><p class="txt13_400">관리</p></th>
              </tr>
            </thead>
            <tbody class="tbodyWrap">
            </tbody>
          </table>
        </div>

        <div class="pageWrap">
          <ul class="pageNum"></ul>
        </div>
      </div>
    </div>
  </section>
</div>
<script>
	clsUrlSearchParam.init(location.search);
  clsTmsClass.setSearchParam(clsUrlSearchParam);
  clsListClass.setSearchParamClass(clsUrlSearchParam);
  var gLoadCall = 0;
  var pageNum = clsUrlSearchParam.get("page") ? clsUrlSearchParam.get("page") : 1; // 현재 페이지
  var keyfield01 = ""; // 기업분류(sm:TXCloud , oth:은행)
  var keyfield02 = ""; // 액션분류(전체: "" ,등록 :rw , 수정:md,삭제:de,삭제취소:dez,사용:us,숨김:hd)
  var keyword = ""; // 검색어
   var ntList =  "<tr>" +
                        '<td><p class="txt14_400">{listNo}</p></td>' +
                        '<td><p class="txt14_400">{4}</p></td>' +
                        '<td><p class="txt14_400">{3}</p></td>' +
                        '<td><p class="txt14_400">{1}</p></td>' +
                        '<td><p class="txt14_400">{6}</p></td>' +
                        '<td>{returnBtnType}</td>'+
                    '</tr>';

  function setInitData(){
        if (clsUrlSearchParam.get("cate1")) {
            document.querySelector("#categoryType1").value = clsUrlSearchParam.get("cate1");
            keyfield01 = clsUrlSearchParam.get("cate1");
        }

        if (clsUrlSearchParam.get("cate2")) {
            document.querySelector("#categoryType2").value = clsUrlSearchParam.get("cate2");
            keyfield02 = clsUrlSearchParam.get("cate2");
        }

        if (clsUrlSearchParam.get("stx")) {
          keyword                                 = clsUrlSearchParam.get("stx");
          document.querySelector("#search").value = keyword;
        }

        var data = {
          "keyfield01" : keyfield01,
          "keyfield02" : keyfield02,
          "keyword" : keyword
        }

        try {
          var initJson = { apiUrl : "/mda/api/lg/lt", method: "GET", "data" : data }
          var listType = { type: "pull", listCount: 10}

          //tmsList.setSimpleInit(initJson, tmsList.setListItemForm, ntList, listType);
          clsListClass.setTmsClass(clsTmsClass);
          clsListClass.setSimpleInit(initJson, setCallBackFnc , ntList, listType ,clsTmsClass);
        } catch (error) {

        }
  }

  function setCallBackFnc(json){
      try {
        clsListClass.currentSetData = JSON.parse(json);
        var rsList    = clsListClass.currentSetData.data;
        var reList    = [];
        var items     = '';
        var strLog    = '';
        for(var i =0;i < rsList.list.length;i++){
          items         = rsList.list[i];
          switch(items.LogType){
            case "Register"       : strLog = '등록';break;
            case "Edit"           : strLog = '수정';break;
            case "Delete"         : strLog = '삭제';break;
            case "Delete Cancel"  : strLog = '삭제 취소';break;
            case "Use"            : strLog = '사용';break;
            case "Hidden"         : strLog = '숨김';break;
          }
          items.LogType = strLog;
          reList[i]     = items;
        }
        rsList.list = reList;

        clsListClass.setInitPage(rsList , '');
        clsListClass.setPaging(clsListClass.pagingTarget, clsListClass.pageClassName);
        clsListClass.getPaging();
        clsListClass.getList(clsListClass.listTarget, rsList, ntList);
        } catch(e){
          if ( gLoadCall < 1){
              gLoadCall++
              window.setTimeout(setInitData , 500);
          }
        }
    }

  function btnRollback(obj){
    if( !confirm("되돌리시겠습니까?"))return false;
    var removeData  = {"no": obj.getAttribute("data-no")};
    var initJson    = { "apiUrl" : "/mda/api/lg/rr","method": "POST", "data" :removeData }
    var listType    = { "type": "pull", "listCount": 10 }
    clsListClass.setSimpleInit(initJson, function(){document.location.reload();} , ntList, listType ,clsTmsClass);
  }
  /*
	window.addEventListener("load", function () {
		// 되돌리기 클릭 시 얼럿띄우기
    var returnBtns = document.querySelectorAll("#returnBtn");
    returnBtns.forEach((item)=> {
      item.addEventListener("click",() => {
        confirmMsg("되돌리시겠습니까?", () => {
          // console.log(item.dataset.no); // 되돌릴 no
          var removeData = {
            "no": item.dataset.no
          }
          var initJson = { apiUrl : "/mda/api/lg/rr", method: "POST", removeData }
          var listType = { type: "pull", listCount: 10 }
          console.log(initJson);
          //tmsList.setSimpleInit(initJson, tmsList.setListItemForm, ntList, listType);
        });
      });
    });
	})
  */
   function changeLocation() {
    clsUrlSearchParam.set("page", 1);
    clsUrlSearchParam.set("cate1", document.querySelector("#categoryType1").value);
    clsUrlSearchParam.set("cate2", document.querySelector("#categoryType2").value);
    clsUrlSearchParam.set("stx", document.querySelector("#search").value);
    location.href = location.pathname + '?' + clsUrlSearchParam.toString();
  }

  window.onload=function(){
    setInitData();
  }
</script>
@endsection