+
+
+ - Informations
+ - {{info.name}}
+ - {{info.email}}
+ - {{info.phone}}
+
-
-
-
-
-
-
-
Liste des commentaires
-
-
- -
- {{comment.message}} : {{comment.date}}
-
-
+
+
+
+
+
Liste des commentaires
+
+ -
+
+
{{ comment.message }}
+
+
+
+
+
- Aucun commentaire pour le moment
+ Aucun commentaire pour le moment
-
\ No newline at end of file
+
diff --git a/angular/src/app/about/about.component.ts b/angular/src/app/about/about.component.ts
index 576c8f1..d9193b1 100644
--- a/angular/src/app/about/about.component.ts
+++ b/angular/src/app/about/about.component.ts
@@ -6,6 +6,7 @@ import { Component, OnInit } from '@angular/core';
templateUrl: './about.component.html',
styleUrl: './about.component.css'
})
+
export class AboutComponent implements OnInit {
info: Info = new Info();
@@ -13,7 +14,7 @@ export class AboutComponent implements OnInit {
comment: Comment = new Comment();
newComment: boolean = false;
- constructor() { }
+ constructor() {}
ngOnInit(): void {}
diff --git a/angular/src/app/account/account.component.css b/angular/src/app/account/account.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/angular/src/app/account/account.component.html b/angular/src/app/account/account.component.html
new file mode 100644
index 0000000..67e00d1
--- /dev/null
+++ b/angular/src/app/account/account.component.html
@@ -0,0 +1,67 @@
+
+
+
+
+
+
+
Ajouter vos informations
+
+
+
+
+ @
+
+
+
+
+ @edu.igensia.com
+
+
+ Adresse
+
+
+
+
+
+
+
+
+
+
Liste des commentaires
+
+
+
+
+
+ Aucun commentaire pour le moment
+
+
diff --git a/angular/src/app/account/account.component.spec.ts b/angular/src/app/account/account.component.spec.ts
new file mode 100644
index 0000000..257b01d
--- /dev/null
+++ b/angular/src/app/account/account.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { AccountComponent } from './account.component';
+
+describe('AccountComponent', () => {
+ let component: AccountComponent;
+ let fixture: ComponentFixture
;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ declarations: [AccountComponent]
+ })
+ .compileComponents();
+
+ fixture = TestBed.createComponent(AccountComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/angular/src/app/account/account.component.ts b/angular/src/app/account/account.component.ts
new file mode 100644
index 0000000..efb49a6
--- /dev/null
+++ b/angular/src/app/account/account.component.ts
@@ -0,0 +1,51 @@
+import { Component } from '@angular/core';
+
+@Component({
+ selector: 'app-account',
+ standalone: false,
+ templateUrl: './account.component.html',
+ styleUrl: './account.component.css'
+})
+
+export class AccountComponent {
+ info: Info = new Info();
+ infos: Array = [];
+ newInfo: boolean = false;
+
+ constructor() {}
+ ngOnInit(): void {}
+
+ addInfo() {
+ if (this.info.gender && this.info.nameFirst && this.info.nameLast && this.info.email && this.info.address) {
+ this.info.date = new Date();
+ this.info.nameFirst = this.info.nameFirst.charAt(0).toUpperCase() + this.info.nameFirst.slice(1).toLowerCase()
+ this.infos.push({
+ gender: this.info.gender,
+ nameFirst: this.info.nameFirst,
+ nameLast: this.info.nameLast.toUpperCase(),
+ email: this.info.email.toLowerCase() + '@edu.igensia.com',
+ address: this.info.address,
+ date: this.info.date
+ })
+ this.info.nameFirst = '';
+ this.info.nameLast = '';
+ this.info.email = '';
+ this.info.address = '';
+ this.info.gender = '';
+ }
+ }
+
+ updateGender() {
+ // console.log("Le genre sélectionné est :", this.info.gender);
+ }
+
+}
+
+export class Info {
+ gender: string = '';
+ nameFirst: string = '';
+ nameLast: string = '';
+ email: string = '';
+ address: string= '';
+ date: Date | null = null;
+}
diff --git a/angular/src/app/app-routing.module.ts b/angular/src/app/app-routing.module.ts
index 0297262..09f67a5 100644
--- a/angular/src/app/app-routing.module.ts
+++ b/angular/src/app/app-routing.module.ts
@@ -1,7 +1,15 @@
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
+import { HomeComponent } from './home/home.component';
+import { AboutComponent } from './about/about.component';
+import { ContactsComponent } from './contacts/contacts.component';
-const routes: Routes = [];
+const routes: Routes = [
+ { path: '', component: HomeComponent },
+ { path: 'home', component: HomeComponent },
+ { path: 'about', component: AboutComponent },
+ { path: 'contacts', component: ContactsComponent },
+];
@NgModule({
imports: [RouterModule.forRoot(routes)],
diff --git a/angular/src/app/app.component.html b/angular/src/app/app.component.html
index 896228b..9a8d940 100644
--- a/angular/src/app/app.component.html
+++ b/angular/src/app/app.component.html
@@ -1 +1,4 @@
-
\ No newline at end of file
+
+
+
+
\ No newline at end of file
diff --git a/angular/src/app/app.component.ts b/angular/src/app/app.component.ts
index 02d0eac..677dbce 100644
--- a/angular/src/app/app.component.ts
+++ b/angular/src/app/app.component.ts
@@ -7,5 +7,5 @@ import { Component } from '@angular/core';
styleUrl: './app.component.css'
})
export class AppComponent {
- title = 'angular';
+ title = 'AngularJS';
}
diff --git a/angular/src/app/app.module.ts b/angular/src/app/app.module.ts
index 0173ab4..679a4ef 100644
--- a/angular/src/app/app.module.ts
+++ b/angular/src/app/app.module.ts
@@ -5,11 +5,19 @@ import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { AboutComponent } from './about/about.component';
import { FormsModule } from '@angular/forms';
+import { ContactsComponent } from './contacts/contacts.component';
+import { HomeComponent } from './home/home.component';
+import { NavBarComponent } from './nav-bar/nav-bar.component';
+import { AccountComponent } from './account/account.component';
@NgModule({
declarations: [
AppComponent,
- AboutComponent
+ AboutComponent,
+ ContactsComponent,
+ HomeComponent,
+ NavBarComponent,
+ AccountComponent
],
imports: [
BrowserModule,
diff --git a/angular/src/app/contacts/contacts.component.css b/angular/src/app/contacts/contacts.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/angular/src/app/contacts/contacts.component.html b/angular/src/app/contacts/contacts.component.html
new file mode 100644
index 0000000..e400718
--- /dev/null
+++ b/angular/src/app/contacts/contacts.component.html
@@ -0,0 +1 @@
+contacts works!
diff --git a/angular/src/app/contacts/contacts.component.spec.ts b/angular/src/app/contacts/contacts.component.spec.ts
new file mode 100644
index 0000000..bbfdce5
--- /dev/null
+++ b/angular/src/app/contacts/contacts.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ContactsComponent } from './contacts.component';
+
+describe('ContactsComponent', () => {
+ let component: ContactsComponent;
+ let fixture: ComponentFixture;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ declarations: [ContactsComponent]
+ })
+ .compileComponents();
+
+ fixture = TestBed.createComponent(ContactsComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/angular/src/app/contacts/contacts.component.ts b/angular/src/app/contacts/contacts.component.ts
new file mode 100644
index 0000000..c55fdcf
--- /dev/null
+++ b/angular/src/app/contacts/contacts.component.ts
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+ selector: 'app-contacts',
+ standalone: false,
+ templateUrl: './contacts.component.html',
+ styleUrl: './contacts.component.css'
+})
+export class ContactsComponent {
+
+}
diff --git a/angular/src/app/home/home.component.css b/angular/src/app/home/home.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/angular/src/app/home/home.component.html b/angular/src/app/home/home.component.html
new file mode 100644
index 0000000..039e616
--- /dev/null
+++ b/angular/src/app/home/home.component.html
@@ -0,0 +1,11 @@
+
+
+
Bienvenue à la formation AngularJS
+
+
+