submission ui modified

Author: drcoolsanjeev

codecamp-front/.angular-cli.json

@@ -30,8 +30,10 @@
         "../node_modules/ace-builds/src-min/ace.js",
         "../node_modules/ace-builds/src-min/theme-sqlserver.js",
         "../node_modules/ace-builds/src-min/mode-python.js",
-        "../node_modules/ace-builds/src-min/mode-java.js"
+        "../node_modules/ace-builds/src-min/mode-java.js",
+        "../node_modules/ace-builds/src-min/mode-c_cpp.js"
       ],
+
       "environmentSource": "environments/environment.ts",
       "environments": {
         "dev": "environments/environment.ts",

codecamp-front/package.json

@@ -23,7 +23,7 @@
     "@angular/platform-server": "5.2.7",
     "@angular/router": "5.2.7",
     "@types/jquery": "3.3.0",
-    "angular2-flash-messages": "2.0.5",
+    "angular2-flash-messages": "^2.0.5",
     "angular2-jwt": "0.2.3",
     "bootstrap": "4.0.0-beta.2",
     "core-js": "2.4.1",

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

@@ -38,11 +38,13 @@ const appRoutes: Routes = [
     },
     {
       path: 'register',
-      component: RegisterComponent
+      component: RegisterComponent,
+      canActivate: [NotAuthGuard]
     },
     {
       path: 'login',
-      component: LoginComponent
+      component: LoginComponent,
+      canActivate: [NotAuthGuard]
     },
     {
       path: 'practice',
@@ -71,7 +73,8 @@ const appRoutes: Routes = [
     },
     {
       path: ':contest/submit/:code',
-      component: SolultionSubmitComponent
+      component: SolultionSubmitComponent,
+      canActivate: [AuthGuard]
     },
     {
       path: 'submit/complete',
@@ -92,6 +95,10 @@ const appRoutes: Routes = [
       component: AddProblemComponent,
       canActivate: [AuthGuard]
     },
+    {
+      path: 'contest/:contest/ranking',
+      component: RanklistComponent
+    },
     {
       path: 'contest/:contest/:problem',
       component: ProblemComponent
@@ -104,11 +111,12 @@ const appRoutes: Routes = [
       path: 'contest/edit/:edit-contest',
       component: EditContestComponent,
       canActivate: [AuthGuard]
-    }
+    },
+      { path: '**', component: HomeComponent }
 ];
 
 @NgModule({
-  imports: [RouterModule.forRoot(appRoutes)],
+  imports: [RouterModule.forRoot(appRoutes, {useHash: true})],
   exports: [RouterModule]
 })
 export class AppRoutingModule  {

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

@@ -11,6 +11,7 @@
 <div class="container-fluid">
     <app-sidebar></app-sidebar>
     <div class="wrapper" [@panelInOut]="panelVisible">
+        <flash-messages></flash-messages>
         <router-outlet></router-outlet>
     </div>
 </div>

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

@@ -30,7 +30,6 @@ import { RanklistComponent } from './components/ranklist/ranklist.component';
 import { SolutionComponent } from './components/solultion-submit/solution/solution.component';
 import { ProblemComponent } from './components/problem/problem.component';
 import { AddProblemComponent } from './components/add-problem/add-problem.component';
-import { TimerComponent } from './components/timer/timer.component'
 
 
 import { AuthGuard } from './guards/auth.guard';
@@ -41,6 +40,7 @@ import { SidebarComponent } from './components/sidebar/sidebar.component';
 import { NgProgressModule, NgProgressBrowserXhr } from 'ngx-progressbar';
 import { BrowserXhr } from '@angular/http';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { FlashMessagesModule } from 'angular2-flash-messages';
 
 @NgModule({
   declarations: [
@@ -66,8 +66,7 @@ import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
     SolultionSubmitComponent,
     PreloaderComponent,
     SidebarComponent,
-    EditProfileComponent,
-    TimerComponent
+    EditProfileComponent
   ],
   imports: [
     BrowserModule,
@@ -76,10 +75,11 @@ import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
     AppRoutingModule,
     AceEditorModule,
     NgProgressModule,
-    BrowserAnimationsModule
+    BrowserAnimationsModule,
+    FlashMessagesModule.forRoot()
   ],
   providers: [ AuthService, AuthGuard, NotAuthGuard, ContestService,
-    {provide: BrowserXhr, useClass: NgProgressBrowserXhr}],
+    {provide: BrowserXhr, useClass: NgProgressBrowserXhr}, ],
   bootstrap: [AppComponent]
 })
 export class AppModule { }

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

@@ -1,14 +0,0 @@
-.file-input, .file-output{
-    padding: 10px;
-    background: red; 
-    display: table;
-    color: #fff;
-}
-
-.file-output{
-    background: green;
-}
-
-input[type="file"] {
-   display: none;
-}

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="constraints" 
+          formControlName="constraints" 
+          class="form-control" placeholder="Enter Constraints" autocomplete="off" rows="10"> 
+          </textarea>
+        </div>
         <div class="row">
           <div class="col-md-6">
           <div class="form-group">  
@@ -139,11 +147,10 @@
                   </textarea>
                   </div>
                 </div>
-            </div>
-            <div class="row">
+            </div><div class="row">
               <div class="col-md-6">
                 <div class="form-group">
-                  <label for="Input TestCase">Input File</label>
+                  <label for="Input File">Input File</label>
                   <textarea 
                   name="Input" 
                   formControlName="Input" 
@@ -156,9 +163,9 @@
                 </div>
                 <div class="col-md-6">
                 <div class="form-group">
-                    <label for="output_example">Output File</label>
+                    <label for="output File">Output File</label>
                     <textarea
-                    name="Output"
+                    name="Output" 
                     formControlName="Output" 
                     class="form-control" 
                     placeholder="Output Test case" 
@@ -168,13 +175,12 @@
                   </div>
                 </div>
             </div>
-            
         <div class="form-group">
             <label for="Explanation Example">Explanation Example</label>
             <textarea 
             name="explanation_example" 
             formControlName="explanation_example" 
-            class="form-control" placeholder="Explanation Example" autocomplete="off" rows="10"> 
+            class="form-control" placehzolder="Explanation Example" autocomplete="off" rows="10"> 
             </textarea>
           </div>
 

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

@@ -2,6 +2,7 @@ import { Component, OnInit } from '@angular/core';
 import { FormGroup, FormBuilder, Validators } from '@angular/forms';
 import { ContestService } from '../../services/contest.service';
 import { Router, ActivatedRoute } from '@angular/router';
+import { FlashMessagesService } from 'angular2-flash-messages';
 @Component({
   selector: 'app-add-problem',
   templateUrl: './add-problem.component.html',
@@ -14,7 +15,8 @@ export class AddProblemComponent implements OnInit {
     private contestService: ContestService,
     private router: Router,
     private formBuilder: FormBuilder,
-    private route: ActivatedRoute
+    private route: ActivatedRoute,
+    private _flashMessagesService: FlashMessagesService
   ) { }
 
   ngOnInit() {
@@ -63,8 +65,9 @@ export class AddProblemComponent implements OnInit {
 
     this.contestService.addProblem(problem, this.contest).subscribe(data => {
       if (!data.success) {
-        console.log(data.msg);
+        this._flashMessagesService.show(data.msg, { cssClass: 'alert-danger' } );
       } else {
+        this._flashMessagesService.show(data.msg, { cssClass: 'alert-success' } );
         this.router.navigate(['/contest', this.contest]);
       }
     });

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

@@ -29,7 +29,7 @@ export class ContestComponent implements OnInit {
   }
 
   replaceTZ(time) {
-    return time && time.replace(/[TZ]|.000/g,'<br>');
+    return time && time.replace(/[TZ]|.000/g, '<br>');
   }
   onSelectContest(i) {
     this.contestname = i.name;

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

@@ -8,7 +8,7 @@
                   <h1>CodeCamp
                   </h1>
 
-                  <h3 class="title"> Eat, Sleep and Code. </h3>
+                  <h3 class="title"> Eat, Code, Sleep and Repeat </h3>
               </div>
           </div>
       </div>