Changeset 3384872 for my-tickets/trunk/templates/bulk-tickets.php
- Timestamp:
- 10/26/2025 10:32:42 PM (4 weeks ago)
- File:
-
- 1 edited
-
my-tickets/trunk/templates/bulk-tickets.php (modified) (15 diffs)
Legend:
- Unmodified
- Added
- Removed
-
my-tickets/trunk/templates/bulk-tickets.php
r3346019 r3384872 14 14 <html <?php language_attributes(); ?>> 15 15 <head> 16 <title><?php bloginfo( 'blogname' ); ?> • <?php _e( 'Tickets', 'my-tickets' ); ?> • <?php mt_ticket_id(); ?></title>16 <title><?php bloginfo( 'blogname' ); ?> • <?php esc_html_e( 'Tickets', 'my-tickets' ); ?> • <?php esc_html_e( 'Bulk Ticket Check-in', 'my-tickets' ); ?></title> 17 17 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 18 18 <style> 19 <?php echo mt_generate_css(); ?> 19 20 body { 20 21 font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif 21 22 } 22 23 24 body * { 25 box-sizing: border-box; 26 } 27 .ticket.eticket { 28 height: calc( 100vh - 2rem ); 29 } 30 23 31 .panel { 24 32 margin: 0 auto; 25 border: 1px dashed #777; 33 border: var(--mt-ticket-border); 34 background: var(--mt-ticket-background); 35 color: var(--mt-ticket-color); 26 36 } 27 37 … … 29 39 word-wrap: breakword; 30 40 line-height: 1.5; 31 }32 33 .panel .post-footer {34 background: #eee;35 padding: 1rem;36 margin: 0 -1rem;37 font-size: .8em;38 41 } 39 42 … … 84 87 85 88 .ticket.eticket .post-thumbnail { 86 margin: 2em auto; 89 margin: 0 auto; 90 width: 100%; 87 91 text-align: center; 88 92 } … … 92 96 padding: 1rem; 93 97 width: 800px; 94 } 95 96 .bulk-checkin { 97 margin: 0 auto; 98 height: auto; 99 display: flex; 100 align-items: center; 101 gap: 20px; 102 background: rgba( 0,0,0,.05 ); 103 margin-bottom: 1rem; 104 font-size: 1.5rem; 105 } 106 107 .bulk-tickets .ticket { 108 margin-bottom: 2em; 98 max-width: 100%; 109 99 } 110 100 111 101 .eticket.ticket { 112 102 max-width: 480px; 113 padding: 0; 114 width: 100%; 115 height: auto; 116 border: none; 117 } 118 119 .eticket .ticket-data { 120 padding: 0 2em 4em; 121 position: relative; 103 width: 100%; 104 height: auto; 105 padding: 1rem; 106 } 107 108 .ticket-data { 109 display: grid; 110 gap: 1.5rem; 122 111 } 123 112 … … 132 121 } 133 122 123 .eticket.ticket .inside { 124 grid-template-columns: 1fr; 125 } 126 134 127 .ticket .post-thumbnail img { 135 128 width: 100%; 136 129 height: auto; 130 margin: 0 auto; 131 display: block; 132 } 133 .ticket.eticket .post-thumbnail img { 134 height: auto; 135 width: auto; 136 max-height: 240px; 137 max-width: 100%; 138 } 139 140 .ticket_id, 141 .ticket-qrcode { 142 text-align: right; 137 143 } 138 144 139 145 .ticket .post-content { 140 margin-top: 2rem;141 146 font-size: .8em; 142 color: #555;143 147 font-style: italic; 148 } 149 150 .ticket .post-content, 151 .ticket .ticket-price, 152 .ticket .event-date { 153 color: var(--mt-ticket-secondary-color); 144 154 } 145 155 … … 150 160 151 161 .ticket .ticket_id { 152 font-size: . 7em;162 font-size: .8em; 153 163 text-transform: uppercase; 154 164 } 155 165 156 166 .eticket .ticket_id { 157 font-size: .8em;167 font-size: 1rem; 158 168 clear: both; 169 text-align: center; 159 170 } 160 171 161 172 .ticket .event-date { 162 color: #444; 163 font-size: 1.1em; 164 } 165 166 .ticket .time { 167 color: #000; 173 font-size: 1.2em; 168 174 } 169 175 … … 174 180 175 181 .ticket .ticket-type { 176 margin-top: 2em; 177 font-size: 1.3em; 182 font-size: 1.2em; 178 183 font-weight: 700; 179 184 } 180 185 181 186 .ticket .ticket-price { 182 font-size: 1. 6em;187 font-size: 1.2em; 183 188 } 184 189 … … 187 192 } 188 193 189 . printable .ticket-qrcode img, .willcall .ticket-qrcode img {194 .ticket-qrcode img { 190 195 max-width: 120px; 191 196 } … … 194 199 width: 100%; 195 200 height: auto; 196 } 197 198 .ticket_id, 199 .ticket-qrcode { 200 text-align: right; 201 max-width: 360px; 202 display: block; 203 margin: 0 auto; 201 204 } 202 205 203 206 .ticket-venue { 204 font-size: . 8em;207 font-size: .9em; 205 208 text-align: right; 206 209 } … … 211 214 } 212 215 216 /* Bulk display specific styles */ 217 .bulk-checkin { 218 margin: 0 auto; 219 height: auto; 220 display: grid; 221 grid-template-columns:180px 1fr; 222 align-items: center; 223 gap: 20px; 224 background: var(--mt-ticket-background); 225 margin-bottom: 2rem; 226 font-size: 1.5rem; 227 } 228 229 .bulk-tickets .ticket { 230 margin-bottom: 2em; 231 } 232 213 233 @media only screen and (max-width: 800px) { 214 234 .printable { 215 235 padding: 1em; 216 width: 90%;217 236 min-width: 320px; 218 237 } … … 262 281 </style> 263 282 </head> 264 <body class="bulk-tickets ">283 <body class="bulk-tickets my-tickets"> 265 284 <div class="bulk-checkin"> 266 <img src="<?php mt_purchase_qrcode(); ?>" alt="<?php _e( 'Check-in all tickets for this purchase', 'my-tickets' ); ?>" />267 <p><?php _e( 'Check-in all tickets on this purchase.', 'my-tickets' ); ?></p>285 <img src="<?php mt_purchase_qrcode(); ?>" alt="<?php esc_html_e( 'Check-in all tickets for this purchase', 'my-tickets' ); ?>" /> 286 <p><?php esc_html_e( 'Check-in all tickets on this purchase.', 'my-tickets' ); ?></p> 268 287 </div> 269 288 <?php … … 297 316 ?> 298 317 <div class="ticket-data"> 299 <h1 class='event-title'> 300 <?php mt_event_title( $ticket_id ); ?> 301 </h1> 302 303 <div class='event-date'> 304 <?php mt_event_date_time( $ticket_id ); ?> 305 </div> 306 <div class='ticket-type'> 307 <?php mt_ticket_type( $ticket_id ); ?> 308 </div> 309 <div class='ticket-price'> 310 <?php mt_ticket_price( $ticket_id ); ?> 318 <div class="ticket-title-date"> 319 <h1 class='event-title'> 320 <?php mt_event_title( $ticket_id ); ?> 321 </h1> 322 <div class='event-date'> 323 <?php mt_event_date_time( $ticket_id ); ?> 324 </div> 325 </div> 326 <div class="ticket-type-price"> 327 <div class='ticket-type'> 328 <?php mt_ticket_type( $ticket_id ); ?> 329 </div> 330 <div class='ticket-price'> 331 <?php mt_ticket_price( $ticket_id ); ?> 332 </div> 311 333 </div> 312 334 <div class='post-content'> … … 316 338 $content = ( current_user_can( 'edit_pages' ) ) ? __( 'Add your custom text into the post content.', 'my-tickets' ) : ''; 317 339 } 318 echo $content;340 echo wp_kses_post( $content ); 319 341 ?> 320 342 <?php edit_post_link(); ?> … … 334 356 <?php 335 357 } 358 $custom_fields = apply_filters( 'mt_custom_ticket', '', $ticket_id, mt_get_ticket_method( $ticket_id ) ); 359 echo wp_kses_post( $custom_fields ); 336 360 ?> 337 <?php echo apply_filters( 'mt_custom_ticket', '', $ticket_id, mt_get_ticket_method( $ticket_id ) ); ?>338 361 </div> 339 362 <div class="ticket-references"> … … 361 384 } 362 385 ?> 386 <a href="javascript:window.print()" class="print">Print</a> 363 387 </body> 364 388 </html>
Note: See TracChangeset
for help on using the changeset viewer.