<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="tiles" uri="http://tiles.apache.org/tags-tiles" %>
<%@ include file="/WEB-INF/view/include/tags.jspf" %>
<%
    response.setHeader("pragma","No-cache");
    response.setHeader("Cache-Control","no-cache");
    response.addHeader("Cache-Control","No-store");
    response.setDateHeader("Expires",1L);
%>
<html>
<head>
    <meta charset="UTF-8" />
    <!--IE 브라우저 사용 시, 자동 최신모드 설정-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 기기에 맞는 화면을 제공, 스마트폰 배율 1배율 고정, 애플 사파리 11 내용줄임=no -->
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- 제목 / 검색엔진 키워드 / 사이트 요약 / 저작자 / 개발sw -->
    <meta name="title" content="컬러푸드">
    <meta name="keyword" content="jinwoo, clfd">
    <meta name="description" content="jinwoo-clfd">
    <meta name="author" content="Jinwoo Soft Innovation">
    <meta name="generator" content="vscode">
    <title>컬러푸드 시스템</title>
    <!-- 아이콘 API -->
    <script src="https://kit.fontawesome.com/77c164177d.js" crossorigin="anonymous"></script>
    <!-- 캐노니컬(Web,M 페이지를 통합함으로써, 하나의 url로 인식하게함) -->
    <link rel="canonical" href="https://akakro.com/clfd/main.html">
    <!-- 웹폰트 -->
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css">

    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Nanum+Gothic&display=swap" rel="stylesheet">
    <!-- 파비콘/내부 CSS -->
    <link rel="shortcut icon" href="/clfd/img/clfd_logo50.png">
    <link rel="stylesheet" href="/clfd/css/clfd_reset.css" />
    <link rel="stylesheet" href="/clfd/css/clfd_login.css" />
    <link rel="stylesheet" href="/clfd/css/clfd_join.css?ver=1.4"/>
    <link rel="stylesheet" href="/clfd/css/clfd_find.css" />

    <script src="/clfd/lib/jquery/jquery-3.5.1/jquery.min.js"></script>
    <script src="/clfd/lib/cleave/cleave.min.js"></script>
    <script src="/clfd/lib/lodash/lodash.min.js"></script>
    <script src="/clfd/js/utils.js?ver=1.1"></script>
</head>
<body>
    <tiles:insertAttribute name="content"/>

    <script>
        $(document).ready(function() {
            // 숫자만 입력할 수 있는 태그 설정
            $('input[cleave], textarea[cleave]').each(function(index, element){
                var type = $(element).attr('cleave');
                var option = {};

                switch(type){
                    case 'number':
                        option['numeral'] = true;
                        option['delimiter'] = '';
                        option['numeralDecimalScale'] = 20;
                        break;
                    case 'saupjaNo':
                        option['numericOnly'] = true;
                        option['delimiter'] = '-';
                        option['blocks'] = [3, 2, 5];
                        option['stripLeadingZeroes'] = false;
                        break;
                    case 'phone':
                        option['numericOnly'] = true;
                        option['delimiter'] = '-';
                        option['blocks'] = [3, 4, 4];
                        option['stripLeadingZeroes'] = false;
                        break;
                    case 'fax':
                        option['numericOnly'] = true;
                        option['delimiter'] = '-';
                        option['blocks'] = [3, 3, 4];
                        option['stripLeadingZeroes'] = false;
                        break;
                    case 'numberAllowZero':
                        option['numericOnly'] = true;
                        option['stripLeadingZeroes'] = false;
                        break;
                    case 'birth':
                        option['date'] = true;
                        option['delimiter'] = '-';
                        option['datePattern'] = ['Y', 'm', 'd'];
                        break;
                    default:
                        break;
                }

                new Cleave(element, $.extend({

                },option));

            });
        });
    </script>
</body>
</html>
