|
75 | 75 | </div>
|
76 | 76 | </b-field>
|
77 | 77 |
|
78 |
| - <div> |
| 78 | + <div class="mb-5" v-if="data.lists"> |
79 | 79 | <h5>{{ $tc('globals.terms.subscriptions', 2) }} ({{ data.lists.length }})</h5>
|
80 |
| - <div class="mb-5"> |
81 |
| - <b-table :data="data.lists" hoverable default-sort="createdAt" class="subscriptions" |
82 |
| - > |
83 |
| - <b-table-column v-slot="props" field="name" |
84 |
| - :label="$tc('globals.terms.list', 1)"> |
85 |
| - <div> |
86 |
| - <router-link :to="`/lists/${props.row.id}`"> |
87 |
| - {{ props.row.name }} |
88 |
| - </router-link> |
89 |
| - <br /> |
90 |
| - <b-tag :class="props.row.optin" :data-cy="`optin-${props.row.optin}`"> |
91 |
| - <b-icon :icon="props.row.optin === 'double' ? |
92 |
| - 'account-check-outline' : 'account-off-outline'" size="is-small" /> |
93 |
| - {{ ' ' }} |
94 |
| - {{ $t(`lists.optins.${props.row.optin}`) }} |
95 |
| - </b-tag>{{ ' ' }} |
96 |
| - </div> |
97 |
| - </b-table-column> |
98 |
| - <b-table-column v-slot="props" field="status" :label="$t('globals.fields.status')"> |
99 |
| - {{ props.row.optin === 'double' ? props.row.subscriptionStatus : '-' }} |
100 |
| - </b-table-column> |
101 |
| - <b-table-column v-slot="props" field="createdAt" |
102 |
| - :label="$t('globals.fields.createdAt')"> |
103 |
| - {{ $utils.niceDate(props.row.subscriptionCreatedAt, true) }} |
104 |
| - </b-table-column> |
105 |
| - <b-table-column v-slot="props" field="updatedAt" |
106 |
| - :label="$t('globals.fields.updatedAt')"> |
107 |
| - {{ $utils.niceDate(props.row.subscriptionCreatedAt, true) }} |
108 |
| - </b-table-column> |
109 |
| - </b-table> |
110 |
| - </div> |
| 80 | + <b-table :data="data.lists" hoverable default-sort="createdAt" class="subscriptions" |
| 81 | + > |
| 82 | + <b-table-column v-slot="props" field="name" |
| 83 | + :label="$tc('globals.terms.list', 1)"> |
| 84 | + <div> |
| 85 | + <router-link :to="`/lists/${props.row.id}`"> |
| 86 | + {{ props.row.name }} |
| 87 | + </router-link> |
| 88 | + <br /> |
| 89 | + <b-tag :class="props.row.optin" :data-cy="`optin-${props.row.optin}`"> |
| 90 | + <b-icon :icon="props.row.optin === 'double' ? |
| 91 | + 'account-check-outline' : 'account-off-outline'" size="is-small" /> |
| 92 | + {{ ' ' }} |
| 93 | + {{ $t(`lists.optins.${props.row.optin}`) }} |
| 94 | + </b-tag>{{ ' ' }} |
| 95 | + </div> |
| 96 | + </b-table-column> |
| 97 | + <b-table-column v-slot="props" field="status" :label="$t('globals.fields.status')"> |
| 98 | + {{ props.row.optin === 'double' ? props.row.subscriptionStatus : '-' }} |
| 99 | + <template v-if="props.row.optin === 'double' |
| 100 | + && props.row.subscriptionMeta.optinIp"> |
| 101 | + <br /><span class="is-size-7">{{ props.row.subscriptionMeta.optinIp }}</span> |
| 102 | + </template> |
| 103 | + </b-table-column> |
| 104 | + <b-table-column v-slot="props" field="createdAt" |
| 105 | + :label="$t('globals.fields.createdAt')"> |
| 106 | + {{ $utils.niceDate(props.row.subscriptionCreatedAt, true) }} |
| 107 | + </b-table-column> |
| 108 | + <b-table-column v-slot="props" field="updatedAt" |
| 109 | + :label="$t('globals.fields.updatedAt')"> |
| 110 | + {{ $utils.niceDate(props.row.subscriptionCreatedAt, true) }} |
| 111 | + </b-table-column> |
| 112 | + </b-table> |
111 | 113 | </div>
|
112 | 114 |
|
113 | 115 | <div class="bounces" v-show="bounces.length > 0">
|
|
0 commit comments