steve07s
/
Authorization


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224
							<?php
include($_SERVER['DOCUMENT_ROOT'] . "/Authorization/script/php/permission/check_right.php");
?>
<!doctype html>
<html class="fixed sidebar-left-collapsed">

<head>
    <!-- Basic -->
    <meta charset="UTF-8">
    <title>帳號權限管理系統</title>
    <meta name="keywords" content="HTML5 Admin Template" />
    <meta name="description" content="JSOFT Admin - Responsive HTML5 Template">
    <meta name="author" content="JSOFT.net">
    <!-- Mobile Metas -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

    <!-- Web Fonts  -->
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Shadows+Into+Light" rel="stylesheet" type="text/css">

    <!-- Vendor CSS -->
    <link rel="stylesheet" href="assets/vendor/bootstrap/css/bootstrap.css" />
    <link rel="stylesheet" href="assets/vendor/font-awesome/css/font-awesome.css" />
    <link rel="stylesheet" href="assets/vendor/magnific-popup/magnific-popup.css" />
    <link rel="stylesheet" href="assets/vendor/bootstrap-datepicker/css/datepicker3.css" />

    <!-- Specific Page Vendor CSS -->
    <link rel="stylesheet" href="assets/vendor/select2/select2.css" />

    <!-- Theme CSS -->
    <link rel="stylesheet" href="assets/stylesheets/theme.css" />

    <!-- Skin CSS -->
    <link rel="stylesheet" href="assets/stylesheets/skins/default.css" />

    <!-- Theme Custom CSS -->
    <link rel="stylesheet" href="assets/stylesheets/theme-custom.css">

    <!-- Role Custom CSS -->
    <link rel="stylesheet" href="assets/stylesheets/role.css" />

    <!-- Head Libs -->
    <script src="assets/vendor/modernizr/modernizr.js"></script>
    <script src="assets/vendor/jquery/jquery.js"></script>


    <!-- Icon -->
    <link rel="shortcut icon" href="assets/images/favicon.ico" />

    <!-- datatables -->
    <link rel="stylesheet" type="text/css" href="assets/vendor/DataTables/datatables.min.css" />

    <!-- vue3 -->
    <script src="https://unpkg.com/vue@next"></script>
    <script src="./script/js/global.js"></script>
    <script src="/Common/script/js/user-image.js"></script>
    <style>
        td {
            font-size: 20px;
            color: black;
        }

        select {
            font-size: 12px;
            color: black;
        }

        .right {
            position: absolute;
            right: 8px;
        }
    </style>

    <script type="application/javascript">
        var userName = '<?php echo $_SESSION['name']; ?>';
        var pageHeader = 'LOG日誌';
        var role = '<?php echo ($groupName); ?>';
        var right = <?php echo ($right); ?>;
    </script>
</head>

<body>
    <section id="outFrame">
        <!-- start: header -->
        <header-menu></header-menu>
        <!-- end: header -->
        <div>
            <!-- start: sidebar -->
            <side-bar></side-bar>
            <!-- end: sidebar -->
            <section role="main" class="content-body">
                <header class="page-header">
                    <h2>{{pageHeader}}</h2>
                </header>
            </section>

        </div>
    </section>
    <section role="main" id="content" class="content-body" style="padding-top: 6vh;">
        <section class="panel">
            <header class="panel-heading">
                <div class="panel-actions">
                    <a href="#" class="fa fa-caret-down"></a>
                    <a href="#" class="fa fa-times"></a>
                </div>
                <h2 id="testID" class="panel-title">設計資料庫匯入日誌</h2>
            </header>
            <div class="panel-body">
                <table class="table table-bordered table-striped mb-none" id="datatable">
                    <thead>
                        <tr>
                            <th>員工編號</th>
                            <th>上傳人員</th>
                            <th>所屬部門</th>
                            <th>計畫編號</th>
                            <th>計畫名稱</th>
                            <th>上傳時間</th>
                        </tr>
                    </thead>
                    <tbody id="table-data">

                    </tbody>
                </table>
            </div>
        </section>
    </section>
    <script>
        vm.mount('#outFrame');
        getLog();

        function getLog() {
            $.ajax({
                url: "./script/php/API/get_log.php",
                type: "POST",
                dataType: "json"
            }).done(function(result) {

                result.forEach(function(data) {
                    $('#table-data').append(`<tr>
						<td>${data.UserID}</td>
                        <td>${data.UserName}</td>
						<td>${data.DepartmentName}</td>
						<td>${data.project_id}</td>
						<td>${data.project_name}</td>
						<td>${data.upload_time}</td>
					</tr>`);

                });

            }).error(function(error) {
                console.log(error);
            }).complete(function(e) {
                $('#datatable').DataTable({
                    bProcessing: true,
                    responsive: true,
                    "searching": true,
                    "pageLength": 10,
                    "language": {
                        "processing": "處理中...",
                        "loadingRecords": "載入中...",
                        "lengthMenu": "顯示 _MENU_ 項結果",
                        "zeroRecords": "沒有符合的結果或是沒有資料",
                        "info": "顯示第 _START_ 至 _END_ 項結果，共 _TOTAL_ 項",
                        "infoEmpty": "顯示第 0 至 0 項結果，共 0 項",
                        "infoFiltered": "(從 _MAX_ 項結果中過濾)",
                        "infoPostFix": "",
                        "search": "",
                        "paginate": {
                            "first": '<i class="fa fa-step-backward"></i>',
                            "previous": '<i class="fa fa-backward"></i>',
                            "next": '<i class="fa fa-forward"></i>',
                            "last": '<i class="fa fa-step-forward"></i>'
                        },
                        "aria": {
                            "sortAscending": ": 升冪排列",
                            "sortDescending": ": 降冪排列"
                        }
                    },
                    dom: '<"top"i>rt<"bottom"flp><"clear">',
                    buttons: [
                        'copy', 'csv', 'excel', 'pdf', 'print'
                    ]
                });
                $('body .dropdown-toggle').dropdown();
                $("body").on('click', '.groupDropdown', function(e) {
                    let groupName = $(this).text();
                    let groupID = $(this).attr('groupID');
                    let userAccount = $(this).closest("td").attr('id');
                    $(this).closest("td").append(addPermission(groupID, groupName, userAccount));
                })
            });
        }
    </script>


    <!-- Vendor -->
    <script src="assets/vendor/jquery-browser-mobile/jquery.browser.mobile.js"></script>
    <script src="assets/vendor/bootstrap/js/bootstrap.js"></script>
    <script src="assets/vendor/nanoscroller/nanoscroller.js"></script>
    <script src="assets/vendor/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
    <script src="assets/vendor/magnific-popup/magnific-popup.js"></script>
    <script src="assets/vendor/jquery-placeholder/jquery.placeholder.js"></script>
    <script type="text/javascript" src="assets/vendor/DataTables/datatables.min.js"></script>


    <!-- Specific Page Vendor -->
    <script src="assets/vendor/select2/select2.js"></script>


    <!-- Theme Base, Components and Settings -->
    <script src="assets/javascripts/theme.js"></script>

    <!-- Theme Custom -->
    <script src="assets/javascripts/theme.custom.js"></script>

    <!-- Theme Initialization Files -->
    <script src="assets/javascripts/theme.init.js"></script>


</body>

</html>