bug with ng2-bootstrap - ignoring for now

Subscribed to this thread to follow the issue: valor-software/ngx-bootstrap#854

src/app/problems/problem/problem.module.ts

@@ -14,6 +14,7 @@ import { RankingComponent } from './leaderboard/ranking';
 import { SharingService } from './shared';
 import { FormattingModule } from '../../shared';
 import { CodeEditorModule } from '../../code-editor';
+import { SubmissionModule } from '../../submission-modal';
 
 @NgModule({
   imports: [
@@ -24,6 +25,7 @@ import { CodeEditorModule } from '../../code-editor';
 
     FormattingModule,
     CodeEditorModule,
+    SubmissionModule,
     problemRouting
   ],
   declarations: [

src/app/shared/services/index.ts

@@ -1,2 +1 @@
 export * from './login-modal.service';
-export * from './submission.service';

src/app/submission-modal/index.ts

@@ -1,2 +1,2 @@
 export * from './submission-modal.component';
-export * from './submission-modal.module';
+export * from './submission.module';

src/app/submission-modal/submission-modal.component.html

@@ -1,5 +1,8 @@
+<!--TODO: once fixed-->
+<!--[config]="{backdrop: 'static'}"-->
+
 <div bsModal #modal="bs-modal" class="modal fade"
-    [config]="{backdrop: 'static'}" tabindex="-1"
+    [config]="{backdrop: false}" tabindex="-1"
     (onHide)="onHide()"
     role="dialog" aria-labelledby="modal" aria-hidden="true">
   <div class="vertical-alignment-helper">

src/app/submission-modal/submission-modal.component.ts

@@ -3,18 +3,17 @@ import { Component, Input, OnDestroy, ViewChild } from '@angular/core';
 import { Subscription } from 'rxjs/Rx';
 import { ModalDirective, ModalOptions } from 'ng2-bootstrap';
 
-import { AuthService, Result, Submission, SubmissionService } from '../shared';
+import { AuthService, Result, Submission } from '../shared';
+import { SubmissionService } from './submission.service';
 
-const configPreventCloseOnClickOutside: ModalOptions = { backdrop: 'static' };
+const configPreventCloseOnClickOutside: ModalOptions = {  }; // backdrop: 'static'
+const configAllowCloseOnClickOutside: ModalOptions = {};
 
 @Component({
   moduleId: module.id,
   selector: 'app-submission-modal',
   templateUrl: 'submission-modal.component.html',
-  styleUrls: ['submission-modal.component.css'],
-  providers: [
-    SubmissionService
-  ]
+  styleUrls: ['submission-modal.component.css']
 })
 export class SubmissionModalComponent implements OnDestroy {
   @Input() problemId: string;
@@ -56,9 +55,11 @@ export class SubmissionModalComponent implements OnDestroy {
           },
           () => {
             // Allow click outside
-            this.modal.config = {};
+            this.modal.config = configAllowCloseOnClickOutside;
             this.killSubscription();
           });
+          console.log('before');
+
       this.modal.show();
     });
   }

src/app/submission-modal/submission-modal.module.ts → src/app/submission-modal/submission.module.ts

@@ -1,21 +1,24 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { RouterModule } from '@angular/router';
+import { HttpModule } from '@angular/http';
 
 import { ModalModule } from 'ng2-bootstrap';
 
 import { SubmissionModalComponent } from './submission-modal.component';
+import { SubmissionService } from './submission.service';
+import { FormattingModule } from '../shared';
 
 @NgModule({
   imports: [
     CommonModule,
-    FormsModule,
-    ReactiveFormsModule,
-    RouterModule,
-    ModalModule
+    HttpModule,
+
+    ModalModule,
+
+    FormattingModule
   ],
   declarations: [SubmissionModalComponent],
+  providers: [SubmissionService],
   exports: [SubmissionModalComponent]
 })
-export class SubmissionModalModule { }
+export class SubmissionModule { }

src/app/submission-modal/submission.service.ts

@@ -0,0 +1,20 @@
+import { Injectable } from '@angular/core';
+import { Http, Headers } from '@angular/http';
+
+import { Observable } from 'rxjs/Rx';
+
+import { Result, Submission } from '../shared';
+
+const url = 'http://code.neumont.edu/submit';
+const requestHeaders = new Headers({ 'Content-Type': 'application/json' });
+
+@Injectable()
+export class SubmissionService {
+  constructor(private http: Http) { }
+
+  submit(submission: Submission): Observable<Result> {
+    return this.http
+        .post(url, submission, {headers: requestHeaders})
+        .map(res => res.json() as Result);
+  }
+}