Add focus directive

Breeze.UI/src/app/shared/directives/auto-focus.directive.spec.ts

+import { AutoFocusDirective } from './auto-focus.directive';
+
+describe('AutoFocusDirective', () => {
+  it('should create an instance', () => {
+    const directive = new AutoFocusDirective();
+    expect(directive).toBeTruthy();
+  });
+});

Breeze.UI/src/app/shared/directives/auto-focus.directive.ts

+import { Directive, Renderer, ElementRef, OnInit } from '@angular/core';
+
+@Directive({
+  selector: '[myAutoFocus]'
+})
+export class AutoFocusDirective implements OnInit {
+
+  constructor(private renderer: Renderer, private elementRef: ElementRef) { }
+
+  ngOnInit() {
+    this.renderer.invokeElementMethod(
+      this.elementRef.nativeElement, 'focus', []
+    );
+  }
+}

Breeze.UI/src/app/shared/shared.module.ts

 import { NgModule, ModuleWithProviders } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { CoinNotationPipe } from './pipes/coin-notation.pipe';
+import { AutoFocusDirective } from './directives/auto-focus.directive';
 
 @NgModule({
   imports: [CommonModule],
-  declarations: [CoinNotationPipe],
-  exports: [CoinNotationPipe]
+  declarations: [CoinNotationPipe, AutoFocusDirective],
+  exports: [CoinNotationPipe, AutoFocusDirective]
 })
 
 export class SharedModule {