From dc0545b113aa9126f9f5c7a008fa7d5dce4cc7d8 Mon Sep 17 00:00:00 2001
From: Supan Adit Pratama <supanadit@gmail.com>
Date: Sun, 28 Jun 2020 12:29:47 +0700
Subject: [PATCH] Enhance search todo

---
 resources/views/home.blade.php | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/resources/views/home.blade.php b/resources/views/home.blade.php
index 6dda00e..1441103 100755
--- a/resources/views/home.blade.php
+++ b/resources/views/home.blade.php
@@ -263,13 +263,24 @@
                 },
                 contentType: "application/json",
                 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) {
                     if (result.length !== 0) {
                         $("#todo-list").html(result.map(m => todoComponent(m)));
                     } 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;Not found or empty</p>\n" +
-                            "        </div>");
+                        if ($("#search-todo").val() != null && $("#search-todo").val() != "") {
+                            $("#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</p>\n" +
+                                "        </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) {