successful grade report

VueApp/src/components/ElevationGraph.vue

@@ -5,7 +5,10 @@
       :data="chartData"
       :options="chartOptions"
     />
-    <div class="miles">{{ this.miles }}</div>
+    <div class="miles">
+      {{ distance }}
+      {{ unit }}
+    </div>
   </div>
 </template>
 
@@ -18,14 +21,19 @@
     props: ['currentRoute'],
     watch: {
       currentRoute (newRoute) {
-        console.log(newRoute)
-        this.miles = newRoute.legs[0].distance.text
-        this.getPathElevation(newRoute.overview_path)
+        const calc = newRoute.legs[0].distance.text.split(' ')
+        this.distance = calc[0]
+        this.unit = calc[1]
+        this.route = newRoute
+        this.getPathElevation()
       }
     },
     data () {
       return {
-        miles: null,
+        route: null,
+        gradeReport: null,
+        distance: null,
+        unit: null,
         avgGrade: null,
         peakGrade: null,
         elevationService: null,
@@ -40,17 +48,18 @@
       }
     },
     methods: {
-      getPathElevation (route) {
+      getPathElevation () {
         this.elevationService = new google.maps.ElevationService() // eslint-disable-line no-undef
         this.chartData = [
           ['', '', { role: 'style' }]
         ]
         this.elevationService.getElevationAlongPath({
-          'path': route,
+          'path': this.route.overview_path,
           'samples': 264
         }, (elevations, status) => {
           if (status === 'OK') {
             this.elevations = elevations
+            this.getGrades()
             this.displayPathElevation()
           }
         })
@@ -64,12 +73,17 @@
               : this.chartData.push(['', e.elevation, '#004E64'])
         )
       },
-      getAverageGrade () {
-        // let avg = 0
-
-      },
-      getPeakGrade () {
-
+      getGrades () {
+        const interval = (this.distance * 5280) / 264
+        this.gradeReport = []
+        for (let i = 0; i < this.elevations.length - 1; i++) {
+          this.gradeReport.push(
+            Math.abs(this.elevations[i].elevation - this.elevations[i + 1].elevation) / interval
+          )
+        }
+        console.log(interval)
+        console.log(this.elevations)
+        console.log(this.gradeReport)
       }
     }
   }