34 lines
1,014 B
HTML
34 lines
1,014 B
HTML
<ion-view class="tinder-cards-view">
|
|
<ion-nav-title>
|
|
<span>Tinder Cards</span>
|
|
</ion-nav-title>
|
|
<ion-content scroll="false">
|
|
<td-cards>
|
|
<td-card id="td-card" ng-repeat="card in cards"
|
|
on-transition-left="transitionLeft(card)"
|
|
on-transition-right="transitionRight(card)"
|
|
on-transition-out="transitionOut(card)"
|
|
on-destroy="cardDestroyed($index)"
|
|
on-swipe-left="cardSwipedLeft($index)"
|
|
on-swipe-right="cardSwipedRight($index)"
|
|
on-partial-swipe="cardPartialSwipe(amt)">
|
|
<div class="image">
|
|
<div class="no-text overlayBox">
|
|
<div class="noBox boxed">
|
|
Nope
|
|
</div>
|
|
</div>
|
|
<img ng-src="{{card.image}}">
|
|
<div class="yes-text overlayBox">
|
|
<div class="yesBox boxed">
|
|
Yes
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="title">
|
|
{{card.name}}
|
|
</div>
|
|
</td-card>
|
|
</td-cards>
|
|
</ion-content>
|
|
</ion-view>
|