From 1e5df0c66bf10b12160a05230845be22d8eccc71 Mon Sep 17 00:00:00 2001
From: Anthony Talarico <talarico@gaslightmedia.com>
Date: Wed, 5 Oct 2016 12:25:52 -0400
Subject: [PATCH] testing overlay during calendar ajax loading sequence

---
 assets/loader.gif              | Bin 0 -> 2892 bytes
 css/front.css                  |  19 +++++++++++++++++++
 views/front/events/agenda.html |  16 ++++++++++++++--
 3 files changed, 33 insertions(+), 2 deletions(-)
 create mode 100644 assets/loader.gif

diff --git a/assets/loader.gif b/assets/loader.gif
new file mode 100644
index 0000000000000000000000000000000000000000..c049b169106ad62d947c6a807a386501560410aa
GIT binary patch
literal 2892
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

literal 0
HcmV?d00001

diff --git a/css/front.css b/css/front.css
index 8dfad06..c7f273f 100644
--- a/css/front.css
+++ b/css/front.css
@@ -192,6 +192,25 @@ input[name='contact_fname'], input[name='contact_lname']{
     margin: 0 0 10px 20px;
     position: relative;
 }
+.event-overlay{
+    position: absolute;
+    top: 0;
+    left: 0;
+    background-color: rgba(0,0,0, 0.5);
+    width: 1110px;
+    height: 900px;
+    z-index: 999;
+}
+.loading{
+/*    display: none;*/
+    height: 31px;
+    width: 128px;
+    background: url('../assets/loader.gif');
+    position: absolute;
+    top:15%;
+    left: 42%;
+    z-index: 999;
+}
 #glm-event-detail-cost:before {
     content: "";
     background-image: url("../assets/cost-icon-24x24.png");
diff --git a/views/front/events/agenda.html b/views/front/events/agenda.html
index e5b61f7..917192d 100644
--- a/views/front/events/agenda.html
+++ b/views/front/events/agenda.html
@@ -64,7 +64,11 @@
         </div>
     </div>
     <!-- Calendar -->
-    <div id="eventCalendar"></div>
+    <div id="eventCalendar" style='position: relative;'>
+        <div class='event-overlay'>
+            <div class="loading"></div>
+        </div>
+    </div>
 </div>
 
 
@@ -105,13 +109,14 @@
                 type: 'POST',
                 url: '{$ajaxUrl}',
                 data: dat,
+                beforeSend: function(){ $(".event-overlay").show(); },
+                complete: function(){ $(".event-overlay").hide(); },
                 cache: false,
                 success: function (response){
                     var buildingEvents = [];
                     //var events_obj = jQuery.parseJSON(response);
                     var events_obj = response;
                     var events = events_obj.events;
-
                     buildingEvents = $.map(events, function(i, val) {
                         return {
                             title:   i.title,
@@ -131,6 +136,13 @@
         var height = 900;
         // Calendar *****************************************************
         $('#eventCalendar').fullCalendar({
+            loading: function( isLoading, view){
+                if( isLoading){
+                    console.log("loading");
+                } else {
+                    
+                }
+            },
             eventOrder: 'allDay',
             height: height,
             contentHeight: height,
-- 
2.17.1