Offres : filters

src/app/modals/offres-carte-filters/offres-carte-filters.module.ts

+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { Routes, RouterModule } from '@angular/router';
+
+import { IonicModule } from '@ionic/angular';
+
+import { OffresCarteFiltersPage } from './offres-carte-filters.page';
+
+const routes: Routes = [
+  {
+    path: '',
+    component: OffresCarteFiltersPage
+  }
+];
+
+@NgModule({
+  imports: [
+    CommonModule,
+    FormsModule,
+    IonicModule,
+    RouterModule.forChild(routes)
+  ],
+  declarations: [OffresCarteFiltersPage]
+})
+export class OffresCarteFiltersPageModule {}

src/app/modals/offres-carte-filters/offres-carte-filters.page.html

+<ion-header>
+  <ion-toolbar color="primary">
+    <ion-title>Filtres</ion-title>
+    <ion-button size="small" color="light" fill="outline" (click)="modalController.dismiss()" slot="end"
+      class="ion-margin-horizontal">X</ion-button>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content>
+  <ion-list>
+    <ion-item>
+      <ion-label>Catégories</ion-label>
+      <ion-select class="wide-select" value="all" okText="Valider" cancelText="Annuler" (ionChange)="_TRIP.filterList($event.detail.value)">
+        <ion-select-option value="all">Toutes</ion-select-option>
+        <ion-select-option *ngFor="let cat of _TRIP.cats" value="{{cat.id}}">{{cat.label}}</ion-select-option>
+      </ion-select>
+    </ion-item>
+    <ion-item>
+      <ion-label>Partenaires</ion-label>
+      <ion-select class="wide-select" value="all" okText="Valider" cancelText="Annuler" (ionChange)="_TRIP.filterByBrandId($event.detail.value)">
+          <ion-select-option value="all">Tous</ion-select-option>
+        <ion-select-option *ngFor="let brand of _TRIP.brands" value="{{brand.id}}">{{brand.label}}</ion-select-option>
+      </ion-select>
+    </ion-item>
+    <ion-item>
+      <ion-grid no-padding>
+        <ion-row>
+          <ion-col no-padding>
+            <ion-label margin-vertical>Type</ion-label>
+          </ion-col>
+        </ion-row>
+        <ion-row>
+          <ion-col no-padding>
+            <ion-segment mode="ios" margin-bottom>
+              <ion-segment-button mode="ios" value="all">
+                <ion-label>Tout</ion-label>
+              </ion-segment-button>
+              <ion-segment-button mode="ios" value="offres">
+                <ion-label>Offres</ion-label>
+              </ion-segment-button>
+              <ion-segment-button mode="ios" value="reductions">
+                <ion-label>Réductions</ion-label>
+              </ion-segment-button>
+            </ion-segment>
+          </ion-col>
+        </ion-row>
+      </ion-grid>
+    </ion-item>
+  </ion-list>
+</ion-content>
+<ion-footer>
+  <ion-toolbar>
+    <ion-button slot="end" color="dark" size="small" (click)="_TRIP.resetData(); modalController.dismiss();">Réinitialiser</ion-button>
+  </ion-toolbar>
+</ion-footer>
\ No newline at end of file

src/app/modals/offres-carte-filters/offres-carte-filters.page.spec.ts

+import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { OffresCarteFiltersPage } from './offres-carte-filters.page';
+
+describe('OffresCarteFiltersPage', () => {
+  let component: OffresCarteFiltersPage;
+  let fixture: ComponentFixture<OffresCarteFiltersPage>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ OffresCarteFiltersPage ],
+      schemas: [CUSTOM_ELEMENTS_SCHEMA],
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(OffresCarteFiltersPage);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/modals/offres-carte-filters/offres-carte-filters.page.ts

+import { Component, OnInit } from '@angular/core';
+import { TripService } from '../../services/trip-service';
+import { ToastController, IonInfiniteScroll, ModalController } from '@ionic/angular';
+
+@Component({
+  selector: 'app-offres-carte-filters',
+  templateUrl: './offres-carte-filters.page.html',
+  styleUrls: ['./offres-carte-filters.page.scss'],
+})
+export class OffresCarteFiltersPage implements OnInit {
+
+  constructor(
+    public modalController: ModalController,
+    public _TRIP: TripService
+  ) { }
+
+  ngOnInit() {
+  }
+
+}