-
-
-
- Home
-
diff --git a/console/ui/src/app/home/home.component.scss b/console/ui/src/app/home/home.component.scss
deleted file mode 100644
index a4e66f86d8f68686527e6ac43aa4b73886db66c0..0000000000000000000000000000000000000000
--- a/console/ui/src/app/home/home.component.scss
+++ /dev/null
@@ -1,11 +0,0 @@
-/* Colors */
-$brand-purple: #7668ED;
-$brand-light-purple: #A69BFF;
-$brand-grey: #FAFAFC;
-$brand-dark-blue: #333564;
-$brand-pink: #F853F7;
-$brand-blue: #68B8EA;
-$brand-red: #FE756A;
-$brand-yellow: #EDD83E;
-$brand-green: #63C179;
-$font-color: #333564;
diff --git a/console/ui/src/app/home/home.component.ts b/console/ui/src/app/home/home.component.ts
deleted file mode 100644
index 375494e59c63c40c75914d9ac9a75b38cfae8484..0000000000000000000000000000000000000000
--- a/console/ui/src/app/home/home.component.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-// Copyright 2020 The Nakama Authors
-//
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-
-import {Component, OnDestroy, OnInit} from '@angular/core';
-import {ActivatedRoute, Router} from '@angular/router';
-
-@Component({
- templateUrl: './home.component.html',
- styleUrls: ['./home.component.scss']
-})
-export class HomeComponent implements OnInit, OnDestroy {
- public error: any;
-
- constructor(
- private readonly router: Router,
- private readonly route: ActivatedRoute,
- ) {}
-
- ngOnInit() {
- this.route.data.subscribe(data => {
- this.error = data.error ? data.error : '';
- });
- }
-
- ngOnDestroy(): void {
- }
-}
diff --git a/console/ui/src/app/leaderboard/details/details.component.html b/console/ui/src/app/leaderboard/details/details.component.html
new file mode 100644
index 0000000000000000000000000000000000000000..4c08122fc27ad73167f1a120c1390408e64e7b3b
--- /dev/null
+++ b/console/ui/src/app/leaderboard/details/details.component.html
@@ -0,0 +1,150 @@
+
+
+
An error occurred: {{error}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Tournaments
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/console/ui/src/app/leaderboard/details/details.component.scss b/console/ui/src/app/leaderboard/details/details.component.scss
new file mode 100644
index 0000000000000000000000000000000000000000..115fe3af2bae650bd0c8fbb4f4c91cf199c52232
--- /dev/null
+++ b/console/ui/src/app/leaderboard/details/details.component.scss
@@ -0,0 +1,4 @@
+.leaderboard-top-nav {
+ border-bottom: solid 1px #dadae9;
+ padding-bottom: 1.5em;
+}
\ No newline at end of file
diff --git a/console/ui/src/app/leaderboard/details/details.component.ts b/console/ui/src/app/leaderboard/details/details.component.ts
new file mode 100644
index 0000000000000000000000000000000000000000..9b87ac1e18a5af7546a129f5b71483e2c4fc672d
--- /dev/null
+++ b/console/ui/src/app/leaderboard/details/details.component.ts
@@ -0,0 +1,68 @@
+// Copyright 2020 The Nakama Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+import {AfterViewInit, Component, ElementRef, OnInit, ViewChild} from '@angular/core';
+import {Leaderboard} from '../../console.service';
+import {ActivatedRoute} from '@angular/router';
+import * as ace from 'ace-builds';
+
+@Component({
+ templateUrl: './details.component.html',
+ styleUrls: ['./details.component.scss']
+})
+export class LeaderboardDetailsComponent implements OnInit, AfterViewInit {
+ @ViewChild("editor") private editor: ElementRef;
+
+ public orderString = {
+ 0: 'Ascending',
+ 1: 'Descending',
+ };
+ public operatorString = {
+ 0: 'Best',
+ 1: 'Set',
+ 2: 'Increment',
+ 3: 'Decrement',
+ };
+
+ private aceEditor: ace.Ace.Editor;
+ public leaderboard: Leaderboard;
+ public error = '';
+
+ constructor(private readonly route: ActivatedRoute) {}
+
+ ngOnInit(): void {
+ this.route.parent.data.subscribe(
+ d => {
+ this.leaderboard = d[0];
+ },
+ err => {
+ this.error = err;
+ });
+ }
+
+ ngAfterViewInit(): void {
+ ace.config.set('fontSize', '14px');
+ ace.config.set('printMarginColumn', 0);
+ ace.config.set('useWorker', true);
+ ace.config.set('highlightSelectedWord', true);
+ ace.config.set('fontFamily', '"Courier New", Courier, monospace');
+ this.aceEditor = ace.edit(this.editor.nativeElement);
+ this.aceEditor.setReadOnly(true);
+
+ if (this.leaderboard.metadata) {
+ const value = JSON.stringify(JSON.parse(this.leaderboard.metadata), null, 2)
+ this.aceEditor.session.setValue(value);
+ }
+ }
+}
diff --git a/console/ui/src/app/leaderboard/leaderboard.component.html b/console/ui/src/app/leaderboard/leaderboard.component.html
new file mode 100644
index 0000000000000000000000000000000000000000..b5cc6addba8d6d1f4b95a6dd8eb3f5c040cf9f8c
--- /dev/null
+++ b/console/ui/src/app/leaderboard/leaderboard.component.html
@@ -0,0 +1,28 @@
+
Leaderboard
+
+
+
+
+
+
+
+
+
+
+
An error occurred: {{error}}
+
+
+
+
+
diff --git a/console/ui/src/app/leaderboard/leaderboard.component.scss b/console/ui/src/app/leaderboard/leaderboard.component.scss
new file mode 100644
index 0000000000000000000000000000000000000000..f725ea461d5726399370b84e9d77b3fd36c88b3e
--- /dev/null
+++ b/console/ui/src/app/leaderboard/leaderboard.component.scss
@@ -0,0 +1,44 @@
+/* Colors */
+$brand-purple: #7668ED;
+$brand-light-purple: #A69BFF;
+$brand-grey: #FAFAFC;
+$brand-dark-blue: #333564;
+
+//.breadcrumb {
+// font-size: 30px;
+// padding: 0;
+// margin-bottom: 0;
+// background: none;
+//}
+
+.nav-link {
+ font-size: 12px;
+ font-family: 'Montserrat', sans-serif;
+ text-transform: uppercase;
+ letter-spacing: 0.1em;
+ color: black;
+ opacity: 0.5;
+ padding: 0;
+ padding-bottom: 1.6em;
+ margin-right: 3em;
+ margin-bottom: -2px;
+ font-weight: 600;
+}
+
+.nav-link:hover {
+ opacity: 1;
+}
+
+.nav-link.account-link-active {
+ opacity: 1;
+ border-bottom: solid 2px $brand-purple;
+}
+
+.navbar-expand-sm {
+ border-bottom: solid 1px darken($brand-grey, 10%);
+}
+
+.leaderboard-top-nav {
+ border-bottom: solid 1px #dadae9;
+ padding-bottom: 1.5em;
+}
\ No newline at end of file
diff --git a/console/ui/src/app/leaderboard/leaderboard.component.ts b/console/ui/src/app/leaderboard/leaderboard.component.ts
new file mode 100644
index 0000000000000000000000000000000000000000..e598196fb81a113b65cb6a2c28bcb48b122969a0
--- /dev/null
+++ b/console/ui/src/app/leaderboard/leaderboard.component.ts
@@ -0,0 +1,75 @@
+// Copyright 2020 The Nakama Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+import {Component, Injectable, OnInit} from '@angular/core';
+import {ConsoleService, Leaderboard, UserRole} from '../console.service';
+import {ActivatedRoute, ActivatedRouteSnapshot, Resolve, Router, RouterStateSnapshot} from '@angular/router';
+import {Observable} from 'rxjs';
+import {AuthenticationService} from '../authentication.service';
+
+@Component({
+ templateUrl: './leaderboard.component.html',
+ styleUrls: ['./leaderboard.component.scss']
+})
+export class LeaderboardComponent implements OnInit {
+ public leaderboard: Leaderboard;
+ public error = '';
+
+ public views = [
+ {label: 'Details', path: 'details'},
+ {label: 'Records', path: 'records'},
+ ];
+
+ constructor(private readonly route: ActivatedRoute,
+ private readonly router: Router,
+ private readonly consoleService: ConsoleService,
+ private readonly authService: AuthenticationService
+ ) {}
+
+ ngOnInit(): void {
+ this.route.data.subscribe(
+ d => {
+ this.leaderboard = d[0];
+ },
+ err => {
+ this.error = err;
+ });
+ }
+
+ deleteLeaderboard(event) {
+ event.target.disabled = true;
+ this.error = '';
+ this.consoleService.deleteLeaderboard('', this.leaderboard.id).subscribe(() => {
+ this.error = '';
+ this.router.navigate(['/leaderboards']);
+ }, err => {
+ this.error = err;
+ })
+ }
+
+ deleteAllowed() {
+ // only admin and developers are allowed.
+ return this.authService.sessionRole <= UserRole.USER_ROLE_DEVELOPER;
+ }
+}
+
+@Injectable({providedIn: 'root'})
+export class LeaderboardResolver implements Resolve {
+ constructor(private readonly consoleService: ConsoleService) {}
+
+ resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable {
+ const leaderboardId = route.paramMap.get("id");
+ return this.consoleService.getLeaderboard('', leaderboardId)
+ }
+}
diff --git a/console/ui/src/app/leaderboard/records/records.component.html b/console/ui/src/app/leaderboard/records/records.component.html
new file mode 100644
index 0000000000000000000000000000000000000000..91ac6af9acb73bc7b2962f210db822cf93c21e91
--- /dev/null
+++ b/console/ui/src/app/leaderboard/records/records.component.html
@@ -0,0 +1,61 @@
+
+
+
An error occurred: {{error}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Owner ID
+
Username
+
Score
+
Subscore
+
Rank
+
No. of scores
+
Expiry Time
+
Remove
+
+
+
+
+
No records found.
+
+
+
+
+
+
+
+
+
+ {{r.owner_id}}
+
+
{{r.username}}
+
{{r.score}}
+
{{r.subscore}}
+
{{r.rank}}
+
{{r.num_score}}
+
{{r.expiry_time ? r.expiry_time : '-'}}
+
+
+
+
{{r.metadata}}
+
+
+
+
+
diff --git a/console/ui/src/app/leaderboard/records/records.component.scss b/console/ui/src/app/leaderboard/records/records.component.scss
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/console/ui/src/app/leaderboard/records/records.component.ts b/console/ui/src/app/leaderboard/records/records.component.ts
new file mode 100644
index 0000000000000000000000000000000000000000..6fdd4c814ac65227f5a9cfd37c568efecb2d1c9a
--- /dev/null
+++ b/console/ui/src/app/leaderboard/records/records.component.ts
@@ -0,0 +1,122 @@
+// Copyright 2020 The Nakama Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+import {Component, Injectable, OnInit} from '@angular/core';
+import {
+ ApiLeaderboardRecord, ApiLeaderboardRecordList,
+ ConsoleService, Leaderboard,
+ UserRole,
+} from '../../console.service';
+import {ActivatedRoute, ActivatedRouteSnapshot, Resolve, RouterStateSnapshot} from '@angular/router';
+import {AuthenticationService} from '../../authentication.service';
+import {Observable} from 'rxjs';
+
+@Component({
+ templateUrl: './records.component.html',
+ styleUrls: ['./records.component.scss']
+})
+export class LeaderboardRecordsComponent implements OnInit {
+ public error = '';
+
+ public leaderboard: Leaderboard;
+ public records: Array = [];
+ public recordsMetadataOpen: Array = [];
+ public nextCursor = '';
+ public prevCursor = '';
+
+ constructor(
+ private readonly route: ActivatedRoute,
+ private readonly consoleService: ConsoleService,
+ private readonly authService: AuthenticationService,
+ ) {}
+
+ ngOnInit(): void {
+ this.route.data.subscribe(
+ d => {
+ this.records.length = 0;
+ this.records.push(...d[0].records);
+ this.nextCursor = d[0].next_cursor;
+ this.prevCursor = d[0].prev_cursor;
+ this.recordsMetadataOpen.length = this.records.length;
+ },
+ err => {
+ this.error = err;
+ });
+
+ this.route.parent.data.subscribe(
+ d => {
+ this.leaderboard = d[0];
+ },
+ err => {
+ this.error = err;
+ });
+ }
+
+ loadRecords(state: number): void {
+ let cursor = '';
+ switch (state) {
+ case -1:
+ cursor = this.prevCursor;
+ break;
+ case 0:
+ cursor = '';
+ break;
+ case 1:
+ cursor = this.nextCursor;
+ break;
+ }
+
+ this.consoleService.listLeaderboardRecords('', this.leaderboard.id, null, null, cursor, null).subscribe(d => {
+ this.error = '';
+
+ this.nextCursor = d.next_cursor;
+ this.prevCursor = d.prev_cursor;
+
+ this.records.length = 0;
+ this.records.push(...d.records);
+ this.recordsMetadataOpen.length = 0; // wipe old records
+ this.recordsMetadataOpen.length = this.records.length;
+ }, err => {
+ this.error = err;
+ });
+ }
+
+ deleteRecord(event, i: number, r: ApiLeaderboardRecord): void {
+ event.target.disabled = true;
+ event.preventDefault();
+ this.error = '';
+ this.consoleService.deleteLeaderboardRecord('', r.leaderboard_id, r.owner_id).subscribe(() => {
+ this.error = '';
+ this.records.splice(i, 1);
+ this.recordsMetadataOpen.splice(i, 1);
+ }, err => {
+ this.error = err;
+ });
+ }
+
+ deleteAllowed(): boolean {
+ // only admin and developers are allowed.
+ return this.authService.sessionRole <= UserRole.USER_ROLE_DEVELOPER;
+ }
+}
+
+@Injectable({providedIn: 'root'})
+export class LeaderboardRecordsResolver implements Resolve {
+ constructor(private readonly consoleService: ConsoleService) {}
+
+ resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable {
+ const leaderboardId = route.parent.paramMap.get('id');
+ return this.consoleService.listLeaderboardRecords('', leaderboardId, null, null, null, null);
+ }
+}
diff --git a/console/ui/src/app/leaderboards/leaderboards.component.html b/console/ui/src/app/leaderboards/leaderboards.component.html
new file mode 100644
index 0000000000000000000000000000000000000000..d09a9e940923183759a4fca9f7c0d98bf837c93c
--- /dev/null
+++ b/console/ui/src/app/leaderboards/leaderboards.component.html
@@ -0,0 +1,35 @@
+
+ 
+ 
- 
+ 
{{r.label}}
+ 
Documentation
+ 
Forum
+ 
Heroic Labs Blog
+ 
Logout
-