adding ajax loader to the member list flyout

diff --git a/views/admin/manageDashboard/index.html b/views/admin/manageDashboard/index.html
index 65cf7cc..c1d7324 100644 (file)
--- a/views/admin/manageDashboard/index.html
+++ b/views/admin/manageDashboard/index.html
@@ -42,7 +42,12 @@
         </div>
     </div>
 
-    <div id="edit-screen" class="edit-screen sidenav"></div>
+    <div id="edit-screen" class="edit-screen sidenav">
+        <div id="glm-admin-profile-overlay" style="display: none;">      
+            <img class="glm-list-loader" src="{$assetsUrl}/loader.gif" alt="">
+        </div>
+        <div class="edit-screen-mount"></div>
+    </div>
 </div>
 <style>
     #wpfooter{
@@ -159,9 +164,10 @@
         
 
         $(document).on("click",".member-record-name",function(){
+            $("#glm-admin-profile-overlay").fadeIn('fast');
             $(this).parent().addClass("glm-admin-active-record");
             localStorage.setItem("active-record", $(this).parent().data("id"));
-            $(".edit-screen").html('');
+            $(".edit-screen-mount").html('');
             var editData = {};
             editData.option     = "manage";
             editData.memberID   = $(this).parent().data('id');
@@ -171,7 +177,8 @@
                 editData,
                 function(complete) {},
                 function(success) {
-                    $(".edit-screen").html(success.searchData);
+                    $(".edit-screen-mount").html(success.searchData);
+                    $("#glm-admin-profile-overlay").fadeOut('slow');
                 },
                 function(error) {
                     console.log(error);
@@ -301,7 +308,7 @@
                 editData,
                 function(complete) {},
                 function(success) {
-                    $(".edit-screen").html(success.searchData);
+                    $(".edit-screen-mount").html(success.searchData);
                 },
                 function(error) {
                     console.log(error);
@@ -321,7 +328,7 @@
                 editData,
                 function(complete) {},
                 function(success) {
-                    $(".edit-screen").html(success.searchData);
+                    $(".edit-screen-mount").html(success.searchData);
                 },
                 function(error) {
                     console.log(error);
@@ -333,7 +340,8 @@
         
 
         $(document).on("click", "#add-new-member",function(e){
-            $('.edit-screen').html('');
+            $("#glm-admin-profile-overlay").fadeIn('fast');
+            $('.edit-screen-mount').html('');
             e.preventDefault();
             var editData        = {};
             editData.option     = "add";
@@ -343,7 +351,8 @@
                 editData,
                 function(complete) {},
                 function(success) {
-                    $(".edit-screen").html(success.searchData);
+                    $(".edit-screen-mount").html(success.searchData);
+                    $("#glm-admin-profile-overlay").fadeOut('slow');
                 },
                 function(error) {
                     console.log(error);
@@ -379,8 +388,9 @@
         });
 
         $(document).on("click",".edit-member-profile",function(e){
+            $("#glm-admin-profile-overlay").fadeIn('fast');
             e.preventDefault();
-            $(".edit-screen").html('');
+            $(".edit-screen-mount").html('');
             var editData = {};
             editData.option     = "edit";
             editData.memberInfo = $(this).data("memberinfo");
@@ -391,8 +401,9 @@
                 editData,
                 function(complete) {},
                 function(success) {
-                    $(".edit-screen").html(success.searchData);
+                    $(".edit-screen-mount").html(success.searchData);
                     window.Glma.fileUploaderInit();
+                    $("#glm-admin-profile-overlay").fadeOut('slow');
                 },
                 function(error) {
                     console.log(error);
@@ -402,8 +413,9 @@
         });
 
         $(document).on("click", ".glm-admin-profile-edit", function(e){
+            $("#glm-admin-profile-overlay").fadeIn('fast');
             e.preventDefault();
-            $(".edit-screen").html('');
+            $(".edit-screen-mount").html('');
             var editData = {};
             editData.option     = "addNew";
             editData.member     = $(this).data("member");
@@ -413,7 +425,8 @@
                 editData,
                 function(complete) {},
                 function(success) {
-                    $(".edit-screen").html(success.searchData);
+                    $(".edit-screen-mount").html(success.searchData);
+                    $("#glm-admin-profile-overlay").fadeOut('slow');
                 },
                 function(error) {
                     console.log(error);
@@ -423,6 +436,7 @@
         });
 
         $(document).on("click", "#updateMember", function(e){
+            $("#glm-admin-profile-overlay").fadeIn('fast');
             e.preventDefault();
             var form        = $("#member-edit-form");
             var fileForm    = new FormData(form[0]);
@@ -435,7 +449,8 @@
                 fileForm,
                 function(complete) {},
                 function(success) {
-                    $(".edit-screen").html(success.searchData);
+                    $(".edit-screen-mount").html(success.searchData);
+                    $("#glm-admin-profile-overlay").fadeOut('fast');
                 },
                 function(error) {
                     console.log(error);
@@ -446,8 +461,9 @@
         });
 
         $(document).on("click",".glm-admin-member-dashboard", function(e){
+            $("#glm-admin-profile-overlay").fadeIn('fast');
             e.preventDefault();
-            $(".edit-screen").html('');
+            $(".edit-screen-mount").html('');
             var editData = {};
             editData.option     = "manage";
             editData.memberID   = $(this).data('member');
@@ -457,7 +473,8 @@
                 editData,
                 function(complete) {},
                 function(success) {
-                    $(".edit-screen").html(success.searchData);
+                    $(".edit-screen-mount").html(success.searchData);
+                    $("#glm-admin-profile-overlay").fadeOut('slow');
                 },
                 function(error) {
                     console.log(error);
@@ -467,8 +484,9 @@
         });
 
         $(document).on("click", "#glm-edit-member-status", function(e){
+            $("#glm-admin-profile-overlay").fadeIn('fast');
             e.preventDefault();
-            $(".edit-screen").html('');
+            $(".edit-screen-mount").html('');
             var editData        = {};
             var form            = $("#member-edit-form");
             editData.option     = form.find( $("#glm-admin-option") ).val();
@@ -480,7 +498,8 @@
                 editData,
                 function(complete) {},
                 function(success) {
-                    $(".edit-screen").html(success.searchData);
+                    $(".edit-screen-mount").html(success.searchData);
+                    $("#glm-admin-profile-overlay").fadeOut('slow');
                 },
                 function(error) {
                     console.log(error);
@@ -489,6 +508,7 @@
             );
         });
         $(document).on("click", "#quickSearchForm-pending", function(){
+            $("#glm-admin-search-overlay").fadeIn('fast');
             listData.filterPending = 'true';
             window.Glma.manageMember(
                 
@@ -497,6 +517,7 @@
                 function(data) {
 
                     $("#member-results-container").html(data.searchData);
+                    $("#glm-admin-search-overlay").fadeOut('slow');
                 },
                 function(error) {
                     console.log(error);