| 1 |
<?php |
| 2 |
defined('ABSPATH') || die('Restricted Access'); |
| 3 |
?> |
| 4 |
<div class="grid-x acym__list__settings__subscribers acym__content" id="acym__list__settings__subscribers"> |
| 5 |
<input type="hidden" name="list[name]" value="<?php echo esc_attr($data['listInformation']->name); ?>" /> |
| 6 |
<input type="hidden" id="subscribers_subscribed" value="<?php echo esc_attr(json_encode($data['subscribers'])); ?>" /> |
| 7 |
<input type="hidden" id="requireConfirmation" value="<?php echo empty($this->config->get('require_confirmation', 0)) ? 0 : 1; ?>" /> |
| 8 |
<h5 class="cell acym__title acym__title__secondary"><?php echo esc_html(acym_translation('ACYM_SUBSCRIBERS')); ?></h5> |
| 9 |
|
| 10 |
<div class="cell grid-x acym__list__settings__subscribers__search"> |
| 11 |
<div class="cell medium-3"><input type="text" v-model="searchSubscribers" placeholder="<?php echo esc_attr(acym_translation('ACYM_SEARCH')); ?>"></div> |
| 12 |
<div class="cell medium-auto"></div> |
| 13 |
<div v-show="displayedSubscribers.length > 0" style="display:none;" class="cell grid-x acym__listing"> |
| 14 |
<div class="grid-x cell acym__listing__header hide-for-medium-only hide-for-small-only"> |
| 15 |
<div @click="orderByTable('id')" class="cell acym__listing__header__title large-1 cursor-pointer acym_vcenter list_order_gap"> |
| 16 |
ID |
| 17 |
<i v-show="columnOrderSelectedCss == 'id'" |
| 18 |
:class="[(columnOrderSelected == 'id' ? 'acymicon-sort-amount-desc' : 'acymicon-sort-amount-asc'),(columnOrderSelectedCss == 'id' ? 'acymicon-sort-amount-asc' : 'acymicon-sort-amount-desc') ] " |
| 19 |
class="dataTable__icon__size"></i> |
| 20 |
</div> |
| 21 |
<div @click="orderByTable('email')" class="cell acym__listing__header__title large-3 cursor-pointer acym_vcenter list_order_gap"> |
| 22 |
<?php echo esc_html(acym_translation('ACYM_EMAIL')); ?> |
| 23 |
<i v-show="columnOrderSelectedCss == 'email'" |
| 24 |
:class=" columnOrderSelected == 'email' ? 'acymicon-sort-amount-desc' : 'acymicon-sort-amount-asc' " |
| 25 |
class="dataTable__icon__size"></i> |
| 26 |
</div> |
| 27 |
<div @click="orderByTable('name')" |
| 28 |
class="cell acym__listing__header__title cursor-pointer acym_vcenter list_order_gap" |
| 29 |
:class="requireConfirmation==1?'large-2':'large-3'"> |
| 30 |
<?php echo esc_html(acym_translation('ACYM_NAME')); ?> |
| 31 |
<i v-show="columnOrderSelectedCss == 'name'" |
| 32 |
:class=" columnOrderSelected == 'name' ? 'acymicon-sort-amount-desc' : 'acymicon-sort-amount-asc' " |
| 33 |
class="dataTable__icon__size"></i> |
| 34 |
</div> |
| 35 |
<div @click="orderByTable('subscription_date')" |
| 36 |
class="cell large-2 acym__listing__header__title cursor-pointer acym_vcenter list_order_gap"> |
| 37 |
<?php echo esc_html(acym_translation('ACYM_SUBSCRIPTION_DATE')); ?> |
| 38 |
<i v-show="columnOrderSelectedCss == 'subscription_date'" |
| 39 |
:class=" columnOrderSelected == 'subscription_date' ? 'acymicon-sort-amount-desc' : 'acymicon-sort-amount-asc' " |
| 40 |
class="dataTable__icon__size"></i> |
| 41 |
</div> |
| 42 |
<div @click="orderByTable('confirmed')" |
| 43 |
class="cell large-1 acym__listing__header__title cursor-pointer acym_vcenter list_order_gap" |
| 44 |
v-show="requireConfirmation==1"> |
| 45 |
<?php echo esc_html(acym_translation('ACYM_STATUS')); ?> |
| 46 |
<i v-show="columnOrderSelectedCss == 'confirmed'" |
| 47 |
:class=" columnOrderSelected == 'confirmed' ? 'acymicon-sort-amount-desc' : 'acymicon-sort-amount-asc' " |
| 48 |
class="dataTable__icon__size"></i> |
| 49 |
</div> |
| 50 |
<div class="cell large-2 acym__listing__header__title"></div> |
| 51 |
</div> |
| 52 |
<div class="grid-x cell acym__list__settings__subscribers__listing" |
| 53 |
v-infinite-scroll="loadMoreSubscriber" |
| 54 |
:infinite-scroll-disabled="busy" |
| 55 |
infinite-scroll-distance="10"> |
| 56 |
<div class="grid-x cell align-middle acym__listing__row" v-for="(sub, index) in displayedSubscribers"> |
| 57 |
<div class="cell medium-7 small-10 acym_word-break large-1"> |
| 58 |
<span :class="sub.confirmed==1 || requireConfirmation==0?'':'acym__color__dark-gray'">{{ sub.id }}</span> |
| 59 |
</div> |
| 60 |
<div class="cell small-12 large-3 acym__listing__title acym_word-break"> |
| 61 |
<h6 :class="sub.confirmed==1 || requireConfirmation==0?'':'acym__color__dark-gray'"> |
| 62 |
{{ sub.email }} |
| 63 |
<span class="acym__hover__user_info" :data-id="sub.id"> |
| 64 |
<?php acym_info(['textShownInTooltip' => '<i class="acymicon-circle-o-notch acymicon-spin"></i>']); ?> |
| 65 |
</span> |
| 66 |
</h6> |
| 67 |
</div> |
| 68 |
<div class="cell medium-7 small-10 acym_word-break" :class="requireConfirmation==1?'large-2':'large-3'"> |
| 69 |
<span :class="sub.confirmed==1 || requireConfirmation==0?'':'acym__color__dark-gray'">{{ sub.name }}</span> |
| 70 |
</div> |
| 71 |
<div class="large-2 hide-for-medium-only hide-for-small-only cell acym_word-break"> |
| 72 |
<span :class="sub.confirmed==1 || requireConfirmation==0?'':'acym__color__dark-gray'">{{ sub.subscription_date }}</span> |
| 73 |
</div> |
| 74 |
<div class="cell large-1 hide-for-medium-only hide-for-small-only acym_word-break" v-show="requireConfirmation==1 && sub.confirmed==0"> |
| 75 |
<span class="acym__color__dark-gray"> |
| 76 |
<?php echo esc_html(acym_translation('ACYM_PENDING')); ?> |
| 77 |
</span> |
| 78 |
</div> |
| 79 |
<div class="cell large-1 hide-for-medium-only hide-for-small-only acym_word-break" v-show="requireConfirmation==1 && sub.confirmed==1"> |
| 80 |
<span><?php echo esc_html(acym_translation('ACYM_CONFIRMED')); ?></span> |
| 81 |
</div> |
| 82 |
<div class="large-2 medium-5 small-2 cell acym__list__settings__subscribers__users--action acym__list__action--unsubscribe_one acym_word-break" |
| 83 |
v-on:click="unsubscribeUser(sub.id)"> |
| 84 |
<i class="acymicon-times-circle"></i><span class="hide-for-small-only"><?php echo esc_html( |
| 85 |
acym_strtolower(acym_translation('ACYM_UNSUBSCRIBE')) |
| 86 |
); ?></span> |
| 87 |
</div> |
| 88 |
</div> |
| 89 |
</div> |
| 90 |
</div> |
| 91 |
<div class="cell grid-x align-center acym__list__subscribers__loading margin-top-1" v-show="loading"> |
| 92 |
<div class="cell text-center acym__list__subscribers__loading__title"><?php echo esc_html(acym_translation('ACYM_WE_ARE_LOADING_YOUR_DATA')); ?></div> |
| 93 |
<div class="cell grid-x shrink margin-top-1"> |
| 94 |
<?php acym_loaderLogo(false); ?> |
| 95 |
</div> |
| 96 |
</div> |
| 97 |
<div class="grid-x cell acym__listing v-align-top acym__list__settings__subscribers__listing" v-show="displayedSubscribers.length==0 && !loading" style="display:none;"> |
| 98 |
<span><?php echo esc_html(acym_translation('ACYM_NO_SUBSCRIBERS_FOUND')); ?></span> |
| 99 |
</div> |
| 100 |
</div> |
| 101 |
</div> |
| 102 |
|
