update real time monitoring

web/js/real-time.js

@@ -0,0 +1,60 @@
+$(function () {
+    var socket = io.connect("http://" + $("input[name='serverIP']").val());
+    socket.on('realtime', function (data) {
+        render(data);
+    });
+});
+
+function render(cardValue) {
+    $.ajax({
+        url: $("input[name='check_data_url']").val(),
+        type: 'POST',
+        data: {
+            DeviceIP: cardValue.DeviceIP,
+            StaffID: cardValue.RTLogInfo.Pin,
+            DoorNo: cardValue.RTLogInfo.DoorNo,
+            EventCode: cardValue.RTLogInfo.EventCode
+        },
+        success: function (data) {
+            if (data.eventType) {
+                var color = "orange";
+                if (cardValue.RTLogInfo.EventCode == 0)
+                    color = "green";
+                var html = `<tr class="text-` + color + `">
+                            <td>` + cardValue.RTLogInfo.Time + `</td>
+                            <td>` + data.device + `</td>
+                            <td>` + data.door + `</td>
+                            <td>` + data.eventType + `</td>
+                            <td>` + cardValue.RTLogInfo.CardNo + `</td>
+                            <td>` + data.staff_code + `</td>
+                            <td>` + data.staff_name + `</td>
+                            <td>` + data.staff_department + `</td>
+                        </tr>`;
+                var totals = $("#table-lists").find("tr").length;
+                if (totals >= 100) {
+                    $("#table-lists").find("tr").last().remove();
+                }
+                $("#table-lists").prepend(html);
+            }
+        },
+        error: function (jqXHR, textStatus, errorThrown) {
+
+        }
+    });
+}
+
+function stopRealTime(e) {
+    common.modalBlock(true);
+    $.ajax({
+        url: $(e).attr("data-href"),
+        type: 'POST',
+        success: function (data) {
+            common.modalBlock(false);
+            alert("Đã ngừng theo dõi trực tuyến!");
+        },
+        error: function (jqXHR, textStatus, errorThrown) {
+            common.modalBlock(false);
+            common.ajaxError();
+        }
+    });
+}