course-completion-chart.php
5 days ago
overview-chart.php
5 days ago
recent-student-review-item.php
5 days ago
top-performing-course-filter.php
5 days ago
top-performing-course-item.php
5 days ago
upcoming-task-item.php
5 days ago
course-completion-chart.php
37 lines
| 1 | <?php |
| 2 | /** |
| 3 | * Course Completion Chart Component |
| 4 | * |
| 5 | * @package Tutor\Templates |
| 6 | * @author Themeum <support@themeum.com> |
| 7 | * @link https://themeum.com |
| 8 | * @since 4.0.0 |
| 9 | */ |
| 10 | |
| 11 | defined( 'ABSPATH' ) || exit; |
| 12 | ?> |
| 13 | |
| 14 | <!-- Course Completion Chart --> |
| 15 | <div class="tutor-dashboard-home-chart tutor-flex-1" data-stacked="true"> |
| 16 | <div class="tutor-small"> |
| 17 | <?php esc_html_e( 'Course Completion Rate', 'tutor' ); ?> |
| 18 | </div> |
| 19 | |
| 20 | <canvas class="tutor-dashboard-home-chart-canvas" x-data='tutorCourseCompletionChart(<?php echo esc_attr( wp_json_encode( $course_completion_data ) ); ?>)' x-ref="canvas"></canvas> |
| 21 | |
| 22 | <div class="tutor-flex tutor-flex-wrap tutor-gap-5 tutor-mt-6"> |
| 23 | <?php foreach ( $course_completion_data as $key => $value ) : ?> |
| 24 | <div class="tutor-dashboard-home-chart-legend" data-color="<?php echo esc_attr( $key ); ?>"> |
| 25 | <div class="tutor-flex tutor-flex-column"> |
| 26 | <div> |
| 27 | <?php echo esc_html( $value['label'] ); ?> |
| 28 | </div> |
| 29 | <div class="tutor-text-primary tutor-font-medium"> |
| 30 | <?php echo esc_html( $value['value'] ); ?> |
| 31 | </div> |
| 32 | </div> |
| 33 | </div> |
| 34 | <?php endforeach; ?> |
| 35 | </div> |
| 36 | </div> |
| 37 |