content.php
| 1 | <?php if (! defined('ABSPATH')) { |
| 2 | exit; |
| 3 | } // Exit if accessed directly ?> |
| 4 | <div class="cff-fb-full-wrapper cff-fb-fs"> |
| 5 | <?php |
| 6 | |
| 7 | /** |
| 8 | * CFF Admin Notices |
| 9 | * |
| 10 | * @since 4.0 |
| 11 | */ |
| 12 | |
| 13 | do_action('cff_admin_notices'); |
| 14 | ?> |
| 15 | <div class="cff-oembeds-container"> |
| 16 | <div class="cff-section-header"> |
| 17 | <h3>{{genericText.title}}</h3> |
| 18 | <p>{{genericText.description}}</p> |
| 19 | </div> |
| 20 | |
| 21 | <div class="cff-oembed-plugin-box-group"> |
| 22 | <div class="cff-oembed-plugin-box cff-oembed-facebook"> |
| 23 | <span class="oembed-icon" v-html="images.fbIcon"></span> |
| 24 | <span class="oembed-text" v-if="facebook.doingOembeds">{{genericText.facebookOEmbedsEnabled}}</span> |
| 25 | <span class="oembed-text" v-else="facebook.doingOembeds">{{genericText.facebookOEmbeds}}</span> |
| 26 | <span class="cff-oembed-btn"> |
| 27 | <button v-if="facebook.doingOembeds" @click="disableFboEmbed()" class="cff-btn cff-btb disable-oembed" :class="{loading: fboEmbedLoader}"> |
| 28 | <span v-if="fboEmbedLoader" v-html="loaderSVG"></span> |
| 29 | {{genericText.disable}} |
| 30 | </button> |
| 31 | <button v-else @click="enableFboEmbed()" class="cff-btn cff-btn-blue" :class="{loading: fboEmbedLoader}"> |
| 32 | <span v-if="fboEmbedLoader" v-html="svgIcons.loaderSVG"></span> |
| 33 | {{genericText.enable}} |
| 34 | </button> |
| 35 | </span> |
| 36 | <span class="cff-oembed-error" v-if="fboEmbedError">{{fboEmbedError}}</span> |
| 37 | </div> |
| 38 | <div class="cff-oembed-plugin-box cff-oembed-instagram"> |
| 39 | <span class="oembed-icon" v-html="images.instaIcon"></span> |
| 40 | <span class="oembed-text" v-if="instagram.doingOembeds">{{genericText.instagramOEmbedsEnabled}}</span> |
| 41 | <span class="oembed-text" v-else="instagram.doingOembeds">{{genericText.instagramOEmbeds}}</span> |
| 42 | <span class="cff-oembed-btn"> |
| 43 | <button v-if="instagram.doingOembeds" @click="disableInstaoEmbed()" class="cff-btn disable-oembed" :class="{loading: instaoEmbedLoader}"> |
| 44 | <span v-if="instaoEmbedLoader" v-html="loaderSVG"></span> |
| 45 | {{genericText.disable}} |
| 46 | </button> |
| 47 | <button v-else @click="InstagramShouldInstallOrEnable()" class="cff-btn cff-btn-blue" :class="{loading: instaoEmbedLoader}"> |
| 48 | <span v-if="instaoEmbedLoader" v-html="loaderSVG"></span> |
| 49 | {{genericText.enable}} |
| 50 | </button> |
| 51 | </span> |
| 52 | </div> |
| 53 | </div> |
| 54 | |
| 55 | <div class="cff-oembed-information"> |
| 56 | <div class="sb-box-header"> |
| 57 | <h3 v-if="isoEmbedsEnabled()">{{genericText.whatElseOembeds}}</h3> |
| 58 | <h3 v-else>{{genericText.whatAreOembeds}}</h3> |
| 59 | </div> |
| 60 | <?php |
| 61 | CustomFacebookFeed\CFF_View::render('oembeds.oembed_features'); |
| 62 | CustomFacebookFeed\CFF_View::render('oembeds.plugin_info'); |
| 63 | ?> |
| 64 | </div> |
| 65 | </div> |
| 66 | </div> |
| 67 | <?php |
| 68 | CustomFacebookFeed\CFF_View::render('oembeds.modal'); |
| 69 | ?> |