add-source-popup-old.php
2 weeks ago
add-source-popup.php
2 weeks ago
confirm-dialog-popup.php
2 weeks ago
embed-popup.php
2 weeks ago
extensions-popup.php
2 weeks ago
feedtemplates-popup.php
2 weeks ago
feedtypes-popup.php
2 weeks ago
index.php
2 weeks ago
install-plugin-popup.php
2 weeks ago
onboarding-customizer-popup.php
2 weeks ago
onboarding-popup.php
2 weeks ago
source-instances.php
2 weeks ago
temp-login-about.php
2 weeks ago
embed-popup.php
79 lines
| 1 | <div class="cff-fb-embed-ctn sb-fs-boss cff-fb-center-boss" v-if="viewsActive.embedPopup"> |
| 2 | <div class="cff-fb-embed-popup cff-fb-popup-inside" role="dialog" aria-modal="true" aria-labelledby="cff-fb-embed-popup-heading"> |
| 3 | <button type="button" class="cff-fb-popup-cls" aria-label="Close dialog" @click.prevent.default="activateView('embedPopup')" @keydown.enter.prevent="activateView('embedPopup')" @keydown.space.prevent="activateView('embedPopup')"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"> |
| 4 | <path d="M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z" fill="#141B38"/> |
| 5 | </svg> |
| 6 | </button> |
| 7 | |
| 8 | <h3 id="cff-fb-embed-popup-heading" v-show="viewsActive.embedPopupScreen == 'step_1'">{{embedPopupScreen.heading}}</h3> |
| 9 | |
| 10 | <div class="cff-fb-embed-step-1 cff-fb-fs" v-show="viewsActive.embedPopupScreen == 'step_1'"> |
| 11 | <div class="cff-fb-embed-step-1-top cff-fb-fs"> |
| 12 | <h4 class="cff-fb-fs">{{embedPopupScreen.description}}</h4> |
| 13 | <div class="cff-fb-embed-input-ctn cff-fb-fs"> |
| 14 | <input class="cff-fb-fs" type="text" :value="'[custom-facebook-feed feed='+ customizerFeedData.feed_info.id +']'"> |
| 15 | <button class="cff-fb-hd-btn cff-csz-btn-save cff-btn-orange sb-standard-p sb-bold" @click.prevent.default="copyToClipBoard('[custom-facebook-feed feed='+customizerFeedData.feed_info.id+']')"> |
| 16 | <div v-html="svgIcons['copy2']"></div> |
| 17 | <span>{{genericText.copy}}</span> |
| 18 | </button> |
| 19 | </div> |
| 20 | </div> |
| 21 | |
| 22 | <div class="cff-fb-embed-step-1-bottom cff-fb-fs"> |
| 23 | <h4>{{embedPopupScreen.description_2}}</h4> |
| 24 | <div class="cff-fb-embed-btns-ctn cff-fb-fs"> |
| 25 | <a class="cff-fb-embed-btn cff-btn-grey" @click.prevent.default="switchScreen('embedPopupScreen','step_2')"> |
| 26 | <div class="sb-icon-label"> |
| 27 | <div v-html="svgIcons['addPage']"></div> |
| 28 | <span>{{embedPopupScreen.addPage}}</span> |
| 29 | </div> |
| 30 | <svg width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 31 | <path d="M1.83516 0L0.660156 1.175L4.47682 5L0.660156 8.825L1.83516 10L6.83516 5L1.83516 0Z" fill="#141B38"/> |
| 32 | </svg> |
| 33 | |
| 34 | </a> |
| 35 | <a :href="widgetsPageURL + '?cff_feed_id=' + customizerFeedData.feed_info.id" class="cff-fb-embed-btn cff-btn-grey"> |
| 36 | <div class="sb-icon-label"> |
| 37 | <div v-html="svgIcons['addWidget']"></div> |
| 38 | <span>{{embedPopupScreen.addWidget}}</span> |
| 39 | </div> |
| 40 | <svg width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 41 | <path d="M1.83516 0L0.660156 1.175L4.47682 5L0.660156 8.825L1.83516 10L6.83516 5L1.83516 0Z" fill="#141B38"/> |
| 42 | </svg> |
| 43 | </a> |
| 44 | </div> |
| 45 | </div> |
| 46 | </div> |
| 47 | |
| 48 | <div class="cff-fb-embed-step-2 cff-fb-fs" v-show="viewsActive.embedPopupScreen == 'step_2'"> |
| 49 | <div class="sb-embed-breadcrumb cff-fb-fs"> |
| 50 | <svg width="6" height="8" viewBox="0 0 6 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.27203 0.94L4.33203 0L0.332031 4L4.33203 8L5.27203 7.06L2.2187 4L5.27203 0.94Z" fill="#434960"></path></svg> |
| 51 | <a @click.prevent.default="switchScreen('embedPopupScreen','step_1')">{{embedPopupScreen.heading}}</a> |
| 52 | </div> |
| 53 | <h3>{{embedPopupScreen.addPage}}</h3> |
| 54 | <div class="cff-fb-embed-step-2-list"> |
| 55 | <strong>{{embedPopupScreen.selectPage}}</strong> |
| 56 | <div class="cff-fb-embed-step-2-pages cff-fb-fs"> |
| 57 | <div class="sb-control-toggle-set-ctn cff-fb-fs"> |
| 58 | <div class="sb-control-toggle-elm cff-fb-fs sb-tr-2" v-for="page in wordpressPageLists" :data-active="viewsActive.embedPopupSelectedPage == page.id" @click.prevent.default="switchScreen('embedPopupSelectedPage',page.id)"> |
| 59 | <div class="sb-control-toggle-deco sb-tr-1"></div> |
| 60 | <div class="sb-control-toggle-icon" v-html="svgIcons['article_2']"></div> |
| 61 | <div class="sb-control-label sb-small-p sb-dark-text">{{page.title}}</div> |
| 62 | </div> |
| 63 | </div> |
| 64 | </div> |
| 65 | </div> |
| 66 | <div class="cff-fb-embed-step-2-action cff-fb-fs"> |
| 67 | <a class="cff-fb-srcs-update cff-fb-btn cff-fb-fs cff-btn-orange" :href="viewsActive.embedPopupSelectedPage != null ? adminPostURL + '?post='+viewsActive.embedPopupSelectedPage+'&action=edit&cff_wizard=' + customizerFeedData.feed_info.id : '#'" target="_blank" :data-active="viewsActive.embedPopupSelectedPage != null ? 'true' : 'false'"> |
| 68 | <svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 69 | <path fill-rule="evenodd" clip-rule="evenodd" d="M5.58058 8.36158L13.5355 0.406627L15.3033 2.17439L5.58058 11.8971L0.277281 6.59381L2.04505 4.82604L5.58058 8.36158Z" fill="currentColor"/> |
| 70 | </svg> |
| 71 | |
| 72 | <span>{{genericText.add}}</span> |
| 73 | </a> |
| 74 | </div> |
| 75 | </div> |
| 76 | |
| 77 | </div> |
| 78 | </div> |
| 79 |