LifeCenter/src/main/webapp/WEB-INF/jsp/login/admin.jsp

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ page session="false"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<jsp:include page="${data._INCLUDE}/header.jsp"></jsp:include>
<script>
    $(function() {
        // Datatables basic
        $("#datatables-basic").DataTable({
            responsive : true
        });
        // Datatables with Buttons
        var datatablesButtons = $("#datatables-buttons").DataTable({
            responsive : true,
            lengthChange : !1,
            buttons : [ "copy", "print" ]
        });
        datatablesButtons.buttons().container().appendTo(
                "#datatables-buttons_wrapper .col-md-6:eq(0)");
        // Datatables with Multiselect
        var datatablesMulti = $("#datatables-multi").DataTable({
            responsive : true,
            select : {
                style : "multi"
            }
        });
    });
</script>
<script>
$( function(){
    setCookieCheck();
    
    $( "#id" ).focus();
    
    $( "#loginForm" ).validate({
        onfocusout: function (element) {
            $( element ).valid();
            $( "#msg" ).remove();
        },
        messages : {
            id : {
                required : "아이디를 입력해주세요."
            },
            password : {
                required : "비밀번호를 입력해주세요."
            }
        },
        submitHandler: function(form) {
            $( "#submitLoading" ).toggleClass( "d-none", false );
            $( "#submitBtn" ).toggleClass( "d-none", true );
            
            $.ajax({
                url      : "./check",
                data     : $("#loginForm").serialize(),
                method   : "POST",
                dataType : "json",
                success  : function( data ){
                    var resultCode = data.code;
                    var resultMsg  = data.message;
                    var resultUrl  = data.url;
                    
                    if( data.code == "00" ) {
                        location.href= resultUrl;
                    } else {
                        $( "#password" ).after( "<label id='msg' class='error'>" + resultMsg + "</label>" );
                        $( "#submitLoading" ).toggleClass( "d-none", true );
                        $( "#submitBtn" ).toggleClass( "d-none", false );
                    };
                },
                error : function(){
                    $( "#submitLoading" ).toggleClass( "d-none", true );
                    $( "#submitBtn" ).toggleClass( "d-none", false );
                }
            }).done( function(){
                if( $( "#saveId" ).is( ":checked" ) ) {
                    setCookie( "userInputId", $( "#id" ).val(), 365 );
                } else {
                    deleteCookie( "userInputId" );
                }
            });
        }
    });
});

function setCookieCheck() {
    var cookieId   = $.trim( getCookie( "userInputId" ) );
    var cookieSave = $.trim( getCookie( "saveIdChecked" ) );
    
    if( cookieId != "" ) { 
        $( "#id" ).val( cookieId );
    }
    
    if( cookieSave != "" ){
        cookieSave = ( cookieSave === 'true' );
        $( "#saveId" ).prop( "checked", cookieSave );
    }
    
    $( "#saveId" ).on( "change", function(){
        var $this = $( this );
        
        console.log( $this );
        console.log( $this.is( ":checked" ) );
        
        if( $this.is( ":checked" ) === false ) {
            deleteCookie( "userInputId" );
        }
        setCookie( "saveIdChecked", $this.is( ":checked" ), 365 );
    });
};
</script>
<style>
/* #modal-window .modal-box.modal-size-normal{width:600px !important;margin-left:-300px !important;} */
</style>
<script>
$( function(){
    var aa = moment().format("YYYY-MM-DD");
    var bb = moment('2021-06-25').format("YYYY-MM-DD");
    
    if( aa > bb ) {
        localStorage.noticePopup1 = "ok";
    }
    
    var lifeCenterNoticeLogin = localStorage.getItem( "noticePopup1" );
    
    if( lifeCenterNoticeLogin != "ok" ){
        alertBox({ 
            title : '<span class="" style="font-size:19px;font-weight:700 !important;font-size:18px !important;">생활치료센터 비대면진료시스템<br/>(공지사항)인터폴 보라색 수배서 통보<br/><font style="color:red;">(코로나19 관련 중요시설 대상 랜섬웨어 공격)</font></span><span style="position:absolute;font-size:18px;font-weight:600;top:10px;right:10px;color:red;">※외부유출금지※</span>', 
            txt : '<div class="loginPopup text-dark" style="padding-left:5px;line-height:26px;font-size:13px !important;color:#000;">' +
                  '  <div class="" style="color:#000;">코로나19와 관련된 중요 시설이나 병원등을 대상으로 악성 랜섬웨어 감염·공격을 감지하여, 예방 방안을 안내하오니 업무에 참고하여 주세요. </div>' +
                  '  <div class="" style="color:#000;"><br/><span style="font-weight:700;margin-left:-10px;font-size:18px;">□ 주요 수법</span><br/>○ 현재까지 확인된 사례상 랜섬웨어 공격이 코로나19 관련 중요 시설이나 병원 등을 대상으로 하고 있으며, 시스템 침투 후, 모든 서류들을 암호화하거나 삭제하고, 금전을 요구하는 수법</div>' +
                  '  <div class="" style="color:#000;">- ① 악성 이메일 및 첨부파일 등 배포<br/> - ② 악성 이메일 및 첨부파일 확인 및 다운로드<br/>- ③ 사용자 권한 장애 유발 및 시스템 취약점 이용 : 원격 데스크톱 프로토콜(RDP, Remote Desktop Protocol) 등을 이용하여 시스템 내부 주요 정보를 충분히 수집<br/>- ④ 악성 랜섬웨어 시스템 침투시켜 코로나19 대응 및 환자 치료에 필수적인 정보 암호화<br/> - ⑤ 암호화폐를 통한 금전 지급 요구, 수집된 주요 정보 일부를 다크웹에 유출 (실제 금원을 지급하더라도 기존 파일이 회수되거나 시스템이 정상화 된다는 보장이 없음)<br/>※ 추가로 백도어를 설치하여 시스템에 2차 접근 후 랜섬웨어 공격을 가할 가능성 존재</div>' +

                  '  <div class="" style="color:red;"><br/><span style="font-weight:700;margin-left:-10px;font-size:18px;">□ 예방 방안</span><br/>○ 주기적인 파일 백업, 시스템 업데이트, 안티 바이러스 소프트웨어 사용스팸 메일 차단 등 주의, 악성 이메일 열람이나 첨부파일 확인 등에 대한 전 직원주의, 안전 비밀번호 사용 및 이중 인증(2FA) 실시, 시스템 관련 매일 정기점검, 원격 데스크톱 프로토콜(RDP) 등 시스템 취약점 점검, 도입시스템 계정 관련 보안 강화, 민감 정보 노출 최소화를 위한 네트워크 분리 및 데이터 카테고리화, 제3자 침입 방지 등</div>' +

                  '  <div class="" style="color:#000;"><br/><span style="font-weight:700;margin-left:-10px;font-size:18px;">□ 시스템 이용문의</span><br/><font style="">○ <font style="">☎1661-8308 (★365일 연중무휴★  ★운영시간 : 오전 9시 ~ 오후 6시)</font></font><br/>※ 상담원이 통화 중인 경우, 통화 가능한 전화번호를 남겨주시면, 상담원이 전화 드립니다.</div>' +
                  

                  '</div>' +
                  '<label id="check-notice"><input type="checkbox" id="life-center-notice" /> 다시보지않기 <label>', 
            callBack : function( result ){
                if( $( "#life-center-notice" ).prop( "checked" ) == true ){
                    localStorage.noticePopup1 = "ok";
                }
            }
        });
    }
});
</script>
<style type="text/css">
#check-notice{    font-size: 14px;
    margin-top: 20px;
    position: absolute;
    border: 1px solid #c9c9c9;
    background: #FFFFFF;
    height: 33px;
    line-height: 33px;
    bottom: 4px;
    padding: 0 10px;}
/* .notice-en{font-size:14px;color:#444;} */
</style>
</head>
<body>
    <%-- <jsp:include page="${data._INCLUDE}/sidebar.jsp"></jsp:include> --%>

    <main class="main d-flex w-100">
        <div class="container d-flex flex-column">
            <div class="row h-100">
                <div
                    class="col-sm-10 col-md-8 col-lg-6 mx-auto d-table h-100">
                    <div class="d-table-cell align-middle">

                        <div class="text-center mb-4">
                            <div class="mb-4"><span class="bg-danger text-white h3 p-2 align-center">ADMIN LOGIN</span></div>
                            <h1 class="h2">생활치료센터 비대면진료시스템</h1>
                            <p class="lead">Residential treatment center Untact Treatment System</p>
                        </div>

                        <div class="card pb-2">
                            <div class="card-body">
                                <div class="m-sm-4" style="margin-bottom:20px !important;">
                                    <form id="loginForm" action="./check" method="post">
                                        <div class="form-group">
                                            <label>아이디</label>
                                            <input id="id" class="form-control form-control-lg" type="text" name="id" placeholder="아이디" tabindex="1" maxlength="20" required>
                                        </div>
                                        <div class="form-group">
                                            <label>비밀번호</label>
                                            <input id="password" class="form-control form-control-lg" type="password" name="password" placeholder="비밀번호" autocomplete="off" tabindex="2" maxlength="15" required>
                                        </div>
                                        <div>
                                            <div class="custom-control custom-checkbox align-items-center text-right">
                                                <input type="checkbox" id="saveId" class="custom-control-input" value="remember-me" name="remember-me" checked="checked">
                                                <label for="saveId" class="custom-control-label text-small">아이디 저장</label>
                                            </div>
                                        </div>
                                        <div class="text-center mt-3">
                                            <button id="submitBtn" type="submit" class="btn btn-lg btn-primary">로그인</button>
                                            <div id="submitLoading" class="d-none align-bottom spinner-border text-primary" role="status">
                                              <span class="sr-only">Loading...</span>
                                            </div>
<!--                                             <a href="../patient/list" class="btn btn-lg btn-primary">로그인</a> -->
                                        </div>
                                    </form>
                                </div>
                            </div>
                            
                            <div class="text-center">
                                <div class="d-flex flex-wrap justify-content-center align-content-center text-center">
                                    <a class="btn btn-primary ml-3 mr-3 mb-1 mt-1" target="_blank" href="/store/manual/staff">의료진 사용자 매뉴얼 다운로드</a>
                                    <a class="btn btn-primary ml-3 mr-3 mb-1 mt-1" target="_blank" href="/store/manual/patient">환자용 앱 사용자 매뉴얼 다운로드</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>

    <%-- <jsp:include page="${data._INCLUDE}/footer.jsp"></jsp:include> --%>
</body>
</html>