<!doctype html>
<!--
/**
 * Copyright(c) 2020. ATSoft Co., Ltd. All sources are freely reusable.
 *
 * @brief   iframe에 점자출력 속성을 사용하여 전자점자파일 생성하는 샘플
 * @detail  
 * @version 2021-05-07 
 */
 -->    
 

<html lang="ko">
<head>
    <meta charset="utf-8"/>
    
 <!-- eDotXPress HTML 라이브러리 --> 
    <link rel="stylesheet" type="text/css" href="/css/atsoft.css">  
	
    <!-- exportBrl 함수 샘플(커스터마이징 필요) --> 
    <script type="text/javascript" src="/EDotXPressHtml/js/edotxpress-html.min.js?t=20210308"></script>
    <script type="text/javascript">
    <!-- 
  
   
    // begin 점자 생성 함수	    
    //----------------------------------------------------------------------
    // 1. 현재 페이지나 특정 element를 점역하여 점자파일로 내려받는다.
    //----------------------------------------------------------------------
    // tableId를 생략하면 현재 페이지를 점역하고 전달하면 해당 표만 점역한다.
    // 현재 페이지 전체는 xls로 받을 수 없고 하나의 표만 xls로 받을 수 있다.
    function exportBrl(fileType, fileTitle, tableId)
    {
        var docData = atsoft.edotxpress.HtmlParser.parseHtml(tableId);
        if (docData != null)
        {
            var invoker = new atsoft.edotxpress.EDotServerInvoker("https://demo.atsoft.kr/EDotXPressHtml/brlgen");
            invoker.addParameter("tag_record",  docData  );
            invoker.addParameter("export_type", fileType ); // btag, brl, brf, xls
            invoker.addParameter("export_name", fileTitle); // 확장자를 제외한 저장할 파일명
    
            invoker.invoke(); // cf. invoker.invoke(errorCallback);
        }
        else
            alert(atsoft.errorManager.getErrorMsg("[brl 파일 생성 실패]"));
    }
    /* 오류 발생시 상세 메시지 대신 간단한 메시지를 출력할 경우
    function errorCallback(errMgr)
    {
        var msg = errMgr.getErrorMsg("[brl 파일 생성 실패(app 재정의된 오류 메시지)]"); // cf. errMgr.getErrorCode()   
        alert(msg);
    }
    */
    
    
    //----------------------------------------------------------------------
    // 2. 현재 페이지나 특정 element를 점역하여 점자뷰어로 보여준다.
    //----------------------------------------------------------------------
    // braille_viewer.html에서 opener.docData를 사용하는데 도메인이 서로 다르면 CORS가 발생하므로 동일한 도메인에 있어야 한다.
	var popupWnd = null;  
	var popupParam = {};  
    function openBrlViewer(fileTitle, tableId)
    {
        if (popupWnd != null)
            popupWnd.close();
                        
        var docData = atsoft.edotxpress.HtmlParser.parseHtml(tableId);
        if (docData != null)
        {
            popupParam.svrUrl    = "https://demo.atsoft.kr/EDotXPressHtml/brlgen";            
            popupParam.docData   = docData;
            popupParam.fileTitle = fileTitle;
            popupParam.enableXls = atsoft.util.misc.isEmpty(tableId) ? "false" : "true";;
            
            popupWnd = atsoft.util.window.popup("/EDotXPressHtml/html/braille_viewer.html", "eDotXPress Viewer", 900, 600, "resizable=yes, scrollbars=yes");            
        }
        else
            alert(atsoft.errorManager.getErrorMsg("[brl 파일 생성 실패]"));
    }
    // end 점자 생성 함수    


	//-->  
	</script>

   
</head>
    
<body>
    <div>
        <strong data-brl-use="PT">건강보험료 납부 내역서</strong>
    </div>
    <p>
        
    <div>
        <span data-brl-use="PH/1">가입자:</span> <span data-brl-use="PH/2">홍길동</span> <span data-brl-use="PH/3"> 귀하</span>
    </div>
    <div>
        <span data-brl-use="PH/1">가입연도:</span> <span data-brl-use="PH/3">2000년</span>
    </div>
    <p>        
  
    <!-- iframe의 경우 src 페이지에 올바른 data-brl-use 속성을 추가한 후 iframe 태그에 data-brl-use="IF"를 추가합니다. -->
    <iframe data-brl-use="IF" width="300" height="180" src="./iframe_sub.html" frameborder="1" scrolling="yes"></iframe>
    
        
    <div data-brl-use="PH">
        국민건강보험공단 이사장 김갑동
    </div>
    
   <br> 
    <button onclick="openBrlViewer('eDotXPress HTML Demo')">점자뷰어 보기</button> 
    <button onclick="exportBrl('brl', 'iframe')">점자파일 내려받기</button> 
   <!--  <button onclick="exportBrl('btag', 'iframe')">디버깅파일 내려받기</button> <p>  -->
	
</html>