3 files changed, 40 insertions, 5 deletions
diff --git a/ufund-ui/src/app/components/cupboard/cupboard.component.html b/ufund-ui/src/app/components/cupboard/cupboard.component.html
index 056c167..ad8e60c 100644
--- a/ufund-ui/src/app/components/cupboard/cupboard.component.html
+++ b/ufund-ui/src/app/components/cupboard/cupboard.component.html
@@ -1,2 +1,17 @@
-<p>cupboard works!</p>
+<h1> Cupboard </h1>
+<form>
+    <label for="name">Name:</label><br>
+    <input #name type="text" name="name"><br>
+    <label for="id">Id:</label><br>
+    <input #id type="number" name="id"><br>
+    <label for="max-goal">Max Goal:</label><br>
+    <input #maxgoal type="number" name="max-goal"><br>
+    <label>Type</label><br>
+    <input id="monetary" type="radio" name="type" value="MONETARY">
+    <label for="monetary">Monetary</label><br>
+    <input #physical type="radio" name="type" value="PHYSICAL">
+    <label for="physical">Physical</label><br>   
+</form>
+<button (click)="submit(name.value, id.valueAsNumber, maxgoal.valueAsNumber, physical.value)">Submit</button>
+
 <app-need-list></app-need-list>
diff --git a/ufund-ui/src/app/components/cupboard/cupboard.component.ts b/ufund-ui/src/app/components/cupboard/cupboard.component.ts
index c78434e..53dad8a 100644
--- a/ufund-ui/src/app/components/cupboard/cupboard.component.ts
+++ b/ufund-ui/src/app/components/cupboard/cupboard.component.ts
@@ -1,4 +1,8 @@
-import { Component } from '@angular/core';
+import { Component, OnInit } from '@angular/core';
+import { CupboardService } from '../../services/cupboard.service';
+import { NeedListComponent } from '../need-list/need-list.component';
+
+import { Need, GoalType } from '../../models/Need';
 
 @Component({
   selector: 'app-cupboard',
@@ -6,6 +10,22 @@ import { Component } from '@angular/core';
   templateUrl: './cupboard.component.html',
   styleUrl: './cupboard.component.css'
 })
-export class CupboardComponent {
+export class CupboardComponent implements 
+  OnInit {
+
+    constructor(private cupboardService: CupboardService){}
+    ngOnInit() {
 
-}
+      
+    }
+    need!: Need;
+    submit(name: string, id: number, maxGoal: number, type: string) {
+      if (this.need) {
+        this.need.name = name;
+        this.need.id = id;
+        this.need.maxGoal = maxGoal;
+        console.log(type);
+        this.cupboardService.createNeed(this.need);
+      }
+    }
+  }
diff --git a/ufund-ui/src/app/models/Need.ts b/ufund-ui/src/app/models/Need.ts
index 607a6a7..c0425ec 100644
--- a/ufund-ui/src/app/models/Need.ts
+++ b/ufund-ui/src/app/models/Need.ts
@@ -7,7 +7,7 @@ export interface Need {
   current: number;
 }
 
-enum GoalType {
+export enum GoalType {
   MONETARY,
   PHYSICAL
 }