From dc5c3e97b270acfcddca7893dc87a983096f8f45 Mon Sep 17 00:00:00 2001
From: Anthony Talarico <talarico@gaslightmedia.com>
Date: Mon, 30 Jul 2018 10:50:02 -0400
Subject: [PATCH] adding quiz and course completion notifications, fixing the
 post type display for the courses to look like pages

---
 assets/badge.png          | Bin 0 -> 3163 bytes
 content-single.php        |   7 +++---
 footer.php                |  47 +++++++++++++++++++++++++++++++++++
 functions.php             |  12 ++++++++-
 glm-dev/scss/_badge.scss  |  51 ++++++++++++++++++++++++++++++++++++++
 glm-dev/scss/glm-dev.scss |   1 +
 single.php                |  15 ++++++-----
 7 files changed, 121 insertions(+), 12 deletions(-)
 create mode 100644 assets/badge.png
 create mode 100644 glm-dev/scss/_badge.scss

diff --git a/assets/badge.png b/assets/badge.png
new file mode 100644
index 0000000000000000000000000000000000000000..f1b984832a30901c0a0bea13e0c1fd2e38a8c00e
GIT binary patch
literal 3163
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
B>OBAe

literal 0
HcmV?d00001

diff --git a/content-single.php b/content-single.php
index cf2abf4..1466166 100644
--- a/content-single.php
+++ b/content-single.php
@@ -4,6 +4,7 @@
  */
 global $post;
 $pt = $post->post_type;
+$ld_types = array('sfwd-courses','sfwd-lesses','sfwd-quiz');
 $post_date = of_get_option('post_date');
 $post_footer = of_get_option('post_footer');
 $post_date_class = ((!empty($post_date) && $post_date == ' ') || has_post_thumbnail()) ? " no-date" : "";
@@ -18,11 +19,11 @@ $lesson_content = $lessons_page->post_content;
 			<img src="<?php echo esc_url($image[0]); ?>" alt="<?php echo esc_attr(get_the_title()); ?>"> 
 		</div>
 		<?php endif; 
-		 $class = ($pt === 'cmvl_channel') ? 'cmvl-title' : "basic-title";
+		 $class = ($pt === 'sfwd-courses') ? 'cmvl-title' : "basic-title";
         ?>
 		<h1 class="entry-title<?php echo esc_attr($post_date_class); ?> <?php echo $class; ?>"><?php the_title(); ?></h1>
 
-        <?php if( $pt !== 'cmvl_channel'){ ?>
+        <?php if( !in_array($pt, $ld_types) ){ ?>
             <div class="entry-meta">
                 <?php accesspress_parallax_posted_on(); ?>
             </div><!-- .entry-meta -->
@@ -30,7 +31,7 @@ $lesson_content = $lessons_page->post_content;
 	</header><!-- .entry-header -->
 
 	<div class="entry-content">
-        <?php if( $pt === 'cmvl_channel'){ ?>
+        <?php if( $pt === 'sfwd-courses'){ ?>
             <p> <?php echo $lesson_content; ?> </p>
         <?php } ?>
 		<?php the_content(); ?>
diff --git a/footer.php b/footer.php
index 8dd715b..8fc92b0 100644
--- a/footer.php
+++ b/footer.php
@@ -60,5 +60,52 @@
 <div id="go-top"><a href="#page"><i class="fa fa-angle-up"></i></a></div>
 
 <?php wp_footer(); ?>
+<div class="glm-badge-alert" id="quiz-badge">
+		<div style="position: relative;background: #3D3D3D;" id="glm-quiz-passed">
+			<img style="float: left;" src="<?php echo get_template_directory_uri(); ?>/assets/badge.png" alt="" />
+			<span> You've passed the quiz </span>
+			<div style="clear: both;"> </div>
+		</div>
+	</div>
+	<div class="glm-badge-alert" id="course-badge">
+		<div style="position: relative;background: #3D3D3D;" id="glm-course-passed">
+			<img style="float: left;" src="<?php echo get_template_directory_uri(); ?>/assets/badge.png" alt="" />
+			<span> You've passed the quiz </span>
+			<div style="clear: both;"> </div>
+		</div>
+	</div>
+	<script>
+		(function(open) {
+			const $ = jQuery;
+			XMLHttpRequest.prototype.open = function() {
+				this.addEventListener("readystatechange", function() {
+					if( this.response.includes('quiz_finished') && this.readyState === 4 ){
+						let data = JSON.parse(this.response);
+						if(data.pass === 1){
+							setTimeout(function(){
+								$(".glm-badge-alert#quiz-badge").fadeIn("fast");
+								$(".glm-badge-alert#quiz-badge").addClass("shake");
+							}, 1500)
+							setTimeout(function(){
+								$(".glm-badge-alert#quiz-badge").fadeOut("slow");
+							}, 10000)
+						}
+                    }
+                    if( this.response.includes('course_finished') && this.readyState === 4 ){
+						let data = JSON.parse(this.response);
+						if(data.pass === 1){
+							setTimeout(function(){
+								$(".glm-badge-alert#course-badge").fadeIn("fast");
+								$(".glm-badge-alert#course-badge").addClass("shake");
+							}, 1500)
+							setTimeout(function(){
+								$(".glm-badge-alert#course-badge").fadeOut("slow");
+							}, 10000)
+						}
+					}
+				}, false);
+				open.apply(this, arguments);
+			};
+		})(XMLHttpRequest.prototype.open);
 </body>
 </html>
\ No newline at end of file
diff --git a/functions.php b/functions.php
index cac1ad3..17dba00 100644
--- a/functions.php
+++ b/functions.php
@@ -288,4 +288,14 @@ function displaydate(){
     return date('l, F t, Y');
 }
 add_shortcode( 'date', 'displaydate' );
-add_filter( 'show_admin_bar', '__return_false' );
\ No newline at end of file
+add_filter( 'show_admin_bar', '__return_false' );
+add_action("learndash_quiz_completed", function($data) {
+	$data["quiz_finished"] = "yes";
+	echo json_encode($data);
+	wp_die();
+}, 5, 1);
+add_action("learndash_course_completed", function($data) {
+	$finished["quiz_finished"] = "yes";
+	echo json_encode($finished);
+	wp_die();
+}, 5, 1);
\ No newline at end of file
diff --git a/glm-dev/scss/_badge.scss b/glm-dev/scss/_badge.scss
new file mode 100644
index 0000000..afadcc3
--- /dev/null
+++ b/glm-dev/scss/_badge.scss
@@ -0,0 +1,51 @@
+body{
+    .glm-badge-alert#quiz-badge{
+        &:hover{
+            cursor: pointer;
+        }
+        display: none;
+        width: 300px;
+        position: absolute;
+        top: 25px;
+        right: 10px;
+        z-index: 999;
+        img{
+            max-width: 75px;
+        }
+        span{
+            font-size: 18px;
+            position: absolute;
+            top: 50%;
+            transform: translateY(-50%);
+            color:white;
+            left: 90px;
+        }
+        img:hover {
+            /* Start the shake animation and make the animation last for 0.5 seconds */
+            animation: shake 0.5s; 
+            /* When the animation is finished, start again */
+            animation-iteration-count: infinite; 
+        }
+        
+        @keyframes shake {
+            10%, 90% {
+              transform: translate3d(-2px, 0, 0);
+            }
+          
+            20%, 80% {
+              transform: translate3d(3px, 0, 0);
+            }
+          
+            30%, 50%, 70% {
+              transform: translate3d(-5px, 0, 0);
+            }
+          
+            40%, 60% {
+              transform: translate3d(5px, 0, 0);
+            }
+          }
+    }
+}
+.shake{
+    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
+}
\ No newline at end of file
diff --git a/glm-dev/scss/glm-dev.scss b/glm-dev/scss/glm-dev.scss
index cc587de..32f7402 100644
--- a/glm-dev/scss/glm-dev.scss
+++ b/glm-dev/scss/glm-dev.scss
@@ -1,2 +1,3 @@
 @import 'video-lessons';
 @import 'body';
+@import 'badge';
diff --git a/single.php b/single.php
index 09271f9..0bd2ae3 100644
--- a/single.php
+++ b/single.php
@@ -6,7 +6,9 @@
  */
 global $post;
 $pt = $post->post_type;
-if($pt === 'cmvl_channel'){
+$title = $post->post_name;
+$ld_types = array('sfwd-courses','sfwd-lessons','sfwd-quiz');
+if(in_array($pt, $ld_types)){
     $fw = 'full-width';
 }else {
     $fw = false;
@@ -14,18 +16,15 @@ if($pt === 'cmvl_channel'){
 get_header(); ?>
 <div class="mid-content clearfix">
     <div id="primary" class="content-area <?php echo $fw; ?>">
-    <?php if($pt === 'cmvl_channel'){ ?>
-        <a href="<?php echo get_permalink(363); ?>">Back to my courses</a>
         
-    <?php } ?>
-   
 		<main id="main" class="site-main" role="main">
         
 		<?php while ( have_posts() ) : the_post(); ?>
 
 			<?php get_template_part( 'content', 'single' ); 
-
-            if($pt !== 'cmvl_channel'){
+           
+            if(!in_array($pt, $ld_types)){
+                
                 $post_pagination = of_get_option('post_pagination');
                 if( $post_pagination == 1 || !isset($post_pagination)) :
                 the_post_navigation( array(
@@ -47,7 +46,7 @@ get_header(); ?>
 	</div><!-- #primary -->
 
 <?php 
-    if($pt !== "cmvl_channel"){
+    if(!in_array($pt, $ld_types)){
         get_sidebar(); 
     }
 ?>
-- 
2.17.1