diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts index 791f237..d7dba24 100644 --- a/src/app/app-routing.module.ts +++ b/src/app/app-routing.module.ts @@ -5,15 +5,19 @@ import { HomePageComponent } from './pages/home-page/home-page.component'; import { ListCategoriesComponent } from './pages/list-categories/list-categories.component'; import { RestoPageComponent } from './pages/resto-page/resto-page.component'; import { PageNotFoundComponent } from './pages/page-not-found/page-not-found.component'; +import { FiltersPageComponent } from './pages/filters-page/filters-page.component'; +import { SigninComponent } from './pages/signin/signin.component'; const routes: Routes = [ { path: '', redirectTo: 'home', pathMatch: 'full' }, { path: 'home', component: HomePageComponent }, { path: 'categories', component: ListCategoriesComponent }, { path: 'favoris', component: FavorisUserComponent }, + { path: 'filters', component: FiltersPageComponent }, { path: 'Deconnexion', redirectTo: 'home'}, {path: 'restaurants',component: RestoPageComponent}, {path: 'page-not-found',component: PageNotFoundComponent}, + {path: 'signin', component: SigninComponent}, {path: '**', redirectTo: 'page-not-found' } ]; diff --git a/src/app/app.module.ts b/src/app/app.module.ts index 9f2d7d9..e8c75af 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -14,6 +14,7 @@ import { ListCategoriesComponent } from './pages/list-categories/list-categories import { RestoPageComponent } from './pages/resto-page/resto-page.component'; import { PageNotFoundComponent } from './pages/page-not-found/page-not-found.component'; +import { FiltersPageComponent } from './pages/filters-page/filters-page.component'; @NgModule({ declarations: [ @@ -26,7 +27,8 @@ import { PageNotFoundComponent } from './pages/page-not-found/page-not-found.com HomePageComponent, ListCategoriesComponent, RestoPageComponent, - PageNotFoundComponent + PageNotFoundComponent, + FiltersPageComponent ], imports: [ BrowserModule, diff --git a/src/app/pages/filters-page/filters-page.component.html b/src/app/pages/filters-page/filters-page.component.html new file mode 100644 index 0000000..87f2558 --- /dev/null +++ b/src/app/pages/filters-page/filters-page.component.html @@ -0,0 +1,73 @@ +

Filtres :

+
+ + + +
+
+

+ +

+
+
+ + +
+
+
+ +
+

+ +

+
+
+
+
+
+ +
+

+ +

+
+
+
+
+
+ +
+

+ +

+
+
+
+
+
+ +
+

+ +

+
+
+
+
+
+ + +
+ + + diff --git a/src/app/pages/filters-page/filters-page.component.scss b/src/app/pages/filters-page/filters-page.component.scss new file mode 100644 index 0000000..d7321c4 --- /dev/null +++ b/src/app/pages/filters-page/filters-page.component.scss @@ -0,0 +1,53 @@ + +.separation{ + display: flex; + justify-content: flex-start; + border-bottom: 2px solid #CE0000; + max-width: 83%; +} + +.titre{ + + display: flex; + justify-content: flex-start; + margin: 0 0 0.5em 8.2em; + color: #CE0000; +} + + +.accordion{ +padding-top: 100px; +max-width: 30%; +margin : 0 auto; +margin-bottom: 100px; + +} + +.accordion-body{ + background-color: #F5F3F3; + +} + +.accordion-item{ + + margin-bottom: 70px; +} + + .accordion-button{ + background-color: #CE0000; + color: white; + font-family: cursive; +filter: drop-shadow(0 0 0.2rem grey); +} + +.btn-search{ + background-color: #CE0000; + text-align: center; + margin: 100px auto; + border-radius: 20px; + display: block; + height: 75px; + width: 300px; + font-size: 20px; + +} diff --git a/src/app/pages/filters-page/filters-page.component.spec.ts b/src/app/pages/filters-page/filters-page.component.spec.ts new file mode 100644 index 0000000..f337639 --- /dev/null +++ b/src/app/pages/filters-page/filters-page.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { FiltersPageComponent } from './filters-page.component'; + +describe('FiltersPageComponent', () => { + let component: FiltersPageComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ FiltersPageComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(FiltersPageComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/pages/filters-page/filters-page.component.ts b/src/app/pages/filters-page/filters-page.component.ts new file mode 100644 index 0000000..dbeba33 --- /dev/null +++ b/src/app/pages/filters-page/filters-page.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-filters-page', + templateUrl: './filters-page.component.html', + styleUrls: ['./filters-page.component.scss'] +}) +export class FiltersPageComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/src/app/pages/signin/signin.component.html b/src/app/pages/signin/signin.component.html new file mode 100644 index 0000000..cc1a2e3 --- /dev/null +++ b/src/app/pages/signin/signin.component.html @@ -0,0 +1 @@ +

signin works!

diff --git a/src/app/pages/signin/signin.component.scss b/src/app/pages/signin/signin.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/src/app/pages/signin/signin.component.spec.ts b/src/app/pages/signin/signin.component.spec.ts new file mode 100644 index 0000000..b19d8bf --- /dev/null +++ b/src/app/pages/signin/signin.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { SigninComponent } from './signin.component'; + +describe('SigninComponent', () => { + let component: SigninComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ SigninComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(SigninComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/pages/signin/signin.component.ts b/src/app/pages/signin/signin.component.ts new file mode 100644 index 0000000..d0789c3 --- /dev/null +++ b/src/app/pages/signin/signin.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-signin', + templateUrl: './signin.component.html', + styleUrls: ['./signin.component.scss'] +}) +export class SigninComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/src/assets/fond_signin.png b/src/assets/fond_signin.png new file mode 100644 index 0000000..570b0dc Binary files /dev/null and b/src/assets/fond_signin.png differ