From 1d46022ec65597c46f27788eae520f36f0bb0324 Mon Sep 17 00:00:00 2001 From: sowgro Date: Sun, 23 Feb 2025 14:28:50 -0500 Subject: Initialize angular project --- ufund-ui/src/app/app-routing.module.ts | 10 + ufund-ui/src/app/app.component.css | 0 ufund-ui/src/app/app.component.html | 336 +++++++++++++++++++++++++++++++++ ufund-ui/src/app/app.component.spec.ts | 35 ++++ ufund-ui/src/app/app.component.ts | 11 ++ ufund-ui/src/app/app.module.ts | 18 ++ ufund-ui/src/index.html | 13 ++ ufund-ui/src/main.ts | 7 + ufund-ui/src/styles.css | 1 + 9 files changed, 431 insertions(+) create mode 100644 ufund-ui/src/app/app-routing.module.ts create mode 100644 ufund-ui/src/app/app.component.css create mode 100644 ufund-ui/src/app/app.component.html create mode 100644 ufund-ui/src/app/app.component.spec.ts create mode 100644 ufund-ui/src/app/app.component.ts create mode 100644 ufund-ui/src/app/app.module.ts create mode 100644 ufund-ui/src/index.html create mode 100644 ufund-ui/src/main.ts create mode 100644 ufund-ui/src/styles.css (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 new file mode 100644 index 0000000..0297262 --- /dev/null +++ b/ufund-ui/src/app/app-routing.module.ts @@ -0,0 +1,10 @@ +import { NgModule } from '@angular/core'; +import { RouterModule, Routes } from '@angular/router'; + +const routes: Routes = []; + +@NgModule({ + imports: [RouterModule.forRoot(routes)], + exports: [RouterModule] +}) +export class AppRoutingModule { } diff --git a/ufund-ui/src/app/app.component.css b/ufund-ui/src/app/app.component.css new file mode 100644 index 0000000..e69de29 diff --git a/ufund-ui/src/app/app.component.html b/ufund-ui/src/app/app.component.html new file mode 100644 index 0000000..36093e1 --- /dev/null +++ b/ufund-ui/src/app/app.component.html @@ -0,0 +1,336 @@ + + + + + + + + + + + +
+
+
+ +

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 }} + + + + + } +
+ +
+
+
+ + + + + + + + + + + diff --git a/ufund-ui/src/app/app.component.spec.ts b/ufund-ui/src/app/app.component.spec.ts new file mode 100644 index 0000000..f1f78e9 --- /dev/null +++ b/ufund-ui/src/app/app.component.spec.ts @@ -0,0 +1,35 @@ +import { TestBed } from '@angular/core/testing'; +import { RouterModule } from '@angular/router'; +import { AppComponent } from './app.component'; + +describe('AppComponent', () => { + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [ + RouterModule.forRoot([]) + ], + declarations: [ + AppComponent + ], + }).compileComponents(); + }); + + it('should create the app', () => { + const fixture = TestBed.createComponent(AppComponent); + const app = fixture.componentInstance; + expect(app).toBeTruthy(); + }); + + it(`should have as title 'ufund-ui'`, () => { + const fixture = TestBed.createComponent(AppComponent); + const app = fixture.componentInstance; + expect(app.title).toEqual('ufund-ui'); + }); + + it('should render title', () => { + const fixture = TestBed.createComponent(AppComponent); + fixture.detectChanges(); + const compiled = fixture.nativeElement as HTMLElement; + expect(compiled.querySelector('h1')?.textContent).toContain('Hello, ufund-ui'); + }); +}); diff --git a/ufund-ui/src/app/app.component.ts b/ufund-ui/src/app/app.component.ts new file mode 100644 index 0000000..2dbf33c --- /dev/null +++ b/ufund-ui/src/app/app.component.ts @@ -0,0 +1,11 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-root', + templateUrl: './app.component.html', + standalone: false, + styleUrl: './app.component.css' +}) +export class AppComponent { + title = 'ufund-ui'; +} diff --git a/ufund-ui/src/app/app.module.ts b/ufund-ui/src/app/app.module.ts new file mode 100644 index 0000000..b1c6c96 --- /dev/null +++ b/ufund-ui/src/app/app.module.ts @@ -0,0 +1,18 @@ +import { NgModule } from '@angular/core'; +import { BrowserModule } from '@angular/platform-browser'; + +import { AppRoutingModule } from './app-routing.module'; +import { AppComponent } from './app.component'; + +@NgModule({ + declarations: [ + AppComponent + ], + imports: [ + BrowserModule, + AppRoutingModule + ], + providers: [], + bootstrap: [AppComponent] +}) +export class AppModule { } diff --git a/ufund-ui/src/index.html b/ufund-ui/src/index.html new file mode 100644 index 0000000..0517d5e --- /dev/null +++ b/ufund-ui/src/index.html @@ -0,0 +1,13 @@ + + + + + UfundUi + + + + + + + + diff --git a/ufund-ui/src/main.ts b/ufund-ui/src/main.ts new file mode 100644 index 0000000..def24fe --- /dev/null +++ b/ufund-ui/src/main.ts @@ -0,0 +1,7 @@ +import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; +import { AppModule } from './app/app.module'; + +platformBrowserDynamic().bootstrapModule(AppModule, { + ngZoneEventCoalescing: true, +}) + .catch(err => console.error(err)); diff --git a/ufund-ui/src/styles.css b/ufund-ui/src/styles.css new file mode 100644 index 0000000..90d4ee0 --- /dev/null +++ b/ufund-ui/src/styles.css @@ -0,0 +1 @@ +/* You can add global styles to this file, and also import other style files */ -- cgit v1.2.3