testing search overlay for the members list results

diff --git a/views/admin/manageMembers/manage.html b/views/admin/manageMembers/manage.html
index 2771fa8..51bdfda 100644 (file)
--- a/views/admin/manageMembers/manage.html
+++ b/views/admin/manageMembers/manage.html
@@ -4,14 +4,29 @@
         width: 100%;
         height: 100vh;
     }
+    #glm-admin-member-list{
+        position: relative;
+        height: 100%;
+    }
     .glm-list-result{
         background-color: #FFFFFF;
         padding: 5px;
         border-bottom: 1px solid #DEE2E2;
     }
+    #glm-admin-search-overlay{
+        position: absolute;
+        width: 100%;
+        height: 100%;
+        left: 0;
+        top: 0;
+        background: red;
+    }
 </style>
 <div class="glm-dashboard-background">
-    <div id="glm-admin-member-list" class="row admin-member-list"></div>
+    <div id="glm-admin-search">Search Fields</div>
+    <div id="glm-admin-member-list" class="row admin-member-list">
+        <div id="glm-admin-search-overlay">Overlay</div>
+    </div>
 </div>
 <script>
     jQuery(function($){
@@ -30,6 +45,7 @@
                 type : 'POST',
                 url: '{$ajaxUrl}',
                 data: data,
+                complete: $("#glm-admin-search-overlay").fadeOut('slow'),
                 success: function(data) {
                     data.searchData.forEach( function(value, index){
                         $("<div />", {