|
769 | 769 | <cly-tooltip-icon :tooltip="i18n('push-notification.compose-message-tooltip')" icon="ion ion-help-circled"> </cly-tooltip-icon>
|
770 | 770 | </div>
|
771 | 771 | <div>
|
772 |
| - <el-checkbox :value="multipleLocalizations" @change="onMultipleLocalizationChange"> |
| 772 | + <div class="cly-vue-push-notification-drawer__checkbox-text" v-if="isEstimationLoading"> |
| 773 | + <i class="fa fa-spin fa-spinner" style="font-size: 16px;margin-right: 6px;"></i> {{i18n('push-notification.allow-to-set-different-content')}} |
| 774 | + </div> |
| 775 | + <el-checkbox :value="multipleLocalizations" @change="onMultipleLocalizationChange" v-else> |
773 | 776 | <div class="cly-vue-push-notification-drawer__checkbox-text">{{i18n('push-notification.allow-to-set-different-content')}}</div>
|
774 | 777 | </el-checkbox>
|
775 | 778 | </div>
|
|
1195 | 1198 | {{previewCohorts(pushNotificationUnderEdit.cohorts).join(', ')}}
|
1196 | 1199 | </template>
|
1197 | 1200 | </review-section-row>
|
1198 |
| - <review-section-row v-if="shouldDisplayNumberOfUsers" :label="i18n('push-notification.current-number-of-users')" :value="currentNumberOfUsers"></review-section-row> |
| 1201 | + <review-section-row v-if="shouldDisplayNumberOfUsers" :label="i18n('push-notification.current-number-of-users')"> |
| 1202 | + <template v-if="isEstimationLoading"><i class="fa fa-spin fa-spinner"></i></template> |
| 1203 | + <template v-else>{{currentNumberOfUsers}}</template> |
| 1204 | + </review-section-row> |
1199 | 1205 | <review-section-row v-if="pushNotificationUnderEdit[TypeEnum.ONE_TIME].targeting === TargetingEnum.SEGMENTED" :label="i18n('push-notification.geolocations')" :value="previewLocations.join(', ')"></review-section-row>
|
1200 | 1206 | <review-section-row
|
1201 | 1207 | v-if="type === TypeEnum.ONE_TIME"
|
|
1212 | 1218 | {{previewCohorts(pushNotificationUnderEdit.cohorts).join(', ')}}
|
1213 | 1219 | </template>
|
1214 | 1220 | </review-section-row>
|
1215 |
| - <review-section-row v-if="shouldDisplayNumberOfUsers" :label="i18n('push-notification.current-number-of-users')" :value="currentNumberOfUsers"></review-section-row> |
| 1221 | + <review-section-row v-if="shouldDisplayNumberOfUsers" :label="i18n('push-notification.current-number-of-users')"> |
| 1222 | + <template v-if="isEstimationLoading"><i class="fa fa-spin fa-spinner"></i></template> |
| 1223 | + <template v-else>{{currentNumberOfUsers}}</template> |
| 1224 | + </review-section-row> |
1216 | 1225 | <review-section-row v-if="pushNotificationUnderEdit[TypeEnum.RECURRING].targeting === TargetingEnum.SEGMENTED" :label="i18n('push-notification.geolocations')" :value="previewLocations.join(', ')"></review-section-row>
|
1217 | 1226 | <review-section-row
|
1218 | 1227 | v-if="type === TypeEnum.RECURRING"
|
|
1229 | 1238 | {{previewCohorts(pushNotificationUnderEdit.cohorts).join(', ')}}
|
1230 | 1239 | </template>
|
1231 | 1240 | </review-section-row>
|
1232 |
| - <review-section-row v-if="shouldDisplayNumberOfUsers" :label="i18n('push-notification.current-number-of-users')" :value="currentNumberOfUsers"></review-section-row> |
| 1241 | + <review-section-row v-if="shouldDisplayNumberOfUsers" :label="i18n('push-notification.current-number-of-users')"> |
| 1242 | + <template v-if="isEstimationLoading"><i class="fa fa-spin fa-spinner"></i></template> |
| 1243 | + <template v-else>{{currentNumberOfUsers}}</template> |
| 1244 | + </review-section-row> |
1233 | 1245 | <review-section-row v-if="pushNotificationUnderEdit[TypeEnum.MULTIPLE].targeting === TargetingEnum.SEGMENTED" :label="i18n('push-notification.geolocations')" :value="previewLocations.join(', ')"></review-section-row>
|
1234 | 1246 | <review-section-row
|
1235 | 1247 | v-if="type === TypeEnum.MULTIPLE"
|
|
0 commit comments