added wonky numbering to cards

src/pages/home/home.html

@@ -10,11 +10,12 @@
     <button ion-button color="secondary" (click)='reset();'>Reset</button>
     <button ion-button color="secondary" (click)='next();'>Next >></button>
     <button ion-button color="secondary" (click)='randomize();'> Random! </button>
+
   <ion-slides #slides *ngIf="cardSupply && cardSupply.length" (ionSlideDidChange)="slideChanged()" (ionSlideNextEnd)="nextSlide()" (ionSlidePrevEnd)="prevSlide()"
     [initialSlide]="0">
 		<ion-slide *ngFor="let current of cardSupply">
       <flash-card>
-        <div class="flash-card-front">{{current.front}}</div>
+        <div class="flash-card-front">{{currentIndex}} <br/><br/><br/> {{current.front}}</div>
         <div class="flash-card-back">{{current.back}}</div>
       </flash-card>
     </ion-slide>

src/pages/home/home.ts

@@ -11,13 +11,12 @@ export class HomePage {
   @ViewChild(Slides) slides: Slides;
 
   currentCard = {
-    front: "Hello0",
+    front: "Hello",
     back: "World!"
   };
   cardSupply: any;
   prov: any;
-  currentIndex = 0;
-
+  currentIndex = 1;
   constructor(public navCtrl: NavController, supply: FlashCardsProvider) {
     this.prov = supply;
     this.cardSupply = supply.allCards();
@@ -32,17 +31,21 @@ export class HomePage {
 
   nextSlide() {
     // ready for more functionality
+    this.currentIndex = this.slides.getActiveIndex() + 1;
   }
 
   prevSlide() {
     // ready for more functionality
+    this.currentIndex = this.slides.getActiveIndex() + 1;
   }
 
   reset() {
     this.navCtrl.setRoot(this.navCtrl.getActive().component);
+    this.currentIndex = 1;
   }
   next() {
     let idx = this.slides.getActiveIndex() + 1;
+    this.currentIndex= idx;
     this.slides.slideTo(idx, 500);
   }
 

src/providers/flash-cards/flash-cards.ts

@@ -32,7 +32,17 @@ export class FlashCardsProvider {
       }
       });
   }
-
+  startsWith(letter:string){
+    var cardIndex = 0;
+    for (let index = 0; index < this.defaultCards.length; index++) {
+      const element = this.defaultCards[index];
+      if(element.startsWith(letter)){
+        cardIndex = index;
+        break;
+      }
+      return this.defaultCards[cardIndex];
+    }
+  }
   cardFor(cardindex) {
     this.idx = cardindex % this.defaultCards.length;
     return this.defaultCards[this.idx];