From bedb5fd032d645130ce804e1a36a356cf39ee9f0 Mon Sep 17 00:00:00 2001
From: benal01 <bja4245@rit.edu>
Date: Tue, 4 Mar 2025 10:29:40 -0500
Subject: opening and closing functionality to expand the form for data entry

---
 .../app/components/cupboard/cupboard.component.ts  | 34 ++++++++++++++++++----
 1 file changed, 29 insertions(+), 5 deletions(-)

(limited to 'ufund-ui/src/app/components/cupboard/cupboard.component.ts')

diff --git a/ufund-ui/src/app/components/cupboard/cupboard.component.ts b/ufund-ui/src/app/components/cupboard/cupboard.component.ts
index 409cf6c..cc09393 100644
--- a/ufund-ui/src/app/components/cupboard/cupboard.component.ts
+++ b/ufund-ui/src/app/components/cupboard/cupboard.component.ts
@@ -1,8 +1,6 @@
 import { Component, OnInit } from '@angular/core';
 import { CupboardService } from '../../services/cupboard.service';
 import { NeedListComponent } from '../need-list/need-list.component';
-import { HttpClient } from '@angular/common/http';
-import { FormsModule } from '@angular/forms';
 import { Need, GoalType } from '../../models/Need';
 
 @Component({
@@ -22,10 +20,36 @@ export class CupboardComponent implements
     current: 0
   };
 
- 
-    constructor(private cupboardService: CupboardService, private http: HttpClient) { }
+  
+    constructor(private cupboardService: CupboardService) { }
     ngOnInit(): void {
-      console.log('CupboardComponent.ngOnInit');
+      this.close();
+    }
+    
+    open() {
+      const formElement = document.getElementById('create-form');
+      if (formElement) {
+        formElement.style.visibility = 'visible';
+        formElement.style.position = 'relative';
+      }
+      const buttonElement = document.getElementById('create-button');
+      if (buttonElement) {
+        buttonElement.style.visibility = 'hidden';
+        buttonElement.style.position = 'absolute';
+      }
+    }
+
+    close() {
+      const formElement = document.getElementById('create-form');
+      if (formElement) {
+        formElement.style.visibility = 'hidden';
+        formElement.style.position = 'absolute';
+      }
+      const buttonElement = document.getElementById('create-button');
+      if (buttonElement) {
+        buttonElement.style.visibility = 'visible';
+        buttonElement.style.position = 'relative';
+      }
     }
 
     submit(form: any) {
-- 
cgit v1.2.3