Merge branch 'feat/hud-ui' of https://github.com/tiltedphoques/Tilted…

…Evolution into feat/hud-ui

Code/skyrim_ui/src/app/components/player-list/player-list.component.html

@@ -1,6 +1,7 @@
 <div id="app-player-list-container" *ngIf="playerList">
     <div *ngFor="let player of playerList!.players | keyvalue" [title]="player.value.cellName">
-        {{ player.value.name }} Id:{{ player.value.serverId }}
+        {{ player.value.name }} Id:{{ player.value.serverId }} <button class="btnCancel" (click)="teleportToPlayer(player.value.serverId)">Teleport to</button>
+        <hr>
     </div>
 </div>
 

Code/skyrim_ui/src/app/components/player-list/player-list.component.ts

@@ -32,6 +32,10 @@ export class PlayerListComponent implements OnInit, OnDestroy {
         return this.clientService.connectionStateChange.value;
     }
 
+    public teleportToPlayer(playerId: number) {
+        this.clientService.teleportToPlayer(playerId);
+    }
+
     public cancel(): void {
         this.done.next();
     }

Code/skyrim_ui/src/app/services/client.service.ts

@@ -227,6 +227,15 @@ export class ClientService implements OnDestroy {
     this.disconnect();
   }
 
+  public teleportToPlayer(playerId: number): void {
+    if (environment.game) {
+      skyrimtogether.teleportToPlayer(playerId);
+    }
+    else {
+      this.messageReception.next({ content: "Youre not ingame, duh" });
+    }
+  }
+
   /**
    * Called when the UI is first initialized.
    */

Code/skyrim_ui/src/typings.d.ts

@@ -250,4 +250,9 @@ interface SkyrimTogether {
    * Deactivate UI and release control.
    */
   deactivate(): void;
+
+  /**
+   * Teleport to given player
+   */
+  teleportToPlayer(playerId: number): void;
 }