Constants
1 month ago
Accordion.php
2 weeks ago
Alert.php
2 weeks ago
AttachmentCard.php
2 weeks ago
Avatar.php
2 weeks ago
Badge.php
2 weeks ago
BaseComponent.php
1 month ago
Button.php
2 weeks ago
ConfirmationModal.php
2 weeks ago
CourseFilter.php
2 weeks ago
DateFilter.php
2 weeks ago
DropdownFilter.php
2 weeks ago
EmptyState.php
2 weeks ago
FileUploader.php
2 weeks ago
InputField.php
2 weeks ago
Modal.php
2 weeks ago
Nav.php
2 weeks ago
Pagination.php
2 weeks ago
Popover.php
2 weeks ago
PreviewTrigger.php
2 weeks ago
Progress.php
2 weeks ago
SearchFilter.php
2 weeks ago
Sorting.php
2 weeks ago
StarRating.php
2 weeks ago
StarRatingInput.php
2 weeks ago
StatusSelect.php
2 weeks ago
SvgIcon.php
2 weeks ago
Table.php
2 weeks ago
Tabs.php
2 weeks ago
Tooltip.php
2 weeks ago
WPEditor.php
2 weeks ago
PreviewTrigger.php
138 lines
| 1 | <?php |
| 2 | /** |
| 3 | * PreviewTrigger Component Class. |
| 4 | * |
| 5 | * Responsible for rendering a preview trigger with a popover card. |
| 6 | * |
| 7 | * @package Tutor\Components |
| 8 | * @author Themeum |
| 9 | * @link https://themeum.com |
| 10 | * @since 1.0.0 |
| 11 | */ |
| 12 | |
| 13 | namespace Tutor\Components; |
| 14 | |
| 15 | defined( 'ABSPATH' ) || exit; |
| 16 | |
| 17 | /** |
| 18 | * Class PreviewTrigger |
| 19 | * |
| 20 | * Example Usage: |
| 21 | * ```php |
| 22 | * // Render a preview trigger for a course |
| 23 | * PreviewTrigger::make() |
| 24 | * ->id( $course_id ) |
| 25 | * ->render(); |
| 26 | * |
| 27 | * // Render a preview trigger for a lesson |
| 28 | * PreviewTrigger::make() |
| 29 | * ->id( $lesson_id ) |
| 30 | * ->render(); |
| 31 | * |
| 32 | * // Retrieve HTML without echoing |
| 33 | * $html = PreviewTrigger::make()->id( $course_id )->get(); |
| 34 | * ``` |
| 35 | * |
| 36 | * @since 1.0.0 |
| 37 | */ |
| 38 | class PreviewTrigger extends BaseComponent { |
| 39 | |
| 40 | /** |
| 41 | * Content ID (Course or Lesson) |
| 42 | * |
| 43 | * @var int |
| 44 | */ |
| 45 | protected $id; |
| 46 | |
| 47 | /** |
| 48 | * Set content ID |
| 49 | * |
| 50 | * @param int $id Content ID. |
| 51 | * |
| 52 | * @return self |
| 53 | */ |
| 54 | public function id( int $id ): self { |
| 55 | $this->id = $id; |
| 56 | return $this; |
| 57 | } |
| 58 | |
| 59 | /** |
| 60 | * Get component content |
| 61 | * |
| 62 | * @return string |
| 63 | */ |
| 64 | public function get(): string { |
| 65 | $id = $this->id; |
| 66 | |
| 67 | if ( ! $id ) { |
| 68 | return ''; |
| 69 | } |
| 70 | |
| 71 | $post = get_post( $id ); |
| 72 | if ( ! $post ) { |
| 73 | return ''; |
| 74 | } |
| 75 | |
| 76 | $post_type = $post->post_type; |
| 77 | $title = get_the_title( $id ); |
| 78 | $thumbnail = get_tutor_course_thumbnail_src( 'medium', $id ); |
| 79 | |
| 80 | // Fallback for thumbnail if empty. |
| 81 | if ( empty( $thumbnail ) ) { |
| 82 | $thumbnail = tutor()->url . 'assets/images/placeholder.svg'; |
| 83 | } |
| 84 | |
| 85 | $instructor_name = ''; |
| 86 | $instructor_url = ''; |
| 87 | |
| 88 | // Determine instructor based on post type logic matching dashboard-notes. |
| 89 | if ( tutor()->course_post_type === $post_type ) { |
| 90 | $author_id = $post->post_author; |
| 91 | $instructor_name = tutor_utils()->display_name( $author_id ); |
| 92 | $instructor_url = tutor_utils()->profile_url( $author_id, true ); |
| 93 | } elseif ( tutor()->lesson_post_type === $post_type ) { |
| 94 | $course_id = tutor_utils()->get_course_id_by_lesson( $id ); |
| 95 | if ( $course_id ) { |
| 96 | $course_post = get_post( $course_id ); |
| 97 | $author_id = $course_post->post_author; |
| 98 | $instructor_name = tutor_utils()->display_name( $author_id ); |
| 99 | $instructor_url = tutor_utils()->profile_url( $author_id, true ); |
| 100 | } |
| 101 | } |
| 102 | |
| 103 | $preview_data = array( |
| 104 | 'title' => $title, |
| 105 | 'url' => get_permalink( $id ), |
| 106 | 'thumbnail' => $thumbnail, |
| 107 | 'instructor' => $instructor_name, |
| 108 | 'instructor_url' => $instructor_url, |
| 109 | ); |
| 110 | |
| 111 | ob_start(); |
| 112 | ?> |
| 113 | <div |
| 114 | x-data="tutorPreviewTrigger({ data: <?php echo esc_attr( wp_json_encode( $preview_data ) ); ?>, offset: 0 })" |
| 115 | x-ref="trigger" |
| 116 | class="tutor-preview-trigger" |
| 117 | > |
| 118 | <span |
| 119 | tabindex="0" |
| 120 | role="button" |
| 121 | aria-haspopup="true" |
| 122 | :aria-expanded="open ? 'true' : 'false'" |
| 123 | class="tutor-preview-trigger-text" |
| 124 | ><?php echo esc_html( $title ); ?></span> |
| 125 | <div |
| 126 | x-ref="content" |
| 127 | x-show="open" |
| 128 | x-cloak |
| 129 | x-trap="open" |
| 130 | @keydown.escape="hide()" |
| 131 | @click.outside="handleClickOutside()" |
| 132 | class="tutor-popover tutor-preview-card" |
| 133 | ></div> |
| 134 | </div> |
| 135 | <?php |
| 136 | return ob_get_clean(); |
| 137 | } |
| 138 | } |