frontend.php 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. <?php
  2. $counters = array(
  3. 'days' => array(
  4. 'singular' => __( 'Day', 'vamtam-elements-b' ),
  5. 'plural' => __( 'Days', 'vamtam-elements-b' ),
  6. ),
  7. 'hours' => array(
  8. 'singular' => __( 'Hour', 'vamtam-elements-b' ),
  9. 'plural' => __( 'Hours', 'vamtam-elements-b' ),
  10. ),
  11. 'minutes' => array(
  12. 'singular' => __( 'Minute', 'vamtam-elements-b' ),
  13. 'plural' => __( 'Minutes', 'vamtam-elements-b' ),
  14. ),
  15. 'seconds' => array(
  16. 'singular' => __( 'Second', 'vamtam-elements-b' ),
  17. 'plural' => __( 'Seconds', 'vamtam-elements-b' ),
  18. ),
  19. );
  20. $unit_number_style = '';
  21. if ( ! empty( $settings->number_color ) ) {
  22. $unit_number_style .= 'color:' . vamtam_el_sanitize_accent( $settings->number_color ) . ';';
  23. }
  24. if ( ! empty( $settings->number_size ) ) {
  25. $unit_number_style .= 'font-size:' . vamtam_el_sanitize_accent( $settings->number_size ) . 'px;';
  26. }
  27. ?>
  28. <div class="fl-countdown<?php if ( $settings->layout == 'default' && $settings->show_separator == 'yes' && isset( $settings->separator_type ) ) echo ' fl-countdown-separator-' . esc_attr( $settings->separator_type ) ?>">
  29. <?php foreach ( $counters as $class => $label ) : ?>
  30. <div class="fl-countdown-number fl-countdown-<?php echo esc_attr( $class ) ?>">
  31. <div class="fl-countdown-unit">
  32. <span class="fl-countdown-unit-number" style="<?php echo esc_attr( $unit_number_style ) ?>"></span>
  33. <div
  34. class="fl-countdown-unit-label"
  35. data-label='<?php echo json_encode( $label ); ?>'
  36. style="color:<?php echo esc_attr( vamtam_el_sanitize_accent( $settings->label_color ) ) ?>"
  37. ><?php echo $label['singular']; // xss ok ?></div>
  38. </div>
  39. <?php if ( $settings->layout == 'circle' ) : ?>
  40. <div class="fl-countdown-circle-container">
  41. <?php $module->render_circle(); ?>
  42. </div>
  43. <?php endif; ?>
  44. </div>
  45. <?php endforeach; ?>
  46. </div>