preview.php
44 lines
| 1 | <div class="sb-customizer-preview" :data-preview-device="customizerScreens.previewScreen"> |
| 2 | <?php |
| 3 | /** |
| 4 | * CFF Admin Notices |
| 5 | * |
| 6 | * @since 2.0 |
| 7 | */ |
| 8 | do_action('ctf_admin_notices'); |
| 9 | |
| 10 | $feed_id = ! empty( $_GET['feed_id'] ) ? (int)$_GET['feed_id'] : 0; |
| 11 | ?> |
| 12 | <div class="sb-preview-ctn sb-tr-2"> |
| 13 | <div class="sb-preview-top-chooser ctf-fb-fs"> |
| 14 | <strong :class="getModerationShoppableMode == true ? 'ctf-moderate-heading' :''" v-html="getModerationShoppableMode == false ? genericText.preview : ( svgIcons['eyePreview'] + '' + genericText.moderationModePreview )"></strong> |
| 15 | <div class="sb-preview-chooser" role="group" aria-label="<?php esc_attr_e( 'Preview device', 'custom-twitter-feeds' ); ?>" v-if="getModerationShoppableMode == false"> |
| 16 | <button class="sb-preview-chooser-btn" v-for="device in previewScreens" v-bind:class="'sb-' + device" v-html="svgIcons[device]" @click.prevent.default="switchCustomizerPreviewDevice(device)" :aria-label="device" :aria-pressed="customizerScreens.previewScreen == device ? 'true' : 'false'" :data-active="customizerScreens.previewScreen == device"></button> |
| 17 | </div> |
| 18 | </div> |
| 19 | <div class="ctf-preview-empty-ctn ctf-fb-fs" v-if="customizerFeedData.feed_enabled === false"> |
| 20 | |
| 21 | </div> |
| 22 | <div class="ctf-preview-ctn ctf-fb-fs" v-if="customizerFeedData.feed_enabled !== false"> |
| 23 | <div> |
| 24 | <?php // ctfPreviewComponent(), not {template}: it carries the safe delimiters. SMASH-1796. ?> |
| 25 | <component :is="ctfPreviewComponent()"></component> |
| 26 | </div> |
| 27 | </div> |
| 28 | |
| 29 | </div> |
| 30 | <ctf-dummy-lightbox-component :dummy-light-box-screen="dummyLightBoxScreen" :customizer-feed-data="customizerFeedData"></ctf-dummy-lightbox-component> |
| 31 | </div> |
| 32 | <div class="ctf-preview-disabled sb-fs-boss" v-if="customizerFeedData.feed_enabled === false"> |
| 33 | <div class="ctf-preview-disabled-content"> |
| 34 | <div class="ctf-preview-disabled-text ctf-disabled-feed-notice" v-html="(checkNotEmpty(customizerFeedData.settings.type) && customizerFeedData.settings.type.toLowerCase() === 'usertimeline') ? genericText.disabledFeedTooltipNotice : genericText.disabledFeedTypeTooltipNotice"></div> |
| 35 | <div class="ctf-preview-disabled-actions"> |
| 36 | <button class="ctf-fb-btn ctf-btn-grey" @click.prevent.default="window.location = builderUrl"><?php echo __('Back to All Feeds', 'custom-twitter-feeds' ) ?></button> |
| 37 | <a class="ctf-fb-btn ctf-btn-blue" v-if="(checkNotEmpty(customizerFeedData.settings.type) && customizerFeedData.settings.type.toLowerCase() === 'usertimeline')" target="_blank" href="https://smashballoon.com/custom-twitter-feeds/?utm_campaign=twitter-free&utm_source=customizer&utm_medium=upgrade-link"><?php echo __('Upgrade to Pro', 'custom-twitter-feeds' ) ?></a> |
| 38 | <button class="ctf-fb-btn ctf-btn-red" v-if="(checkNotEmpty(customizerFeedData.settings.type) && customizerFeedData.settings.type.toLowerCase() !== 'usertimeline')" @click.prevent.default="feedActionDelete([customizerFeedData.feed_info.id], true)"><?php echo __('Delete Feed', 'custom-twitter-feeds' ) ?></button> |
| 39 | </div> |
| 40 | </div> |
| 41 | </div> |
| 42 | |
| 43 | |
| 44 |