update lấy features từ ảnh upload

web/js/list-management.js

@@ -59,7 +59,6 @@ function _formModified(e) {
         },
         success: function (data) {
             common.modalBlock(false);
-            $("#upload-btn").addClass("hidden");
             $("select[name='Type']").val(data.type);
             $("input[name='Name']").val(data.name);
             $("select[name='Gender']").val(data.gender);
@@ -67,6 +66,8 @@ function _formModified(e) {
             $("input[name='Telephone']").val(data.telephone);
             $("input[name='Address']").val(data.address);
             $("#FaceImage").attr("src", data.image);
+            $("#save-btn").attr("onclick", "_update(this);");
+            $("#save-btn").attr("data-href", $("input[name='update_url']").val());
         },
         error: function (jqXHR, textStatus, errorThrown) {
             common.modalBlock(false);
@@ -92,7 +93,8 @@ function _update(e) {
             birthday: $("input[name='Birthday']").val(),
             telephone: $("input[name='Telephone']").val(),
             address: $("input[name='Address']").val(),
-            id: $("input[name='ListManagementID']").val()
+            id: $("input[name='ListManagementID']").val(),
+            image: $("input[name='AnhNhanVienUrl']").val()
         },
         success: function (data) {
             alert("Cập nhật dữ liệu thành công!");
@@ -189,6 +191,8 @@ function _form() {
     $("#form").removeClass("hidden");
     $("#upload-btn").removeClass("hidden");
     $("#FaceImage").attr("src", "/images/user2-160x160.jpg");
+    $("#save-btn").attr("onclick", "_create(this);");
+    $("#save-btn").attr("data-href", $("input[name='create_url']").val());
 }
 
 function btnImage() {
@@ -209,9 +213,48 @@ function btnImage() {
         fakeInputContent: '<span class=\'fa fa-file-image-o\'></span> Chọn hình ảnh',
         onUploaded: function (data) {
             var res = JSON.parse(data);
-            $("#FaceImage").attr("src", "/" + res.dataPath + res.url);
-            $("input[name='AnhNhanVienUrl']").val(res.url);
-            common.uploadBlock(false);
+            if (res.status) {
+                $("#FaceImage").attr("src", "/" + res.dataPath + res.url);
+                $("input[name='AnhNhanVienUrl']").val(res.url);
+                common.uploadBlock(false);
+            } else {
+                alert("Hình ảnh không nhận diện được khuôn mặt");
+            }
         }
     }).addInstance('AnhNhanVien');
+}
+
+function _create(e) {
+    var name = $("input[name='Name']").val();
+    if (name === "") {
+        alert("Hãy nhập tên!");
+        return;
+    }
+    var image = $("input[name='AnhNhanVienUrl']").val();
+    if (image === "") {
+        alert("Hãy tải lên hình ảnh");
+        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(),
+            image: image
+        },
+        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();
+        }
+    });
 }