App Build

Author: iamsaquib8

codecamp-front/src/app/app-routing.module.ts

@@ -87,6 +87,10 @@ const appRoutes: Routes = [
       component: AddProblemComponent,
       canActivate: [AuthGuard]
     },
+    {
+      path: 'contest/:contest/ranking',
+      component: RanklistComponent
+    },
     {
       path: 'contest/:contest/:problem',
       component: ProblemComponent

codecamp-front/src/app/components/add-problem/add-problem.component.html

@@ -86,6 +86,14 @@
           class="form-control" placeholder="Enter Description" autocomplete="off" rows="10"> 
           </textarea>
         </div>
+        <div class="form-group">
+          <label for="Constraint">Constraint</label>
+          <textarea 
+          name="constraint" 
+          formControlName="constraint" 
+          class="form-control" placeholder="Enter Constraint" autocomplete="off" rows="10"> 
+          </textarea>
+        </div>
         <div class="row">
           <div class="col-md-6">
           <div class="form-group">  

codecamp-front/src/app/components/login/login.component.html

@@ -40,7 +40,6 @@ <h2 class="card-title">SIGN IN</h2>
                     </div>
                   </div>
                 </div>
-                <p>{{message}}</p>
               <div class="row">
                   <div class="col-md-9 offset-md-3">
                     <div class="row">

codecamp-front/src/app/components/problems/problems.component.html

@@ -29,8 +29,7 @@ <h1 class="display-4">{{contestname}}</h1>
             </div>
             <div class="col-md-3 head">
               Successful Submission
-            </div>
-              
+            </div>  
           </div>
           <a
           class="nav-link problem"
@@ -50,7 +49,9 @@ <h1 class="display-4">{{contestname}}</h1>
       <div class="timer">
         <p>Time to start</p>
       </div>
-      
+      <div class="ranking">
+        <button class="btn btn-info" (click)="onClickRanking()">Contest Rankings</button>
+      </div>
     </div>
   </div>
   </div>

codecamp-front/src/app/components/problems/problems.component.ts

@@ -17,14 +17,15 @@ export class ProblemsComponent implements OnInit {
   constructor(
     private contestService: ContestService,
     private router: Router,
-    private authService: AuthService,
+    public authService: AuthService,
     private route: ActivatedRoute
   ) { }
 
   ngOnInit() {
     this.contest = this.route.snapshot.params['contest'];
     this.contestService.getProblems(this.contest).subscribe(contest => {
-      this.problems = contest.msg.questions;
+      this.problems = contest.msg[0].questions;
+      console.log(contest.msg);
     });
     this.contestService.currentContest.subscribe(contest => this.contestname=contest);
   }
@@ -39,4 +40,8 @@ export class ProblemsComponent implements OnInit {
       this.router.navigate(['/contest']);
     })
   }
+
+  onClickRanking() {
+    this.router.navigate(['/contest',this.contest,'ranking']);
+  }
 }

codecamp-front/src/app/components/ranklist/ranklist.component.html

@@ -1,3 +1,40 @@
-<p>
-  ranklist works!
-</p>
+
+<div class="container">
+  <div class="row">
+    <div class="col-md-12">
+      <p *ngIf="problems?.length===0">No Successful Solutions Submitted Yet.</p>
+      
+      <!--
+      <nav aria-label="Page navigation example">
+        <ul class="pagination justify-content-center">
+          <li class="page-item disabled">
+            <a class="page-link" href="#" tabindex="-1">Previous</a>
+          </li>
+          <li class="page-item"><a class="page-link">1</a></li>
+          <li class="page-item"><a class="page-link">2</a></li>
+          <li class="page-item"><a class="page-link" href="#">3</a></li>
+          <li class="page-item">
+            <a class="page-link" href="#">Next</a>
+          </li>
+        </ul>
+      </nav>
+    -->
+    <table class="table table-striped">
+      <thead>
+        <tr>
+          <th scope="col">#</th>
+          <th scope="col">Username</th>
+          <th scope="col">Score</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr *ngFor="let rank of problems; let i=index;">
+          <th scope="row">{{i}}</th>
+          <td>{{rank.name}}</td>
+          <td>{{rank.score}}</td>
+        </tr> 
+      </tbody>
+    </table>
+    </div>
+  </div>
+</div>

codecamp-front/src/app/components/ranklist/ranklist.component.ts

@@ -1,4 +1,8 @@
 import { Component, OnInit } from '@angular/core';
+import { ContestService } from '../../services/contest.service';
+import { Router } from '@angular/router';
+import { AuthService } from '../../services/auth.service';
+import { ActivatedRoute } from '@angular/router';
 
 @Component({
   selector: 'app-ranklist',
@@ -7,9 +11,20 @@ import { Component, OnInit } from '@angular/core';
 })
 export class RanklistComponent implements OnInit {
 
-  constructor() { }
+  contest;
+  problems;
+  constructor(
+    private contestService: ContestService,
+    private router: Router,
+    private authService: AuthService,
+    private route: ActivatedRoute ) { }
 
   ngOnInit() {
+    this.contest = this.route.snapshot.params['contest'];
+    this.contestService.getRankings(this.contest).subscribe(contest => {
+      this.problems = contest.msg;
+      console.log(this.problems);
+    });
   }
 
 }

codecamp-front/src/app/components/solultion-submit/solution/solution.component.ts

@@ -16,15 +16,31 @@ export class SolutionComponent implements OnInit {
 
   ngOnInit() {
     this.data = this.contestService.getSolution();
-    if(this.data[0]==='C')
-    this.condition = 'green';
-    else if(this.data[0] === 'w')
-    this.condition = 'red';
-    else
+    if(this.data === true)
+    {
+      this.data = "Correct Answer";
+      this.condition = 'green';
+    }
+    else if(this.data === false)
+    {
+      this.data = "Worng Answer";
+      this.condition = 'red';
+    }
+    else if(this.data === 'RE')
     {
-        this.data = "Compile Time Error";
+      this.data = "Runtime Error";
+      this.condition = 'red';
+    }
+    else if(this.data === 'TLE')
+    {
+      this.data = "Time Limit Exceed";
       this.condition = 'blue';
     }
+    else
+    {
+      this.data = "Compile Time Error";
+      this.condition = 'red';
+    }
   }
 
 }

codecamp-front/src/app/services/auth.service.ts

@@ -9,7 +9,7 @@ import { tokenNotExpired } from 'angular2-jwt';
 export class AuthService {
   public authToken: any;
   public user: any;
-  public domain = 'http://localhost:3000';
+  //public domain = 'http://localhost:80/';
   public options;
 
   constructor(
@@ -31,12 +31,12 @@ export class AuthService {
     this.authToken = localStorage.getItem('token'); // Get tokens and asssign to variable to be used elsewhere
   }
   public registerUser(user) {
-    return this.http.post(this.domain + '/users/signup', user)
+    return this.http.post('users/signup', user)
       .map(res => res.json());
   }
 
   public loginUser(user) {
-    return this.http.post(this.domain + '/users/signin', user)
+    return this.http.post('users/signin', user)
     .map(res => res.json());
   }
 
@@ -75,6 +75,6 @@ export class AuthService {
   }
   getProfile() {
     this.createAuthenticationHeaders();
-    return this.http.get(this.domain + '/users/profile', this.options).map(res => res.json());
+    return this.http.get('users/profile', this.options).map(res => res.json());
   }
 }

codecamp-front/src/app/services/contest.service.ts

@@ -15,7 +15,7 @@ export class ContestService {
   public authToken: any;
   public user: any;
   public contest: any;
-  public domain = 'http://localhost:3000';
+  //public domain = 'http://localhost:3000';
   public options;
   public sol;
   public toggler: boolean;
@@ -48,38 +48,38 @@ export class ContestService {
 
   public addContest(contest) {
     return this.http
-      .post(this.domain + '/contest', contest)
+      .post('contest', contest)
         .map(res => res.json());
   }
 
   public getContest(): Observable<any> {
-    return this.http.get(this.domain + '/contest')
+    return this.http.get('contest')
         .map(res => res.json());
   }
 
   public addProblem(problem, contest): Observable<any> {
-    return this.http.post(this.domain + '/contest/' + contest, problem)
+    return this.http.post('contest/' + contest, problem)
       .map(res => res.json());
   }
 
   public getProblems(contest): Observable<any> {
-    return this.http.get(this.domain + '/contest/' + contest)
+    return this.http.get('contest/' + contest)
         .map(res => res.json());
   }
 
   public getProblem(code, contest): Observable<any> {
-    return this.http.get(this.domain + '/contest/' + contest + '/problems/' + code)
+    return this.http.get('contest/' + contest + '/problems/' + code)
       .map((res) =>{
          return res.json();
       });
   }
 
   public addSolution(solution): Observable<any> {
-    return this.http.post(this.domain + '/solution', solution)
+    return this.http.post('solution', solution)
       .map(res => res.json());
   }
   public deleteContest(contest) {
-    return this.http.delete(this.domain + '/contest/' + contest, this.options)
+    return this.http.delete( 'contest/' + contest)
       .map(res => res.json());
   }
   public setSolution(sol){
@@ -93,6 +93,10 @@ export class ContestService {
     this.contestSource.next(contest)
   }
 
+  getRankings(contest) {
+    return this.http.get('rankings/' + contest)
+      .map(res => res.json());
+  }
   ontoggle(value: boolean){
     this.Toggler.next(value);
   }