From last lesson of series, link to workshop list

- Addresses issues #64 & #38, in which the the "Next" button appeared on
the last lesson in a series and directed the user to a non-existent
subsequent lesson. This is resolved by now showing instead a "More
Workshops" button that goes back to the main list of all workshops so
the user can choose what they'd like to do next.
- In `Lesson.vue`, change the conditionals for success buttons to
include an option (when the solution is correct and `last` has a value
of ``"true"`) that loads a button with the text "More Workshops," bound
to a new function `workshopMenu` that clears the output and directs the
user to the main page, rather than incrementing the lesson number.
- In Basics lesson 3 and Blog lesson 7 (the last of each series), follow
the steps listed below.
- WHEN CREATING THE LAST LESSON OF A NEW WORKSHOP:  Add `last="true"`
to the values being passed to the Lesson component. Use the success
message "Great job! You've completed this series of lessons!" or
something else that makes it clear this was the last lesson in the
series. The button will populate automatically.

Author: terichadbourne

src/components/Lesson.vue

@@ -86,7 +86,10 @@
           </div>
         </div>
         <div class="pt3 ph2 tr">
-          <div v-if="output.test && output.test.success">
+          <div v-if="output.test && output.test.success && last === 'true'">
+            <Button v-bind:click="workshopMenu" class="bg-aqua white">More Workshops</Button>
+          </div>
+          <div v-else-if="output.test && output.test.success">
             <Button v-bind:click="next" class="bg-aqua white">Next</Button>
           </div>
           <div v-else>
@@ -173,6 +176,7 @@ export default {
       text: self.$attrs.text,
       exercise: self.$attrs.exercise,
       concepts: self.$attrs.concepts,
+      last: self.$attrs.last,
       code: self.$attrs.code || defaultCode,
       parsedText: marked(self.$attrs.text),
       parsedExercise: marked(self.$attrs.exercise || ''),
@@ -258,6 +262,10 @@ export default {
       let next = (parseInt(current) + 1).toString().padStart(2, '0')
       this.$router.push({path: next})
     },
+    workshopMenu: function () {
+      Vue.set(this.output, 'test', null)
+      this.$router.push({path: '/'})
+    },
     toggleExpandExercise: function () {
       this.expandExercise = !this.expandExercise
     }

src/lessons/Basics/03.vue

@@ -4,7 +4,8 @@
             :validate="validate"
             :modules="modules"
             :exercise="exercise"
-            lessonTitle="Reading data in links">
+            lessonTitle="Reading data in links"
+            last="true">
     </Lesson>
   </div>
 </template>
@@ -37,7 +38,7 @@ const validate = async (result, ipfs) => {
   }
 
   if (result.value === 1 && result.remainderPath === '') {
-    return {success: 'Great job!'}
+    return {success: "Great job! You've completed this series of lessons!"}
   } else {
     let expected = JSON.stringify({value: 1, remainderPath: ''})
     let got = JSON.stringify(result)

src/lessons/Blog/07.vue

@@ -4,7 +4,8 @@
             :validate="validate"
             :modules="modules"
             :exercise="exercise"
-            lessonTitle="Hop through nodes">
+            lessonTitle="Hop through nodes"
+            last="true">
     </Lesson>
   </div>
 </template>
@@ -170,7 +171,7 @@ const validate = async (result, ipfs) => {
   } catch (err) {
     return {fail: `Your function threw an error: ${err}.`}
   }
-  return {success: 'Everything works!'}
+  return {success: "Great job! You've completed this series of lessons!"}
 }
 
 let modules = {cids: require('cids')}