Route description token (#108)

* adding screenshot, updated logic to grab first leg summary as route and updated readme

* remove my custom css from screenshot

* fixing readme

MMM-Traffic.js

@@ -61,6 +61,7 @@ Module.register('MMM-Traffic', {
       .then(self.checkStatus)
       .then(json => {
         self.duration = Math.round(json.routes[0].duration / 60);
+	self.route = json.routes[0].legs[0].summary;
         self.errorMessage = self.errorDescription = undefined;
         self.loading = false;
         self.updateDom();
@@ -141,7 +142,7 @@ Module.register('MMM-Traffic', {
   },
 
   replaceTokens: function (text) {
-    return text.replace(/{duration}/g, this.duration);
+    return text.replace(/{duration}/g, this.duration).replace(/{route}/g, this.route);
   },
 
   shouldHide: function () {
@@ -155,4 +156,4 @@ Module.register('MMM-Traffic', {
     }
     return hide;
   },
-});
+});

README.md

@@ -100,6 +100,7 @@ in firstLine/secondLine._
 | Token        | Value                                         |
 | ------------ | --------------------------------------------- |
 | `{duration}` | The driving time returned from the mapbox API |
+| `{route}`    | The summary of the route from the mapbox API  |
 
 ### Per Day/Time Customization
 
@@ -164,9 +165,26 @@ rate limited.
 	}
 },
 ```
-
 ![both lines custom screenshot](screenshots/03-both_lines.png)
 
+### Use both lines with route
+
+```js
+{
+	module: "MMM-Traffic",
+	position: "top_left",
+	config: {
+		accessToken: "your_key_here",
+		originCoords: "-84.398848,33.755165",
+		destinationCoords: "-84.504259,33.88210",
+		firstLine: "{duration} mins",
+		secondLine: "via {route}"
+	}
+},
+```
+![both lines with route screenshot](screenshots/06-both_lines_route.png)
+
+
 ### Multiple Routes
 
 ```js