Maj header

src/app/app.module.ts

@@ -5,35 +5,24 @@ import { AppRoutingModule } from './app-routing.module';
 import { AppComponent } from './app.component';
 import { NavBarComponent } from './header/components/nav-bar/nav-bar.component';
 import { SearchBarComponent } from './header/components/search-bar/search-bar.component';
-import { PriceRestoComponent } from './filter/components/price-resto/price-resto.component';
-import { DistanceRestoComponent } from './filter/components/distance-resto/distance-resto.component';
-import { SurPlaceAEmporterComponent } from './filter/components/sur-place-a-emporter/sur-place-a-emporter.component';
-import { PmrRestoComponent } from './filter/components/pmr-resto/pmr-resto.component';
-import { AvisRestoComponent } from './filter/components/avis-resto/avis-resto.component';
 import { CardCategoryComponent } from './card-category/card-category.component';
 import { CardRestoComponent } from './card-resto/card-resto.component';
 import { FooterComponent } from './footer/footer.component';
 import { HomePageComponent } from './pages/home-page/home-page.component';
 import { HttpClientModule } from '@angular/common/http';
 import { ListCategoriesComponent } from './pages/list-categories/list-categories.component';
-import { FavorisUserComponent } from './pages/favoris-user/favoris-user.component';
+
 
 @NgModule({
   declarations: [
     AppComponent,
     NavBarComponent,
     SearchBarComponent,
-    PriceRestoComponent,
-    DistanceRestoComponent,
-    SurPlaceAEmporterComponent,
-    PmrRestoComponent,
-    AvisRestoComponent,
     CardCategoryComponent,
     CardRestoComponent,
     FooterComponent,
     HomePageComponent,
-    ListCategoriesComponent,
-    FavorisUserComponent
+    ListCategoriesComponent
   ],
   imports: [
     BrowserModule,

src/app/filter/components/avis-resto/avis-resto.component.spec.ts

@@ -1,25 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { AvisRestoComponent } from './avis-resto.component';
-
-describe('AvisRestoComponent', () => {
-  let component: AvisRestoComponent;
-  let fixture: ComponentFixture<AvisRestoComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ AvisRestoComponent ]
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(AvisRestoComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

src/app/filter/components/avis-resto/avis-resto.component.ts

@@ -1,15 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
-  selector: 'app-avis-resto',
-  templateUrl: './avis-resto.component.html',
-  styleUrls: ['./avis-resto.component.scss']
-})
-export class AvisRestoComponent implements OnInit {
-
-  constructor() { }
-
-  ngOnInit(): void {
-  }
-
-}

src/app/filter/components/distance-resto/distance-resto.component.html

@@ -1 +0,0 @@
-<p>distance-resto works!</p>

src/app/filter/components/distance-resto/distance-resto.component.spec.ts

@@ -1,25 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { DistanceRestoComponent } from './distance-resto.component';
-
-describe('DistanceRestoComponent', () => {
-  let component: DistanceRestoComponent;
-  let fixture: ComponentFixture<DistanceRestoComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ DistanceRestoComponent ]
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(DistanceRestoComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

src/app/filter/components/distance-resto/distance-resto.component.ts

@@ -1,15 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
-  selector: 'app-distance-resto',
-  templateUrl: './distance-resto.component.html',
-  styleUrls: ['./distance-resto.component.scss']
-})
-export class DistanceRestoComponent implements OnInit {
-
-  constructor() { }
-
-  ngOnInit(): void {
-  }
-
-}

src/app/filter/components/pmr-resto/pmr-resto.component.html

@@ -1 +0,0 @@
-<p>pmr-resto works!</p>

src/app/filter/components/pmr-resto/pmr-resto.component.spec.ts

@@ -1,25 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { PmrRestoComponent } from './pmr-resto.component';
-
-describe('PmrRestoComponent', () => {
-  let component: PmrRestoComponent;
-  let fixture: ComponentFixture<PmrRestoComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ PmrRestoComponent ]
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(PmrRestoComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

src/app/filter/components/pmr-resto/pmr-resto.component.ts

@@ -1,15 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
-  selector: 'app-pmr-resto',
-  templateUrl: './pmr-resto.component.html',
-  styleUrls: ['./pmr-resto.component.scss']
-})
-export class PmrRestoComponent implements OnInit {
-
-  constructor() { }
-
-  ngOnInit(): void {
-  }
-
-}

src/app/filter/components/price-resto/price-resto.component.html

@@ -1 +0,0 @@
-<p>price-resto works!</p>

src/app/filter/components/price-resto/price-resto.component.spec.ts

@@ -1,25 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { PriceRestoComponent } from './price-resto.component';
-
-describe('PriceRestoComponent', () => {
-  let component: PriceRestoComponent;
-  let fixture: ComponentFixture<PriceRestoComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ PriceRestoComponent ]
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(PriceRestoComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

src/app/filter/components/price-resto/price-resto.component.ts

@@ -1,15 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
-  selector: 'app-price-resto',
-  templateUrl: './price-resto.component.html',
-  styleUrls: ['./price-resto.component.scss']
-})
-export class PriceRestoComponent implements OnInit {
-
-  constructor() { }
-
-  ngOnInit(): void {
-  }
-
-}

src/app/filter/components/sur-place-a-emporter/sur-place-a-emporter.component.html

@@ -1 +0,0 @@
-<p>sur-place-a-emporter works!</p>

src/app/filter/components/sur-place-a-emporter/sur-place-a-emporter.component.spec.ts

@@ -1,25 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { SurPlaceAEmporterComponent } from './sur-place-a-emporter.component';
-
-describe('SurPlaceAEmporterComponent', () => {
-  let component: SurPlaceAEmporterComponent;
-  let fixture: ComponentFixture<SurPlaceAEmporterComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ SurPlaceAEmporterComponent ]
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(SurPlaceAEmporterComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

src/app/filter/components/sur-place-a-emporter/sur-place-a-emporter.component.ts

@@ -1,15 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
-  selector: 'app-sur-place-a-emporter',
-  templateUrl: './sur-place-a-emporter.component.html',
-  styleUrls: ['./sur-place-a-emporter.component.scss']
-})
-export class SurPlaceAEmporterComponent implements OnInit {
-
-  constructor() { }
-
-  ngOnInit(): void {
-  }
-
-}

src/app/header/components/nav-bar/nav-bar.component.scss

@@ -1,9 +1,9 @@
 #image-header{
   display: flex;
   justify-content: center;
-  margin: auto;
-  padding-bottom: 5%;
+  padding-bottom: 3%;
   filter: drop-shadow(0 0 0.30rem black);
+  width: auto;
 
 }
 
@@ -11,3 +11,4 @@
   color: red !important;
 }
 
+

src/app/header/components/search-bar/search-bar.component.html

@@ -2,12 +2,10 @@
   <div class="container-fluid">
 <img src="assets/images-header/logo.png" alt="logo">
     <form style="width: 20%;" class="d-flex">
-      <input class="form-control me-2" type="search" placeholder="Trouver votre Simpl'eat" aria-label="Search">
+      <input class="form-control me-2" type="search" placeholder="Trouver votre SIMPL'EAT..." aria-label="Search">
     </form>
     <div class="trait">
-      <div class="textLogo">
-      Le bon plan pour manger
+      <p>LE BON PLAN POUR MANGER</p>
+      </div>
     </div>
-    </div>
-  </div>
 </nav>

src/app/header/components/search-bar/search-bar.component.scss

@@ -3,7 +3,7 @@
   padding-top: 2%;
   width : 100%;
   margin: auto;
-  padding-bottom: 2%;
+  padding-bottom: 0,5%;
   padding-left: 0;
   padding-right: 0;
   max-height: 20%;
@@ -15,6 +15,7 @@
   width: 100%;
   height: 30px;
   border-bottom: 2px solid red;
+  position: relative;
 
 }
 
@@ -23,10 +24,17 @@ img{
 
 }
 
-h5{
-  margin:0;
-  padding:0;
-  text-align:center;
+
+p{
+  background-color: white;
   position: absolute;
+  top: 15px;
+  left: 130px;
+  padding : 0 10px 0 10px;
+  font-weight: bolder;
+  color: grey;
 }
 
+// .form-control{
+// }
+

src/environments/environment.ts

@@ -4,7 +4,7 @@
 
 export const environment = {
   production: false,
-  apiUrl: "http://localhost:3000",
+  apiUrl: "http://localhost:8080",
 };
 
 /*