Archive commit

src/ts/components/admin/admin.ts

@@ -0,0 +1,75 @@
+import { Component, HostListener } from '@angular/core';
+import { Router } from '@angular/router';
+import { TooltipConfig } from 'ngx-bootstrap/tooltip';
+import { PopoverConfig } from 'ngx-bootstrap/popover';
+import { hasRole } from '../../common/accountUtils';
+import { AdminModel } from '../services/adminModel';
+import {
+	faSpinner, faSlidersH, faExclamationCircle, faUsers, faHorseHead, faMapMarkerAlt, faChartPie, faCog
+} from '../../client/icons';
+
+export function tooltipConfig() {
+	return Object.assign(new TooltipConfig(), { container: 'body' });
+}
+
+export function popoverConfig() {
+	return Object.assign(new PopoverConfig(), { container: 'body' });
+}
+
+@Component({
+	selector: 'pony-town-app',
+	templateUrl: 'admin.pug',
+	styleUrls: ['admin.scss'],
+	providers: [
+		{ provide: TooltipConfig, useFactory: tooltipConfig },
+		{ provide: PopoverConfig, useFactory: popoverConfig },
+	]
+})
+export class AdminApp {
+	readonly spinnerIcon = faSpinner;
+	readonly stateIcon = faSlidersH;
+	readonly eventsIcon = faExclamationCircle;
+	readonly accountsIcon = faUsers;
+	readonly poniesIcon = faHorseHead;
+	readonly originsIcon = faMapMarkerAlt;
+	readonly reportsIcon = faChartPie;
+	readonly otherIcon = faCog;
+	constructor(public model: AdminModel, private router: Router) {
+	}
+	get loading() {
+		if (!this.model.initialized) {
+			return 'Initializing';
+		} else if (!this.model.connected) {
+			return 'Connecting';
+		} else if (!this.model.loaded) {
+			return 'Loading';
+		} else {
+			return '';
+		}
+	}
+	get clients() {
+		return this.model.state.gameServers.reduce((sum, s) => sum + s.online, 0);
+	}
+	get events() {
+		return this.model.events.length;
+	}
+	get accounts() {
+		return this.model.counts.accounts;
+	}
+	get ponies() {
+		return this.model.counts.characters;
+	}
+	get origins() {
+		return this.model.counts.origins;
+	}
+	get isSuperadmin() {
+		return hasRole(this.model.account, 'superadmin');
+	}
+	@HostListener('window:go-to-account', ['$event'])
+	goToAccount({ detail }: CustomEvent) {
+		this.router.navigate(['/accounts', detail]);
+	}
+	signOut() {
+		window.location.href = '/';
+	}
+}