


<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js" data-ng-app="MetronicApp"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js" data-ng-app="MetronicApp"> <![endif]-->
<!--[if !IE]><!-->
<html lang="vi">
<!--<![endif]-->
<head>
    <title>Ủy ban nhân dân Quận 11</title>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1" name="viewport" />
    <meta content="" name="Phần mềm quản lý phản ánh, góp ý" />
    <meta content="Dai Phat Solutions" name="author" />
    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link href="https://fonts.googleapis.com/css?family=Roboto:400,400i,700&amp;subset=vietnamese" rel="stylesheet">
    
    <link href="../assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <link href="../assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="../assets/global/css/components.min.css" rel="stylesheet" type="text/css" />
    <link href="../assets/layouts/layout/css/custom.min.css" rel="stylesheet" type="text/css" />
    <link href="../assets/layouts/layout/css/index2.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="/assets/plugins/bootstrap-toastr/toastr.min.css" />

    <script src="../assets/plugins/jquery.min.js" type="text/javascript"></script>
    <script src="../assets/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
    <script src="/assets/plugins/bootstrap-toastr/toastr.min.js"></script>
</head>
<body>
    <div class="loadercontainer" style="display:none">
        <div class="loader"></div>
    </div>
    <!-- 
	<div class="container-fluid n-header">
        <div class="row">
            <div class="col-md-12">
                <div class="n-logo">
                    <a href="#">
                        <img src="/Images/Quan11_tron.png" style="height: 160px;" />
                    </a>
                    <div class="hidden-sm hidden-xs">
                        <h1 style="color:#67CDFE;font-weight: 900;font-size:50px;">
                            THÀNH PHỐ HỒ CHÍ MINH
                        </h1>
                        <h3 style="color:#25538E;font-weight: 900;font-size:30px;margin:0;">ỦY BAN NHÂN DÂN QUẬN 11</h3>
                    </div>
                </div>
            </div>
		</div>
	</div>
    -->
    <div class="padding-container">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-12">
                    <h1 class="text-uppercase text-center n-title">Trang Quận 11 trực tuyến đang thực hiện nâng cấp và đánh giá an toàn thông tin theo hướng dẫn của Sở Thông tin và Truyền thông</h1>
                </div>
            </div>
            

                     
        </div>
    </div>

    <script type="text/javascript">
        function loadPA(page = 1) {
            $(".loadercontainer").css("display", "block");
            $.ajax({
                url: apiurl + '/api/phananh/DsPhanHoiGopYNonRole',
                type: 'GET',
                data: { page: page, record: 4 },
                success: function (result) {
                    $(".loadercontainer").css("display", "none");
                    if (result.status === 1) {
                        var str = "";
                        for (var i = 0; i < result.data.length; i++)
                            str += "<li> <p><b>" + result.data[i].TieuDe + "</b></p>   <div class='n-truncate n-pointer' title='Xem chi tiết phản ánh' onclick='chitietPA(" + result.data[i].IdPA+")'>" + result.data[i].NoiDung + "</div><p><small><i>" + result.data[i].CreatedDate + "</i></small></p> <p ><span class='TinhTrang" + result.data[i].Status + "'>" + result.data[i].TinhTrang + "</span></p></li> ";
                        if (result.page) {
                            var strpage = "";
                            if (result.page.AllPage > 0 && result.page.Page > 1) {
                                strpage += "<a id='first' onclick='loadPA(1)'>&lt; VỀ ĐẦU</a>";
                            }
                            if (result.page.Page - 2 >= 2) {
                                strpage += "<a ng-disabled='true'>...</a>";
                            }
                            for (var n = -2; n < 3; n++) {
                                var x = n + result.page.Page;
                                var y = result.page.AllPage;
                                if (x > 0 && x <= y) {
                                    if (n === 0) {
                                        strpage += "<a class='active'>" + x + "</a>";
                                    }
                                    else {
                                        strpage += "<a onclick='loadPA("+x+")'>" + x + "</a>";
                                    }
                                }
                            }
                            if (result.page.Page + 3 <= result.page.AllPage) {
                                strpage += "<a ng-disabled='true'>...</a>";
                            }
                            if (result.page.AllPage > 0 && result.page.Page < result.page.AllPage) {
                                strpage += "<a id='last'  onclick='loadPA(" + result.page.AllPage+")'>VỀ CUỐI &gt;</a>";
                            }
                            $("#dpage").html(strpage);
                        }
                    } else
                        toastr["error"](result.error.message, "Không có tải danh sách phản ánh - góp ý");
                    $("#listPA").html(str);
                    //var eles = document.getElementsByClassName("n-truncate");
                    //for (var i = 0; i < eles.length; i++) {
                    //    eles[i].addEventListener('click', function () {
                    //        $(".n-truncate").css("display", "-webkit-box")
                    //        $(this).css("display", "block");
                    //    });
                    //}
                }
            });
        }
        var apiurl = "https://mobile-quan11.tphcm.gov.vn/";
        var fileupload = [];
        $(function () {
            loadPA(1);
            $.ajax({
                url: apiurl + '/api/phananh/LinhVuc',
                type: 'GET',
                dataType: 'json',
                data: { more: true },
                success: function (result) {
                    var str = "<option value=0>Khác</option>";
                    if (result.status === 1) {
                        for (var i = 0; i < result.data.length; i++)
                            str += "<option value=" + result.data[i].IdLinhVuc + ">" + result.data[i].LinhVuc + "</option>";
                    }
                    $("#linhvuc").append(str);
                }
            });
            document.getElementById('file').addEventListener('change', handleFileSelect, false);
            function handleFileSelect(evt) {
                for (var i = 0; i < evt.target.files.length; i++) {
                    var name = evt.target.files[i].name;
                    var count = 0;
                    for (var j = 0; j < fileupload.length; j++) {
                        if (fileupload[j].name === name)
                            count++;
                    }
                    if (count === 0) {
                        var f = evt.target.files[i]; // FileList object
                        var reader = new FileReader();
                        // Closure to capture the file information.
                        reader.onload = (function (theFile) {
                            return function (e) {
                                var binaryData = e.target.result;
                                //Converting Binary Data to base 64
                                var base64String = window.btoa(binaryData);
                                var temp = f.name.split(".");
                                fileupload.push(
                                    {
                                        strBase64: base64String,
                                        extension: "." + temp[temp.length - 1],
                                        name: f.name
                                    });
                                var index = fileupload.length - 1;
                                var ten = f.name;
                                var strFile = "<div class='col-md-3'><div class='text-center container-overlay'> <p class='overflow ellipsis'>" + ten + "</p><div class='top-right-overlay'> <a class='fa fa-remove' onclick='removeFile(" + index + ")'></a></div></div></div>"
                                $("#dfile").append(strFile);
                            };
                        })(f);
                        // Read in the image file as a data URL.
                        reader.readAsBinaryString(f);
                    }
                    else {
                        toastr["warning"]("Ảnh đã được chọn");
                    }
                }
                //console.log(fileupload);
            }
            $('#btnGui').click(function () {
                var file = $("#file");
                var patt = new RegExp("[0][0-9]{9}");
                //var email = new RegExp("/^[-a-z0-9~!$%^&*_=+}{\'?]+(\.[-a-z0-9~!$%^&*_=+}{\'?]+)*
                // ([a - z0 -9_][-a - z0 -9_] * (\.[-a - z0 -9_] +) *\.(aero | arpa | biz | com | coop | edu | gov | info | int | mil | museum | name | net | org | pro | travel | mobi | [a - z][a - z]) | ([0 - 9]{ 1, 3 } \.[0 - 9]{ 1, 3 } \.[0 - 9]{ 1, 3 } \.[0 - 9]{ 1, 3 })) (: [0 - 9]{ 1, 5 })?$ / ")
                var error = 0;
                if ($('#hoten').val() === undefined || $('#hoten').val() === '') {
                    $('#dhoten').addClass('has-error');
                    error++;
                }
                else {
                    $('#dhoten').removeClass('has-error');
                }
                if ($('#sdt').val() === undefined || $('#sdt').val() === '') {
                    $('#dsdt').addClass('has-error');
                    error++;
                }
                else {
                    if (!patt.test($('#sdt').val())) {
                        $('#dsdt').addClass('has-error');
                        error++;
                    }
                    else {
                        $('#dsdt').removeClass('has-error');
                    }
                }
                if ($('#tieude').val() === undefined || $('#tieude').val() === '') {
                    $('#dtieude').addClass('has-error');
                    error++;
                }
                else {
                    $('#dtieude').removeClass('has-error');
                }
                if ($('#noidung').val() === undefined || $('#noidung').val() === '') {
                    $('#dnoidung').addClass('has-error');
                    error++;
                }
                else {
                    $('#dnoidung').removeClass('has-error');
                }
                if (error > 0) {
                    toastr["error"]("Vui lòng nhập đầy đủ thông tin", "Không có gửi phản ánh -góp ý");
                    return;
                }
                //var formData = $('#PAform').serializeObject();
                var data = {
                    LinhVuc: $('#linhvuc').val(),
                    NguoiGopY: $('#hoten').val(),
                    Email: $('#email').val(),
                    NumberPhone: $('#sdt').val(),
                    DiaChi: $('#diachi').val(),
                    TieuDe: $('#tieude').val(),
                    NoiDung: $('#noidung').val(),
                    UploadPA: fileupload
                };
                //console.log(data);
                $('#btnGui').prop('disabled', true);
                $(".loadercontainer").css("display", "block");
                return $.ajax({
                    url: apiurl + '/api/phananh/TaoPhanAnhGopY',
                    type: 'POST',
                    dataType: 'json',
                    contentType: 'application/json',
                    data: JSON.stringify(data),
                    success: function (result) {
                        $(".loadercontainer").css("display", "none");
                        if (result.status === 1) {
                            $('#btnGui').prop('disabled', false);
                            //uphinh(fileupload, result.data.IdPA);
                            toastr["success"]("Gửi phản ánh - góp ý thành công");
                            document.getElementById("PAform").reset();
                            xoaAllFile();
                            loadPA(1);
                            if (result.image.lsterror.length > 0)
                                toastr["warning"](result.image.lsterror, "Không thể gửi ảnh kèm theo");

                        } else {
                            toastr["error"](result.error.message, "Không thể gửi phản ánh -góp ý");
                            $('#btnGui').prop('disabled', false);
                        }
                    }
                });
            });
            function uphinh(upload, id) {
                var data = [];
                var temp
                for (var i = 0; i < upload.length; i++) {
                    temp = upload[i];
                    temp.IdPA = id;
                    data.push(temp);
                }
                $.ajax({
                    url: apiurl + '/api/phananh/CapNhatHinh',
                    type: 'POST',
                    dataType: 'json',
                    contentType: 'application/json',
                    data: JSON.stringify(data),
                    success: function (result) {
                        if (result.status === 1) {
                            console.log("Gửi hình thành công");
                        } else {
                            toastr["error"](result.error.message, "Không thể đăng hình kèm phản ánh -góp ý");
                        }
                    }
                });
            }
            $("#btnClose").click(function () {
                window.close();
            });
        });
        function removeFile(index) {
            fileupload.splice(index);
            var strFile = "";
            for (var i = 0; i < fileupload.length; i++)
                strFile += "<div class='col-md-3'><div class='text-center container-overlay'> <p class='overflow ellipsis'>" + fileupload[i].name + "</p><div class='top-right-overlay'> <a class='fa fa-remove' onclick='removeFile(" + i + ")'></a></div></div></div>"
            $("#dfile").html(strFile);
        }
        function xoaAllFile() {
            fileupload = [];
            $("#dfile").html("");
        }
        function chitietPA(IdPA) {
            $(".loadercontainer").css("display", "block");
            $.ajax({
                url: '/Home/ChiTiet2',
                type: 'GET',
                data: { IdPA: IdPA }
            }).done(function (result) {
                $(".loadercontainer").css("display", "none");
                $("#dvCT").html(result);
                $('#modal_chitiet').modal('show');
                })
        }
    </script>
</body>
</html>