Add keymap downloading

Closes #199

shared/src/components/keymap/header/keymap-header.component.html

@@ -34,5 +34,6 @@
            data-original-title="Duplicate keymap"
            (click)="duplicateKeymap()"
         ></i>
+        <i class="fa fa-download layer__download pull-right" title="Download layer" (click)="onDownloadIconClick()"></i>
     </h1>
 </div>

shared/src/components/keymap/header/keymap-header.component.scss

@@ -43,6 +43,18 @@
     }
 }
 
+.layer__download {
+    top: 10px;
+    font-size: 0.8em;
+    position: relative;
+    margin-right: 10px;
+
+    &:hover {
+        cursor: pointer;
+        color: $icon-hover;
+    }
+}
+
 .pane-title {
     margin-bottom: 1em;
 

shared/src/components/keymap/header/keymap-header.component.ts

@@ -3,6 +3,8 @@ import {
     Component,
     ElementRef,
     Input,
+    Output,
+    EventEmitter,
     OnChanges,
     Renderer,
     SimpleChanges,
@@ -25,6 +27,7 @@ import { KeymapActions } from '../../../store/actions';
 export class KeymapHeaderComponent implements OnChanges {
     @Input() keymap: Keymap;
     @Input() deletable: boolean;
+    @Output() downloadClick = new EventEmitter<void>();
 
     @ViewChild('name') keymapName: ElementRef;
     @ViewChild('abbr') keymapAbbr: ElementRef;
@@ -87,4 +90,8 @@ export class KeymapHeaderComponent implements OnChanges {
     setTrashTitle(): void {
         this.trashTitle = this.deletable ? '' : 'The last keymap cannot be deleted.';
     }
+
+    onDownloadIconClick(): void {
+        this.downloadClick.emit();
+    }
 }