I am trying to get the current swipeout deleted list in a list of swipeouts.
SCREENSHOT
<li @swipeout:deleted="deletePaymentList" id="pm-list-{{id}}"
class="swipeout swipe-out-hr-line">
<div class="item-content swipeout-content">
<div class="item-media">
{{#js_if "this.card_type == 'visa'" }}
<img class="atm-logo" src="assets/user/visa-logo.png" alt="Visa Logo">
{{/js_if}}
{{#js_if "this.card_type == 'mastercard'" }}
<img class="atm-logo" src="assets/user/mastercard-logo.png" alt="MasterCard Logo">
{{/js_if}}
<!-- </div>
</div> -->
</div>
<div class="item-inner">
<div class="item-title">
<label class="item-checkbox item-content">
<div class="item-inner">
<div class="item-title">
<h5 class="text-size-10 text-right josefin-sans-bold-font gazelle-blue-text swipe-out-width">
{{formatCardX card_number}}
</h5>
</div>
</div>
<input id="pm-card-{{id}}" type="checkbox" name="pm-card-"/>
<i class="icon icon-checkbox"></i>
</label>
</div>
</div>
</div>
<div class="swipeout-actions-right">
<a href="#" class="swipeout-delete">
<i class="icon f7-icons">trash</i>
Delete
</a>
</div>
</li>
{{else}}
<center>
<h4 class="text-size-15 text-center josefin-sans-bold-font grey-text-color">No payment card added </h4>
</center>
METHODS
deletePaymentList: function(){
// How do i get the current swipe that was deleted
console.log(this.$app);
return false;
var self = this;
let cardData = {
token: window.localStorage.getItem('login-token'),
user_id: window.localStorage.getItem('user-id'),
card_id: this.value,
};
this.$app.request.post(window.app.data.settings.apiUrl + '/api/v1/paymentcards', cardData, (data) => {
this.$setState({
d_data: data.cards
});
});
}