HANYANG_MES/home_dir/www/ksvc/inc/js/customTb.js

const tb_custom_editor = {
  pkCode: function (cell, onRendered, success, cancel, editorParams) {
    let editor = document.createElement("input");
    const format = editorParams.format ? editorParams.format : "";

    if (cell.getData()._STATUS_ == "I") {
      editor.setAttribute("type", format);
      editor.style.width = "100%";
      editor.value = cell.getValue() ? cell.getValue() : "";

      onRendered(function () {
        editor.focus();
        editor.style.height = "100%";
      });

      function successFunc() {
        success(editor.value);
        // cell.getElement().classList.add("editable-cell")
      }

      editor.addEventListener("change", successFunc);
      editor.addEventListener("blur", successFunc);
    } else {
      editor = false;
    }
    return editor;
  },

  upper: function(cell, onRendered, success, cancel) {
    // input 요소 생성
    var input = document.createElement("input");
    input.setAttribute("type", "text");
    input.style.width = "100%";
    input.value = cell.getValue() ? cell.getValue() : "";

    // 입력값이 변경될 때 대문자로 변환
    input.addEventListener("input", function () {
      this.value = this.value.toUpperCase();
    });

    // 에디터가 렌더링된 후 실행될 콜백
    onRendered(function () {
      input.focus();
      input.style.height = "100%";
      input.select();
    });

    // 값 변경 완료 시
    function onChange() {
      if (input.value != cell.getValue()) {
        success(input.value);
      } else {
        cancel();
      }
    }

    // 이벤트 리스너 등록
    input.addEventListener("blur", onChange);
    input.addEventListener("keydown", function (e) {
      if (e.keyCode == 13) {
        onChange(); // 엔터 키를 누를 때
      }
      if (e.keyCode == 27) {
        cancel(); // ESC 키를 누를 때
      }
    });

    return input;
  },

  onlyNumber: function(cell, onRendered, success, cancel){
    // 입력 요소 생성
    const input = document.createElement("input");
    input.setAttribute("type", "text");
    input.style.width = "100%";
    input.value = cell.getValue() ? cell.getValue() : "";

    onRendered(function(){
        input.focus();
        input.style.height = "100%";
    });

    function onChange(){
        if(input.value.match(/^\d*$/)){ // 숫자만 허용
            success(input.value);
        }else{
            input.value = input.value.replace(/[^0-9]/g, '');
        }
    }

    input.addEventListener("blur", onChange);
    input.addEventListener("keydown", function(e){
        if(e.keyCode == 13){
            onChange();
        }
        if(e.keyCode == 27){
            cancel();
        }
    });

    return input;
},

time: function(cell, onRendered, success, cancel){
  // 입력 요소 생성
  const input = document.createElement("input");
  input.setAttribute("type", "text");
  input.style.width = "100%";
  input.value = cell.getValue() ? cell.getValue() : "";

  onRendered(function(){
      input.focus();
      input.select();
      input.style.height = "100%";
  });

  
  // 변경사항이 완료되면 호출될 함수
  function onChange(){
    if (input.value.length === 5) { // 'HH:mm' 형식 확인
      success(input.value);
      console.log(cell.getValue())
    } else {
      cancel();
    }
  }
      
  // 입력 이벤트 처리
  input.addEventListener("input", function(){
    var value = input.value.replace(/[^0-9]/g, ''); // 숫자만 입력 받음

    if (value.length > 2){
      value = value.substring(0, 4); // 최대 4자리
      input.value = value.replace(/(\d{2})(\d{1})/, '$1:$2');
    };
    
  });
  input.addEventListener("blur", onChange);
  input.addEventListener("keydown", function(e){
      if(e.keyCode == 13){
          onChange();
      }
      if(e.keyCode == 27){
          cancel();
      }
  });

  return input;
},


};

const tb_custom_formatter = {
  pkCode: function (tgt, params) {
    if (tgt.getData()._STATUS_ == "I") {
      tgt.getElement().classList.add("editable-cell");
    } else {
    }

    return tgt.getValue();
  },

  time: function(cell, formatterParams, onRendered) {
    return cell.getValue().padStart(4, '0').replace(/(\d{2})(\d{2})/, '$1:$2');
  },

  diffTitme: function(cell, formatterParams, onRendered){
    let startTime = cell.getRow().getCell("OPER_ST_TM").getValue();
    let endTime = cell.getRow().getCell("OPER_ED_TM").getValue();
    if (startTime && endTime) {
      let start = luxon.DateTime.fromFormat(startTime, "HH:mm");
      let end = luxon.DateTime.fromFormat(endTime, "HH:mm");
      // 날짜가 반전되는 경우를 처리 (예: 밤샘)
      if (end < start) {
          end = end.plus({ days: 1 });
      }
      // 시간 차이 계산
      let duration = end.diff(start, 'minutes');
      return duration.minutes; // 분 단위로 반환
    } else {
        return ""; // Return empty string if either time is missing
    }
  }
};

const tb_custom_validator = {

  onlyString: function(cell, value, parameters){
    const regex = /^[가-힣A-Za-z\s]+$/;

    return regex.test(value);
  },

  onlyEnglish: function(cell, value, parameters){
    const regex = /^[A-Za-z\s]+$/;

    return regex.test(value);
  },

  stringNumeric: function(cell, value, parameters){
    const regex = /^[가-힣ㄱ-ㅎㅏ-ㅣA-Za-z0-9\/\-\_\s]+$/;

    return regex.test(value);
  }

}


const formFormat = {
  telInput: function(input){
    let formattedNumber = input.value.replace(/[^0-9]/g, ''); // 숫자만 추출
    // 자동 포맷팅 로직 구현 예시: "123-456-7890" 형식
    if(formattedNumber.length > 10) {
      formattedNumber = formattedNumber.slice(0, 3) + '-' + formattedNumber.slice(3, 7) + '-' + formattedNumber.slice(7);
    } else {
      formattedNumber = formattedNumber.slice(0, 3) + '-' + formattedNumber.slice(3, 6) + '-' + formattedNumber.slice(6);
    }
    input.value = formattedNumber; // 포맷팅된 번호를 입력 필드에 다시 설정
  },
  
  inNumInput: function(input){
    let formattedNumber = input.value.replace(/[^0-9]/g, ''); // 숫자만 추출
    // 자동 포맷팅 로직 구현 예시: "123-456-7890" 형식
    formattedNumber = formattedNumber.slice(0, 6) + '-' + formattedNumber.slice(6,13);
    input.value = formattedNumber; // 포맷팅된 번호를 입력 필드에 다시 설정
  },

  alphanumeric:function(input){
    input.value = input.value.toUpperCase().replace(/[^A-Z0-9]/g, '');
  },

  submitValidate: function(){
    let isValid = true;



    return isValid;
  }

}