Changeset 2846

Timestamp:

03/29/2016 11:11:22 PM (10 years ago)

Author:

iandunn

Message:

WordCamp Post Type: Show extra [application-tracker] data on large screens.

Location:

sites/branches/application-tracking/wordcamp.org/public_html/wp-content/plugins/wcpt

Files:

• applications/tracker.php (modified) (1 diff)
• javascript/applications/wordcamp.js (modified) (1 diff)
• views/applications/tracker/shortcode-application-tracker.php (modified) (2 diffs)

sites/branches/application-tracking/wordcamp.org/public_html/wp-content/plugins/wcpt/applications/tracker.php

@@ -68 +68 @@
                 }
 
-                /* todo drop a few fields on responsive layouts so it fits */
+                /* Show extra data on large screens */
+                .application-tracker .milestone,
+                .application-tracker .applicant {
+                        display: none;
+                }
+
+                @media screen and ( min-width: 750px ) {
+                        .application-tracker .applicant {
+                                display: table-cell;
+                        }
+                }
+
+                @media screen and ( min-width: 850px ) {
+                        .application-tracker .milestone {
+                                display: table-cell;
+                        }
+                }
         </style>
 

sites/branches/application-tracking/wordcamp.org/public_html/wp-content/plugins/wcpt/javascript/applications/wordcamp.js

@@ -1 @@
-/* todo
- *
- * cleanup
- * make sure all this runs at startup, b/c have to set initial values after refresh
- * blur instead of click b/c keyboard nav ?
- *
- * maybe strict mode, try/catch, module pattern, etc
- */
-
 // Modified from https://polldaddy.com/js/survey/jane-theme.js
 

sites/branches/application-tracking/wordcamp.org/public_html/wp-content/plugins/wcpt/views/applications/tracker/shortcode-application-tracker.php

@@ -9 +9 @@
         <thead>
                 <tr>
-                        <th>City</th>
-                        <th>Applicant</th>
-                        <th>Milestone</th>
-                        <th>Status</th>
-                        <th>Last Update</th>
+                        <th class="city"       >City</th>
+                        <th class="applicant"  >Applicant</th>
+                        <th class="milestone"  >Milestone</th>
+                        <th class="status"     >Status</th>
+                        <th class="last-update">Last Update</th>
                 </tr>
         </thead>
@@ -20 +20 @@
                 <?php foreach ( $posts as $post ) : ?>
                         <tr>
-                                <td><?php echo esc_html( $post->post_title );                                                ?></td>
-                                <td><?php echo esc_html( get_post_meta( $post->ID, 'Organizer Name', true ) );               ?></td>
-                                <td><?php echo esc_html( $milestones[ $post->post_status ] );                  ?></td>
-                                <td><?php echo esc_html( $statuses[ $post->post_status ] );                                   ?></td>
-                                <td><?php echo esc_html( get_last_status_update_time_diff( $post->ID ) );                    ?></td>
-
-                                <!-- todo realign -->
+                                <td class="city"       ><?php echo esc_html( $post->post_title );                                  ?></td>
+                                <td class="applicant"  ><?php echo esc_html( get_post_meta( $post->ID, 'Organizer Name', true ) ); ?></td>
+                                <td class="milestone"  ><?php echo esc_html( $milestones[ $post->post_status ] );                  ?></td>
+                                <td class="status"     ><?php echo esc_html( $statuses[ $post->post_status ] );                    ?></td>
+                                <td class="last-update"><?php echo esc_html( get_last_status_update_time_diff( $post->ID ) );      ?></td>
                         </tr>
                 <?php endforeach; ?>