contest Frontend Routes

Author: iamsaquib8

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

@@ -17,6 +17,8 @@ import { ContestComponent } from './components/contest/contest.component';
 import { AboutComponent } from './components/about/about.component';
 
 import { AuthService } from './services/auth.service';
+import { ContestService } from './services/contest.service';
+
 import { HttpModule } from '@angular/http';
 import { IdeComponent } from './components/ide/ide.component';
 import { ProblemsComponent } from './components/problems/problems.component';
@@ -53,7 +55,7 @@ import { SolutionComponent } from './components/solution/solution.component';
     ReactiveFormsModule,
     AppRoutingModule
   ],
-  providers: [ AuthService],
+  providers: [ AuthService, ContestService],
   bootstrap: [AppComponent]
 })
 export class AppModule { }

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

@@ -5,7 +5,7 @@
     <form [formGroup]="form" (submit)="onAddContestSubmit()">
       <div class="form-group">  
         <label for="name">Contest Name</label>
-        <input type="text" 
+        <input type="text"  
         name="name" 
         formControlName="name" 
         class="form-control" 
@@ -28,25 +28,25 @@
         <div class="col-md-6">
           <div class="form-group">
             <label for="startDate">Start Time</label>
-            <input type="datetime-local" 
-            name="startdate" 
-            formControlName="startdate" 
+            <input type="date" 
+            name="startTime" 
+            formControlName="startTime" 
             class="form-control" 
             placeholder="Start Time" 
             autocomplete="off"
-            [ngClass]="{'is-invalid': (form.controls.startdate.errors && form.controls.startdate.dirty) , 'is-valid': !form.controls.startdate.errors}">
+            [ngClass]="{'is-invalid': (form.controls.startTime.errors && form.controls.startTime.dirty) , 'is-valid': !form.controls.startTime.errors}">
           </div>
           </div>
           <div class="col-md-6">
           <div class="form-group">
               <label for="EndDate">End Time</label>
-              <input type="datetime-local" 
-              name="enddate" 
-              formControlName="enddate" 
+              <input type="date" 
+              name="endTime" 
+              formControlName="endTime" 
               class="form-control" 
               placeholder="End Time" 
               autocomplete="off"
-              [ngClass]="{'is-invalid': (form.controls.enddate.errors && form.controls.enddate.dirty) , 'is-valid': !form.controls.enddate.errors}">
+              [ngClass]="{'is-invalid': (form.controls.endTime.errors && form.controls.endTime.dirty) , 'is-valid': !form.controls.endTime.errors}">
             </div>
           </div>
         </div>

codecamp-front/src/app/components/add-contest/add-contest.component.ts

@@ -2,6 +2,7 @@ import { Component, OnInit } from '@angular/core';
 import { FormGroup, FormBuilder, Validators } from '@angular/forms';
 import { AuthService } from '../../services/auth.service';
 import { Router } from '@angular/router';
+import { ContestService } from '../../services/contest.service';
 
 @Component({
   selector: 'app-add-contest',
@@ -11,27 +12,46 @@ import { Router } from '@angular/router';
 export class AddContestComponent implements OnInit {
 
   form: FormGroup;
+  username: string;
 
   constructor(
     private authService: AuthService,
     private router: Router,
-    private formBuilder: FormBuilder
+    private formBuilder: FormBuilder,
+    private contestService: ContestService
   ) { }
 
   ngOnInit() {
     this.createForm();
+    this.authService.getProfile().subscribe(profile => {
+      this.username = profile.msg.username; // Used when creating new blog posts and comments
+    });
   }
   createForm() {
     this.form = this.formBuilder.group({
       name: ['', Validators.required],
       id: ['', Validators.required],
-      startdate: ['', Validators.required],
-      enddate: ['', Validators.required],
+      startTime: ['', Validators.required],
+      endTime: ['', Validators.required],
       description: ['', Validators.required]
     });
   }
 
   onAddContestSubmit() {
-    
+    const contest = {
+      // username: this.username,
+      name: this.form.get('name').value,
+      id: this.form.get('id').value,
+      startTime: this.form.get('startTime').value,
+      endTime: this.form.get('endTime').value,
+      description: this.form.get('description').value
+    };
+    this.contestService.addContest(contest).subscribe(data => {
+      if (!data.success) {
+        console.log(data.msg);
+      } else {
+        this.router.navigate(['/contest']);
+      }
+    });
   }
 }

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

@@ -3,6 +3,11 @@ <h2 class="page-header">{{user.name}}</h2>
   <ul class="list-group">
     <li class="list-group-item">Username: {{user.username}}</li>
     <li class="list-group-item">Email: {{user.email_id}}</li>
-    <li class="list-group-item">Name: {{user.name}}</li>
+    <li class="list-group-item">Name: {{ user.name }}</li>
+    <li class="list-group-item">College: {{ user.college }}</li>
+    <li class="list-group-item">Date Of Birth: {{ user.dob }}</li>
+    <li class="list-group-item">City: {{ user.city }}</li>
+    <li class="list-group-item">Gender: {{ user.gender }}</li>
+    <li class="list-group-item">JoinedOn: {{ user.joinedOn }}</li>
   </ul>
-</div>
+</div>

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

@@ -9,13 +9,20 @@ import { Router } from '@angular/router';
 })
 export class ProfileComponent implements OnInit {
 
-  user: Object;
+  user;
   constructor(
     private authService: AuthService,
     private router: Router
-  ) { }
+  ) {
+     this.user = authService.getProfile().subscribe(profile => {
+       this.user = profile.msg;
+        console.log(JSON.stringify(this.user));
+     });
+      console.log(this.user);
+  }
 
   ngOnInit() {
-  }
+
+    }
 
 }

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

@@ -84,6 +84,7 @@ export class RegisterComponent implements OnInit {
     };
     this.authService.registerUser(user).subscribe(data => {
       if (!data.success) {
+        console.log(data.msg);
       } else {
         this.router.navigate(['/login']);
       }

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 = '';
+  public domain = 'http://localhost:3000';
   public options;
 
   constructor(
@@ -68,4 +68,8 @@ export class AuthService {
     this.user = null;
     localStorage.clear(); // Clear local storage
   }
+  getProfile() {
+    this.createAuthenticationHeaders();
+    return this.http.get(this.domain + '/users/profile', this.options).map(res => res.json());
+  }
 }

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

@@ -0,0 +1,15 @@
+import { TestBed, inject } from '@angular/core/testing';
+
+import { ContestService } from './contest.service';
+
+describe('ContestService', () => {
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      providers: [ContestService]
+    });
+  });
+
+  it('should be created', inject([ContestService], (service: ContestService) => {
+    expect(service).toBeTruthy();
+  }));
+});

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

@@ -0,0 +1,42 @@
+import { Injectable } from '@angular/core';
+import { Http, Headers, RequestOptions } from '@angular/http';
+import { HttpModule } from '@angular/http';
+
+import 'rxjs/add/operator/map';
+import { tokenNotExpired } from 'angular2-jwt';
+
+@Injectable()
+export class ContestService {
+
+  public authToken: any;
+  public user: any;
+  public contest: any;
+  public domain = 'http://localhost:3000';
+  public options;
+
+  constructor(
+    private http: Http
+  ) { }
+
+  public createAuthenticationHeaders() {
+    this.loadToken(); // Get token so it can be attached to headers
+    // Headers configuration options
+    this.options = new RequestOptions({
+      headers: new Headers({
+        'Content-Type': 'application/json', // Format set to JSON
+        'authorization': this.authToken // Attach token
+      })
+    });
+  }
+
+  public loadToken() {
+    this.authToken = localStorage.getItem('token'); // Get token and asssign to variable to be used elsewhere
+  }
+
+  public addContest(contest) {
+    console.log(contest);
+    return this.http
+      .post(this.domain + '/contest', contest)
+        .map(res => res.json());
+  }
+}

contest/models/contest.js

@@ -6,9 +6,14 @@ var contestSchema = new mongoose.Schema({
         type:String,
         required:true
     },
+    'id':{
+        type:String,
+        required:true,
+        unique:true
+    },
     'startTime':{
         type:Date,
-        required:true,
+        required:true
     },
     'endTime':{
         type:Date,