add - everything - begin - user- progress - display

Author: bahdcoder

Diff for: app/Lesson.php

@@ -6,18 +6,38 @@
 
 class Lesson extends Model
 {
+    /**
+     * Fields for mass assignment
+     *
+     * @var array
+     */
     protected $guarded = [];
 
+    /**
+     * A lesson belongs to a series
+     *
+     * @return void
+     */
     public function series() {
         return $this->belongsTo(Series::class);
     }
 
+    /**
+     * Get next lesson after $this 
+     *
+     * @return \Bahdcasts\Lesson
+     */
     public function getNextLesson() {
         return $this->series->lessons()->where('episode_number', '>', $this->episode_number)
                     ->orderBy('episode_number', 'asc')
                     ->first();
     }
 
+    /**
+     * Get previous lesson for $this
+     *
+     * @return \Bahdcasts\Lesson
+     */
     public function getPrevLesson() {
         return $this->series->lessons()->where('episode_number', '<', $this->episode_number)
                     ->orderBy('episode_number', 'desc')

Diff for: app/Series.php

@@ -49,6 +49,11 @@ public function getImagePathAttribute() {
         return asset('storage/' . $this->image_url);
     }
 
+    /**
+     * Get a list of lessons for series in watching order
+     *
+     * @return void
+     */
     public function getOrderedLessons() {
         return $this->lessons()->orderBy('episode_number', 'asc')->get();
     }

Diff for: composer.json

@@ -13,6 +13,7 @@
         "predis/predis": "^1.1"
     },
     "require-dev": {
+        "barryvdh/laravel-debugbar": "^3.1",
         "filp/whoops": "~2.0",
         "fzaninotto/faker": "~1.4",
         "mockery/mockery": "0.9.*",

Diff for: composer.lock

@@ -19,6 +19,7 @@
         "vue": "^2.1.10"
     },
     "dependencies": {
+        "@vimeo/player": "^2.2.0",
         "sweetalert": "^2.0.5"
     }
 }

Diff for: package-lock.json

@@ -5,19 +5,33 @@
 </template>
 
 <script>
+    import Swal from 'sweetalert'
     import Player from '@vimeo/player'
     export default {
-        props: ['default_lesson'],
+        props: ['default_lesson', 'next_lesson_url'],
         data() {
             return {
                 lesson: JSON.parse(this.default_lesson)
             }
         },
+        methods: {
+            displayVideoEndedAlert() {
+                if(this.next_lesson_url) {
+                    Swal('Yaaay ! You completed this lesson !')
+                    .then(() => {
+                        window.location = this.next_lesson_url
+                    })
+                } else {
+                    Swal('Yaaay ! You completed this series !')
+                }
+                
+            }
+        },
         mounted() {
             const player = new Player('handstick')
 
-            player.on('play', () => {
-                console.log('our video is playing !')
+            player.on('ended', () => {
+                this.displayVideoEndedAlert() 
             })
         }
     }

Diff for: package.json

@@ -20,15 +20,22 @@
 @section('content')
   <div class="section bg-grey">
     <div class="container">
-
+      @php
+        $nextLesson = $lesson->getNextLesson();
+        $prevLesson = $lesson->getPrevLesson();
+      @endphp 
       <div class="row gap-y text-center"> 
         <div class="col-12">          
-            <vue-player default_lesson="{{ $lesson }}"></vue-player>
-            @if($lesson->getPrevLesson())
-            <a href="{{ route('series.watch', ['series' => $series->slug, 'lesson' => $lesson->getPrevLesson()->id ]) }}" class="btn btn-info btn-lg pull-left">Prev Lesson</a>
+            <vue-player default_lesson="{{ $lesson }}" 
+            @if($nextLesson)
+                next_lesson_url="{{ route('series.watch', ['series' => $series->slug, 'lesson' => $nextLesson->id ]) }}"
+            @endif 
+            ></vue-player>
+            @if($prevLesson)
+              <a href="{{ route('series.watch', ['series' => $series->slug, 'lesson' => $prevLesson->id ]) }}" class="btn btn-info btn-lg pull-left">Prev Lesson</a>
             @endif
-            @if($lesson->getNextLesson())
-            <a href="{{ route('series.watch', ['series' => $series->slug, 'lesson' => $lesson->getNextLesson()->id ]) }}" class="btn btn-info btn-lg pull-right">Next Lesson</a>
+            @if($nextLesson)
+              <a href="{{ route('series.watch', ['series' => $series->slug, 'lesson' => $nextLesson->id ]) }}" class="btn btn-info btn-lg pull-right">Next Lesson</a>
             @endif
 
         </div>

Diff for: public/js/app.js

@@ -0,0 +1,2 @@
+*
+!.gitignore