Add a link to edit the current page on github

Appropriates the pencil svg from Ember API docs. Sends users to the `/edit/master` github page for the current markdown file in a new window.

Author: sdhull

app/components/edit-link/component.js

@@ -0,0 +1,5 @@
+import Ember from 'ember';
+
+export default Ember.Component.extend({
+  tagName: '',
+});

app/components/edit-link/template.hbs

@@ -0,0 +1,11 @@
+<a
+  class="edit-link right"
+  title="Edit on Github"
+  href="https://github.com/ember-fastboot/fastboot-website/edit/master/markdown/{{path}}.md"
+  target="_blank"
+  rel="noopener"
+>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -256 1792 1792">
+    <path d="M484.492 1270.237l91-91-235-235-91 91v107h128v128h107zm523-928q0-22-22-22-10 0-17 7l-542 542q-7 7-7 17 0 22 22 22 10 0 17-7l542-542q7-7 7-17zm-54-192l416 416-832 832h-416v-416zm683 96q0 53-37 90l-166 166-416-416 166-165q36-38 90-38 53 0 91 38l235 234q37 39 37 91z" fill="currentColor"></path>
+  </svg>
+</a>

app/routes/application.js

@@ -4,6 +4,6 @@ import markdownFiles from 'ember-fr-markdown-file/markdownFiles';
 
 export default Route.extend({
   model() {
-    return get(markdownFiles, 'intro');
-  }
+    return {markdown: get(markdownFiles, 'intro'), path: 'intro'};
+  },
 });

app/routes/page.js

@@ -4,6 +4,7 @@ import markdownFiles from 'ember-fr-markdown-file/markdownFiles';
 
 export default Route.extend({
   model(params) {
-    return get(markdownFiles, params.path.replace(/\//g, '.')) || null;
-  }
+    const path = params.path;
+    return {markdown: get(markdownFiles, path.replace(/\//g, '.')) || null, path};
+  },
 });

app/styles/app.css

@@ -8,6 +8,7 @@
 @import "components/main-hero";
 @import "components/main-hero-terminal";
 @import "components/main-nav";
+@import "components/edit-link";
 @import "components/syntax";
 
 :root {

app/styles/components/edit-link.css

@@ -0,0 +1,5 @@
+.edit-link {
+  width: 20px;
+  text-decoration: none;
+  border-bottom: none;
+}

app/templates/components/main-nav.hbs

@@ -1,4 +1,5 @@
 {{fastboot-logo}}
+{{edit-link path=path}}
 <ul class="list-reset">
   <li class="inline-block mr1">{{link-to 'Intro' 'index'}}</li>
   <li class="inline-block mr1">{{link-to 'Quickstart' 'page' 'quickstart'}}</li>

app/templates/index.hbs

@@ -1,8 +1,8 @@
 {{main-hero}}
 
 <div class="p1">
-  {{main-nav}}
+  {{main-nav path=model.path}}
   <section class="max-width-3 mx-auto">
-    {{md-text text=model html=true typographer=true linkify=true}}
+    {{md-text text=model.markdown html=true typographer=true linkify=true}}
   </section>
 </div>

app/templates/page.hbs

@@ -1,6 +1,6 @@
 <div class="p1">
-  {{main-nav}}
-  {{#liquid-bind model as |currentModel|}}
+  {{main-nav path=model.path}}
+  {{#liquid-bind model.markdown as |currentModel|}}
     <section class="max-width-3 mx-auto">
       {{#if currentModel}}
         {{md-text text=currentModel html=true typographer=true linkify=true}}