move various angular bits into shared jslib

src/angular/directives/api-action.directive.ts

@@ -0,0 +1,32 @@
+import {
+    Directive,
+    ElementRef,
+    Input,
+    OnChanges,
+} from '@angular/core';
+
+import { ValidationService } from '../services/validation.service';
+
+@Directive({
+    selector: '[appApiAction]',
+})
+export class ApiActionDirective implements OnChanges {
+    @Input() appApiAction: Promise<any>;
+
+    constructor(private el: ElementRef, private validationService: ValidationService) { }
+
+    ngOnChanges(changes: any) {
+        if (this.appApiAction == null || this.appApiAction.then == null) {
+            return;
+        }
+
+        this.el.nativeElement.loading = true;
+
+        this.appApiAction.then((response: any) => {
+            this.el.nativeElement.loading = false;
+        }, (e: any) => {
+            this.el.nativeElement.loading = false;
+            this.validationService.showError(e);
+        });
+    }
+}

src/angular/directives/autofocus.directive.ts

@@ -0,0 +1,24 @@
+import {
+    Directive,
+    ElementRef,
+    Input,
+} from '@angular/core';
+
+@Directive({
+    selector: '[appAutofocus]',
+})
+export class AutofocusDirective {
+    @Input() set appAutofocus(condition: boolean | string) {
+        this.autofocus = condition === '' || condition === true;
+    }
+
+    private autofocus: boolean;
+
+    constructor(private el: ElementRef) { }
+
+    ngOnInit() {
+        if (this.autofocus) {
+            this.el.nativeElement.focus();
+        }
+    }
+}

src/angular/directives/blur-click.directive.ts

@@ -0,0 +1,17 @@
+import {
+    Directive,
+    ElementRef,
+    HostListener,
+} from '@angular/core';
+
+@Directive({
+    selector: '[appBlurClick]',
+})
+export class BlurClickDirective {
+    constructor(private el: ElementRef) {
+    }
+
+    @HostListener('click') onClick() {
+        this.el.nativeElement.blur();
+    }
+}

src/angular/directives/fallback-src.directive.ts

@@ -0,0 +1,20 @@
+import {
+    Directive,
+    ElementRef,
+    HostListener,
+    Input,
+} from '@angular/core';
+
+@Directive({
+    selector: '[appFallbackSrc]',
+})
+export class FallbackSrcDirective {
+    @Input('appFallbackSrc') appFallbackSrc: string;
+
+    constructor(private el: ElementRef) {
+    }
+
+    @HostListener('error') onError() {
+        this.el.nativeElement.src = this.appFallbackSrc;
+    }
+}

src/angular/directives/stop-click.directive.ts

@@ -0,0 +1,13 @@
+import {
+    Directive,
+    HostListener,
+} from '@angular/core';
+
+@Directive({
+    selector: '[appStopClick]',
+})
+export class StopClickDirective {
+    @HostListener('click', ['$event']) onClick($event: MouseEvent) {
+        $event.preventDefault();
+    }
+}

src/angular/directives/stop-prop.directive.ts

@@ -0,0 +1,13 @@
+import {
+    Directive,
+    HostListener,
+} from '@angular/core';
+
+@Directive({
+    selector: '[appStopProp]',
+})
+export class StopPropDirective {
+    @HostListener('click', ['$event']) onClick($event: MouseEvent) {
+        $event.stopPropagation();
+    }
+}