merge

code/moya-management-portal/package.json

@@ -18,7 +18,7 @@
     "@angular/common": "^5.2.0",
     "@angular/compiler": "^5.2.0",
     "@angular/core": "^5.2.0",
-    "@angular/forms": "^5.2.0",
+    "@angular/forms": "^5.2.9",
     "@angular/http": "^5.2.0",
     "@angular/material": "^5.2.4",
     "@angular/platform-browser": "^5.2.0",

code/moya-management-portal/src/app/app.component.html

@@ -6,3 +6,4 @@
   <img width="300" alt="Angular Logo" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTAgMjUwIj4KICAgIDxwYXRoIGZpbGw9IiNERDAwMzEiIGQ9Ik0xMjUgMzBMMzEuOSA2My4ybDE0LjIgMTIzLjFMMTI1IDIzMGw3OC45LTQzLjcgMTQuMi0xMjMuMXoiIC8+CiAgICA8cGF0aCBmaWxsPSIjQzMwMDJGIiBkPSJNMTI1IDMwdjIyLjItLjFWMjMwbDc4LjktNDMuNyAxNC4yLTEyMy4xTDEyNSAzMHoiIC8+CiAgICA8cGF0aCAgZmlsbD0iI0ZGRkZGRiIgZD0iTTEyNSA1Mi4xTDY2LjggMTgyLjZoMjEuN2wxMS43LTI5LjJoNDkuNGwxMS43IDI5LjJIMTgzTDEyNSA1Mi4xem0xNyA4My4zaC0zNGwxNy00MC45IDE3IDQwLjl6IiAvPgogIDwvc3ZnPg==">
 </div>
 <moya-event-list></moya-event-list>
+<moya-new-organization></moya-new-organization>

code/moya-management-portal/src/app/organization/new-organization/new-organization.component.html

-<p>
-  new-organization works!
-</p>
+<form [formGroup]="organizationForm" (ngSubmit)="onSubmit()">
+  <mat-form-field>
+    <input matInput placeholder="Organization name:" formControlName="name">
+  </mat-form-field>
+  <button mat-button type="submit">Submit</button>
+</form>

code/moya-management-portal/src/app/organization/new-organization/new-organization.component.ts

 import { Component, OnInit } from '@angular/core';
+import {FormControl, FormGroup} from '@angular/forms';
+
 
 @Component({
   selector: 'moya-new-organization',
@@ -7,9 +9,14 @@ import { Component, OnInit } from '@angular/core';
 })
 export class NewOrganizationComponent implements OnInit {
 
+  public organizationForm = new FormGroup({
+    name: new FormControl()
+  });
+
   constructor() { }
 
   ngOnInit() {
   }
+  onSubmit() { }
 
 }

code/moya-management-portal/src/app/organization/organization.module.ts

@@ -6,13 +6,17 @@ import { EventListComponent } from './event-list/event-list.component';
 import {MatSelectModule} from '@angular/material/select';
 import {OrganizationListService} from './organization-list/organization-list.service';
 import {MatCardModule} from '@angular/material/card';
-import {MatButtonModule} from '@angular/material';
+import { ReactiveFormsModule } from '@angular/forms';
+import { MatInputModule } from '@angular/material/input';
+import { MatButtonModule } from '@angular/material';
 
 @NgModule({
   imports: [
     CommonModule,
     MatSelectModule,
     MatCardModule,
+    ReactiveFormsModule,
+    MatInputModule,
     MatButtonModule
   ],
   providers: [OrganizationListService],