comment-card.php
1 day ago
comment-form.php
1 day ago
comment-list.php
1 day ago
comment-replies.php
1 day ago
comments.php
1 day ago
content.php
1 day ago
exercise-files.php
1 day ago
footer.php
1 day ago
nav-item.php
1 day ago
overview.php
1 day ago
comment-form.php
96 lines
| 1 | <?php |
| 2 | /** |
| 3 | * Comment Form Template |
| 4 | * |
| 5 | * @package Tutor\Templates |
| 6 | * @subpackage LearningArea\Lesson |
| 7 | * @author Themeum <support@themeum.com> |
| 8 | * @link https://themeum.com |
| 9 | * @since 4.0.0 |
| 10 | */ |
| 11 | |
| 12 | defined( 'ABSPATH' ) || exit; |
| 13 | |
| 14 | use Tutor\Components\Button; |
| 15 | use Tutor\Components\Constants\InputType; |
| 16 | use Tutor\Components\Constants\Size; |
| 17 | use Tutor\Components\Constants\Variant; |
| 18 | use Tutor\Components\InputField; |
| 19 | use TUTOR\Icon; |
| 20 | use Tutor\Components\SvgIcon; |
| 21 | |
| 22 | $form_id = $form_id ?? ''; |
| 23 | $placeholder = $placeholder ?? ''; |
| 24 | $submit_handler = $submit_handler ?? ''; |
| 25 | $cancel_handler = $cancel_handler ?? ''; |
| 26 | $is_pending = $is_pending ?? 'false'; |
| 27 | $default_value = $default_value ?? ''; |
| 28 | $class = $class ?? ''; |
| 29 | $x_show = $x_show ?? ''; |
| 30 | $hide_footer_init = $hide_footer_init ?? false; |
| 31 | ?> |
| 32 | |
| 33 | <form |
| 34 | class="<?php echo esc_attr( $class ); ?>" |
| 35 | <?php if ( $x_show ) : ?> |
| 36 | x-show="<?php echo esc_attr( $x_show ); ?>" |
| 37 | x-collapse |
| 38 | x-init="$watch('<?php echo esc_js( $x_show ); ?>', value => value && $nextTick(() => $refs.commentInput.focus()))" |
| 39 | <?php endif; ?> |
| 40 | x-data="tutorForm({ id: '<?php echo esc_attr( $form_id ); ?>', mode: 'onSubmit', defaultValues: { comment: '<?php echo esc_js( $default_value ); ?>' } })" |
| 41 | x-bind="getFormBindings()" |
| 42 | @submit.prevent="handleSubmit((data) => <?php echo esc_js( $submit_handler ); ?>)($event)" |
| 43 | > |
| 44 | <?php |
| 45 | $input_field = InputField::make() |
| 46 | ->type( InputType::TEXTAREA ) |
| 47 | ->name( 'comment' ) |
| 48 | ->placeholder( $placeholder ) |
| 49 | ->attr( 'x-bind', "register('comment', { required: '" . esc_js( __( 'Please enter a comment', 'tutor' ) ) . "' })" ) |
| 50 | ->attr( 'x-ref', 'commentInput' ) |
| 51 | ->attr( '@keydown', 'handleKeydown($event)' ); |
| 52 | |
| 53 | if ( $hide_footer_init ) { |
| 54 | $input_field->attr( '@focus', 'focused = true' ); |
| 55 | } |
| 56 | |
| 57 | $input_field->render(); |
| 58 | ?> |
| 59 | |
| 60 | <div |
| 61 | class="tutor-flex tutor-items-center tutor-justify-between tutor-mt-5 tutor-sm-justify-end" |
| 62 | <?php if ( $hide_footer_init ) : ?> |
| 63 | x-cloak |
| 64 | :class="{ 'tutor-hidden': !focused }" |
| 65 | <?php endif; ?> |
| 66 | > |
| 67 | <div class="tutor-tiny tutor-text-subdued tutor-flex tutor-items-center tutor-gap-2 tutor-sm-hidden"> |
| 68 | <?php SvgIcon::make()->name( Icon::COMMAND )->size( 12 )->render(); ?> |
| 69 | <?php esc_html_e( 'Cmd/Ctrl +', 'tutor' ); ?> |
| 70 | <?php SvgIcon::make()->name( Icon::ENTER )->size( 12 )->render(); ?> |
| 71 | <?php esc_html_e( 'Enter to Save', 'tutor' ); ?> |
| 72 | </div> |
| 73 | <div class="tutor-flex tutor-items-center tutor-gap-4"> |
| 74 | <?php |
| 75 | Button::make() |
| 76 | ->label( __( 'Cancel', 'tutor' ) ) |
| 77 | ->variant( Variant::GHOST ) |
| 78 | ->size( Size::X_SMALL ) |
| 79 | ->attr( 'type', 'button' ) |
| 80 | ->attr( '@click', $cancel_handler ) |
| 81 | ->attr( ':disabled', $is_pending ) |
| 82 | ->render(); |
| 83 | |
| 84 | Button::make() |
| 85 | ->label( __( 'Save', 'tutor' ) ) |
| 86 | ->variant( Variant::PRIMARY_SOFT ) |
| 87 | ->size( Size::X_SMALL ) |
| 88 | ->attr( 'type', 'submit' ) |
| 89 | ->attr( ':disabled', $is_pending ) |
| 90 | ->attr( ':class', $is_pending . " ? 'tutor-btn-loading' : ''" ) |
| 91 | ->render(); |
| 92 | ?> |
| 93 | </div> |
| 94 | </div> |
| 95 | </form> |
| 96 |