From: Anthony Talarico <talarico@gaslightmedia.com>
Date: Thu, 25 Oct 2018 12:59:23 +0000 (-0400)
Subject: testing search overlay for the members list results
X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/?a=commitdiff_plain;h=b029544515c41866c7f4679da0f5b3374ad4435e;p=WP-Plugins%2Fglm-member-db.git

testing search overlay for the members list results
---

diff --git a/views/admin/manageMembers/manage.html b/views/admin/manageMembers/manage.html
index 2771fa89..51bdfdae 100644
--- 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 />", {