diff --git a/src/app/app.html b/src/app/app.html index a1c4296..67e7bd4 100644 --- a/src/app/app.html +++ b/src/app/app.html @@ -1,344 +1 @@ - - - - - - - - - - - -
-
-
- -

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: 'Prompt and best practices for AI', link: 'https://angular.dev/ai/develop-with-ai'}, - { 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/src/app/app.routes.ts b/src/app/app.routes.ts index dc39edb..6e6bbd9 100644 --- a/src/app/app.routes.ts +++ b/src/app/app.routes.ts @@ -1,3 +1,6 @@ import { Routes } from '@angular/router'; +import { Home } from '../view/pages/home/home'; -export const routes: Routes = []; +export const routes: Routes = [ + {path:'',component:Home} +]; diff --git a/src/index.html b/src/index.html index de6ff25..5a593ed 100644 --- a/src/index.html +++ b/src/index.html @@ -1,5 +1,5 @@ - + DoItEarlier diff --git a/src/model/Task.ts b/src/model/Task.ts new file mode 100644 index 0000000..bd1f82f --- /dev/null +++ b/src/model/Task.ts @@ -0,0 +1,8 @@ +export interface Task { + date_task: Date; + id_group: number; + id_task: number; + name_task: string; + priority_task: number; + status_task: string; +} diff --git a/src/services/base-service.ts b/src/services/base-service.ts new file mode 100644 index 0000000..6e0e336 --- /dev/null +++ b/src/services/base-service.ts @@ -0,0 +1,11 @@ +import { HttpClient } from '@angular/common/http'; +import { inject, Service } from '@angular/core'; +import { Observable } from 'rxjs'; + +@Service() +export class BaseService { + private readonly http: HttpClient = inject(HttpClient); + protected get(url: string):Observable { + return this.http.get(url); + } +} diff --git a/src/services/task-service.spec.ts b/src/services/task-service.spec.ts new file mode 100644 index 0000000..343a647 --- /dev/null +++ b/src/services/task-service.spec.ts @@ -0,0 +1,15 @@ +import { TestBed } from '@angular/core/testing'; +import { TaskService } from './task-service'; + +describe('TaskService', () => { + let service: TaskService; + + beforeEach(() => { + TestBed.configureTestingModule({}); + service = TestBed.inject(TaskService); + }); + + it('should be created', () => { + expect(service).toBeTruthy(); + }); +}); diff --git a/src/services/task-service.ts b/src/services/task-service.ts new file mode 100644 index 0000000..3b83e91 --- /dev/null +++ b/src/services/task-service.ts @@ -0,0 +1,11 @@ +import { Service } from '@angular/core'; +import { Observable } from 'rxjs'; +import { Task } from '../model/Task'; +import { BaseService } from './base-service'; + +@Service() +export class TaskService extends BaseService{ + public getTasks(): Observable { + return this.get("http://127.0.0.1:8080/task"); + } +} diff --git a/src/styles.css b/src/styles.css index 90d4ee0..0e0bf17 100644 --- a/src/styles.css +++ b/src/styles.css @@ -1 +1,20 @@ -/* You can add global styles to this file, and also import other style files */ +:root { + --background: #0b0b1a; + --text: #77769c; + --primary: #805ef7; + --secondary: #9960ff; + --accent: #c4b5fd; +} + +body{ + font-family: 'JetBrains Mono'; + background-color: var(--background); + color:var(--text); +} + +.jetbrains-mono { + font-family: "JetBrains Mono", monospace; + font-optical-sizing: auto; + font-weight: 400; + font-style: normal; +} \ No newline at end of file diff --git a/src/view/pages/home/home.css b/src/view/pages/home/home.css new file mode 100644 index 0000000..e69de29 diff --git a/src/view/pages/home/home.html b/src/view/pages/home/home.html new file mode 100644 index 0000000..15a4dac --- /dev/null +++ b/src/view/pages/home/home.html @@ -0,0 +1,8 @@ +
+ @for (task of tasks(); track task.id_task) { +

+ {{ task.name_task }} +

+ } +
+ diff --git a/src/view/pages/home/home.spec.ts b/src/view/pages/home/home.spec.ts new file mode 100644 index 0000000..8dac3b7 --- /dev/null +++ b/src/view/pages/home/home.spec.ts @@ -0,0 +1,21 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; +import { Home } from './home'; + +describe('Home', () => { + let component: Home; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [Home], + }).compileComponents(); + + fixture = TestBed.createComponent(Home); + component = fixture.componentInstance; + await fixture.whenStable(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/view/pages/home/home.ts b/src/view/pages/home/home.ts new file mode 100644 index 0000000..3550086 --- /dev/null +++ b/src/view/pages/home/home.ts @@ -0,0 +1,21 @@ +import { Component, inject, signal, WritableSignal } from '@angular/core'; +import { RouterOutlet } from '@angular/router'; +import { TaskService } from '../../../services/task-service'; +import { Task } from '../../../model/Task'; + +@Component({ + imports: [RouterOutlet], + selector: 'app-root', + styleUrl: './home.css', + templateUrl: './home.html', +}) +export class Home { + private taskService: TaskService = inject(TaskService); + + tasks: WritableSignal = signal([]); + public ngOnInit(): void { + this.taskService.getTasks().subscribe((response: Task[]): void => { + this.tasks.set(response); + }); + } +}