update CRUD list-management

2020-12-04 10:11:56 +07:00
parent efb4113001
commit 6030ccd0a5
11 changed files with 428 additions and 43 deletions
--- a/web/js/list-management.js
+++ b/web/js/list-management.js
@@ -0,0 +1,184 @@
+var x = 0, y = 0;
+$(function () {
+    common.dateTimePickerByClass("datepicker", "HH:mm DD/MM/YYYY");
+    common.dateTimePickerDay("birthday");
+    $("tr").bind("click", function (event) {
+        x = event.pageX;
+        y = event.pageY;
+    });
+    $("input[name='BatchDelete']").change(function () {
+        if (this.checked) {
+            $("#delete-btn-group").removeClass("hidden");
+        } else {
+            $("tr").removeClass("delete-choose");
+            $("#delete-btn-group").addClass("hidden");
+        }
+    });
+});
+
+function _search(e) {
+    var location = $(e).attr("data-href") + "?from=" + $("input[name='From']").val() + "&to=" + $("input[name='To']").val();
+    location = location + "&name=" + $("input[name='NameSearch']").val();
+    location = location + "&type=" + $("select[name='TypeSearch']").val();
+    location = location + "&gender=" + $("select[name='GenderSearch']").val();
+    window.location = location;
+}
+
+function _close() {
+    $("#form").addClass("hidden");
+}
+
+function _menu(e) {
+    var isDelete = $("input[name='BatchDelete']").is(':checked');
+    if (isDelete) {
+        if ($(e).hasClass("delete-choose"))
+            $(e).removeClass("delete-choose");
+        else
+            $(e).addClass("delete-choose");
+        $("#menu").addClass("hidden");
+    } else {
+        $("input[name='ListManagementID']").val($(e).attr("data-id"));
+        $("#menu").css({top: y, left: x}).removeClass("hidden");
+    }
+}
+
+function _closeMenu() {
+    $("#menu").addClass("hidden");
+}
+
+function _formModified(e) {
+    _closeMenu();
+    $("#form").removeClass("hidden");
+    common.modalBlock(true);
+    $.ajax({
+        url: $(e).attr("data-href"),
+        type: 'POST',
+        data: {
+            id: $("input[name='ListManagementID']").val()
+        },
+        success: function (data) {
+            common.modalBlock(false);
+            $("select[name='Type']").val(data.type);
+            $("input[name='Name']").val(data.name);
+            $("select[name='Gender']").val(data.gender);
+            $("input[name='Birthday']").val(data.birthday);
+            $("input[name='Telephone']").val(data.telephone);
+            $("input[name='Address']").val(data.address);
+            $("#FaceImage").attr("src", data.image);
+        },
+        error: function (jqXHR, textStatus, errorThrown) {
+            common.modalBlock(false);
+            common.ajaxError();
+        }
+    });
+}
+
+function _update(e) {
+    var name = $("input[name='Name']").val();
+    if (name === "") {
+        alert("Hãy nhập tên!");
+        return;
+    }
+    common.modalBlock(true);
+    $.ajax({
+        url: $(e).attr("data-href"),
+        type: 'POST',
+        data: {
+            name: name,
+            type: $("select[name='Type']").val(),
+            gender: $("select[name='Gender']").val(),
+            birthday: $("input[name='Birthday']").val(),
+            telephone: $("input[name='Telephone']").val(),
+            address: $("input[name='Address']").val(),
+            id: $("input[name='ListManagementID']").val()
+        },
+        success: function (data) {
+            alert("Cập nhật dữ liệu thành công!");
+            window.location.reload(true);
+        },
+        error: function (jqXHR, textStatus, errorThrown) {
+            common.modalBlock(false);
+            common.ajaxError();
+        }
+    });
+}
+
+function _delete(e) {
+    if (confirm("Bạn có chắc chắn muốn xóa không?")) {
+        common.modalBlock(true);
+        $.ajax({
+            url: $(e).attr("data-href"),
+            type: 'POST',
+            data: {
+                id: $("input[name='ListManagementID']").val()
+            },
+            success: function (data) {
+                window.location.reload(true);
+            },
+            error: function (jqXHR, textStatus, errorThrown) {
+                common.modalBlock(false);
+                common.ajaxError();
+            }
+        });
+    }
+}
+
+function _deleteFeature(e) {
+    if (confirm("Bạn có chắc chắn muốn xóa ảnh này không?")) {
+        common.modalBlock(true);
+        $.ajax({
+            url: $(e).attr("data-href"),
+            type: 'POST',
+            data: {
+                image: $(e).attr("data-img"),
+                id: $(e).attr("data-id")
+            },
+            success: function (data) {
+                common.modalBlock(false);
+                $(e).closest("div").remove();
+            },
+            error: function (jqXHR, textStatus, errorThrown) {
+                common.modalBlock(false);
+                common.ajaxError();
+            }
+        });
+    }
+}
+
+function checkAll(status) {
+    if (status)
+        $("tr").addClass("delete-choose");
+    else
+        $("tr").removeClass("delete-choose");
+}
+
+function batchDelete(e) {
+    var check = $(".delete-choose");
+    if (check.length == 0) {
+        alert("Hãy chọn dữ liệu để xóa!");
+        return;
+    }
+    var lists = [];
+    $.each($(".delete-choose"), function () {
+        if ($(this).attr("data-id") !== "")
+            lists.push($(this).attr("data-id"));
+    });
+    if (confirm("Bạn có chắc chắn muốn xóa không?")) {
+        common.modalBlock(true);
+        $.ajax({
+            url: $(e).attr("data-href"),
+            type: 'POST',
+            data: {
+                lists: lists
+            },
+            success: function (data) {
+                alert("Đã xóa dữ liệu!");
+                window.location.reload(true);
+            },
+            error: function (jqXHR, textStatus, errorThrown) {
+                common.modalBlock(false);
+                common.ajaxError();
+            }
+        });
+    }
+}