Archive commit

src/ts/components/admin/shared/auth-info-remote/auth-info-remote.ts

@@ -0,0 +1,31 @@
+import { Component, Input, OnDestroy } from '@angular/core';
+import { Subscription } from '../../../../common/interfaces';
+import { AdminModel } from '../../../services/adminModel';
+import { Auth } from '../../../../common/adminInterfaces';
+
+@Component({
+	selector: 'auth-info-remote',
+	templateUrl: 'auth-info-remote.pug',
+})
+export class AuthInfoRemote implements OnDestroy {
+	@Input() showName = false;
+	auth?: Auth;
+	private _authId?: string;
+	private subscription?: Subscription;
+	constructor(private model: AdminModel) {
+	}
+	get authId() {
+		return this._authId;
+	}
+	@Input() set authId(value: string | undefined) {
+		if (this.authId !== value) {
+			this._authId = value;
+			this.auth = undefined;
+			this.subscription && this.subscription.unsubscribe();
+			this.subscription = value ? this.model.auths.subscribe(value, auth => this.auth = auth) : undefined;
+		}
+	}
+	ngOnDestroy() {
+		this.subscription && this.subscription.unsubscribe();
+	}
+}