1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>Content Management System (CMS) - Powered by One Solution Limited</title>
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="js/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.11.4/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.11.4/datepicker-zh-HK.js"></script>
<link type="text/css" href="js/jquery-ui-1.11.4/jquery-ui.css" rel="stylesheet"/>
<link rel="stylesheet" href="js/jquery-ui-1.11.4/jquery-ui.theme.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css"/>

<!-- Main Menu -->
<link rel="stylesheet" type="text/css" href="css/menu.css"/>
<script type="text/javascript" src="js/ddaccordion.js"></script>
<script type="text/javascript" src="js/menuddaccordion.js"></script>
<!-- End Main Menu -->

<link rel="stylesheet" href="//cdn.datatables.net/1.10.24/css/jquery.dataTables.min.css">
<script type="text/javascript" src="//cdn.datatables.net/1.10.24/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="//cdn.datatables.net/buttons/1.7.0/js/dataTables.buttons.min.js"></script>
<script type="text/javascript" src="//cdn.datatables.net/buttons/1.7.0/js/buttons.html5.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment-with-locales.min.js"></script>
<script type="text/javascript" src="js/chosen_v1.4.1/chosen.jquery.min.js"></script>
<link rel="stylesheet" href="js/chosen_v1.4.1/chosen.min.css">

<script type="text/javascript" src="../js/angular.min.js"></script>

<script type="text/javascript">
    $(function () {
        <?php
        if($_SESSION['cmsrole'] == "web_user"){
            echo '$(".menuheader").hide();

            $(".web_user").show();';
        }

        if($_SESSION['cmsrole'] == "system_user"){
            echo '$(".menuheader").hide();

            $(".system_user").show();';
        }
    ?>
    });


    //check file size
    $(function () {

        $("input[type='file']").on("change", function () {

            if(this.files[0].type != "image/jpeg" && this.files[0].type != "image/png" && this.files[0].type != "image/gif"){
                $(this).val("");
                alert("圖片格式不正確。");
                return;
            }

            if(this.files[0].size > (1024 * 1024 * 10)){
                $(this).val("");
                alert("圖片檔案大小必須小於 10MB。");
                return;
            }

            var total_file_size = 0;
            $("input[type='file']").each(function () {

                if($(this).val() != ""){
                    total_file_size += parseFloat(this.files[0].size);
                }else{
                    total_file_size += 0;
                }
            });

            if(parseFloat(total_file_size) > 1024 * 1024 * 10){

                $("input[type='file']").each(function () {
                    $(this).val("");
                });

                alert("所有圖片檔案大小必須小於 10MB。");
            }
        });
    });
</script>