New event buttons works

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

@@ -16,7 +16,7 @@ export class EventListComponent implements OnInit, OnChanges {
   }
 
   onClick() {
-    console.log('Nappitoimii');
+    console.log('Button works');
   }
 
   ngOnInit() {
@@ -26,7 +26,8 @@ export class EventListComponent implements OnInit, OnChanges {
 
   ngOnChanges(changes: SimpleChanges): void {
     console.log('toimii', changes, this.organization.name);
-    this.events = this.appService.get(changes.organization.currentValue);
+    this.events = this.appService.get(this.organization.name);
+    // this.events = this.appService.get(changes.organization.currentValue);
     console.log('ei toi');
   }
 }

code/moya-management-portal/src/app/organization/event-list/event-service.service.ts

@@ -5,7 +5,7 @@ export class EventsService {
 
   get(org: String) {
     console.log(org);
-    if (org === 'Assemly') {
+    if (org === 'Assembly') {
       return [
         {title: 'Assembly Winter 18', date: '1.2.2018 - 3.2.2018'},
         {title: 'Assembly Summer 18', date: '1.2.2018 - 3.2.2018'},

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

-<form [formGroup]="eventForm" (ngSubmit)="onSubmit()">
+<form [formGroup]="form" (ngSubmit)="onSubmit()">
   <mat-form-field>
     <input matInput required placeholder="Event name" formControlName="name">
   </mat-form-field>
@@ -9,5 +9,6 @@
     <input matInput required placeholder="Url" formControlName="url">
   </mat-form-field>
 
-  <button mat-button (click)='onSubmit()'>Submit</button>
+  <button mat-button type="submit" [disabled]="!form.valid">Submit</button>
+  <button mat-button (ngClick)="goBack()">Back</button>
 </form>
\ No newline at end of file

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

 import { Component, OnInit } from '@angular/core';
-import { FormControl, FormGroup } from '@angular/forms';
+import { FormControl, FormGroup, FormBuilder, Validators} from '@angular/forms';
 import { Router } from '@angular/router';
 
 @Component({
@@ -9,22 +9,27 @@ import { Router } from '@angular/router';
 })
 export class NewEventComponent implements OnInit {
 
-  public eventForm = new FormGroup({
-    name: new FormControl(),
-    url: new FormControl()
-  });
+  form: FormGroup;
 
-  constructor(private _router: Router) { }
+  constructor(private formBuilder: FormBuilder, private _router: Router) { }
 
   ngOnInit() {
+    this.form = this.formBuilder.group({
+      name: [null, Validators.required],
+      url: [null, Validators.required]
+    });
   }
 
   onSubmit() {
     const values = {
-      'name': this.eventForm.get('name').value,
-      'url': this.eventForm.get('url').value,
+      'name': this.form.get('name').value,
+      'url': this.form.get('url').value
     };
     this._router.navigate(['/organization']);
   }
 
+  goBack() {
+    this._router.navigate(['/organization']);
+  }
+
 }

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

@@ -18,7 +18,7 @@ export class OrganizationListComponent implements OnInit {
 
   public organizations: Organization[] = [
     {id: 1, name: 'Assembly Organization'},
-    {id: 3, name: 'Assemly'},
+    {id: 3, name: 'Assembly'},
     {id: 30, name: 'Organization'}
   ];