Changeset 7472 for sites/trunk/wordcamp.org/public_html/wp-content/plugins/camptix-attendance/addons/attendance-ui.php

Timestamp:

07/17/2018 07:24:58 PM (7 years ago)

Author:

coreymckrill

Message:

CampTix Attendance: Add sorting options to attendance UI.

Update the Attendance UI filters with the ability to sort Attendees by First
Name, Last Name and Order Date.

Also:

• Assure defaults for model and filter settings (id was missing from model).
• Fix console error about viewport tag using semicolons instead of commas.

Fixes #1097
Props dryanpress

File:

• sites/trunk/wordcamp.org/public_html/wp-content/plugins/camptix-attendance/addons/attendance-ui.php (modified) (5 diffs)

sites/trunk/wordcamp.org/public_html/wp-content/plugins/camptix-attendance/addons/attendance-ui.php

@@ -20 +20 @@
     </script>
 
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
     <meta name="referrer" content="never" />
 </head>
@@ -27 +27 @@
         <div class="spinner-container"><span class="spinner"></span></div>
         <a href="#" class="status toggle <# if ( data.status ) { #> yes <# } #>"><div class="dashicons dashicons-admin-users"></div></a>
+
         <span class="name">
-            {{ data.name }}
+            <# if ( 'lastName' == data.sort ) { #>
+                {{ data.lastName }}, {{ data.firstName }}
+            <# } else { #>
+                {{ data.firstName }} {{ data.lastName }}
+            <# } #>
         </span>
     </script>
@@ -34 +39 @@
     <script id="tmpl-attendee-toggle" type="text/template">
         <img src="{{ data.avatar }}" />
-        <p>Did <strong>{{ data.name }}</strong> attend <?php echo esc_html( $camptix_options['event_name'] ); ?>?</p>
+        <p>Did <strong>{{ data.firstName }} {{ data.lastName }}</strong> attend <?php echo esc_html( $camptix_options['event_name'] ); ?>?</p>
 
         <div class="yes-no-container">
@@ -52 +57 @@
                 <div class="submenu">
                     <a href="#" class="search">Search</a>
-                    <a href="#" class="filter">Filter</a>
+                    <a href="#" class="filter">Sort & Filter</a>
                     <a href="#" class="refresh">Refresh</a>
                 </div>
@@ -79 +84 @@
         <a href="#" class="close dashicons dashicons-no"></a>
         <div class="wrapper">
-            <h1>Filters</h1>
+            <h1>Sort & Filter</h1>
+
+            <h1 class="section-title">Sort Attendees By</h1>
+            <ul class="filter-sort section-controls">
+                <li data-sort="firstName" <# if ( data.sort == 'firstName' ) { #> class="selected" <# } #> >First Name</li>
+                <li data-sort="lastName" <# if ( data.sort == 'lastName' ) { #> class="selected" <# } #> >Last Name</li>
+                <li data-sort="orderDate" <# if ( data.sort == 'orderDate' ) { #> class="selected" <# } #> >Order Date</li>
+            </ul>
 
             <h1 class="section-title">Attendance</h1>