tk-factory-services/system1-factory/web/js/workplace-management/utils.js

/**
 * Workplace Management - Utilities
 * 작업장 관리 관련 유틸리티 함수들
 */

class WorkplaceUtils {
  constructor() {
    console.log('[WorkplaceUtils] 초기화 완료');
  }

  /**
   * 날짜 포맷팅
   */
  formatDate(dateString) {
    if (!dateString) return '';
    const date = new Date(dateString);
    return date.toLocaleDateString('ko-KR', {
      year: 'numeric',
      month: '2-digit',
      day: '2-digit'
    });
  }

  /**
   * API URL 생성
   */
  getApiBaseUrl() {
    return window.API_BASE_URL || 'http://localhost:30005/api';
  }

  /**
   * 이미지 URL 생성
   */
  getFullImageUrl(imagePath) {
    if (!imagePath) return null;
    if (imagePath.startsWith('http')) return imagePath;
    return `${this.getApiBaseUrl()}${imagePath}`.replace('/api/', '/');
  }

  /**
   * 작업장 용도 아이콘 반환
   */
  getPurposeIcon(purpose) {
    const icons = {
      '작업구역': '🔧',
      '설비': '⚙️',
      '휴게시설': '☕',
      '회의실': '💼',
      '창고': '📦',
      '기타': '📍'
    };
    return purpose ? (icons[purpose] || '📍') : '🏗️';
  }

  /**
   * 퍼센트를 픽셀로 변환
   */
  percentToPixel(percent, canvasSize) {
    return (percent / 100) * canvasSize;
  }

  /**
   * 픽셀을 퍼센트로 변환
   */
  pixelToPercent(pixel, canvasSize) {
    return (pixel / canvasSize) * 100;
  }

  /**
   * 영역 좌표 정규화 (음수 처리)
   */
  normalizeRect(rect, canvasWidth, canvasHeight) {
    const xPercent = this.pixelToPercent(
      Math.min(rect.x, rect.x + rect.width),
      canvasWidth
    );
    const yPercent = this.pixelToPercent(
      Math.min(rect.y, rect.y + rect.height),
      canvasHeight
    );
    const widthPercent = this.pixelToPercent(
      Math.abs(rect.width),
      canvasWidth
    );
    const heightPercent = this.pixelToPercent(
      Math.abs(rect.height),
      canvasHeight
    );

    return { xPercent, yPercent, widthPercent, heightPercent };
  }
}

// 전역 인스턴스 생성
window.WorkplaceUtils = new WorkplaceUtils();

// 하위 호환성: 기존 함수들
window.formatDate = (dateString) => window.WorkplaceUtils.formatDate(dateString);

// 토스트 메시지 표시
window.showToast = function(message, type = 'info') {
  // 기존 토스트 제거
  const existingToast = document.querySelector('.toast');
  if (existingToast) {
    existingToast.remove();
  }

  // 새 토스트 생성
  const toast = document.createElement('div');
  toast.className = `toast toast-${type}`;
  toast.textContent = message;

  // 스타일 적용
  Object.assign(toast.style, {
    position: 'fixed',
    top: '20px',
    right: '20px',
    padding: '12px 24px',
    borderRadius: '8px',
    color: 'white',
    fontWeight: '500',
    zIndex: '1000',
    transform: 'translateX(100%)',
    transition: 'transform 0.3s ease'
  });

  // 타입별 배경색
  const colors = {
    success: '#10b981',
    error: '#ef4444',
    warning: '#f59e0b',
    info: '#3b82f6'
  };
  toast.style.backgroundColor = colors[type] || colors.info;

  document.body.appendChild(toast);

  // 애니메이션
  setTimeout(() => {
    toast.style.transform = 'translateX(0)';
  }, 100);

  // 자동 제거
  setTimeout(() => {
    toast.style.transform = 'translateX(100%)';
    setTimeout(() => {
      if (toast.parentNode) {
        toast.remove();
      }
    }, 300);
  }, 3000);
};

console.log('[Module] workplace-management/utils.js 로드 완료');