supanadit/todo
1
0
Fork 0
mirror of https://github.com/supanadit/todo.git synced 2024-11-22 01:56:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

Enhance search todo

Browse Source
This commit is contained in:
Supan Adit Pratama 2020-06-28 12:29:47 +07:00
parent 6094e4e2f5
commit dc0545b113
1 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
resources/views/home.blade.php
View File

@ -263,13 +263,24 @@
}, },
contentType: "application/json", contentType: "application/json",
async: true, async: true,
beforeSend: function () {
$("#todo-list").html("<div style=\"text-align: center;height: 200px;position: relative;\">\n" +
" <i class=\"fa fa-spinner fa-spin\" style=\"position: absolute;top:50%;left:50%;\"></i>\n" +
" </div>");
},
success: function (result) { success: function (result) {
if (result.length !== 0) { if (result.length !== 0) {
$("#todo-list").html(result.map(m => todoComponent(m))); $("#todo-list").html(result.map(m => todoComponent(m)));
} else { } else {
if ($("#search-todo").val() != null && $("#search-todo").val() != "") {
$("#todo-list").html("<div style=\"text-align: center;height: 200px;position: relative;\">\n" + $("#todo-list").html("<div style=\"text-align: center;height: 200px;position: relative;\">\n" +
" <p style=\"position: absolute;top:50%;left:50%;color:#777;\"><i class='fa fa-calendar-times-o'></i>&nbsp;Not found or empty</p>\n" + " <p style=\"position: absolute;top:50%;left:50%;color:#777;\"><i class='fa fa-calendar-times-o'></i>&nbsp;Not found</p>\n" +
" </div>"); " </div>");
} else {
$("#todo-list").html("<div style=\"text-align: center;height: 200px;position: relative;\">\n" +
" <p style=\"position: absolute;top:50%;left:50%;color:#777;\"><i class='fa fa-calendar-times-o'></i>&nbsp;Empty</p>\n" +
" </div>");
}
} }
}, },
error: function (result) { error: function (result) {