Add graphic for instructions.
authorSteve Sutton <steve@gaslightmedia.com>
Fri, 17 Nov 2017 20:57:37 +0000 (15:57 -0500)
committerSteve Sutton <steve@gaslightmedia.com>
Fri, 17 Nov 2017 20:57:37 +0000 (15:57 -0500)
Add "Please select a Date / Time" with pointer to the calendar section.
Only outputs if the event has time specific (calendar).
output graphic pointing right if medium up or down if small view.

css/front.css
models/admin/ajax/regFront/registrant.php
views/front/registrations/registration.html

index 8759c24..f0fe467 100644 (file)
@@ -250,3 +250,27 @@ span.glm-error {
     display: inline-block;
 }
 
+
+/*{{{ Media Queries */
+
+@media (min-width: 64.063em) {
+    /* Large */
+    .glm-small-only {
+        display: none;
+    }
+}
+
+@media (min-width: 50.065em) {
+    /* Medium */
+    .glm-small-only {
+        display: none;
+    }
+}
+
+@media (max-width: 50em) {
+    /* Small */
+    .glm-medium-up {
+        display: none;
+    }
+}
+/*}}} */
index 8ce06e3..d930388 100644 (file)
@@ -164,10 +164,19 @@ class GlmMembersAdmin_registrations_ajax_registrant extends GlmDataRegistrations
                     $modelData['reg_request']
                 )
             );
+            // Need to fetch the Event Name for the update / insert
+            $regEventName = $this->wpdb->get_var(
+                $this->wpdb->prepare(
+                    "SELECT event_name
+                       FROM " . GLM_MEMBERS_REGISTRATIONS_PLUGIN_DB_PREFIX . "reg_event
+                      WHERE id = %d",
+                    $modelData['reg_event']
+                )
+            );
             $data = array(
                 'reg_request'    => $modelData['reg_request'],
                 'reg_event'      => $modelData['reg_event'],
-                'event_name'     => $modelData['event_name']
+                'event_name'     => $regEventName
             );
             $dataFormat = array(
                 '%d', // reg_request
index a5a83d5..817d1db 100644 (file)
             <div class="reg-class-detail">
                 &nbsp;
                 <div class="reg-class-times"> </div>
+
+                <% if ( app.timeSpecific ) { %>
+                    <div class="glm-reg-warning glm-medium-up">
+                        Please select a Date / Time!
+                        <img src="{/literal}{$assetUrl}{literal}/fingerRightRed.svg" style="height: 2em;">
+                    </div>
+                    <div class="glm-reg-warning glm-small-only">
+                        Please select a Date / Time!
+                        <img src="{/literal}{$assetUrl}{literal}/fingerDownRed.svg" style="height: 2em;">
+                    </div>
+                <% } %>
             </div>
         </div>
         <div class="glm-columns glm-small-12 glm-large-6">