invisio v2.0

<?php

include('header.php');
$secure = "cAh3DrJACzw4RbU";
$connection = connectDB($secure);
$blog_id = $_GET['id'];

$sql = "SELECT * FROM  tbl_blog WHERE blog_id ='$blog_id' ";
$rs = mysqli_query($connection, $sql) or die($connection->error);
$row = mysqli_fetch_assoc($rs);

<div class="wrapper wrapper-content animated fadeInRight">
        <input type="hidden" name="blog_id" id="blog_id" value="<?php echo $blog_id ?>">
        <div class="row">
            <div class="col-md-3 col-sm-12">
                <a href="blogs_member_setting.php?id=<?php echo $blog_id ?>">
                    <div class="widget style1 p-2  text-dark">
                        <div class="row vertical-align text-center">
                            <div class="col-12">
                                <h3 class="font-bold mb-0">1. ข้อมูล Blog</h3>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-md-3 col-sm-12">
                <a href="blogs_member_content.php?id=<?php echo $blog_id ?>">
                    <div class="widget style1 navy-bg  p-2">
                        <div class="row vertical-align text-center">
                            <div class="col-12">
                                <h3 class="font-bold mb-0">2. เนื้อหา Blog</h3>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            
        </div>
        <div class="row mt-3">
            <div class="col-12">
                <div id="Loading">
                    <div class="spiner-example">
                        <div class="sk-spinner sk-spinner-wave">
                            <div class="sk-rect1"></div>
                            <div class="sk-rect2"></div>
                            <div class="sk-rect3"></div>
                            <div class="sk-rect4"></div>
                            <div class="sk-rect5"></div>
                        </div>
                    </div>
                </div>
                <div id="ShowForm"></div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-lg modal-dialog-centered">
            <div class="modal-content animated fadeIn" id="loader_modal">
                <div id="showModal"></div>
            </div>
        </div>
    </div>
    <div class="modal" id="subModal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content animated fadeIn">
                <div id="showSubModal"></div>
            </div>
        </div>
    </div>
    <?php include('footer.php'); ?>

// function LoadData() {
        //     let blog_id = $("#blog_id").val();
        //     $.ajax({
        //         type: 'POST',
        //         url: 'ajax/blog_setting_member/form_content_edit.php',
        //         data: {
        //             blog_id: blog_id,
        //         },
        //         dataType: 'html',
        //         success: function(data) {
        //             $('#ShowForm').html(data);
        //             $('#Loading').hide();
        //         }
        //     });
        // }

function SetIFrame(value) {
            let content_yt_id = value.value;
            $('#iframe_label').attr('src', "https://www.youtube.com/embed/" + content_yt_id);
        }

function AddContent(content_type) {
            let blog_id = $("#blog_id").val();
            $('#myModal').modal('show');
            $('#showModal').load("ajax/blog_setting_member/form_content_add.php", {
                "content_type": content_type,
                "blog_id": blog_id,
            }, function() {

//$(".wrapper-content").LoadingOverlay("hide", true);
                $('#content_text').summernote({
                    height: 200,
                    toolbar: [
                        ['style', ['bold', 'italic', 'underline', 'clear']],
                        ['font', ['strikethrough', 'superscript', 'subscript']],
                        ['fontsize'],
                        ['color', ['color']],
                        ['para', ['ul', 'ol', 'paragraph']],
                        ['height', ['height']],
                        ['insert', ['link', 'hr']]
                    ],
                    callbacks: {
                        onPaste: function(e) {
                            var bufferText = ((e.originalEvent || e).clipboardData || window.clipboardData).getData('Text');
                            e.preventDefault();
                            setTimeout(function() {
                                document.execCommand('insertText', false, bufferText);
                            }, 10);
                        }
                    }
                });
                // $('.tagsinput').tagsinput({
                //     tagClass: 'label label-primary'
                // });

$("#AddFormSubmit").click(function() {
                    let content_type = $('#content_type').val();
                    if ((content_type == 1 && $('#content_text').val() == "") ||
                        (content_type == 2 && $('#content_image').val() == "") ||
                        (content_type == 3 && $('#content_yt_id').val() == "")) {
                        swal({
                            title: 'แจ้งเตือน',
                            text: 'กรุณากรอกข้อมูลให้ครบ',
                            type: "warning",
                            showConfirmButton: false
                        });
                        setTimeout(function() {
                            swal.close();
                        }, 1500);
                        return false;
                    }
                    swal({
                        title: "ยืนยัน การเพิ่มข้อมูล ?",
                        type: "warning",
                        showCancelButton: true,
                        confirmButtonColor: "#1AB394",
                        confirmButtonText: "ยืนยัน",
                        cancelButtonText: "ตรวจสอบอีกครั้ง",
                        closeOnConfirm: false
                    }, function() {
                        $(".confirm").prop('disabled', true);
                        let myForm = document.getElementById('form_add');
                        let formData = new FormData(myForm);
                        $.ajax({
                            url: 'ajax/blog_setting_member/content_insert.php',
                            type: 'POST',
                            dataType: 'json',
                            contentType: false,
                            cache: false,
                            processData: false,
                            data: formData,
                            success: function(data) {
                                $(".confirm").prop('disabled', false);
                                if (data.result == 1) {
                                    LoadData();
                                    swal({
                                        title: "แจ้งเตือน",
                                        text: "เพิ่มข้อมูลสำเร็จ",
                                        type: "success",
                                        showConfirmButton: false
                                    });
                                    setTimeout(function() {
                                        $('#myModal').modal('hide');
                                        swal.close();
                                    }, 2000);
                                } else if (data.result == 0) {
                                    swal({
                                        title: "แจ้งเตือน",
                                        text: "เพิ่มข้อมูลไม่สำเร็จ",
                                        type: "error",
                                        showConfirmButton: false
                                    });
                                    setTimeout(function() {
                                        swal.close();
                                    }, 2000);
                                } else {
                                    swal({
                                        title: "แจ้งเตือน",
                                        text: "ไม่สามารถติดต่อเซิฟเวอร์ได้ กรุณาลองใหม่อีกครั้ง",
                                        type: "error",
                                        showConfirmButton: true
                                    });
                                }
                            }
                        });
                    });
                });
            });
        }

}
                    }
                });
            });
        }

function EditNewsContent(blog_id, list_order) {
            $('#myModal').modal('show');
            $('#showModal').load("ajax/blog_setting_member/content_modal_edit.php", {
                "blog_id": blog_id,
                "list_order": list_order,
            }, function() {

// $(".wrapper-content").LoadingOverlay("hide", true);
                $('#content_text').summernote({
                    height: 200,
                    toolbar: [
                        ['style', ['bold', 'italic', 'underline', 'clear']],
                        ['font', ['strikethrough', 'superscript', 'subscript']],
                        ['fontsize'],
                        ['color', ['color']],
                        ['para', ['ul', 'ol', 'paragraph']],
                        ['height', ['height']],
                        ['insert', ['link', 'hr']]
                    ],
                    callbacks: {
                        onPaste: function(e) {
                            var bufferText = ((e.originalEvent || e).clipboardData || window.clipboardData).getData('Text');
                            e.preventDefault();
                            setTimeout(function() {
                                document.execCommand('insertText', false, bufferText);
                            }, 10);
                        }
                    }
                });
                $('.tagsinput').tagsinput({
                    tagClass: 'label label-primary'
                });

$("#EditFormSubmit").click(function() {
                    let content_type = $('#content_type').val();
                    if ((content_type == 1 && $('#content_text').val() == "") ||
                        (content_type == 2 && $('#content_image').val() == "") ||
                        (content_type == 3 && $('#content_yt_id').val() == "") ||
                        (content_type == 4 && $('#content_video').val() == "")) {
                        swal({
                            title: 'แจ้งเตือน',
                            text: 'กรุณากรอกข้อมูลให้ครบ',
                            type: "warning",
                            showConfirmButton: false
                        });
                        setTimeout(function() {
                            swal.close();
                        }, 1500);
                        return false;
                    }
                    swal({
                        title: "ยืนยัน การแก้ไขข้อมูล ?",
                        type: "warning",
                        showCancelButton: true,
                        confirmButtonColor: "#1AB394",
                        confirmButtonText: "ยืนยัน",
                        cancelButtonText: "ตรวจสอบอีกครั้ง",
                        closeOnConfirm: false
                    }, function() {
                        $(".confirm").prop('disabled', true);
                        let myForm = document.getElementById('form_edit');
                        let formData = new FormData(myForm);
                        $.ajax({
                            url: 'ajax/blog_setting_member/content_edit.php',
                            type: 'POST',
                            dataType: 'json',
                            contentType: false,
                            cache: false,
                            processData: false,
                            data: formData,
                            success: function(data) {
                                $(".confirm").prop('disabled', false);
                                if (data.result == 1) {
                                    swal({
                                        title: "แจ้งเตือน",
                                        text: "แก้ไขข้อมูลสำเร็จ",
                                        type: "success",
                                        showConfirmButton: false
                                    });
                                    setTimeout(function() {
                                        $('#myModal').modal('hide');
                                        swal.close();
                                        LoadData();
                                    }, 2000);
                                } else if (data.result == 0) {
                                    swal({
                                        title: "แจ้งเตือน",
                                        text: "แก้ไขข้อมูลไม่สำเร็จ",
                                        type: "error",
                                        showConfirmButton: false
                                    });
                                    setTimeout(function() {
                                        swal.close();
                                    }, 2000);
                                } else {
                                    swal({
                                        title: "แจ้งเตือน",
                                        text: "ไม่สามารถติดต่อเซิฟเวอร์ได้ กรุณาลองใหม่อีกครั้ง",
                                        type: "error",
                                        showConfirmButton: true
                                    });
                                }
                            }
                        });
                    });
                });
            });

}

</html>