<!doctype html>
<html lang="zh-tw">
<head>
    <meta charset="utf-8">
    <title>牙材追溯系統</title>
    <!--行動優先 mobile-first 屬性設定規定寬度會依設置的屏寬，並以100%顯示網頁-->
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!--bootstrap-->
    <link rel="stylesheet" href="/gs1ht/css/bootstrap.min.css">
    <!--icon連結-->
    <link rel="stylesheet" href="/gs1ht/font-awesome-4.6.3/font-awesome-4.6.3/css/font-awesome.min.css">
    <!--連結自訂樣式表-->
    <link rel="stylesheet" href="/gs1ht/css/stylesheet.css">
    <link rel="stylesheet" href="/gs1ht/css/daterangepicker.css">
    <!--ico-->
    <link rel="icon" href="/gs1ht/img/favicon.ico">
    <script src="/gs1ht/js/jquery-3.2.1.min.js"></script>
    <script src="/gs1ht/js/bootstrap.min.js" defer></script>
    <script src="/gs1ht/js/popper.min.js"></script>
    <script src="/gs1ht/js/template-web.js"></script>
    <script src="/gs1ht/js/moment.min.js"></script>
    <script src="/gs1ht/js/daterangepicker.min.js"></script>
    <script src="/gs1ht/js/checkBrowser.js"></script>
    <script src="/gs1ht/js/xlsx.full.min.js"></script>
    <script src="/gs1ht/js/jquery.twzipcode.min.js"></script>
    <script src="/gs1ht/js/FileSaver.min.js"></script>
    <script src="/gs1ht/js/tableexportFix.js"></script>
    <script src="/gs1ht/js/ajaxFunction.js"></script>
    <script src="/gs1ht/js/reader.js"></script>
    <script src="/gs1ht/js/html5-qrcode.min.js"></script>
    <!--檢測Line -->
    <script src="/gs1ht/js/LineVersion.js"></script>

    <!-- localforage替換localstorage -->
    <script src="/gs1ht/js/localforage.min.js"></script>

    <!--eazy-ui-->
    <!--<link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.4.5/themes/default/easyui.css" th:src="@{/js/jquery-easyui-1.4.5/themes/default/easyui.css}">-->
    <!--<link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.4.5/themes/icon.css" th:src="@{/js/jquery-easyui-1.4.5/themes/icon.css}">-->
    <!--<link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.4.5/demo/demo.css" th:src="@{/js/jquery-easyui-1.4.5/demo/demo.css}">-->
    <!--<script type="text/javascript" src="js/jquery-easyui-1.4.5/jquery.min.js" th:src="@{/js/jquery-easyui-1.4.5/jquery.min.js}"></script>-->
    <!--<script type="text/javascript" src="js/jquery-easyui-1.4.5/jquery.easyui.min.js" th:src="@{/js/jquery-easyui-1.4.5/jquery.easyui.min.js}"></script>-->
    <!--<script type="text/javascript" src="js/jquery-easyui-1.4.5/datagrid-detailview.js" th:src="@{/js/jquery-easyui-1.4.5/datagrid-detailview.js}"></script>-->
</head>
<body class="bg-white">
<header class="nav-cms-style">
    <div class="d-flex align-items-center justify-content-between">
        <div class="nav-cms-logo d-flex align-items-center">
            <img src="/gs1ht/img/logo_footer.jpg"  height="30px">
            <span>牙材追溯系統</span>
        </div>
        <!--<div id="tmp">-->
            <!--帳號<input id="account" type="text" value="" />密碼<input id="pwd" type="text" value="" /><input type="button" value="登入" onclick="login()" />-->
            <!--<script>-->
                <!--function login(){-->
                    <!--var account = $('#account').val();-->
                    <!--var pwd = $('#pwd').val();-->
                    <!--document.location.href="/gs1ht/login?account="+account+"&pwd="+pwd;-->
                <!--}-->
            <!--</script>-->
        <!--</div>-->
        <div href="#" sec:authorize="isAuthenticated()" class="sign-out">
            <input type="hidden" id="accountId" >
            <!--<form id="roleForm" name='f' action="" method='POST' class="mr-2" style="float:left;">-->
                <!--<table>-->
                    <!--<tr>-->
                        <!--<td>-->
                            <!--<select id="usingRole" onchange="changeRole()" class="form-control form-control-sm">-->

                            <!--</select>-->
                        <!--</td>-->
                    <!--</tr>-->
                <!--</table>-->
            <!--</form>-->
            <a href="#" id="logoutBtn" class="d-flex align-items-center mt-1 floatLeft">
                <p class="d-inline mb-0 pr-1" id="helloAccount">您好 ！登出</p>
                <img src="/gs1ht/img/sign-out-cms.png">
            </a>
        </div>
        <!--<div href="#" sec:authorize="!isAuthenticated()" class="sign-out">-->
            <!--<a th:href="@{/login}" class="d-flex align-items-center">-->
                <!--<P class="d-inline mb-0 pr-1">登入</P>-->
            <!--</a>-->
        <!--</div>-->
    </div>
    <div class="orange-bar"></div>
</header>
<div>
    <main class="container-fluid mt-4">
        <div class="d-flex align-items-center manage-list">
			<span class="btn-group">
  <button type="button" class="btn btn-info btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    功能列表
  </button>
  <span class="dropdown-menu scroll-menu">
    <a class="dropdown-item" href="/gs1ht/user">權限管理功能</a>
    <div class="dropdown-divider"></div>
    <a class="dropdown-item" href="/gs1ht/">DashBoard</a>
    <a class="dropdown-item" href="/gs1ht/companySelfmgn">牙技所基本資料管理</a>
    <!--<a class="dropdown-item" href="accountMgn.html" th:href="@{/accountMgn}">帳號管理</a>-->
    <div class="dropdown-divider"></div>
    <a class="dropdown-item" href="/gs1ht/indexClinic">診所資料管理</a>
    <a class="dropdown-item" href="/gs1ht/doctor">牙醫師資料管理</a>
    <div class="dropdown-divider"></div>
    <a class="dropdown-item" href="/gs1ht/indexSupplier">供應商資料管理</a>
    <div class="dropdown-divider"></div>
    <a class="dropdown-item" href="/gs1ht/materialMgn">原物料資料管理</a>
    <a class="dropdown-item" href="/gs1ht/productMgn">產品資料管理</a>
    <a class="dropdown-item" href="/gs1ht/sopMgn?page=0&amp;size=10&amp;message=">假牙產品製作流程管理</a>
    <a class="dropdown-item" href="/gs1ht/productCategoryMgn">假牙產品分類管理</a>
    <div class="dropdown-divider"></div>
    <a class="dropdown-item" href="/gs1ht/receiveMgn">原物料進貨管理</a>
    <a class="dropdown-item" href="/gs1ht/storeManage">原物料剩餘庫存量</a>
    <a class="dropdown-item" href="/gs1ht/inventory">原物料庫存管理</a>
    <!--<div class="dropdown-divider"></div>-->
    <!--<a class="dropdown-item" href="issueIndex.html" th:href="@{/issueIndex}">發料管理</a>-->
    <div class="dropdown-divider"></div>
    <a class="dropdown-item" href="/gs1ht/instructionMgn">指示單管理</a>
    <a class="dropdown-item" href="/gs1ht/productionMgn">工單管理</a>
    <div class="dropdown-divider"></div>
    <a class="dropdown-item" href="/gs1ht/shippingMgn">出貨管理</a>
    <div class="dropdown-divider"></div>
    <a class="dropdown-item" href="/gs1ht/productExamReportMgn">檢驗報告(記錄)管理</a>
    <a class="dropdown-item" href="/gs1ht/searchProductTrack">成品追蹤追溯資料查詢</a>
    <a class="dropdown-item" href="/gs1ht/productMaintenanceMgn">成品維護紀錄管理</a>
    <div class="dropdown-divider"></div>
    <a class="dropdown-item" href="/gs1ht/inventoryIssue">牙材進貨及發料統計表</a>
    <a class="dropdown-item" href="/gs1ht/inventoryUse">人員工單及用料統計表<br/>(2020-06-18之前)</a>
    <a class="dropdown-item" href="/gs1ht/inventoryUseNew">人員工單及用料統計表<br/>(2020-06-18之後)</a>
    <a class="dropdown-item" href="/gs1ht/point">人員工單點數統計表</a>
    <a class="dropdown-item" href="/gs1ht/billIndex">對帳單</a>
    <div class="dropdown-divider"></div>
    <a class="dropdown-item" href="/gs1ht/importExcel">原物料資料Excel匯入</a>

    <!--<div class="dropdown-divider"></div>-->
    <!--<a class="dropdown-item" href="accountSelfmgn.html" th:href="@{/accountSelfmgn}">個人資料維護</a>-->
  </span>
</span>
			
<div class="error-msg d-flex justify-content-center align-items-center">
    <i class="fa fa-frown-o fa-2x pr-2"></i>
    系統異常，請稍後再試！<a href="index">回首頁</a>
</div>



</div>
</main>
</div>

<div class="modal fade" id="promptModal" tabindex="-1" data-backdrop="static" role="dialog" aria-labelledby="promptModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                為提供良好與友善的網站使用體驗，建議使用Chrome、Firefox、Microsoft Edge、Safari，避免使用IE瀏覽器。
            </div>
        </div>
    </div>
</div>
<footer class="footer mt-2">
    <div class="container">
        <div class="d-flex flex-row justify-content-center">
            <div class="pr-2"><img src="/gs1ht/img/logo_footer.jpg" height="30px"></div>
            <span class="pr-2 d-flex align-items-center">為提供良好與友善的網站使用體驗，建議使用Chrome、Firefox、Microsoft Edge、Safari，避免使用IE瀏覽器。</span>
        </div>
        <p class="text-center">財團法人中華民國商品條碼策進會 ｜ 版權所有，轉載必究  © 2018 All Rights Reserved.</p>
    </div>
</footer>
</body>
<script>
/*<![CDATA[*/

    var contextPath = "";

    $( document ).ready(function() {
<!--        var account = localStorage.getItem("account");-->
<!--        var accountId = localStorage.getItem("accountId");-->
        var account;
        var accountId;

        getData();

        $("#logoutBtn").click(function(){
            logout();
        })

    });

    async function getData() {
          try {
            accountId = await localforage.getItem('accountId');
            account = await localforage.getItem('account');
          } catch (error) {
            console.log('Error retrieving data: ', error);
          }


                  //var originUrl = sessionStorage.getItem('originUrl');
                //var sysRoleList = localStorage.getItem("sysRoleList");
                //var usingRole = localStorage.getItem("usingRole");

                $('#accountId').val(accountId);
                if(account == null)
                    $('#helloAccount').html('您好 ！登出');
                else
                    $('#helloAccount').html(account+',您好 ！登出');

                let originUrl = window.location.href;
                sessionStorage.setItem('originUrl', originUrl);
                if(accountId == null){
                    location.href = "/gs1ht/login";
                }

                var userAgent = navigator.userAgent.toLowerCase();
                var isIE = (userAgent.indexOf("msie") !== -1) || (!!window.MSInputMethodContext && !!document.documentMode);
                if (isIE) {
                    alert("請使用chrome獲得最佳網頁體驗");
                }
                var isLineInAppBrowser = userAgent.indexOf('line') !== -1;
                if (isLineInAppBrowser) {
                    alert('請使用手機預設瀏覽器執行');
                    var url = window.location.href;
                    window.location.href = url + (url.indexOf('?') === -1 ? '?' : '&') + 'openExternalBrowser=1';
                }


    }

    function changeRole(){
        var role = $('#usingRole').val();
        localforage.setItem("usingRole", role);

        document.getElementById("roleForm").action = "/gs1ht/changeRole/"+role;
        document.getElementById("roleForm").submit();
    }

    function logout(){
        var account = localforage.removeItem("account");
        var accountId = localforage.removeItem("accountId");
        location.href = "/gs1ht/login";
    }

/*]]>*/
</script>
</html>