previous-travels.page.html

<ion-header>
  <ion-toolbar>
      <ion-buttons slot="start">
          <ion-button color="light" (click)="goBack()">
            <ion-icon name="arrow-back"></ion-icon>
          </ion-button>
        </ion-buttons>
    <ion-title>Liste de vos  Trajets effectués</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <ion-slides scrollbar='true'>
    <ion-slide *ngFor='let elm of tsa; let i = index' (click)=showPartners(i)>>
        <ion-card class="CardFadeIn" (click)='toInfoTravel(i)'>
           <!-- manageUrl = 'http://www.ivoiturage.com/server/towns/';-->

            <img [src]="'http://localhost/dream/server/towns/' + elm.Destination + '.jpg'" alt=""/>
      
            <ion-list>
                
                   <ion-item>
                      <ion-icon name='pin'></ion-icon>
                    <ion-label>
                      {{elm.Depart}} ({{&nbsp; elm.Rencontre}})
                    </ion-label>
                  </ion-item>
      
                    <ion-item>
                        <ion-icon name='locate'></ion-icon>
                      <ion-label>
                        {{elm.Destination}} ({{&nbsp; elm.Depot}})
                      </ion-label>
                  </ion-item>

                    <ion-item >
                       <ion-item>
                        <ion-icon name='time'></ion-icon>
                        <ion-label>
                          {{elm.Date &nbsp;}}&nbsp;à&nbsp;{{&nbsp;elm.Heure}}
                        </ion-label> 
                       </ion-item>   
                  </ion-item>

                  <ion-item>

                    <ion-item>
                      <ion-icon name='people'></ion-icon>
                      <ion-label>
                        {{elm.NbPlaceDispo}}
                      </ion-label>
                    </ion-item>

                    <ion-item>                     
                      <ion-icon  name='cash'></ion-icon>
                      <ion-label>
                       {{elm.Prix}} fcfa
                      </ion-label>
                    </ion-item>

                  </ion-item>

          
      
              </ion-list>
      </ion-card>
    </ion-slide>
  </ion-slides>
  
</ion-content>