Working on the edit part for attendees

Redoing the attendee list.
Start for attendee edit form.

diff --git a/views/admin/registrations/eventRegistrants.html b/views/admin/registrations/eventRegistrants.html
index af9b1a5..58abe0f 100644 (file)
--- a/views/admin/registrations/eventRegistrants.html
+++ b/views/admin/registrations/eventRegistrants.html
@@ -4,6 +4,21 @@
 {if $errorMsg}
     <h3 class="glm-error">{$errorMsg}</h3>
 {/if}
+<style>
+.glm-edit-form label {
+    display: block;
+}
+.attendee-edit-link {
+    float:left;
+    margin-left: 2px;
+}
+.glm-cancel {
+    clear:left;
+}
+.glm-update {
+    float: right;
+}
+</style>
 <h1>{$terms.reg_term_attendee_plur_cap} List</h1>
 
 <div id="exportRegistrantsButton" class="button button-secondary glm-admin-export-button">Export {$terms.reg_term_attendee_plur}</div>
@@ -43,51 +58,65 @@
         <table class="wp-list-table striped glm-admin-table" style="width: 100%;">
             <thead>
                 <tr>
+
                     <th>Name</th>
-                    <th>City</th>
-                    <th>State</th>
-                    <th>Phone</th>
                     <th>Level</th>
                     <th>Date/Time</th>
                     <th>Rate</th>
                     <th>Status</th>
-                    <th>&nbsp;</th>
-                    {if apply_filters('glm-members-customfields-plugin-active', false)}
-                        <th>&nbsp;</th>
-                    {/if}
+
                 </tr>
             </thead>
             <tbody>
     {if $haveRegistrants}
         {foreach $registrants as $r}
-                <tr>
-                    <td><a href="{$thisUrl}?page=glm-members-admin-menu-registrations-accounts&glm_action=accounts&option=accountDashboard&accountID={$r.account.id}">{$r.fname} {$r.lname}</a></td>
-
-                    <td>{$r.account.city}</td>
-                    <td>{$r.account.state.value}</td>
-                    <td>{$r.account.phone}</td>
+                <tr class="glm-edit-form glm-attendee-{$r.id}">
+
+                    <td>
+                        <span style="clear:right;float:left;display:block;width:100%;">
+                            {$r.fname} {$r.lname}
+                        </span>
+                        <span class="attendee-edit-link">
+                            <a class="glm-edit" href="#" data-registrant="{$r.id}">Edit {$terms.reg_term_attendee_cap}</a> |
+                        </span>
+                        <span class="attendee-edit-link">
+                            <a href="{$thisUrl}?page=glm-members-admin-menu-registrations-requests&option=requestDashboard&requestID={$r.reg_request}">View Request</a> |
+                        </span>
+                        <span class="attendee-edit-link">
+                            <a href="{$thisUrl}?page=glm-members-admin-menu-registrations-accounts&glm_action=accounts&option=accountDashboard&accountID={$r.account.id}">View Account</a> |
+                        </span>
+                        <span class="attendee-edit-link">
+                            <a href="#">View Full Details</a>
+                        </span>
+                    </td>
                     <td>{$r.class_name}</td>
                     <td>{$r.event_time_reformatted}</td>
                     <td>{$r.rate_name}</td>
                     <td>{$r.request_status_name}</td>
-                    <td><a href="{$thisUrl}?page=glm-members-admin-menu-registrations-requests&option=requestDashboard&requestID={$r.reg_request}">Request</a></td>
-                    {if apply_filters('glm-members-customfields-plugin-active', false)}
-                        <td><a href="#" class="glm-view-fields" data-id="#glm-add-fields-{$r.id}">Additional Fields</a></td>
-                    {/if}
+
+                </tr>
+                <tr class="glm-edit-form glm-edit-form-{$r.id}" style="display:none;">
+                    <td colspan="5">
+                        <form action="#">
+                            <div class="glm-row">
+                                <div class="glm-columns glm-small-12">
+                                    <label>Email</label>
+                                    <input type="text" name="email" value="{$r.account.email}">
+                                    <label>First Name</label>
+                                    <input type="text" name="fname" value="{$r.account.fname}">
+                                    <label>Last Name</label>
+                                    <input type="text" name="lname" value="{$r.account.lname}">
+                                </div>
+                            </div>
+                            <div class="glm-row">
+                                <div class="glm-columns glm-small-12">
+                                    <button class="glm-cancel" data-registrant="{$r.id}">Cancel</button>
+                                    <button class="glm-update button button-primary" data-registrant="{$r.id}">Update</button>
+                                </div>
+                            </div>
+                        </form>
+                    </td>
                 </tr>
-                {if apply_filters('glm-members-customfields-plugin-active', false)}
-                <tr id="glm-add-fields-{$r.id}" style="display:none;">
-                        <td colspan="10">
-                            {if $r.custom_data}
-                                {foreach $r.custom_data as $cHeader => $cValue}
-                                <span>
-                                    <b>{$cHeader}</b> {$cValue}
-                                </span>
-                                {/foreach}
-                            {/if}
-                        </td>
-                    </tr>
-                {/if}
         {/foreach}
     {else}
                 <tr class="alternate"><td colspan="2">(no registrants listed)</td></tr>
@@ -194,10 +223,21 @@ jQuery(document).ready(function($){
             $(this).prop('checked', false);
         });
     });
-    $('.glm-view-fields').click(function(e){
+    $('.glm-edit').click(function(e){
+        e.preventDefault();
+        $('.glm-edit-form-' + $(this).data('registrant')).show();
+        $('.glm-attendee-' + $(this).data('registrant')).hide();
+    });
+    $('.glm-cancel').click(function(e){
+        e.preventDefault();
+        $('.glm-edit-form-' + $(this).data('registrant')).hide();
+        $('.glm-attendee-' + $(this).data('registrant')).show();
+    });
+    $('.glm-account').click(function(e){
+        e.preventDefault();
+    });
+    $('.glm-detail').click(function(e){
         e.preventDefault();
-        var field_id = $(this).data('id');
-        $( field_id ).toggle();
     });
 
 });