secy support

src/app/app-routing.module.ts

@@ -11,6 +11,7 @@ import { UpdateResultComponent } from './confirmation/update-result/updateResult
 import { LoginComponent } from './auth/login/login.component';
 import { SignupComponent } from './auth/signup/signup.component';
 import { AboutComponent } from './about/about.component';
+import { SecyComponent } from './secy/secy.component';
 import { AuthGuard } from './auth/auth.guard';
 
 const routes: Routes = [
@@ -24,6 +25,7 @@ const routes: Routes = [
   { path: 'login', component: LoginComponent },
   { path: 'signup', component: SignupComponent },
   { path: 'about', component: AboutComponent },
+  { path: 'harsh/1434/secy/:sport', component: SecyComponent },
 ];
 
 @NgModule({

src/app/app.module.ts

@@ -41,6 +41,7 @@ import { AuthInterceptor } from './auth/auth-interceptor';
 import { ServiceWorkerModule } from '@angular/service-worker';
 import { environment } from '../environments/environment';
 import { AboutComponent } from './about/about.component';
+import { SecyComponent } from './secy/secy.component';
 
 @NgModule({
   declarations: [
@@ -55,7 +56,8 @@ import { AboutComponent } from './about/about.component';
     UpdateResultComponent,
     LoginComponent,
     SignupComponent,
-    AboutComponent
+    AboutComponent,
+    SecyComponent
   ],
   imports: [
     BrowserModule,

src/app/app.service.ts

@@ -59,6 +59,9 @@ export class LadderService {
   private tennisRankUpdate = new Subject<number>();
   private badmintonRankUpdate = new Subject<number>();
 
+  private categoryData: any;
+  private categoryUpdate = new Subject<any>();
+
   constructor(
     private http: HttpClient,
     private router: Router,
@@ -411,6 +414,19 @@ export class LadderService {
       });
   }
 
+// Secy Category
+  secyCategory(sport: string) {
+    this.http.get(BackendURLSecy + 'players/' + sport)
+      .subscribe(data => {
+        this.categoryData = data;
+        this.categoryUpdate.next(this.categoryData);
+      });
+  }
+
+  secyCategoryUpdateListener() {
+    return this.categoryUpdate.asObservable();
+  }
+
 // SnackBar for all!
   openSnackBar(message: string, action: string) {
     this.snackBar.open(message, action, { duration: 4000 });

src/app/ladder-table/ladder-table.component.ts

@@ -2,7 +2,7 @@ import { Component, OnInit, OnDestroy } from '@angular/core';
 import { animate, state, style, transition, trigger } from '@angular/animations';
 import { FormControl } from '@angular/forms';
 import { LadderRanking } from './ladder.model';
-import { Subscription, timer } from 'rxjs';
+import { Subscription } from 'rxjs';
 import { LadderService } from '../app.service';
 import { Router } from '@angular/router';
 import { MatTableDataSource } from '@angular/material';

src/app/secy/secy.component.css

@@ -0,0 +1,5 @@
+table {
+  width: 80%;
+  margin-left:10%;
+  margin-top: 20px;
+}

src/app/secy/secy.component.html

@@ -0,0 +1,14 @@
+<table mat-table [dataSource]="dataSource" class="mat-elevation-z8">
+<ng-container matColumnDef="name">
+  <th mat-header-cell *matHeaderCellDef> Name </th>
+  <td mat-cell *matCellDef="let element"> {{element.name}} </td>
+</ng-container>
+
+<ng-container matColumnDef="category">
+  <th mat-header-cell *matHeaderCellDef> Category </th>
+  <td mat-cell *matCellDef="let element"> {{element.category}} </td>
+</ng-container>
+
+<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
+<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
+</table>

src/app/secy/secy.component.ts

@@ -0,0 +1,41 @@
+import { Component, OnInit, OnDestroy } from '@angular/core';
+import { LadderService } from '../app.service';
+import { Subscription } from 'rxjs';
+import { ActivatedRoute, ParamMap } from '@angular/router';
+
+export interface CategoryTable {
+  name: string;
+  category: string;
+}
+
+@Component({
+  selector: 'app-secy',
+  templateUrl: './secy.component.html',
+  styleUrls: ['./secy.component.css']
+})
+
+export class SecyComponent implements OnInit, OnDestroy {
+
+  displayedColumns: string[] = ['name', 'category'];
+  dataSource: any;
+  sport: string;
+  public tableSub: Subscription;
+
+  constructor(public ladderService: LadderService, public route: ActivatedRoute) {}
+
+  ngOnInit() {
+    this.route.paramMap.subscribe((paramMap: ParamMap) => {
+      this.sport = paramMap.get('sport');
+    });
+    this.ladderService.secyCategory(this.sport);
+    this.tableSub = this.ladderService.secyCategoryUpdateListener()
+      .subscribe(data => {
+        this.dataSource = data;
+      });
+  }
+
+  ngOnDestroy() {
+    this.tableSub.unsubscribe();
+  }
+
+}