gutenberg_blocks.js
7 years ago
mce-button.js
7 years ago
tutor-admin.js
7 years ago
tutor-front.js
7 years ago
tutor-front.js
526 lines
| 1 | jQuery(document).ready(function($){ |
| 2 | 'use strict'; |
| 3 | |
| 4 | $(document).on('change', '.tutor-course-filter-form', function(e){ |
| 5 | e.preventDefault(); |
| 6 | $(this).closest('form').submit(); |
| 7 | }); |
| 8 | |
| 9 | const videoPlayer = { |
| 10 | nonce_key : _tutorobject.nonce_key, |
| 11 | video_track_data : $('#tutor_video_tracking_information').val(), |
| 12 | track_player : function(){ |
| 13 | var that = this; |
| 14 | |
| 15 | var video_data = this.video_track_data ? JSON.parse(this.video_track_data) : {}; |
| 16 | |
| 17 | if (typeof Plyr !== 'undefined') { |
| 18 | const player = new Plyr('#tutorPlayer'); |
| 19 | |
| 20 | player.on('ready', function(event){ |
| 21 | const instance = event.detail.plyr; |
| 22 | if (video_data.best_watch_time > 0) { |
| 23 | instance.media.currentTime = video_data.best_watch_time; |
| 24 | } |
| 25 | that.sync_time(instance); |
| 26 | }); |
| 27 | |
| 28 | var tempTimeNow = 0; |
| 29 | var intervalSeconds = 60; //Send to tutor backend about video playing time in this interval |
| 30 | player.on('timeupdate', function(event){ |
| 31 | const instance = event.detail.plyr; |
| 32 | |
| 33 | var tempTimeNowInSec = (tempTimeNow / 4); //timeupdate firing 250ms interval |
| 34 | if (tempTimeNowInSec >= intervalSeconds){ |
| 35 | that.sync_time(instance); |
| 36 | tempTimeNow = 0; |
| 37 | } |
| 38 | tempTimeNow++; |
| 39 | }); |
| 40 | |
| 41 | player.on('ended', function(event){ |
| 42 | const instance = event.detail.plyr; |
| 43 | |
| 44 | var data = {is_ended:true}; |
| 45 | that.sync_time(instance, data) |
| 46 | }); |
| 47 | } |
| 48 | }, |
| 49 | sync_time: function(instance, options){ |
| 50 | /** |
| 51 | * TUTOR is sending about video playback information to server. |
| 52 | */ |
| 53 | var video_data = this.video_track_data ? JSON.parse(this.video_track_data) : {}; |
| 54 | var data = {action: 'sync_video_playback', currentTime : instance.currentTime, duration:instance.duration, post_id : video_data.post_id}; |
| 55 | data[this.nonce_key] = _tutorobject[this.nonce_key]; |
| 56 | |
| 57 | var data_send = data; |
| 58 | if(options){ |
| 59 | data_send = Object.assign(data, options); |
| 60 | } |
| 61 | $.post(_tutorobject.ajaxurl, data_send); |
| 62 | }, |
| 63 | init: function(){ |
| 64 | this.track_player(); |
| 65 | } |
| 66 | }; |
| 67 | |
| 68 | /** |
| 69 | * Fire TUTOR video |
| 70 | * @since v.1.0.0 |
| 71 | */ |
| 72 | if ($('#tutorPlayer').length){ |
| 73 | videoPlayer.init(); |
| 74 | } |
| 75 | |
| 76 | $(document).on('change keyup paste', '.tutor_user_name', function(){ |
| 77 | $(this).val(tutor_slugify($(this).val())); |
| 78 | }); |
| 79 | |
| 80 | function tutor_slugify(text) { |
| 81 | return text.toString().toLowerCase() |
| 82 | .replace(/\s+/g, '-') // Replace spaces with - |
| 83 | .replace(/[^\w\-]+/g, '') // Remove all non-word chars |
| 84 | .replace(/\-\-+/g, '-') // Replace multiple - with single - |
| 85 | .replace(/^-+/, '') // Trim - from start of text |
| 86 | .replace(/-+$/, ''); // Trim - from end of text |
| 87 | } |
| 88 | |
| 89 | /** |
| 90 | * Hover tutor rating and set value |
| 91 | */ |
| 92 | $(document).on('hover', '.tutor-ratings-wrap i', function(){ |
| 93 | $(this).closest('.tutor-ratings-wrap').find('i').removeClass('tutor-icon-star-full').addClass('tutor-icon-star-line'); |
| 94 | var currentRateValue = $(this).attr('data-rating-value'); |
| 95 | for (var i = 1; i<= currentRateValue; i++){ |
| 96 | $(this).closest('.tutor-ratings-wrap').find('i[data-rating-value="'+i+'"]').removeClass('tutor-icon-star-line').addClass('tutor-icon-star-full'); |
| 97 | } |
| 98 | }); |
| 99 | |
| 100 | $(document).on('click', '.tutor-ratings-wrap i', function(){ |
| 101 | var rating = $(this).attr('data-rating-value'); |
| 102 | var course_id = $('input[name="tutor_course_id"]').val(); |
| 103 | var data = {course_id : course_id, rating:rating, action: 'tutor_place_rating' }; |
| 104 | |
| 105 | $.post(_tutorobject.ajaxurl, data); |
| 106 | }); |
| 107 | |
| 108 | $(document).on('click', '.tutor_submit_review_btn', function (e) { |
| 109 | e.preventDefault(); |
| 110 | var $that = $(this); |
| 111 | var review = $(this).closest('form').find('textarea[name="review"]').val(); |
| 112 | review = review.trim(); |
| 113 | |
| 114 | var course_id = $('input[name="tutor_course_id"]').val(); |
| 115 | var data = {course_id : course_id, review:review, action: 'tutor_place_rating' }; |
| 116 | |
| 117 | if (review) { |
| 118 | $.ajax({ |
| 119 | url: _tutorobject.ajaxurl, |
| 120 | type: 'POST', |
| 121 | data: data, |
| 122 | beforeSend: function () { |
| 123 | $that.addClass('updating-icon'); |
| 124 | }, |
| 125 | success: function (data) { |
| 126 | var review_id = data.data.review_id; |
| 127 | var review = data.data.review; |
| 128 | $('.tutor-review-'+review_id+' .review-content').html(review); |
| 129 | }, |
| 130 | complete: function () { |
| 131 | $('.tutor-write-review-form').slideUp(); |
| 132 | $that.removeClass('updating-icon'); |
| 133 | } |
| 134 | }); |
| 135 | } |
| 136 | }); |
| 137 | |
| 138 | $(document).on('click', '.write-course-review-link-btn', function(e){ |
| 139 | e.preventDefault(); |
| 140 | $(this).siblings('.tutor-write-review-form').slideToggle(); |
| 141 | }); |
| 142 | |
| 143 | $(document).on('click', '.tutor-ask-question-btn', function(e){ |
| 144 | e.preventDefault(); |
| 145 | $('.tutor-add-question-wrap').slideToggle(); |
| 146 | }); |
| 147 | $(document).on('click', '.tutor_question_cancel', function(e){ |
| 148 | e.preventDefault(); |
| 149 | $('.tutor-add-question-wrap').toggle(); |
| 150 | }); |
| 151 | |
| 152 | $(document).on('submit', '#tutor-ask-question-form', function(e){ |
| 153 | e.preventDefault(); |
| 154 | |
| 155 | var $form = $(this); |
| 156 | var data = $(this).serialize()+'&action=tutor_ask_question'; |
| 157 | |
| 158 | $.ajax({ |
| 159 | url: _tutorobject.ajaxurl, |
| 160 | type: 'POST', |
| 161 | data: data, |
| 162 | beforeSend: function () { |
| 163 | $form.find('.tutor_ask_question_btn').addClass('updating-icon'); |
| 164 | }, |
| 165 | success: function (data) { |
| 166 | if (data.success){ |
| 167 | $('.tutor-add-question-wrap').hide(); |
| 168 | window.location.reload(); |
| 169 | } |
| 170 | }, |
| 171 | complete: function () { |
| 172 | $form.find('.tutor_ask_question_btn').removeClass('updating-icon'); |
| 173 | } |
| 174 | }); |
| 175 | }); |
| 176 | |
| 177 | $(document).on('submit', '.tutor-add-answer-form', function(e){ |
| 178 | e.preventDefault(); |
| 179 | |
| 180 | var $form = $(this); |
| 181 | var data = $(this).serialize()+'&action=tutor_add_answer'; |
| 182 | |
| 183 | $.ajax({ |
| 184 | url: _tutorobject.ajaxurl, |
| 185 | type: 'POST', |
| 186 | data: data, |
| 187 | beforeSend: function () { |
| 188 | $form.find('.tutor_add_answer_btn').addClass('updating-icon'); |
| 189 | }, |
| 190 | success: function (data) { |
| 191 | if (data.success){ |
| 192 | window.location.reload(); |
| 193 | } |
| 194 | }, |
| 195 | complete: function () { |
| 196 | $form.find('.tutor_add_answer_btn').removeClass('updating-icon'); |
| 197 | } |
| 198 | }); |
| 199 | }); |
| 200 | |
| 201 | $(document).on('focus', '.tutor_add_answer_textarea', function(e){ |
| 202 | e.preventDefault(); |
| 203 | |
| 204 | var question_id = $(this).closest('.tutor_add_answer_wrap').attr('data-question-id'); |
| 205 | var conf = { |
| 206 | tinymce: { |
| 207 | wpautop:true, |
| 208 | //plugins : 'charmap colorpicker compat3x directionality fullscreen hr image lists media paste tabfocus textcolor wordpress wpautoresize wpdialogs wpeditimage wpemoji wpgallery wplink wptextpattern wpview', |
| 209 | toolbar1: 'bold italic underline bullist strikethrough numlist blockquote alignleft aligncenter alignright undo redo link unlink spellchecker fullscreen' |
| 210 | }, |
| 211 | }; |
| 212 | wp.editor.initialize('tutor_answer_'+question_id, conf); |
| 213 | }); |
| 214 | |
| 215 | $(document).on('click', '.tutor_cancel_wp_editor', function(e){ |
| 216 | e.preventDefault(); |
| 217 | $(this).closest('.tutor_wp_editor_wrap').toggle(); |
| 218 | $(this).closest('.tutor_add_answer_wrap').find('.tutor_wp_editor_show_btn_wrap').toggle(); |
| 219 | var question_id = $(this).closest('.tutor_add_answer_wrap').attr('data-question-id'); |
| 220 | wp.editor.remove('tutor_answer_'+question_id); |
| 221 | }); |
| 222 | |
| 223 | $(document).on('click', '.tutor_wp_editor_show_btn', function(e){ |
| 224 | e.preventDefault(); |
| 225 | $(this).closest('.tutor_add_answer_wrap').find('.tutor_wp_editor_wrap').toggle(); |
| 226 | $(this).closest('.tutor_wp_editor_show_btn_wrap').toggle(); |
| 227 | }); |
| 228 | |
| 229 | /** |
| 230 | * Quiz attempt |
| 231 | */ |
| 232 | var $tutor_quiz_time_update = $('#tutor-quiz-time-update'); |
| 233 | var attempt_settings = null; |
| 234 | if ($tutor_quiz_time_update.length){ |
| 235 | attempt_settings = JSON.parse($tutor_quiz_time_update.attr('data-attempt-settings')); |
| 236 | var attempt_meta = JSON.parse($tutor_quiz_time_update.attr('data-attempt-meta')); |
| 237 | |
| 238 | var countDownDate = new Date(attempt_settings.attempt_started_at).getTime() + (attempt_meta.time_limit.time_limit_seconds * 1000); |
| 239 | var time_now = new Date(attempt_meta.date_time_now).getTime(); |
| 240 | |
| 241 | var tutor_quiz_interval = setInterval(function() { |
| 242 | var distance = countDownDate - time_now; |
| 243 | |
| 244 | var days = Math.floor(distance / (1000 * 60 * 60 * 24)); |
| 245 | var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); |
| 246 | var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); |
| 247 | var seconds = Math.floor((distance % (1000 * 60)) / 1000); |
| 248 | |
| 249 | var countdown_human = ''; |
| 250 | |
| 251 | if (days){ |
| 252 | countdown_human += days + "d "; |
| 253 | } |
| 254 | if (hours){ |
| 255 | countdown_human += hours + "h "; |
| 256 | } |
| 257 | if (minutes){ |
| 258 | countdown_human += minutes + "m "; |
| 259 | } |
| 260 | if (seconds){ |
| 261 | countdown_human += seconds + "s "; |
| 262 | } |
| 263 | |
| 264 | if (distance < 0) { |
| 265 | clearInterval(tutor_quiz_interval); |
| 266 | countdown_human = "EXPIRED"; |
| 267 | //Set the quiz attempt to timeout in ajax |
| 268 | |
| 269 | if (_tutorobject.options.quiz_when_time_expires === 'autosubmit'){ |
| 270 | /** |
| 271 | * Auto Submit |
| 272 | */ |
| 273 | $('form#tutor-answering-quiz').submit(); |
| 274 | |
| 275 | } else if(_tutorobject.options.quiz_when_time_expires === 'autoabandon'){ |
| 276 | /** |
| 277 | * |
| 278 | * @type {jQuery} |
| 279 | * |
| 280 | * Current attempt will be cancel with attempt status attempt_timeout |
| 281 | */ |
| 282 | |
| 283 | var quiz_id = $('#tutor_quiz_id').val(); |
| 284 | var tutor_quiz_remaining_time_secs = $('#tutor_quiz_remaining_time_secs').val(); |
| 285 | var quiz_timeout_data = { quiz_id : quiz_id, action : 'tutor_quiz_timeout' }; |
| 286 | |
| 287 | $.ajax({ |
| 288 | url: _tutorobject.ajaxurl, |
| 289 | type: 'POST', |
| 290 | data: quiz_timeout_data, |
| 291 | success: function (data) { |
| 292 | if (data.success){ |
| 293 | window.location.reload(true); |
| 294 | } |
| 295 | }, |
| 296 | complete: function () { |
| 297 | $('#tutor-quiz-body').html(''); |
| 298 | window.location.reload(true); |
| 299 | } |
| 300 | }); |
| 301 | |
| 302 | } |
| 303 | |
| 304 | } |
| 305 | time_now = time_now + 1000; |
| 306 | $tutor_quiz_time_update.html(countdown_human); |
| 307 | }, 1000); |
| 308 | } |
| 309 | |
| 310 | var $quiz_start_form = $('#tutor-quiz-body form#tutor-start-quiz'); |
| 311 | if ($quiz_start_form.length){ |
| 312 | if (_tutorobject.quiz_options.quiz_auto_start === '1'){ |
| 313 | $quiz_start_form.submit(); |
| 314 | } |
| 315 | } |
| 316 | |
| 317 | // tutor course content accordion |
| 318 | $('.tutor-course-topic.tutor-active').find('.tutor-course-lessons').slideDown(); |
| 319 | $('.tutor-course-title').on('click', function () { |
| 320 | var lesson = $(this).siblings('.tutor-course-lessons'); |
| 321 | $(this).closest('.tutor-course-topic').toggleClass('tutor-active'); |
| 322 | lesson.slideToggle(); |
| 323 | }); |
| 324 | |
| 325 | $('.tutor-topics-title').on('click', function () { |
| 326 | $(this).siblings('.tutor-topics-summery').slideToggle(); |
| 327 | }); |
| 328 | |
| 329 | $(document).on('click', '.tutor-course-wishlist-btn', function (e) { |
| 330 | e.preventDefault(); |
| 331 | |
| 332 | var $that = $(this); |
| 333 | var course_id = $that.attr('data-course-id'); |
| 334 | |
| 335 | $.ajax({ |
| 336 | url: _tutorobject.ajaxurl, |
| 337 | type: 'POST', |
| 338 | data: {course_id : course_id, 'action': 'tutor_course_add_to_wishlist'}, |
| 339 | beforeSend: function () { |
| 340 | $that.addClass('updating-icon'); |
| 341 | }, |
| 342 | success: function (data) { |
| 343 | if (data.success){ |
| 344 | if (data.data.status === 'added'){ |
| 345 | $that.addClass('has-wish-listed'); |
| 346 | }else{ |
| 347 | $that.removeClass('has-wish-listed'); |
| 348 | } |
| 349 | }else{ |
| 350 | window.location = data.data.redirect_to; |
| 351 | } |
| 352 | }, |
| 353 | complete: function () { |
| 354 | $that.removeClass('updating-icon'); |
| 355 | } |
| 356 | }); |
| 357 | }); |
| 358 | |
| 359 | $(document).on('click', '.tutor-single-lesson-a', function (e) { |
| 360 | e.preventDefault(); |
| 361 | |
| 362 | var $that = $(this); |
| 363 | var lesson_id = $that.attr('data-lesson-id'); |
| 364 | var $wrap = $('#tutor-single-entry-content'); |
| 365 | |
| 366 | $.ajax({ |
| 367 | url: _tutorobject.ajaxurl, |
| 368 | type: 'POST', |
| 369 | data: {lesson_id : lesson_id, 'action': 'tutor_render_lesson_content'}, |
| 370 | beforeSend: function () { |
| 371 | var page_title = $that.find('.lesson_title').text(); |
| 372 | $('head title').text(page_title); |
| 373 | window.history.pushState('obj', page_title, $that.attr('href')); |
| 374 | $wrap.addClass('loading-lesson'); |
| 375 | $('.tutor-single-lesson-items').removeClass('active'); |
| 376 | $that.closest('.tutor-single-lesson-items').addClass('active'); |
| 377 | }, |
| 378 | success: function (data) { |
| 379 | $wrap.html(data.data.html); |
| 380 | videoPlayer.init(); |
| 381 | }, |
| 382 | complete: function () { |
| 383 | $wrap.removeClass('loading-lesson'); |
| 384 | } |
| 385 | }); |
| 386 | }); |
| 387 | |
| 388 | $(document).on('click', '.sidebar-single-quiz-a', function (e) { |
| 389 | e.preventDefault(); |
| 390 | |
| 391 | var $that = $(this); |
| 392 | var quiz_id = $that.attr('data-quiz-id'); |
| 393 | var page_title = $that.find('.lesson_title').text(); |
| 394 | var $wrap = $('#tutor-single-entry-content'); |
| 395 | |
| 396 | $.ajax({ |
| 397 | url: _tutorobject.ajaxurl, |
| 398 | type: 'POST', |
| 399 | data: {quiz_id : quiz_id, 'action': 'tutor_render_quiz_content'}, |
| 400 | beforeSend: function () { |
| 401 | $('head title').text(page_title); |
| 402 | window.history.pushState('obj', page_title, $that.attr('href')); |
| 403 | $wrap.addClass('loading-lesson'); |
| 404 | $('.tutor-single-lesson-items').removeClass('active'); |
| 405 | $that.closest('.tutor-single-lesson-items').addClass('active'); |
| 406 | }, |
| 407 | success: function (data) { |
| 408 | $wrap.html(data.data.html); |
| 409 | }, |
| 410 | complete: function () { |
| 411 | $wrap.removeClass('loading-lesson'); |
| 412 | } |
| 413 | }); |
| 414 | |
| 415 | |
| 416 | }); |
| 417 | |
| 418 | /** |
| 419 | * @date 05 Feb, 2019 |
| 420 | */ |
| 421 | |
| 422 | $(document).on('click', '.tutor-lesson-sidebar-hide-bar', function(e){ |
| 423 | e.preventDefault(); |
| 424 | $('.tutor-lesson-sidebar').toggle(); |
| 425 | }); |
| 426 | |
| 427 | $(document).on('click', '.tutor-tabs-btn-group a', function (e) { |
| 428 | e.preventDefault(); |
| 429 | var $that = $(this); |
| 430 | |
| 431 | var tabSelector = $that.attr('href'); |
| 432 | $('.tutor-lesson-sidebar-tab-item').hide(); |
| 433 | $(tabSelector).show(); |
| 434 | |
| 435 | $('.tutor-tabs-btn-group a').removeClass('active'); |
| 436 | $that.addClass('active'); |
| 437 | }); |
| 438 | /** |
| 439 | * @date 18 Feb, 2019 |
| 440 | * @since v.1.0.0 |
| 441 | */ |
| 442 | |
| 443 | if (jQuery().sortable) { |
| 444 | $(".tutor-quiz-answers-wrap").sortable({ |
| 445 | handle: ".answer-sorting-bar", |
| 446 | start: function (e, ui) { |
| 447 | ui.placeholder.css('visibility', 'visible'); |
| 448 | }, |
| 449 | stop: function (e, ui) { |
| 450 | |
| 451 | //Sorting Stopped... |
| 452 | }, |
| 453 | }).disableSelection();; |
| 454 | |
| 455 | |
| 456 | $( ".quiz-draggable-rand-answers, .quiz-answer-matching-droppable" ).sortable({ |
| 457 | connectWith: ".quiz-answer-matching-droppable", |
| 458 | placeholder: "drop-hover" |
| 459 | |
| 460 | }).disableSelection(); |
| 461 | } |
| 462 | |
| 463 | /** |
| 464 | * Quiz view |
| 465 | * @date 22 Feb, 2019 |
| 466 | * @since v.1.0.0 |
| 467 | */ |
| 468 | |
| 469 | $(document).on('click', '.tutor-quiz-answer-next-btn', function (e) { |
| 470 | e.preventDefault(); |
| 471 | var $that = $(this); |
| 472 | var question_id = parseInt($that.closest('.quiz-attempt-single-question').attr('id').match(/\d+/)[0], 10); |
| 473 | |
| 474 | var next_question_id = $that.closest('.quiz-attempt-single-question').attr('data-next-question-id'); |
| 475 | |
| 476 | if (next_question_id) { |
| 477 | var $nextQuestion = $(next_question_id); |
| 478 | if ($nextQuestion && $nextQuestion.length) { |
| 479 | $('.quiz-attempt-single-question').hide(); |
| 480 | $nextQuestion.show(); |
| 481 | |
| 482 | /** |
| 483 | * If pagination exists, set active class |
| 484 | */ |
| 485 | |
| 486 | if ($('.tutor-quiz-questions-pagination').length){ |
| 487 | $('.tutor-quiz-question-paginate-item').removeClass('active'); |
| 488 | $('.tutor-quiz-questions-pagination a[href="'+next_question_id+'"]').addClass('active'); |
| 489 | } |
| 490 | |
| 491 | } |
| 492 | } |
| 493 | }); |
| 494 | $(document).on('click', '.tutor-quiz-question-paginate-item', function (e) { |
| 495 | e.preventDefault(); |
| 496 | var $that = $(this); |
| 497 | var $question = $($that.attr('href')); |
| 498 | $('.quiz-attempt-single-question').hide(); |
| 499 | $question.show(); |
| 500 | |
| 501 | //Active Class |
| 502 | $('.tutor-quiz-question-paginate-item').removeClass('active'); |
| 503 | $that.addClass('active'); |
| 504 | }); |
| 505 | |
| 506 | /** |
| 507 | * Limit Short Answer Question Type |
| 508 | */ |
| 509 | $(document).on('keyup', 'textarea.question_type_short_answer', function (e) { |
| 510 | var $that = $(this); |
| 511 | var value = $that.val(); |
| 512 | var limit = _tutorobject.quiz_options.short_answer_characters_limit; |
| 513 | var remaining = limit - value.length; |
| 514 | |
| 515 | if (remaining < 1){ |
| 516 | $that.val(value.substr(0, limit)); |
| 517 | remaining = 0; |
| 518 | } |
| 519 | $that.closest('.tutor-quiz-answers-wrap').find('.characters_remaining').html(remaining); |
| 520 | }); |
| 521 | |
| 522 | |
| 523 | |
| 524 | |
| 525 | |
| 526 | }); |