From 1a46e367e2774bf31acd46bf088c29777c6c7f04 Mon Sep 17 00:00:00 2001 From: sowgro Date: Sun, 23 Feb 2025 15:33:26 -0500 Subject: Create components --- ufund-ui/src/app/app-routing.module.ts | 13 +- ufund-ui/src/app/app.component.html | 334 +-------------------- ufund-ui/src/app/app.module.ts | 12 +- ufund-ui/src/app/cupboard/cupboard.component.css | 0 ufund-ui/src/app/cupboard/cupboard.component.html | 1 + .../src/app/cupboard/cupboard.component.spec.ts | 23 ++ ufund-ui/src/app/cupboard/cupboard.component.ts | 11 + ufund-ui/src/app/dashboard/dashboard.component.css | 0 .../src/app/dashboard/dashboard.component.html | 1 + .../src/app/dashboard/dashboard.component.spec.ts | 23 ++ ufund-ui/src/app/dashboard/dashboard.component.ts | 11 + .../funding-basket/funding-basket.component.css | 0 .../funding-basket/funding-basket.component.html | 1 + .../funding-basket.component.spec.ts | 23 ++ .../app/funding-basket/funding-basket.component.ts | 11 + ufund-ui/src/app/home-page/home-page.component.css | 0 .../src/app/home-page/home-page.component.html | 1 + .../src/app/home-page/home-page.component.spec.ts | 23 ++ ufund-ui/src/app/home-page/home-page.component.ts | 11 + ufund-ui/src/app/login/login.component.css | 0 ufund-ui/src/app/login/login.component.html | 1 + ufund-ui/src/app/login/login.component.spec.ts | 23 ++ ufund-ui/src/app/login/login.component.ts | 11 + ufund-ui/src/app/need-list/need-list.component.css | 0 .../src/app/need-list/need-list.component.html | 1 + .../src/app/need-list/need-list.component.spec.ts | 23 ++ ufund-ui/src/app/need-list/need-list.component.ts | 11 + ufund-ui/src/app/need-page/need-page.component.css | 0 .../src/app/need-page/need-page.component.html | 1 + .../src/app/need-page/need-page.component.spec.ts | 23 ++ ufund-ui/src/app/need-page/need-page.component.ts | 11 + 31 files changed, 269 insertions(+), 335 deletions(-) create mode 100644 ufund-ui/src/app/cupboard/cupboard.component.css create mode 100644 ufund-ui/src/app/cupboard/cupboard.component.html create mode 100644 ufund-ui/src/app/cupboard/cupboard.component.spec.ts create mode 100644 ufund-ui/src/app/cupboard/cupboard.component.ts create mode 100644 ufund-ui/src/app/dashboard/dashboard.component.css create mode 100644 ufund-ui/src/app/dashboard/dashboard.component.html create mode 100644 ufund-ui/src/app/dashboard/dashboard.component.spec.ts create mode 100644 ufund-ui/src/app/dashboard/dashboard.component.ts create mode 100644 ufund-ui/src/app/funding-basket/funding-basket.component.css create mode 100644 ufund-ui/src/app/funding-basket/funding-basket.component.html create mode 100644 ufund-ui/src/app/funding-basket/funding-basket.component.spec.ts create mode 100644 ufund-ui/src/app/funding-basket/funding-basket.component.ts create mode 100644 ufund-ui/src/app/home-page/home-page.component.css create mode 100644 ufund-ui/src/app/home-page/home-page.component.html create mode 100644 ufund-ui/src/app/home-page/home-page.component.spec.ts create mode 100644 ufund-ui/src/app/home-page/home-page.component.ts create mode 100644 ufund-ui/src/app/login/login.component.css create mode 100644 ufund-ui/src/app/login/login.component.html create mode 100644 ufund-ui/src/app/login/login.component.spec.ts create mode 100644 ufund-ui/src/app/login/login.component.ts create mode 100644 ufund-ui/src/app/need-list/need-list.component.css create mode 100644 ufund-ui/src/app/need-list/need-list.component.html create mode 100644 ufund-ui/src/app/need-list/need-list.component.spec.ts create mode 100644 ufund-ui/src/app/need-list/need-list.component.ts create mode 100644 ufund-ui/src/app/need-page/need-page.component.css create mode 100644 ufund-ui/src/app/need-page/need-page.component.html create mode 100644 ufund-ui/src/app/need-page/need-page.component.spec.ts create mode 100644 ufund-ui/src/app/need-page/need-page.component.ts (limited to 'ufund-ui/src') diff --git a/ufund-ui/src/app/app-routing.module.ts b/ufund-ui/src/app/app-routing.module.ts index 0297262..9e3c5ef 100644 --- a/ufund-ui/src/app/app-routing.module.ts +++ b/ufund-ui/src/app/app-routing.module.ts @@ -1,7 +1,18 @@ import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; +import {CupboardComponent} from './cupboard/cupboard.component'; +import {DashboardComponent} from './dashboard/dashboard.component'; +import {LoginComponent} from './login/login.component'; +import {HomePageComponent} from './home-page/home-page.component'; +import {FundingBasketComponent} from './funding-basket/funding-basket.component'; -const routes: Routes = []; +const routes: Routes = [ + {path: '', component: HomePageComponent}, + {path: 'login', component: LoginComponent}, + {path: 'cupboard', component: CupboardComponent}, + {path: 'dashboard', component: DashboardComponent}, + {path: 'funding-basket', component: FundingBasketComponent}, +]; @NgModule({ imports: [RouterModule.forRoot(routes)], diff --git a/ufund-ui/src/app/app.component.html b/ufund-ui/src/app/app.component.html index 36093e1..cfebc2b 100644 --- a/ufund-ui/src/app/app.component.html +++ b/ufund-ui/src/app/app.component.html @@ -1,336 +1,4 @@ - - - - - - - - - - - -
-
-
- -

Hello, {{ title }}

-

Congratulations! Your app is running. 🎉

-
- -
-
- @for (item of [ - { title: 'Explore the Docs', link: 'https://angular.dev' }, - { title: 'Learn with Tutorials', link: 'https://angular.dev/tutorials' }, - { title: 'CLI Docs', link: 'https://angular.dev/tools/cli' }, - { title: 'Angular Language Service', link: 'https://angular.dev/tools/language-service' }, - { title: 'Angular DevTools', link: 'https://angular.dev/tools/devtools' }, - ]; track item.title) { - - {{ item.title }} - - - - - } -
- -
-
-
- - - - - - - - +

jelly solutions:

diff --git a/ufund-ui/src/app/app.module.ts b/ufund-ui/src/app/app.module.ts index b1c6c96..ee2d578 100644 --- a/ufund-ui/src/app/app.module.ts +++ b/ufund-ui/src/app/app.module.ts @@ -3,10 +3,20 @@ import { BrowserModule } from '@angular/platform-browser'; import { AppRoutingModule } from './app-routing.module'; import { AppComponent } from './app.component'; +import { NeedPageComponent } from './need-page/need-page.component'; +import { HomePageComponent } from './home-page/home-page.component'; +import { FundingBasketComponent } from './funding-basket/funding-basket.component'; +import { CupboardComponent } from './cupboard/cupboard.component'; +import { NeedListComponent } from './need-list/need-list.component'; @NgModule({ declarations: [ - AppComponent + AppComponent, + NeedPageComponent, + HomePageComponent, + FundingBasketComponent, + CupboardComponent, + NeedListComponent ], imports: [ BrowserModule, diff --git a/ufund-ui/src/app/cupboard/cupboard.component.css b/ufund-ui/src/app/cupboard/cupboard.component.css new file mode 100644 index 0000000..e69de29 diff --git a/ufund-ui/src/app/cupboard/cupboard.component.html b/ufund-ui/src/app/cupboard/cupboard.component.html new file mode 100644 index 0000000..bcddb33 --- /dev/null +++ b/ufund-ui/src/app/cupboard/cupboard.component.html @@ -0,0 +1 @@ +

cupboard works!

diff --git a/ufund-ui/src/app/cupboard/cupboard.component.spec.ts b/ufund-ui/src/app/cupboard/cupboard.component.spec.ts new file mode 100644 index 0000000..ece4f23 --- /dev/null +++ b/ufund-ui/src/app/cupboard/cupboard.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { CupboardComponent } from './cupboard.component'; + +describe('CupboardComponent', () => { + let component: CupboardComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [CupboardComponent] + }) + .compileComponents(); + + fixture = TestBed.createComponent(CupboardComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/ufund-ui/src/app/cupboard/cupboard.component.ts b/ufund-ui/src/app/cupboard/cupboard.component.ts new file mode 100644 index 0000000..c78434e --- /dev/null +++ b/ufund-ui/src/app/cupboard/cupboard.component.ts @@ -0,0 +1,11 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-cupboard', + standalone: false, + templateUrl: './cupboard.component.html', + styleUrl: './cupboard.component.css' +}) +export class CupboardComponent { + +} diff --git a/ufund-ui/src/app/dashboard/dashboard.component.css b/ufund-ui/src/app/dashboard/dashboard.component.css new file mode 100644 index 0000000..e69de29 diff --git a/ufund-ui/src/app/dashboard/dashboard.component.html b/ufund-ui/src/app/dashboard/dashboard.component.html new file mode 100644 index 0000000..9c5fce9 --- /dev/null +++ b/ufund-ui/src/app/dashboard/dashboard.component.html @@ -0,0 +1 @@ +

dashboard works!

diff --git a/ufund-ui/src/app/dashboard/dashboard.component.spec.ts b/ufund-ui/src/app/dashboard/dashboard.component.spec.ts new file mode 100644 index 0000000..1a763b8 --- /dev/null +++ b/ufund-ui/src/app/dashboard/dashboard.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { DashboardComponent } from './dashboard.component'; + +describe('DashboardComponent', () => { + let component: DashboardComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [DashboardComponent] + }) + .compileComponents(); + + fixture = TestBed.createComponent(DashboardComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/ufund-ui/src/app/dashboard/dashboard.component.ts b/ufund-ui/src/app/dashboard/dashboard.component.ts new file mode 100644 index 0000000..6da4013 --- /dev/null +++ b/ufund-ui/src/app/dashboard/dashboard.component.ts @@ -0,0 +1,11 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-dashboard', + standalone: false, + templateUrl: './dashboard.component.html', + styleUrl: './dashboard.component.css' +}) +export class DashboardComponent { + +} diff --git a/ufund-ui/src/app/funding-basket/funding-basket.component.css b/ufund-ui/src/app/funding-basket/funding-basket.component.css new file mode 100644 index 0000000..e69de29 diff --git a/ufund-ui/src/app/funding-basket/funding-basket.component.html b/ufund-ui/src/app/funding-basket/funding-basket.component.html new file mode 100644 index 0000000..3fb2b5b --- /dev/null +++ b/ufund-ui/src/app/funding-basket/funding-basket.component.html @@ -0,0 +1 @@ +

funding-basket works!

diff --git a/ufund-ui/src/app/funding-basket/funding-basket.component.spec.ts b/ufund-ui/src/app/funding-basket/funding-basket.component.spec.ts new file mode 100644 index 0000000..1cdd9d2 --- /dev/null +++ b/ufund-ui/src/app/funding-basket/funding-basket.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { FundingBasketComponent } from './funding-basket.component'; + +describe('FundingBasketComponent', () => { + let component: FundingBasketComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [FundingBasketComponent] + }) + .compileComponents(); + + fixture = TestBed.createComponent(FundingBasketComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/ufund-ui/src/app/funding-basket/funding-basket.component.ts b/ufund-ui/src/app/funding-basket/funding-basket.component.ts new file mode 100644 index 0000000..8b12306 --- /dev/null +++ b/ufund-ui/src/app/funding-basket/funding-basket.component.ts @@ -0,0 +1,11 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-funding-basket', + standalone: false, + templateUrl: './funding-basket.component.html', + styleUrl: './funding-basket.component.css' +}) +export class FundingBasketComponent { + +} diff --git a/ufund-ui/src/app/home-page/home-page.component.css b/ufund-ui/src/app/home-page/home-page.component.css new file mode 100644 index 0000000..e69de29 diff --git a/ufund-ui/src/app/home-page/home-page.component.html b/ufund-ui/src/app/home-page/home-page.component.html new file mode 100644 index 0000000..7454417 --- /dev/null +++ b/ufund-ui/src/app/home-page/home-page.component.html @@ -0,0 +1 @@ +

home-page works!

diff --git a/ufund-ui/src/app/home-page/home-page.component.spec.ts b/ufund-ui/src/app/home-page/home-page.component.spec.ts new file mode 100644 index 0000000..8ff10c7 --- /dev/null +++ b/ufund-ui/src/app/home-page/home-page.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { HomePageComponent } from './home-page.component'; + +describe('HomePageComponent', () => { + let component: HomePageComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [HomePageComponent] + }) + .compileComponents(); + + fixture = TestBed.createComponent(HomePageComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/ufund-ui/src/app/home-page/home-page.component.ts b/ufund-ui/src/app/home-page/home-page.component.ts new file mode 100644 index 0000000..5b2277c --- /dev/null +++ b/ufund-ui/src/app/home-page/home-page.component.ts @@ -0,0 +1,11 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-home-page', + standalone: false, + templateUrl: './home-page.component.html', + styleUrl: './home-page.component.css' +}) +export class HomePageComponent { + +} diff --git a/ufund-ui/src/app/login/login.component.css b/ufund-ui/src/app/login/login.component.css new file mode 100644 index 0000000..e69de29 diff --git a/ufund-ui/src/app/login/login.component.html b/ufund-ui/src/app/login/login.component.html new file mode 100644 index 0000000..147cfc4 --- /dev/null +++ b/ufund-ui/src/app/login/login.component.html @@ -0,0 +1 @@ +

login works!

diff --git a/ufund-ui/src/app/login/login.component.spec.ts b/ufund-ui/src/app/login/login.component.spec.ts new file mode 100644 index 0000000..4adbc3d --- /dev/null +++ b/ufund-ui/src/app/login/login.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { LoginComponent } from './login.component'; + +describe('LoginComponent', () => { + let component: LoginComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [LoginComponent] + }) + .compileComponents(); + + fixture = TestBed.createComponent(LoginComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/ufund-ui/src/app/login/login.component.ts b/ufund-ui/src/app/login/login.component.ts new file mode 100644 index 0000000..efb8a58 --- /dev/null +++ b/ufund-ui/src/app/login/login.component.ts @@ -0,0 +1,11 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-login', + standalone: false, + templateUrl: './login.component.html', + styleUrl: './login.component.css' +}) +export class LoginComponent { + +} diff --git a/ufund-ui/src/app/need-list/need-list.component.css b/ufund-ui/src/app/need-list/need-list.component.css new file mode 100644 index 0000000..e69de29 diff --git a/ufund-ui/src/app/need-list/need-list.component.html b/ufund-ui/src/app/need-list/need-list.component.html new file mode 100644 index 0000000..d366ee6 --- /dev/null +++ b/ufund-ui/src/app/need-list/need-list.component.html @@ -0,0 +1 @@ +

need-list works!

diff --git a/ufund-ui/src/app/need-list/need-list.component.spec.ts b/ufund-ui/src/app/need-list/need-list.component.spec.ts new file mode 100644 index 0000000..f9b7830 --- /dev/null +++ b/ufund-ui/src/app/need-list/need-list.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { NeedListComponent } from './need-list.component'; + +describe('NeedListComponent', () => { + let component: NeedListComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [NeedListComponent] + }) + .compileComponents(); + + fixture = TestBed.createComponent(NeedListComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/ufund-ui/src/app/need-list/need-list.component.ts b/ufund-ui/src/app/need-list/need-list.component.ts new file mode 100644 index 0000000..61ed089 --- /dev/null +++ b/ufund-ui/src/app/need-list/need-list.component.ts @@ -0,0 +1,11 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-need-list', + standalone: false, + templateUrl: './need-list.component.html', + styleUrl: './need-list.component.css' +}) +export class NeedListComponent { + +} diff --git a/ufund-ui/src/app/need-page/need-page.component.css b/ufund-ui/src/app/need-page/need-page.component.css new file mode 100644 index 0000000..e69de29 diff --git a/ufund-ui/src/app/need-page/need-page.component.html b/ufund-ui/src/app/need-page/need-page.component.html new file mode 100644 index 0000000..ed5b6d8 --- /dev/null +++ b/ufund-ui/src/app/need-page/need-page.component.html @@ -0,0 +1 @@ +

need-page works!

diff --git a/ufund-ui/src/app/need-page/need-page.component.spec.ts b/ufund-ui/src/app/need-page/need-page.component.spec.ts new file mode 100644 index 0000000..028c477 --- /dev/null +++ b/ufund-ui/src/app/need-page/need-page.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { NeedPageComponent } from './need-page.component'; + +describe('NeedPageComponent', () => { + let component: NeedPageComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [NeedPageComponent] + }) + .compileComponents(); + + fixture = TestBed.createComponent(NeedPageComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/ufund-ui/src/app/need-page/need-page.component.ts b/ufund-ui/src/app/need-page/need-page.component.ts new file mode 100644 index 0000000..4b7fd7e --- /dev/null +++ b/ufund-ui/src/app/need-page/need-page.component.ts @@ -0,0 +1,11 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-need-page', + standalone: false, + templateUrl: './need-page.component.html', + styleUrl: './need-page.component.css' +}) +export class NeedPageComponent { + +} -- cgit v1.2.3