You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
79 lines
3.4 KiB
PHTML
79 lines
3.4 KiB
PHTML
7 months ago
|
<?php
|
||
|
|
/**
|
||
|
|
* Challenge main modal window template.
|
||
|
|
*
|
||
|
|
* @since 1.6.2
|
||
|
|
*
|
||
|
|
* @var string $state
|
||
|
|
* @var integer $step
|
||
|
|
* @var integer $minutes
|
||
|
|
*/
|
||
|
|
|
||
|
|
if ( ! \defined( 'ABSPATH' ) ) {
|
||
|
|
exit;
|
||
|
|
}
|
||
|
|
|
||
|
|
?>
|
||
|
|
<div class="wpforms-challenge <?php echo 'start' === $state ? 'wpforms-challenge-start' : ''; ?>"
|
||
|
|
data-wpforms-challenge-saved-step="<?php echo absint( $step ); ?>">
|
||
|
|
|
||
|
|
<div class="wpforms-challenge-list-block">
|
||
|
|
<i class="list-block-button toggle-list" title="<?php esc_attr_e( 'Toggle list', 'wpforms-lite' ); ?>"></i>
|
||
|
|
<i class="list-block-button challenge-skip" title="<?php esc_attr_e( 'Skip challenge', 'wpforms-lite' ); ?>"
|
||
|
|
data-cancel-title="<?php esc_attr_e( 'Cancel challenge', 'wpforms-lite' ); ?>"></i>
|
||
|
|
<p>
|
||
|
|
<?php
|
||
|
|
echo wp_kses(
|
||
|
|
sprintf(
|
||
|
|
/* translators: %1$d - number of minutes, %2$s - singular or plural form of 'minute'. */
|
||
|
|
__( 'Complete the <b>WPForms Challenge</b> and get up and running within %1$d %2$s.', 'wpforms-lite' ),
|
||
|
|
absint( $minutes ),
|
||
|
|
_n( 'minute', 'minutes', absint( $minutes ), 'wpforms-lite' )
|
||
|
|
),
|
||
|
|
[ 'b' => [] ]
|
||
|
|
);
|
||
|
|
?>
|
||
|
|
</p>
|
||
|
|
<ul class="wpforms-challenge-list">
|
||
|
|
<li class="wpforms-challenge-step1-item"><span></span><?php esc_html_e( 'Name Your Form', 'wpforms-lite' ); ?></li>
|
||
|
|
<li class="wpforms-challenge-step2-item"><span></span><?php esc_html_e( 'Select a Template', 'wpforms-lite' ); ?></li>
|
||
|
|
<li class="wpforms-challenge-step3-item"><span></span><?php esc_html_e( 'Add Fields to Your Form', 'wpforms-lite' ); ?></li>
|
||
|
|
<li class="wpforms-challenge-step4-item"><span></span><?php esc_html_e( 'Check Notifications', 'wpforms-lite' ); ?></li>
|
||
|
|
<li class="wpforms-challenge-step5-item"><span></span><?php esc_html_e( 'Embed in a Page', 'wpforms-lite' ); ?></li>
|
||
|
|
<li class="wpforms-challenge-completed"><span></span><?php esc_html_e( 'Challenge Complete', 'wpforms-lite' ); ?></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="wpforms-challenge-bar" style="display:none">
|
||
|
|
<div></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="wpforms-challenge-block-timer">
|
||
|
|
<img src="<?php echo esc_url( WPFORMS_PLUGIN_URL . 'assets/images/challenge/sullie-circle.png' ); ?>" alt="<?php esc_html_e( 'Sullie the WPForms mascot', 'wpforms-lite' ); ?>">
|
||
|
|
<div>
|
||
|
|
<h3><?php esc_html_e( 'WPForms Challenge', 'wpforms-lite' ); ?></h3>
|
||
|
|
<p>
|
||
|
|
<?php
|
||
|
|
printf(
|
||
|
|
/* translators: %s - minutes in 2:00 format. */
|
||
|
|
esc_html__( '%s remaining', 'wpforms-lite' ),
|
||
|
|
'<span id="wpforms-challenge-timer">' . absint( $minutes ) . ':00</span>'
|
||
|
|
);
|
||
|
|
?>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="wpforms-challenge-block-under-timer">
|
||
|
|
<?php if ( 'start' === $state ) : ?>
|
||
|
|
<a href="<?php echo esc_url( admin_url( 'admin.php?page=wpforms-builder' ) ); ?>" class="wpforms-btn wpforms-btn-md wpforms-btn-orange wpforms-challenge-start">
|
||
|
|
<?php esc_html_e( 'Start Challenge', 'wpforms-lite' ); ?>
|
||
|
|
</a>
|
||
|
|
<?php elseif ( 'progress' === $state ) : ?>
|
||
|
|
<button type="button" class="wpforms-btn wpforms-btn-md wpforms-btn-grey wpforms-challenge-pause"><?php esc_html_e( 'Pause', 'wpforms-lite' ); ?></button>
|
||
|
|
<button type="button" class="wpforms-btn wpforms-btn-md wpforms-btn-orange wpforms-challenge-resume" style="display: none;"><?php esc_html_e( 'Continue', 'wpforms-lite' ); ?></button>
|
||
|
|
<button type="button" class="wpforms-btn wpforms-btn-md wpforms-btn-orange wpforms-challenge-end" style="display: none;"><?php esc_html_e( 'End Challenge', 'wpforms-lite' ); ?></button>
|
||
|
|
<?php endif; ?>
|
||
|
|
</div>
|
||
|
|
</div>
|