update
This commit is contained in:
15
wp-content/plugins/youtube-feed-pro/vendor/smashballoon/customizer/templates/builder.php
vendored
Normal file
15
wp-content/plugins/youtube-feed-pro/vendor/smashballoon/customizer/templates/builder.php
vendored
Normal file
@@ -0,0 +1,15 @@
|
||||
<div id="sbc-builder-app" class="sbc-fb-fs sbc-builder-app" :data-app-loaded="appLoaded ? 'true' : 'false'" :data-sby-pro="sbyIsPro ? 'true' : 'false'" :data-app-customizer="iscustomizerScreen"
|
||||
:class="{'sbc-builder-app-lite-dismiss' : dismissLite == false && (!sbyIsPro || sbyLicenseNoticeActive ), 'sw-feed-link-bar-present' : sw_feed, 'sby-customizer-screen': iscustomizerScreen}"
|
||||
>
|
||||
<?php
|
||||
$icons = \Smashballoon\Customizer\Feed_Builder::builder_svg_icons();
|
||||
include_once CUSTOMIZER_ABSPATH . 'templates/sections/header.php';
|
||||
include_once CUSTOMIZER_ABSPATH . 'templates/screens/select-feed.php';
|
||||
include_once CUSTOMIZER_ABSPATH . 'templates/screens/welcome.php';
|
||||
include_once CUSTOMIZER_ABSPATH . 'templates/screens/customizer.php';
|
||||
include_once CUSTOMIZER_ABSPATH . 'templates/sections/footer.php';
|
||||
?>
|
||||
<div class="sb-control-elem-tltp-content" v-show="tooltip.hover" @mouseover.prevent.default="hoverTooltip(true, 'inside')" @mouseleave.prevent.default="hoverTooltip(false, 'outside')">
|
||||
<div class="sb-control-elem-tltp-txt" v-html="tooltip.text" :data-align="tooltip.align"></div>
|
||||
</div>
|
||||
</div>
|
||||
179
wp-content/plugins/youtube-feed-pro/vendor/smashballoon/customizer/templates/preview/lightbox.php
vendored
Normal file
179
wp-content/plugins/youtube-feed-pro/vendor/smashballoon/customizer/templates/preview/lightbox.php
vendored
Normal file
@@ -0,0 +1,179 @@
|
||||
<script type="text/x-template" id="sby-dummy-lightbox-component">
|
||||
<div id="sbc_lightbox" class="ctf-lightbox-dummy-ctn sbc_lightbox ctf-lightbox-transitioning" :data-visibility="dummyLightBoxScreen" :class="[(!$parent.valueIsEnabled(customizerFeedData.settings.disablelightbox) ? 'sbc_lightbox-active' : 'sbc_lightbox-disabled')]" :data-playerratio="customizerFeedData.settings.playerratio">
|
||||
<div class="sbc_lb-outerContainer">
|
||||
<div class="sbc-lb-player-img">
|
||||
<img src="<?php echo CUSTOMIZER_PLUGIN_URL . 'assets/img/sby_lightbox_player.png'; ?>" alt="">
|
||||
</div>
|
||||
<div class="sby_lb-dataContainer">
|
||||
<div class="sby_lb-data">
|
||||
<div class="sby_lb-caption" :class="{'sby-lb-dark-scheme': 'dark' === customizerFeedData.settings.colorpalette}">
|
||||
<div class="sby_lb-caption-inner" :class="{'sby_lb-no-channel-info': !customizerFeedData.settings.enablesubscriberlink}">
|
||||
<div class="sby_lb-video-heading">
|
||||
<h3>GoPro: Skate Queens of Barcelona | MACBA Life</h3>
|
||||
<div class="sby_lb-video-info">
|
||||
<span>11.2M views</span>
|
||||
<span class="sby_lb-spacer">·</span>
|
||||
<span>8 day ago</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sby-lb-channel-header" v-if="customizerFeedData.settings.enablesubscriberlink">
|
||||
<a class="sby_lightbox_username" href="https://www.youtube.com/watch?v=J2SvnnVBDk0" target="_blank" rel="noopener">
|
||||
<img src="<?php echo CUSTOMIZER_PLUGIN_URL . 'assets/img/sby_channel_logo.png'; ?>" alt="">
|
||||
<p class="sby-lb-channel-name-with-subs">
|
||||
<span>@GoPro</span>
|
||||
<span>11.2M subscribers</span>
|
||||
</p>
|
||||
</a>
|
||||
<div class="sbc-channel-subscribe-btn">
|
||||
<button class="sby-lb-subscribe-btn">
|
||||
<svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M5.66671 7.5L9.12671 5.5L5.66671 3.5V7.5ZM13.3734 2.28C13.46 2.59334 13.52 3.01334 13.56 3.54667C13.6067 4.08 13.6267 4.54 13.6267 4.94L13.6667 5.5C13.6667 6.96 13.56 8.03334 13.3734 8.72C13.2067 9.32 12.82 9.70667 12.22 9.87334C11.9067 9.96 11.3334 10.02 10.4534 10.06C9.58671 10.1067 8.79337 10.1267 8.06004 10.1267L7.00004 10.1667C4.20671 10.1667 2.46671 10.06 1.78004 9.87334C1.18004 9.70667 0.793374 9.32 0.626707 8.72C0.540041 8.40667 0.480041 7.98667 0.440041 7.45334C0.393374 6.92 0.373374 6.46 0.373374 6.06L0.333374 5.5C0.333374 4.04 0.440041 2.96667 0.626707 2.28C0.793374 1.68 1.18004 1.29334 1.78004 1.12667C2.09337 1.04 2.66671 0.980002 3.54671 0.940002C4.41337 0.893336 5.20671 0.873336 5.94004 0.873336L7.00004 0.833336C9.79337 0.833336 11.5334 0.940003 12.22 1.12667C12.82 1.29334 13.2067 1.68 13.3734 2.28Z" fill="currentColor"></path>
|
||||
</svg>
|
||||
<p>Subscribe</p>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sby_lb-video-description-wrap">
|
||||
<div class="sby_lb-description">
|
||||
he MACBA Girls take on the iconic plaza 💪 "Girls with Attitude" filmed and edited by GoPro Family member Gonzalo Gonzalez De Vega with GoPro HERO9 Black and MAX. @MacbaLife
|
||||
</div>
|
||||
<button class="sby_lb-more-info-btn">
|
||||
Description
|
||||
<svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M0.94 0.726654L4 3.77999L7.06 0.726654L8 1.66665L4 5.66665L0 1.66665L0.94 0.726654Z" fill="currentColor"></path>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
<div class="sby-comments-wrap" v-if="customizerFeedData.settings.enablecomments">
|
||||
<h5 class="sby-comments-sub-heading">Comments ( 10 )</h5>
|
||||
<ul class="sby-comments">
|
||||
<li class="sby-comment">
|
||||
<div class="sby-comment-profile-pic">
|
||||
<img src="<?php echo CUSTOMIZER_PLUGIN_URL . 'assets/img/profile_pic_1.png'; ?>">
|
||||
</div>
|
||||
<div class="sby-comment-heading">
|
||||
<span class="sby-comment-user-name">@taylor_davis</span>
|
||||
<span>4 Months ago</span>
|
||||
</div>
|
||||
<div class="sby-comment-text">
|
||||
<p>This video was so insightful! Could you elaborate on what drove you to explore this topic in such depth? I found it really unique and captivating</p>
|
||||
</div>
|
||||
<div class="sby-comment-bottom">
|
||||
<span class="sby-comment-likes">
|
||||
<svg width="15" height="13" viewBox="0 0 15 13" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M13.4159 4.18027C13.761 4.18027 14.0778 4.32177 14.3664 4.60477C14.6549 4.88777 14.7992 5.20738 14.7992 5.5636V6.2706C14.7992 6.36471 14.7902 6.45188 14.7722 6.5321C14.7542 6.61232 14.7272 6.69266 14.6912 6.7731L12.684 11.4908C12.5845 11.7449 12.4181 11.9486 12.1849 12.1019C11.9517 12.2552 11.69 12.3318 11.3999 12.3318H5.15938C4.77282 12.3318 4.44566 12.2006 4.17788 11.9383C3.90999 11.6759 3.77604 11.346 3.77604 10.9484V4.7561C3.77604 4.56277 3.81332 4.38049 3.88788 4.20927C3.96254 4.03804 4.06477 3.88754 4.19454 3.75777L7.28938 0.662932C7.5186 0.431043 7.79427 0.281321 8.11638 0.213765C8.43849 0.146321 8.71416 0.178988 8.94338 0.311765C9.22549 0.46421 9.40932 0.695932 9.49488 1.00693C9.58032 1.31793 9.58999 1.62804 9.52388 1.93727L9.09554 4.18027H13.4159ZM1.34404 12.3318C1.01393 12.3318 0.726767 12.2097 0.482544 11.9654C0.238322 11.7212 0.116211 11.434 0.116211 11.1039V5.40827C0.116211 5.07804 0.236989 4.79082 0.478544 4.5466C0.7201 4.30238 1.00466 4.18027 1.33221 4.18027H1.34804C1.67827 4.18027 1.96549 4.30238 2.20971 4.5466C2.45393 4.79082 2.57604 5.07804 2.57604 5.40827V11.1039C2.57604 11.434 2.45393 11.7212 2.20971 11.9654C1.96549 12.2097 1.67827 12.3318 1.34804 12.3318H1.34404Z" fill="currentColor"></path>
|
||||
</svg>
|
||||
144
|
||||
</span>
|
||||
<span class="sby-replies sby-active-trigger">
|
||||
2 Replies
|
||||
<svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M0.94 0.726654L4 3.77999L7.06 0.726654L8 1.66665L4 5.66665L0 1.66665L0.94 0.726654Z" fill="currentColor"></path>
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
<ul class="sby-reply-comments">
|
||||
<li class="sby-reply-comment">
|
||||
<div class="sby-comment-profile-pic">
|
||||
<img src="<?php echo CUSTOMIZER_PLUGIN_URL . 'assets/img/profile_pic_2.png'; ?>">
|
||||
</div>
|
||||
<div class="sby-comment-heading">
|
||||
<span class="sby-comment-user-name">@casey_wilson</span>
|
||||
<span>4 Months ago</span>
|
||||
</div>
|
||||
<div class="sby-comment-text">
|
||||
<p>I was wondering the same thing! The topic is so unique and refreshing. Would love to hear more about your thought process.</p>
|
||||
</div>
|
||||
<div class="sby-comment-bottom">
|
||||
<span class="sby-comment-likes">
|
||||
<svg width="15" height="13" viewBox="0 0 15 13" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M13.4159 4.18027C13.761 4.18027 14.0778 4.32177 14.3664 4.60477C14.6549 4.88777 14.7992 5.20738 14.7992 5.5636V6.2706C14.7992 6.36471 14.7902 6.45188 14.7722 6.5321C14.7542 6.61232 14.7272 6.69266 14.6912 6.7731L12.684 11.4908C12.5845 11.7449 12.4181 11.9486 12.1849 12.1019C11.9517 12.2552 11.69 12.3318 11.3999 12.3318H5.15938C4.77282 12.3318 4.44566 12.2006 4.17788 11.9383C3.90999 11.6759 3.77604 11.346 3.77604 10.9484V4.7561C3.77604 4.56277 3.81332 4.38049 3.88788 4.20927C3.96254 4.03804 4.06477 3.88754 4.19454 3.75777L7.28938 0.662932C7.5186 0.431043 7.79427 0.281321 8.11638 0.213765C8.43849 0.146321 8.71416 0.178988 8.94338 0.311765C9.22549 0.46421 9.40932 0.695932 9.49488 1.00693C9.58032 1.31793 9.58999 1.62804 9.52388 1.93727L9.09554 4.18027H13.4159ZM1.34404 12.3318C1.01393 12.3318 0.726767 12.2097 0.482544 11.9654C0.238322 11.7212 0.116211 11.434 0.116211 11.1039V5.40827C0.116211 5.07804 0.236989 4.79082 0.478544 4.5466C0.7201 4.30238 1.00466 4.18027 1.33221 4.18027H1.34804C1.67827 4.18027 1.96549 4.30238 2.20971 4.5466C2.45393 4.79082 2.57604 5.07804 2.57604 5.40827V11.1039C2.57604 11.434 2.45393 11.7212 2.20971 11.9654C1.96549 12.2097 1.67827 12.3318 1.34804 12.3318H1.34404Z" fill="currentColor"></path>
|
||||
</svg>
|
||||
120
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="sby-reply-comment">
|
||||
<div class="sby-comment-profile-pic">
|
||||
<img src="<?php echo CUSTOMIZER_PLUGIN_URL . 'assets/img/profile_pic_3.png'; ?>">
|
||||
</div>
|
||||
<div class="sby-comment-heading">
|
||||
<span class="sby-comment-user-name">@alex_smith</span>
|
||||
<span>4 Months ago</span>
|
||||
</div>
|
||||
<div class="sby-comment-text">
|
||||
<p>Yes, please share more about your inspiration! It's always fascinating to learn about the creative process behind such interesting content.</p>
|
||||
</div>
|
||||
<div class="sby-comment-bottom">
|
||||
<span class="sby-comment-likes">
|
||||
<svg width="15" height="13" viewBox="0 0 15 13" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M13.4159 4.18027C13.761 4.18027 14.0778 4.32177 14.3664 4.60477C14.6549 4.88777 14.7992 5.20738 14.7992 5.5636V6.2706C14.7992 6.36471 14.7902 6.45188 14.7722 6.5321C14.7542 6.61232 14.7272 6.69266 14.6912 6.7731L12.684 11.4908C12.5845 11.7449 12.4181 11.9486 12.1849 12.1019C11.9517 12.2552 11.69 12.3318 11.3999 12.3318H5.15938C4.77282 12.3318 4.44566 12.2006 4.17788 11.9383C3.90999 11.6759 3.77604 11.346 3.77604 10.9484V4.7561C3.77604 4.56277 3.81332 4.38049 3.88788 4.20927C3.96254 4.03804 4.06477 3.88754 4.19454 3.75777L7.28938 0.662932C7.5186 0.431043 7.79427 0.281321 8.11638 0.213765C8.43849 0.146321 8.71416 0.178988 8.94338 0.311765C9.22549 0.46421 9.40932 0.695932 9.49488 1.00693C9.58032 1.31793 9.58999 1.62804 9.52388 1.93727L9.09554 4.18027H13.4159ZM1.34404 12.3318C1.01393 12.3318 0.726767 12.2097 0.482544 11.9654C0.238322 11.7212 0.116211 11.434 0.116211 11.1039V5.40827C0.116211 5.07804 0.236989 4.79082 0.478544 4.5466C0.7201 4.30238 1.00466 4.18027 1.33221 4.18027H1.34804C1.67827 4.18027 1.96549 4.30238 2.20971 4.5466C2.45393 4.79082 2.57604 5.07804 2.57604 5.40827V11.1039C2.57604 11.434 2.45393 11.7212 2.20971 11.9654C1.96549 12.2097 1.67827 12.3318 1.34804 12.3318H1.34404Z" fill="currentColor"></path>
|
||||
</svg>
|
||||
144
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="sby-comment">
|
||||
<div class="sby-comment-profile-pic">
|
||||
<img src="<?php echo CUSTOMIZER_PLUGIN_URL . 'assets/img/profile_pic_4.png'; ?>">
|
||||
</div>
|
||||
<div class="sby-comment-heading">
|
||||
<span class="sby-comment-user-name">@morgan_lee</span>
|
||||
<span>4 Months ago</span>
|
||||
</div>
|
||||
<div class="sby-comment-text">
|
||||
<p>Incredible video! I'm curious, what inspired you to choose this topic? It’s not something you see every day and it was very engaging!</p>
|
||||
</div>
|
||||
<div class="sby-comment-bottom">
|
||||
<span class="sby-comment-likes">
|
||||
<svg width="15" height="13" viewBox="0 0 15 13" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M13.4159 4.18027C13.761 4.18027 14.0778 4.32177 14.3664 4.60477C14.6549 4.88777 14.7992 5.20738 14.7992 5.5636V6.2706C14.7992 6.36471 14.7902 6.45188 14.7722 6.5321C14.7542 6.61232 14.7272 6.69266 14.6912 6.7731L12.684 11.4908C12.5845 11.7449 12.4181 11.9486 12.1849 12.1019C11.9517 12.2552 11.69 12.3318 11.3999 12.3318H5.15938C4.77282 12.3318 4.44566 12.2006 4.17788 11.9383C3.90999 11.6759 3.77604 11.346 3.77604 10.9484V4.7561C3.77604 4.56277 3.81332 4.38049 3.88788 4.20927C3.96254 4.03804 4.06477 3.88754 4.19454 3.75777L7.28938 0.662932C7.5186 0.431043 7.79427 0.281321 8.11638 0.213765C8.43849 0.146321 8.71416 0.178988 8.94338 0.311765C9.22549 0.46421 9.40932 0.695932 9.49488 1.00693C9.58032 1.31793 9.58999 1.62804 9.52388 1.93727L9.09554 4.18027H13.4159ZM1.34404 12.3318C1.01393 12.3318 0.726767 12.2097 0.482544 11.9654C0.238322 11.7212 0.116211 11.434 0.116211 11.1039V5.40827C0.116211 5.07804 0.236989 4.79082 0.478544 4.5466C0.7201 4.30238 1.00466 4.18027 1.33221 4.18027H1.34804C1.67827 4.18027 1.96549 4.30238 2.20971 4.5466C2.45393 4.79082 2.57604 5.07804 2.57604 5.40827V11.1039C2.57604 11.434 2.45393 11.7212 2.20971 11.9654C1.96549 12.2097 1.67827 12.3318 1.34804 12.3318H1.34404Z" fill="currentColor"></path>
|
||||
</svg>
|
||||
145
|
||||
</span>
|
||||
<span class="sby-replies">
|
||||
2 Replies
|
||||
<svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M0.94 0.726654L4 3.77999L7.06 0.726654L8 1.66665L4 5.66665L0 1.66665L0.94 0.726654Z" fill="currentColor"></path>
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="sby-comment">
|
||||
<div class="sby-comment-profile-pic">
|
||||
<img src="<?php echo CUSTOMIZER_PLUGIN_URL . 'assets/img/profile_pic_5.png'; ?>">
|
||||
</div>
|
||||
<div class="sby-comment-heading">
|
||||
<span class="sby-comment-user-name">@jordan_brown</span>
|
||||
<span>4 Months ago</span>
|
||||
</div>
|
||||
<div class="sby-comment-text">
|
||||
<p>Incredible video! I'm curious, what inspired you to choose this topic? It’s not something you see every day and it was very engaging!</p>
|
||||
</div>
|
||||
<div class="sby-comment-bottom">
|
||||
<span class="sby-comment-likes">
|
||||
<svg width="15" height="13" viewBox="0 0 15 13" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M13.4159 4.18027C13.761 4.18027 14.0778 4.32177 14.3664 4.60477C14.6549 4.88777 14.7992 5.20738 14.7992 5.5636V6.2706C14.7992 6.36471 14.7902 6.45188 14.7722 6.5321C14.7542 6.61232 14.7272 6.69266 14.6912 6.7731L12.684 11.4908C12.5845 11.7449 12.4181 11.9486 12.1849 12.1019C11.9517 12.2552 11.69 12.3318 11.3999 12.3318H5.15938C4.77282 12.3318 4.44566 12.2006 4.17788 11.9383C3.90999 11.6759 3.77604 11.346 3.77604 10.9484V4.7561C3.77604 4.56277 3.81332 4.38049 3.88788 4.20927C3.96254 4.03804 4.06477 3.88754 4.19454 3.75777L7.28938 0.662932C7.5186 0.431043 7.79427 0.281321 8.11638 0.213765C8.43849 0.146321 8.71416 0.178988 8.94338 0.311765C9.22549 0.46421 9.40932 0.695932 9.49488 1.00693C9.58032 1.31793 9.58999 1.62804 9.52388 1.93727L9.09554 4.18027H13.4159ZM1.34404 12.3318C1.01393 12.3318 0.726767 12.2097 0.482544 11.9654C0.238322 11.7212 0.116211 11.434 0.116211 11.1039V5.40827C0.116211 5.07804 0.236989 4.79082 0.478544 4.5466C0.7201 4.30238 1.00466 4.18027 1.33221 4.18027H1.34804C1.67827 4.18027 1.96549 4.30238 2.20971 4.5466C2.45393 4.79082 2.57604 5.07804 2.57604 5.40827V11.1039C2.57604 11.434 2.45393 11.7212 2.20971 11.9654C1.96549 12.2097 1.67827 12.3318 1.34804 12.3318H1.34404Z" fill="currentColor"></path>
|
||||
</svg>
|
||||
130
|
||||
</span>
|
||||
<span class="sby-replies">
|
||||
3 Replies
|
||||
<svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M0.94 0.726654L4 3.77999L7.06 0.726654L8 1.66665L4 5.66665L0 1.66665L0.94 0.726654Z" fill="currentColor"></path>
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<span href="#" class="sby-view-all-button ">View all comments on YouTube</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</script>
|
||||
@@ -0,0 +1,8 @@
|
||||
<div class="sb-customizer-ctn sbc-yt-fs" v-if="iscustomizerScreen">
|
||||
<?php include_once CUSTOMIZER_ABSPATH . 'templates/sections/customizer/sidebar.php'; ?>
|
||||
<?php include_once CUSTOMIZER_ABSPATH . 'templates/sections/customizer/preview.php'; ?>
|
||||
</div>
|
||||
<div v-html="feedStyleOutput != false ? feedStyleOutput : ''"></div>
|
||||
<script type="text/x-template" id="sbi-colorpicker-component">
|
||||
<input type="text" v-bind:value="color" placeholder="Select">
|
||||
</script>
|
||||
@@ -0,0 +1,42 @@
|
||||
<div v-if="viewsActive.pageScreen == 'selectFeed' && !iscustomizerScreen && !fullScreenLoader" class="sbc-fs">
|
||||
<div class="sbc-create-ctn sbc-fs">
|
||||
<div class="sbc-feedtype-heading">
|
||||
<h1 v-if="viewsActive.selectedFeedSection !== 'selectSource'">{{selectFeedTypeScreen.mainHeading}}</h1>
|
||||
<h1 v-if="viewsActive.selectedFeedSection == 'selectSource'">{{selectFeedTypeScreen.addSource}}</h1>
|
||||
|
||||
<div class="sbc-btn sbc-slctf-nxt sbc-btn-ac sbc-btn-orange" @click.prevent.default="creationProcessNext()">
|
||||
<span>{{genericText.next}}</span>
|
||||
<svg width="7" height="11" viewBox="0 0 7 11" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M1.3332 0.00683594L0.158203 1.18184L3.97487 5.00684L0.158203 8.83184L1.3332 10.0068L6.3332 5.00684L1.3332 0.00683594Z" fill="white"/>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<?php
|
||||
$file_path = sby_is_pro() && !sby_license_notices_active() ? CUSTOMIZER_ABSPATH . 'templates/sections/' : CUSTOMIZER_ABSPATH . 'templates/sections/free/';
|
||||
$feed_plugin_upsell = CUSTOMIZER_ABSPATH . 'templates/sections/footer-banner/feed-plugins-upsell.php';
|
||||
|
||||
include_once $file_path . 'feeds-type.php';
|
||||
include_once $file_path . 'select-source.php';
|
||||
include_once $file_path . 'select-template.php';
|
||||
include_once $feed_plugin_upsell;
|
||||
?>
|
||||
</div>
|
||||
|
||||
<div class="sbc-ft-action sbc-slctfd-action sbc-fs">
|
||||
<div class="sbc-wrapper">
|
||||
<div class="sbc-slctf-back sbc-hd-btn sbc-btn-grey" @click.default.prevent="creationProcessBack()">
|
||||
<svg width="7" height="11" viewBox="0 0 7 11" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M6.3415 1.18184L5.1665 0.00683594L0.166504 5.00684L5.1665 10.0068L6.3415 8.83184L2.52484 5.00684L6.3415 1.18184Z" fill="#141B38"/>
|
||||
</svg>
|
||||
<span>{{genericText.back}}</span>
|
||||
</div>
|
||||
<div class="sbc-btn sbc-slctf-nxt sbc-btn-ac sbc-btn-orange" @click.prevent.default="creationProcessNext()">
|
||||
<span>{{genericText.next}}</span>
|
||||
<svg width="7" height="11" viewBox="0 0 7 11" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M1.3332 0.00683594L0.158203 1.18184L3.97487 5.00684L0.158203 8.83184L1.3332 10.0068L6.3332 5.00684L1.3332 0.00683594Z" fill="white"/>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
26
wp-content/plugins/youtube-feed-pro/vendor/smashballoon/customizer/templates/screens/welcome.php
vendored
Normal file
26
wp-content/plugins/youtube-feed-pro/vendor/smashballoon/customizer/templates/screens/welcome.php
vendored
Normal file
@@ -0,0 +1,26 @@
|
||||
<div class="sbc-yt-full-wrapper sbc-yt-fs" v-if="viewsActive.pageScreen == 'welcome' && !iscustomizerScreen">
|
||||
<?php
|
||||
/**
|
||||
* YouTubeFeed Admin Notices
|
||||
*
|
||||
* @since 2.0
|
||||
*/
|
||||
do_action('sby_admin_notices');
|
||||
?>
|
||||
|
||||
<div class="sbc-yt-wlcm-header sbc-yt-fs">
|
||||
<h2>{{welcomeScreen.mainHeading}}</h2>
|
||||
<div class="sb-positioning-wrap" >
|
||||
<div class="sbc-yt-btn sbc-yt-btn-new sbc-btn-orange" @click.prevent.default="switchScreen('pageScreen', 'selectFeed')">
|
||||
<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M9.66537 5.66659H5.66536V9.66659H4.33203V5.66659H0.332031V4.33325H4.33203V0.333252H5.66536V4.33325H9.66537V5.66659Z" fill="white"/>
|
||||
</svg>
|
||||
<span>{{genericText.addNew}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php
|
||||
include_once CUSTOMIZER_ABSPATH . 'templates/sections/empty-state.php';
|
||||
include_once CUSTOMIZER_ABSPATH . 'templates/sections/feeds-list.php';
|
||||
?>
|
||||
</div>
|
||||
@@ -0,0 +1,31 @@
|
||||
<div class="sb-customizer-preview" :data-preview-device="customizerScreens.previewScreen">
|
||||
<?php
|
||||
/**
|
||||
* YouTube Admin Notices
|
||||
*
|
||||
* @since 2.0
|
||||
*/
|
||||
do_action('sbc_admin_notices');
|
||||
|
||||
$feed_id = ! empty( $_GET['feed_id'] ) ? (int)$_GET['feed_id'] : 0;
|
||||
?>
|
||||
|
||||
<div class="sb-preview-ctn sb-tr-2">
|
||||
<div class="sb-preview-top-chooser sby-yt-fs">
|
||||
<strong v-html="genericText.preview"></strong>
|
||||
<div class="sb-preview-chooser">
|
||||
<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)" :data-active="customizerScreens.previewScreen == device"></button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sby-preview-ctn sby-yt-fs" :data-color-scheme="customizerFeedData.settings.colorpalette" :data-preview-screen="customizerScreens.previewScreen">
|
||||
<div>
|
||||
<component :is="{template}"></component>
|
||||
</div>
|
||||
<?php
|
||||
include_once CUSTOMIZER_ABSPATH . 'templates/preview/lightbox.php';
|
||||
?>
|
||||
</div>
|
||||
</div>
|
||||
<sby-dummy-lightbox-component :dummy-light-box-screen="dummyLightBoxScreen" :customizer-feed-data="customizerFeedData" :customizer-header-data="customizerHeaderData"></sby-dummy-lightbox-component>
|
||||
</div>
|
||||
@@ -0,0 +1,91 @@
|
||||
<?php SmashBalloon\Customizer\Builder_Customizer::register_controls(); ?>
|
||||
<div class="sb-customizer-sidebar" v-bind:class="{ 'sb-onboarding-highlight' : viewsActive.onboardingStep === 2 || viewsActive.onboardingStep === 3 }">
|
||||
<div class="sb-customizer-sidebar-sec1 sbc-yt-fs">
|
||||
<div class="sb-customizer-sidebar-tab-ctn sbc-yt-fs" v-if="customizerScreens.activeSection == null">
|
||||
<div class="sb-customizer-sidebar-tab" v-for="tab in customizerSidebarBuilder" :data-active="customizerScreens.activeTab == tab.id" @click.prevent.default="switchCustomizerTab(tab.id)"><span class="sb-standard-p sb-bold">{{tab.heading}}</span></div>
|
||||
</div>
|
||||
<div class="sb-customizer-sidebar-sec-ctn sbc-yt-fs" v-if="customizerScreens.activeSection == null">
|
||||
<div v-for="(section, sectionId) in customizerSidebarBuilder[customizerScreens.activeTab].sections">
|
||||
<div class="sb-customizer-sidebar-sec-el sbc-yt-fs" v-if="!section.isHeader" @click.prevent.default="switchCustomizerSection(sectionId, section)">
|
||||
<div class="sb-customizer-sidebar-sec-el-icon" v-html="svgIcons[section.icon]"></div>
|
||||
<span class="sb-small-p sb-bold sb-dark-text" v-html="section.heading"></span>
|
||||
<div class="sb-customizer-chevron">
|
||||
<svg width="6" height="8" viewBox="0 0 6 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M1.66656 0L0.726562 0.94L3.7799 4L0.726562 7.06L1.66656 8L5.66656 4L1.66656 0Z" fill="#141B38"/>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sb-customizer-sidebar-sec-elhead sbc-yt-fs" v-if="section.isHeader">
|
||||
{{section.heading}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="sb-customizer-sidebar-cache-wrapper sbc-yt-fs">
|
||||
<button class="sb-control-action-button sb-btn sbc-yt-fs sb-btn-grey" v-if="customizerScreens.activeTab == 'settings'" @click.prevent.default="clearSingleFeedCache()">
|
||||
<div v-html="svgIcons['update']"></div>
|
||||
<span>{{genericText.clearFeedCache}}</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sbc-yt-fs" v-if="customizerScreens.activeSection != null">
|
||||
<div class="sb-customizer-sidebar-header sbc-yt-fs" :data-separator="customizerScreens.activeSectionData.separator ? customizerScreens.activeSectionData.separator : ''">
|
||||
<div class="sb-customizer-sidebar-breadcrumb sbc-yt-fs">
|
||||
<a @click.prevent.default="switchCustomizerTab(customizerScreens.activeTab)">
|
||||
<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"/>
|
||||
</svg>{{customizerScreens.activeTab}}
|
||||
</a>
|
||||
<a v-if="customizerScreens.parentActiveSection != null" @click.prevent.default="switchCustomizerSection(customizerScreens.parentActiveSection, customizerScreens.parentActiveSectionData)" class="sbi-child-breadcrumb">
|
||||
<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"/>
|
||||
</svg>{{customizerScreens.parentActiveSectionData.heading}}
|
||||
</a>
|
||||
<a v-if="customizerScreens.parentActiveSection == 'customize_videos' && nestedStylingSection.includes(customizerScreens.activeSection)" @click.prevent.default="backToPostElements()" class="sbi-child-breadcrumb">
|
||||
<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"/>
|
||||
</svg>Elements
|
||||
</a>
|
||||
<a v-if="customizerScreens.activeSection == 'lightbox_call_to_action'" @click.prevent.default="backToLightboxExperience()" class="sbi-child-breadcrumb">
|
||||
<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"/>
|
||||
</svg>Player Experience
|
||||
</a>
|
||||
</div>
|
||||
<h3 v-html="customizerScreens.activeSectionData.heading"></h3>
|
||||
<span class="sb-customizer-sidebar-intro" v-html="customizerScreens.activeSectionData.description" :class="{'no-intro': !customizerScreens.activeSectionData.description}"></span>
|
||||
</div>
|
||||
<div class="sb-customizer-sidebar-controls-ctn sbc-yt-fs">
|
||||
<div class="sb-control-ctn sbc-yt-fs" v-for="(control, ctlIndex) in customizerScreens.activeSectionData.controls">
|
||||
<?php \Smashballoon\Customizer\Builder_Customizer::get_controls_templates('settings'); ?>
|
||||
</div>
|
||||
<div class="sbc-sidebar-video-sections-link sb-control-elem-ctn sbc-yt-fs" v-if="customizerScreens.activeSection == 'customize_feedlayout'" @click.prevent.default="switchToVideosSection">
|
||||
<div class="sbc-video-sections-link-inner">
|
||||
<span class="sbc-vsl-icon" v-html="svgIcons.tweakVideo"></span>
|
||||
<div class="sbc-vsl-text">
|
||||
<p class="sbc-header">{{genericText.tweakVideoStyles}}</p>
|
||||
<p>{{genericText.changeVideoStyle}}</p>
|
||||
</div>
|
||||
<span class="sbc-icon-right" v-html="svgIcons.chevronRight"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sbc-sidebar-video-sections-link sb-control-elem-ctn sbc-yt-fs sbc-video-lightbox-info" v-if="customizerScreens.activeSection == 'lightbox_call_to_action' && customizerFeedData.settings.cta == 'link'">
|
||||
<div class="sbc-video-sections-link-inner">
|
||||
<span class="sbc-vsl-icon" v-html="svgIcons.tweakVideo"></span>
|
||||
<div class="sbc-vsl-text">
|
||||
<p class="sbc-header">{{genericText.setVideoLink}}</p>
|
||||
<p v-html="genericText.setVideoLinkDesc"></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sb-customizer-sidebar-sec-el sbc-yt-fs" v-if="customizerScreens.activeSectionData.nested_sections && ((nesetdSection.condition != undefined ? checkControlCondition(nesetdSection.condition) : false) || (nesetdSection.condition == undefined ))" v-for="(nesetdSection, nesetdSectionId) in customizerScreens.activeSectionData.nested_sections" @click.prevent.default="switchCustomizerSection(nesetdSectionId, nesetdSection, true)">
|
||||
<div class="sb-customizer-sidebar-sec-el-icon" v-html="svgIcons[nesetdSection.icon]"></div>
|
||||
<strong>{{nesetdSection.heading}}</strong>
|
||||
<div class="sb-customizer-chevron">
|
||||
<svg width="6" height="8" viewBox="0 0 6 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M1.66656 0L0.726562 0.94L3.7799 4L0.726562 7.06L1.66656 8L5.66656 4L1.66656 0Z" fill="#141B38"/>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,140 @@
|
||||
<div class="sbc-empty-state sbc-fb-fs" v-if="(feedsList == null || feedsList.length == 0 ) && (legacyFeedsList == null || legacyFeedsList.length == 0)">
|
||||
<div class="sbc-fb-wlcm-content sbc-fb-fs">
|
||||
<div class="sbc-fb-wlcm-inf-1 sbc-fb-fs">
|
||||
<div class="sbc-fb-inf-svg">
|
||||
<svg class="sb-head" width="13" height="7" viewBox="0 0 13 7" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M1 6L5.5 1L11.5 6" stroke="#141B38" stroke-width="2" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
||||
<svg class="sb-shaft" width="85" height="62" viewBox="0 0 85 62" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M84.5 59C63.5 66 4.5 54 1.5 0.5" stroke="#141B38" stroke-width="2" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="sbc-fb-inf-cnt">
|
||||
<div class="sbc-fb-inf-num"><span>1</span></div>
|
||||
<div class="sbc-fb-inf-txt">
|
||||
<h4>{{welcomeScreen.createFeed}}</h4>
|
||||
<p class="sb-small-p">{{welcomeScreen.createFeedDescription}}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sbc-fb-wlcm-inf-2 sbc-fb-fs">
|
||||
<div class="sbc-fb-inf-cnt">
|
||||
<div class="sbc-fb-inf-num"><span>2</span></div>
|
||||
<div class="sbc-fb-inf-txt">
|
||||
<h4>{{welcomeScreen.customizeFeed}}</h4>
|
||||
<p class="sb-small-p">{{welcomeScreen.customizeFeedDescription}}</p>
|
||||
</div>
|
||||
<div class="sbc-fb-inf-img">
|
||||
<svg width="125" height="119" viewBox="0 0 125 119" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="7.72339" width="116.775" height="110.72" rx="2" transform="rotate(4 7.72339 0)" fill="#D0D1D7"/>
|
||||
<g filter="url(#filter0_dd_512:1750)">
|
||||
<rect x="28.8455" y="33.635" width="38" height="34" rx="1.12121" transform="rotate(1 28.8455 33.635)" fill="white"/>
|
||||
</g>
|
||||
<path d="M38.7173 42.0584C38.7197 41.9204 38.8336 41.8104 38.9716 41.8128L56.469 42.1182C56.607 42.1206 56.717 42.2345 56.7146 42.3725L56.4092 59.8699C56.4067 60.0079 56.2929 60.1179 56.1548 60.1155L38.6575 59.8101C38.5194 59.8077 38.4095 59.6938 38.4119 59.5557L38.7173 42.0584Z" fill="#434960"/>
|
||||
<path d="M28.7234 41.6339L35.4724 41.7517C35.6104 41.7541 35.7204 41.868 35.718 42.006L35.4125 59.5034C35.4101 59.6414 35.2963 59.7514 35.1582 59.749L28.4092 59.6312L28.7234 41.6339Z" fill="#8C8F9A"/>
|
||||
<path d="M59.7141 42.4249C59.7166 42.2868 59.8304 42.1769 59.9685 42.1793L66.7174 42.2971L66.4033 60.2944L59.6543 60.1765C59.5163 60.1741 59.4063 60.0603 59.4087 59.9222L59.7141 42.4249Z" fill="#8C8F9A"/>
|
||||
<g filter="url(#filter1_dd_512:1750)">
|
||||
<rect x="61.4363" y="49.0666" width="34.5032" height="36.7292" rx="1.11301" transform="rotate(8 61.4363 49.0666)" fill="white"/>
|
||||
<rect x="60.5852" y="47.9371" width="36.5032" height="38.7292" rx="2.11301" transform="rotate(8 60.5852 47.9371)" stroke="#D0D1D7" stroke-width="2"/>
|
||||
</g>
|
||||
<rect x="66.2253" y="57.0946" width="9" height="9" rx="0.5" transform="rotate(8 66.2253 57.0946)" fill="#434960"/>
|
||||
<rect x="64.0569" y="70.5251" width="9" height="9" rx="0.5" transform="rotate(8 64.0569 70.5251)" fill="#434960"/>
|
||||
<rect x="79.5535" y="59.1083" width="9" height="9" rx="0.5" transform="rotate(8 79.5535 59.1083)" fill="#434960"/>
|
||||
<rect x="77.385" y="72.539" width="9" height="9" rx="0.5" transform="rotate(8 77.385 72.539)" fill="#434960"/>
|
||||
<defs>
|
||||
<filter id="filter0_dd_512:1750" x="23.2715" y="32.6544" width="48.5488" height="44.6192" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="4"/>
|
||||
<feGaussianBlur stdDeviation="2.5"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_512:1750"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="1"/>
|
||||
<feGaussianBlur stdDeviation="1"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
|
||||
<feBlend mode="normal" in2="effect1_dropShadow_512:1750" result="effect2_dropShadow_512:1750"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_512:1750" result="shape"/>
|
||||
</filter>
|
||||
<filter id="filter1_dd_512:1750" x="49.4683" y="46.2102" width="52.9917" height="54.8863" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="4"/>
|
||||
<feGaussianBlur stdDeviation="2.5"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_512:1750"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="1"/>
|
||||
<feGaussianBlur stdDeviation="1"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
|
||||
<feBlend mode="normal" in2="effect1_dropShadow_512:1750" result="effect2_dropShadow_512:1750"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_512:1750" result="shape"/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sbc-fb-wlcm-inf-3 sbc-fb-fs">
|
||||
<div class="sbc-fb-inf-cnt">
|
||||
<div class="sbc-fb-inf-img">
|
||||
<svg width="121" height="134" viewBox="0 0 121 134" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="0.00878906" y="8.56641" width="111.967" height="125.336" rx="2" transform="rotate(-4 0.00878906 8.56641)" fill="#D0D1D7"/>
|
||||
<g filter="url(#filter0_d_503:1671)">
|
||||
<rect x="15.0002" y="54.0273" width="86.4064" height="27.65" rx="1.15209" transform="rotate(-4 15.0002 54.0273)" fill="white"/>
|
||||
</g>
|
||||
<g filter="url(#filter1_d_503:1671)">
|
||||
<rect x="15.0002" y="54.0273" width="86.4064" height="27.65" rx="1.15209" transform="rotate(-4 15.0002 54.0273)" fill="white"/>
|
||||
<g clip-path="url(#clip0_503:1671)">
|
||||
<g clip-path="url(#clip1_503:1671)">
|
||||
<path d="M39.6404 66.166L36.8185 69.4122L36.0071 68.7069L38.1236 66.2721L35.6888 64.1556L36.3942 63.3442L39.6404 66.166ZM28.2852 66.9601L30.72 69.0766L30.0146 69.888L26.7684 67.0661L29.5903 63.82L30.4012 64.5253L28.2852 66.9601ZM32.3556 71.526L31.2143 71.6058L34.0532 61.7062L35.1945 61.6264L32.3556 71.526Z" fill="#141B38"/>
|
||||
</g>
|
||||
</g>
|
||||
<path d="M48.258 69.3531L53.4994 68.9866L53.4142 67.7688L49.6207 68.0341L49.4586 65.7165L53.0445 65.4657L52.9641 64.3153L49.3782 64.5661L49.2247 62.3719L53.0183 62.1066L52.9331 60.8889L47.6918 61.2554L48.258 69.3531ZM55.1492 68.8712L56.5465 68.7735L56.2856 65.0417C56.2322 64.2785 56.6964 63.6596 57.3867 63.6113C58.0713 63.5634 58.5216 63.9549 58.5691 64.6339L58.8473 68.6126L60.2446 68.5149L59.9766 64.6821C59.9276 63.9806 60.3609 63.4033 61.0904 63.3523C61.8368 63.3001 62.2298 63.6787 62.2855 64.4755L62.5567 68.3532L63.954 68.2555L63.6589 64.0355C63.5698 62.7616 62.7761 62.0559 61.5415 62.1422C60.6885 62.2018 60.0121 62.689 59.7613 63.3776L59.6659 63.3843C59.3547 62.7237 58.7188 62.3396 57.8883 62.3976C57.0858 62.4538 56.4956 62.8841 56.2797 63.5872L56.1843 63.5939L56.1176 62.6399L54.7203 62.7376L55.1492 68.8712ZM69.0284 68.0022C70.566 67.8947 71.4629 66.6082 71.3272 64.6666L71.3264 64.6554C71.1898 62.7025 70.1398 61.5578 68.5854 61.6665C67.7436 61.7254 67.0712 62.1897 66.7976 62.8743L66.7022 62.8809L66.468 59.5308L65.0707 59.6285L65.6655 68.1358L67.0629 68.0381L66.9958 67.0785L67.0912 67.0718C67.4746 67.7161 68.1698 68.0622 69.0284 68.0022ZM68.5083 66.8543C67.5599 66.9206 66.9181 66.2099 66.8322 64.9809L66.8314 64.9697C66.7454 63.7407 67.2817 62.9419 68.2301 62.8756C69.1841 62.8089 69.8147 63.5205 69.901 64.755L69.9018 64.7663C69.9881 66.0008 69.4623 66.7876 68.5083 66.8543ZM75.5732 67.5671C77.2399 67.4505 77.9921 66.4336 78.1332 65.6286L78.1465 65.577L76.8165 65.67L76.8025 65.7104C76.6874 66.0004 76.282 66.4122 75.5244 66.4652C74.576 66.5315 73.9364 65.9334 73.8427 64.8347L78.13 64.5349L78.0979 64.0747C77.9684 62.2228 76.8054 61.0748 75.0601 61.1969C73.3149 61.3189 72.2864 62.6596 72.4214 64.5901L72.4218 64.5957C72.5584 66.5486 73.7494 67.6946 75.5732 67.5671ZM75.1535 62.29C75.9335 62.2354 76.5352 62.6952 76.7009 63.6931L73.7884 63.8967C73.8267 62.9128 74.3735 62.3445 75.1535 62.29ZM81.9354 67.0996C82.7996 67.0392 83.4343 66.6001 83.7243 65.9087L83.8197 65.9021L83.8868 66.8617L85.2897 66.7636L84.6948 58.2562L83.2919 58.3543L83.5262 61.7045L83.4308 61.7112C83.0646 61.0714 82.3341 60.7051 81.4923 60.764C79.9379 60.8727 79.063 62.1519 79.1996 64.1048L79.2004 64.116C79.3362 66.0577 80.3977 67.2071 81.9354 67.0996ZM82.2907 65.8906C81.3367 65.9573 80.7065 65.2513 80.6201 64.0168L80.6194 64.0055C80.533 62.771 81.0641 61.9782 82.0124 61.9119C82.9608 61.8455 83.6086 62.5615 83.6946 63.7905L83.6954 63.8017C83.7813 65.0307 83.2447 65.8239 82.2907 65.8906Z" fill="#141B38"/>
|
||||
</g>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M87.7455 71.7873L89.5443 71.6616L89.4814 70.7621L87.6826 70.8879L87.7455 71.7873ZM90.4438 71.5984L89.5443 71.6613L90.1733 80.6557L91.0727 80.5928L90.4438 71.5984ZM87.7454 71.7875L86.846 71.8504L87.6636 83.543L88.563 83.4801L87.7454 71.7875ZM93.5824 77.7058L95.3811 77.5801L95.3182 76.6806L93.5194 76.8064L93.5194 76.8065L92.62 76.8694L92.9031 80.9168L93.8025 80.8539L93.5824 77.7058ZM89.4216 89.2949L88.5222 89.3578L88.648 91.1566L88.6794 91.6063L98.1235 90.9459L98.1235 90.9457L98.1235 90.9457L97.9349 88.2477L98.8342 88.1848L98.6455 85.4865L97.7461 85.5494L97.9347 88.2474L97.0354 88.3103L97.1612 90.1093L89.516 90.6439L89.4216 89.2949ZM95.3811 77.5804L96.2806 77.5175L96.5636 81.565L95.6642 81.6279L95.3811 77.5804ZM98.2052 79.1905L97.3059 79.2534L97.243 78.354L98.1424 78.2911L98.2053 79.1904L99.1047 79.1275L99.5449 85.4236L98.6455 85.4864L98.2052 79.1905ZM90.8212 76.9954L92.62 76.8696L92.5571 75.9701L90.7583 76.0959L90.8212 76.9954ZM96.3435 78.4169L97.2429 78.354L97.18 77.4546L96.2806 77.5175L96.3435 78.4169ZM87.6227 89.4208L88.5221 89.3579L88.4592 88.4585L87.5599 88.5213L87.4341 86.7225L86.5347 86.7854L86.6605 88.5843L87.5598 88.5214L87.6227 89.4208ZM85.6761 80.9704L84.7767 81.0333L84.7138 80.1338L85.6132 80.071L85.6761 80.9704ZM86.6384 81.8069L85.739 81.8698L85.6761 80.9703L86.5756 80.9075L86.6385 81.8068L87.5378 81.744L87.6007 82.6434L86.7012 82.7063L86.6384 81.8069ZM86.9843 86.7539L86.0848 86.8168L85.9591 85.0179L86.8585 84.955L86.9843 86.7539ZM85.0596 85.0808L85.959 85.0179L85.8333 83.219L84.9338 83.2819L85.0596 85.0808ZM84.9338 83.2819L84.0344 83.3448L83.8142 80.1967L84.7137 80.1338L84.9338 83.2819Z" fill="#141B38"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M87.7455 71.7875L89.5443 71.6617L90.1733 80.656L91.0727 80.5931L90.8212 76.9955L92.62 76.8697L92.903 80.917L93.8025 80.8541L93.5824 77.706L95.3813 77.5802L95.6643 81.6275L96.5636 81.5647L96.3435 78.4171L97.2429 78.3542L97.3058 79.2531L98.2054 79.1902L98.6456 85.4863L97.7462 85.5492L97.9034 87.7981L97.9034 87.7981L97.9348 88.2474L97.0354 88.3103L97.0669 88.7603L97.0669 88.7603L97.1612 90.1095L89.516 90.6441L89.4217 89.295L88.5222 89.3579L88.4908 88.9078L88.4907 88.9078L88.4593 88.4585L87.5599 88.5213L87.4341 86.7225L86.9844 86.7539L86.7014 82.7064L87.6008 82.6436L87.6637 83.543L88.5631 83.4801L87.7455 71.7875ZM85.6761 80.9706L84.7767 81.0334L84.9339 83.282L85.8333 83.2191L85.6761 80.9706ZM85.739 81.8699L86.6385 81.8071L86.8586 84.9551L85.9592 85.018L85.739 81.8699Z" fill="white"/>
|
||||
<defs>
|
||||
<filter id="filter0_d_503:1671" x="9.23982" y="44.5437" width="99.6456" height="45.131" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="2.30417"/>
|
||||
<feGaussianBlur stdDeviation="2.88021"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_503:1671"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_503:1671" result="shape"/>
|
||||
</filter>
|
||||
<filter id="filter1_d_503:1671" x="9.23982" y="44.5437" width="99.6456" height="45.131" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="2.30417"/>
|
||||
<feGaussianBlur stdDeviation="2.88021"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_503:1671"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_503:1671" result="shape"/>
|
||||
</filter>
|
||||
<clipPath id="clip0_503:1671">
|
||||
<rect width="16.1292" height="16.1292" fill="white" transform="translate(24.5962 59.1308) rotate(-4)"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip1_503:1671">
|
||||
<rect width="12.9034" height="12.9034" fill="white" transform="translate(26.3176 60.6294) rotate(-4)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
||||
</div>
|
||||
<div class="sbc-fb-inf-num"><span>3</span></div>
|
||||
<div class="sbc-fb-inf-txt">
|
||||
<h4>{{welcomeScreen.embedFeed}}</h4>
|
||||
<p class="sb-small-p">{{welcomeScreen.embedFeedDescription}}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,8 @@
|
||||
<div class="sbc-feeds-list sbc-fb-fs" v-if="(feedsList != null && feedsList.length > 0 ) || (legacyFeedsList != null && legacyFeedsList.length > 0)">
|
||||
<?php
|
||||
include_once CUSTOMIZER_ABSPATH . 'templates/sections/feeds/legacy-feeds.php';
|
||||
include_once CUSTOMIZER_ABSPATH . 'templates/sections/feeds/feeds.php';
|
||||
?>
|
||||
</div>
|
||||
<?php
|
||||
include_once CUSTOMIZER_ABSPATH . 'templates/sections/feeds/instances.php';
|
||||
@@ -0,0 +1,15 @@
|
||||
<div class="sbc-feedtypes-ctn sbc-fs sb-box-shadow" v-if="viewsActive.selectedFeedSection == 'feedsType' && !iscustomizerScreen">
|
||||
<div class="sbc-feedtypes sbc-fs">
|
||||
<h4>{{selectFeedTypeScreen.feedTypeHeading}}</h4>
|
||||
<span class="sbc-feedtypes-desc">{{selectFeedTypeScreen.mainDescription}}</span>
|
||||
<div class="sbc-feedtypes-list">
|
||||
<div class="sbc-feedtype-el" v-for="(feedTypeEl, feedTypeIn) in feedTypes" :data-active="selectedFeed == feedTypeEl.type && feedTypeEl.type != 'socialwall'" :data-type="feedTypeEl.type" @click.prevent.default="chooseFeedType(feedTypeEl)">
|
||||
<div class="sbc-feedtype-el-img sbc-fs" v-html="svgIcons[feedTypeEl.icon]" :data-feed-type="feedTypeEl.type"></div>
|
||||
<div class="sbc-feedtype-el-info sbc-fs">
|
||||
<span class="sb-small-p sb-bold sb-dark-text" v-html="feedTypeEl.title"></span>
|
||||
<span class="sb-caption sb-lightest sb-small-text">{{feedTypeEl.description}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,95 @@
|
||||
<div class="sbc-fd-lst-bigctn sbc-fb-fs">
|
||||
<div class="sbc-fd-lst-bulk-ctn sbc-fb-fs">
|
||||
<select class="sbc-fd-lst-bulk-select sbc-fb-select sb-caption" v-model="selectedBulkAction">
|
||||
<option value="false">{{allFeedsScreen.bulkActions}}</option>
|
||||
<option value="delete">{{genericText.delete}}</option>
|
||||
</select>
|
||||
<button class="sbc-fd-lst-bulk-btn sbc-btn-grey sb-button-small sb-button" @click.prevent.default="bulkActionClick()">{{genericText.apply}}</button>
|
||||
<div class="sbc-fd-lst-pagination-ctn" v-if="feedPagination.feedsCount != null && feedPagination.feedsCount > 0">
|
||||
<span class="sbc-fd-lst-count sb-caption">{{feedPagination.feedsCount +' '+ (feedPagination.feedsCount > 1 ? genericText.items : genericText.item)}}</span>
|
||||
<div class="sbc-fd-lst-pagination" v-if="feedPagination.pagesNumber != null && feedPagination.pagesNumber > 1">
|
||||
<button class="sbc-fd-lst-pgnt-btn sbc-fd-pgnt-prev sb-btn-grey" :data-active="feedPagination.currentPage == 1 ? 'false' : 'true'" :disabled="feedPagination.currentPage == 1" @click.prevent.default="feedListPagination('prev')"><</button>
|
||||
<span class="sbc-fd-lst-pgnt-info">
|
||||
{{feedPagination.currentPage}} of {{feedPagination.pagesNumber}}
|
||||
</span>
|
||||
<button class="sbc-fd-lst-pgnt-btn sbc-fd-pgnt-next sb-btn-grey" :data-active="feedPagination.currentPage == feedPagination.pagesNumber ? 'false' : 'true'" :disabled="feedPagination.currentPage == feedPagination.pagesNumber" @click.prevent.default="feedListPagination('next')">></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sbc-table-wrap">
|
||||
<table>
|
||||
<thead class="sbc-fd-lst-thtf sbc-fd-lst-thead">
|
||||
<tr>
|
||||
<th>
|
||||
<div class="sbc-fd-lst-chkbx" @click.prevent.default="selectAllFeedCheckBox()" :data-active="checkAllFeedsActive()"></div>
|
||||
</th>
|
||||
<th><span class="sb-caption sb-lighter">{{allFeedsScreen.columns.nameText}}</span></th>
|
||||
<th><span class="sb-caption sb-lighter">{{allFeedsScreen.columns.shortcodeText}}</span></th>
|
||||
<th><span class="sb-caption sb-lighter">{{allFeedsScreen.columns.instancesText}}</span></th>
|
||||
<th class="sbc-fd-lst-act-th"><span class="sb-caption sb-lighter">{{allFeedsScreen.columns.actionsText}}</span></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="sbc-fd-lst-tbody">
|
||||
<tr v-for="(feed, feedIndex) in feedsList">
|
||||
<td>
|
||||
<div class="sbc-fd-lst-chkbx" @click.prevent.default="selectFeedCheckBox(feed.id)" :data-active="feedsSelected.includes(feed.id)"></div>
|
||||
</td>
|
||||
<td>
|
||||
<a :href="builderUrl+'&feed_id='+feed.id" class="sby-fd-lst-name sb-small-p sb-bold">{{feed.feed_name}}</a>
|
||||
<span class="sby-fd-lst-type sb-caption sb-lighter">{{feed.settings.type}}</span>
|
||||
</td>
|
||||
<td>
|
||||
<div class="sb-flex-center">
|
||||
<span class="sby-fd-lst-shortcode sb-caption sb-lighter">[youtube-feed feed={{feed.id}}]</span>
|
||||
<div class="sbc-fd-lst-shortcode-cp sbc-fd-lst-btn sbc-fb-tltp-parent" @click.prevent.default="copyToClipBoard('[youtube-feed feed='+feed.id+']')">
|
||||
<div class="sbc-fb-tltp-elem"><span>{{(genericText.copy +' '+ genericText.shortcode).replace(/ /g," ")}}</span></div>
|
||||
<div v-html="svgIcons['copy']"></div>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="sb-caption sb-lighter">
|
||||
<div class="sb-instances-cell">
|
||||
<span>
|
||||
Used in
|
||||
<span data-active="false" class="sbc-fb-view-instances sbc-fb-tltp-parent" :data-active="feed.instance_count < 1 ? 'false' : 'true'" @click.prevent.default="feed.instance_count > 0 ? viewFeedInstances(feed) : checkAllFeedsActive()">
|
||||
{{feed.instance_count}} places
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</td>
|
||||
<td class="sbc-fd-lst-actions">
|
||||
<div class="sb-flex-center">
|
||||
<a :href="builderUrl+'&feed_id='+feed.id" class="sbc-fd-lst-btn sbc-fb-tltp-parent">
|
||||
<div class="sbc-fb-tltp-elem"><span>Edit</span></div>
|
||||
<div>
|
||||
<svg width="11" height="12" viewBox="0 0 11 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M0.25 9.06241V11.2499H2.4375L8.88917 4.79824L6.70167 2.61074L0.25 9.06241ZM10.9892 2.69824L8.80167 0.510742L7.32583 1.99241L9.51333 4.17991L10.9892 2.69824Z" fill="currentColor"></path>
|
||||
</svg>
|
||||
</div>
|
||||
</a>
|
||||
<button class="sbc-fd-lst-btn sbc-fb-tltp-parent" @click.prevent.default="feedActionDuplicate(feed)">
|
||||
<div class="sbc-fb-tltp-elem"><span>{{genericText.duplicate.replace(/ /g," ")}}</span></div>
|
||||
<div v-html="svgIcons['duplicate']"></div>
|
||||
</button>
|
||||
<button class="sbc-fd-lst-btn sbc-fd-lst-btn-delete sbc-fb-tltp-parent" @click.prevent.default="openDialogBox('deleteSingleFeed', feed)">
|
||||
<div class="sbc-fb-tltp-elem"><span>{{genericText.delete.replace(/ /g," ")}}</span></div>
|
||||
<div v-html="svgIcons['delete']"></div>
|
||||
</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tfoot class="sbc-fd-lst-thtf sbc-fd-lst-tfoot">
|
||||
<tr>
|
||||
<td>
|
||||
<div class="sbc-fd-lst-chkbx" @click.prevent.default="selectAllFeedCheckBox()" :data-active="checkAllFeedsActive()"></div>
|
||||
</td>
|
||||
<td><span>Name</span></td>
|
||||
<td><span>Shortcode</span></td>
|
||||
<td><span>Instances</span></td>
|
||||
<td><span>Actions</span></td>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,68 @@
|
||||
<div class="sb-fs-boss sbc-fb-center-boss" v-if="viewsActive.instanceFeedActive != null && (checkObjectArrayElement(feedsList, viewsActive.instanceFeedActive, 'id') || checkObjectArrayElement(legacyFeedsList, viewsActive.instanceFeedActive, 'feed_id'))">
|
||||
<div class="sbc-fb-popup-inside sbc-fb-popup-feedinst">
|
||||
<div class="sbc-fb-popup-cls" @click.prevent.default="switchScreen('instanceFeedActive', null)"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<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"/>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="sbc-fb-source-top sbc-fb-fs">
|
||||
<h3>{{viewsActive.instanceFeedActive.feed_name}}</h3>
|
||||
<div class="sbc-fb-fdinst-type sb-small">{{viewsActive.instanceFeedActive.feed_type}}</div>
|
||||
</div>
|
||||
<div class="sbc-fb-inst-tbl-ctn sbc-fb-fs">
|
||||
<table>
|
||||
<thead class="sbc-fd-lst-thtf sbc-fd-lst-thead">
|
||||
<tr>
|
||||
<th>
|
||||
<span class="sb-caption sb-lighter">{{genericText.page}}</span>
|
||||
</th>
|
||||
<th>
|
||||
<span class="sb-caption sb-lighter">{{genericText.location}}</span>
|
||||
</th>
|
||||
<th>
|
||||
<span class="sb-caption sb-lighter">{{allFeedsScreen.columns.shortcodeText}}</span>
|
||||
</th>
|
||||
<th></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="sbc-fd-lst-tbody">
|
||||
<tr v-for="(instance, instanceIndex) in viewsActive.instanceFeedActive.location_summary">
|
||||
<td><a :href="instance.link" class="sbc-fd-lst-name sb-small-p sb-bold">{{instance.page_text}}</a></td>
|
||||
<td><span class="sbc-fd-lst-shortcode sb-caption sb-lighter">{{instance.html_location}}</span></td>
|
||||
<td>
|
||||
<div class="sbc-fb-inst-tbl-shrtc">
|
||||
<div class="sb-flex-center">
|
||||
<span class="sbc-fd-lst-shortcode sb-caption sb-lighter">{{instance.shortcode}}</span>
|
||||
<div class="sbc-fd-lst-shortcode-cp sbc-fd-lst-btn sbc-fb-tltp-parent">
|
||||
<div class="sbc-fb-tltp-elem"><span>{{(genericText.copy +' '+ genericText.shortcode).replace(/ /g," ")}}</span></div>
|
||||
<div v-html="svgIcons['copy']" @click.prevent.default="copyToClipBoard(instance.shortcode)"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<a :href="instance.link" class="sbc-fd-lst-btn sb-button-no-border sb-icon-small sb-dark-hover">
|
||||
<svg width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M1.3332 0L0.158203 1.175L3.97487 5L0.158203 8.825L1.3332 10L6.3332 5L1.3332 0Z" fill="#8C8F9A"/>
|
||||
</svg>
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tfoot class="sbc-fd-lst-thtf sbc-fd-lst-tfoot">
|
||||
<tr>
|
||||
<td>
|
||||
<span>{{genericText.page}}</span>
|
||||
</td>
|
||||
<td>
|
||||
<span>{{genericText.location}}</span>
|
||||
</td>
|
||||
<td>
|
||||
<span>{{allFeedsScreen.columns.shortcodeText}}</span>
|
||||
</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,119 @@
|
||||
<div class="sbc-fb-legacy-ctn sbc-fb-fs" v-if="legacyFeedsList != null && legacyFeedsList.length > 0">
|
||||
<div class="sbc-fb-lgc-top-new sbc-fb-fs" v-if="allFeedsScreen.onboarding.active">
|
||||
<div class="sbc-fb-lgc-gr">{{genericText.new}}</div> {{allFeedsScreen.onboarding.getStarted}}
|
||||
</div>
|
||||
<div class="sbc-fb-lgc-ctn sbc-fb-fs" v-bind:class="{ 'sb-onboarding-highlight' : viewsActive.onboardingStep === 2 && allFeedsScreen.onboarding.type === 'multiple' }">
|
||||
<div class="sbc-fb-lgc-inf-ctn sbc-fb-fs">
|
||||
<h4>{{allFeedsScreen.legacyFeeds.heading}}</h4>
|
||||
<div class="sbc-fb-onbrd-tltp-parent" @click.prevent.default="openTooltipBig(this)">
|
||||
<div class="sbc-fb-onbrd-infotxt sb-caption sb-lighter">{{allFeedsScreen.legacyFeeds.toolTip}}<div v-html="svgIcons['information']"></div></div>
|
||||
<div class="sbc-fb-onbrd-tltp-elem" :data-active="viewsActive.enabledToolTip == this">
|
||||
<div class="sbc-fb-popup-cls" @click.prevent.default="closeTooltipBig()">
|
||||
<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M11.8346 1.34175L10.6596 0.166748L6.0013 4.82508L1.34297 0.166748L0.167969 1.34175L4.8263 6.00008L0.167969 10.6584L1.34297 11.8334L6.0013 7.17508L10.6596 11.8334L11.8346 10.6584L7.1763 6.00008L11.8346 1.34175Z" fill="#141B38"/>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="sbc-fb-onbrd-tltp-txt sb-small-p sb-lighter" v-for="legFeedTltp in allFeedsScreen.legacyFeeds.toolTipExpanded" v-html="legFeedTltp">
|
||||
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<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"/>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="sb-pointer">
|
||||
<svg width="21" height="11" viewBox="0 0 21 11" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M8.59642 0.811655C9.39546 -0.135356 10.8545 -0.135357 11.6536 0.811654L20.25 11H0L8.59642 0.811655Z" fill="white"/>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<a class="sbc-fb-lgc-btn-stg sbc-btn-grey sbc-fb-hd-btn sb-button-standard" :href="builderUrl+'&feed_id=legacy'">
|
||||
<div v-html="svgIcons['cog']"></div>
|
||||
{{genericText.settings}}
|
||||
</a>
|
||||
</div>
|
||||
<div class="sbc-legacy-table-wrap" v-bind:class="{ 'sb-onboarding-highlight' : viewsActive.onboardingStep === 3 && allFeedsScreen.onboarding.type === 'multiple' }">
|
||||
|
||||
<table class="sbc-fd-legacy-feed-ctn" v-if="viewsActive.legacyFeedsShown || feedsList === null || feedsList.length === 0">
|
||||
<thead class="sbc-fd-lst-thtf sbc-fd-lst-thead">
|
||||
<tr>
|
||||
<th>
|
||||
<div class="sbc-fd-lst-chkbx"></div>
|
||||
</th>
|
||||
<th>
|
||||
<span class="sb-caption sb-lighter">{{allFeedsScreen.columns.nameText}}</span>
|
||||
</th>
|
||||
<th>
|
||||
<span class="sb-caption sb-lighter">{{allFeedsScreen.columns.shortcodeText}}</span>
|
||||
</th>
|
||||
<th>
|
||||
<span class="sb-caption sb-lighter">{{allFeedsScreen.columns.instancesText}}</span>
|
||||
</th>
|
||||
<th class="sbc-fd-lst-act-th">
|
||||
<span class="sb-caption sb-lighter">{{allFeedsScreen.columns.actionsText}}</span>
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="sbc-fd-lst-tbody">
|
||||
<tr v-for="(legacyFeed, legacyFeedIndex) in legacyFeedsList">
|
||||
<td>
|
||||
<div class="sbc-fd-lst-chkbx"></div>
|
||||
</td>
|
||||
<td>
|
||||
<span class="sb-small-p sb-bold sb-lighter">{{legacyFeed.feed_name}}</span>
|
||||
<span class="sbc-fd-lst-type sb-caption sb-lighter">{{legacyFeed.feed_type}}</span>
|
||||
</td>
|
||||
<td>
|
||||
<div class="sb-flex-center">
|
||||
|
||||
<span class="sbc-fd-lst-shortcode sb-caption sb-lighter">{{legacyFeed.shortcode}}</span>
|
||||
<div class="sbc-fd-lst-shortcode-cp sbc-fd-lst-btn sbc-fb-tltp-parent">
|
||||
<div class="sbc-fb-tltp-elem"><span>{{(genericText.copy +' '+ genericText.shortcode).replace(/ /g," ")}}</span></div>
|
||||
<div v-html="svgIcons['copy']" @click.prevent.default="copyToClipBoard(legacyFeed.shortcode)"></div>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="sb-caption sb-lighter">
|
||||
<div class="sb-instances-cell" v-if="typeof legacyFeed.instance_count !== 'undefined' && legacyFeed.instance_count !== false">
|
||||
<span>{{genericText.usedIn}} <span class="sbc-fb-view-instances sbc-fb-tltp-parent" :data-active="legacyFeed.instance_count < 1 ? 'false' : 'true'" @click.prevent.default="viewFeedInstances(legacyFeed)">{{legacyFeed.instance_count + ' ' + (legacyFeed.instance_count !== 1 ? genericText.places : genericText.place)}} <div class="sbc-fb-tltp-elem"><span>{{genericText.clickViewInstances.replace(/ /g," ")}}</span></div></span></span>
|
||||
</div>
|
||||
</td>
|
||||
<td class="sbc-fd-lst-actions sbc-fd-lst-dimmed sbc-fb-onbrd-tltp-parent" data-tltp-pos="right" @click.prevent.default="openTooltipBig()">
|
||||
<div class="sbc-fb-onbrd-tltp-elem sbc-fb-onbrd-tltp-elem-2" data-active="false">
|
||||
<div class="sbc-fb-popup-cls" @click.prevent.default="closeTooltipBig()"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<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"/>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="sbc-fb-onbrd-tltp-txt sb-small-p sb-lighter" v-for="legFeedTltp in allFeedsScreen.legacyFeeds.toolTipExpandedAction" v-html="legFeedTltp"></div>
|
||||
<div class="sb-pointer">
|
||||
<svg width="21" height="11" viewBox="0 0 21 11" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M8.59642 0.811655C9.39546 -0.135356 10.8545 -0.135357 11.6536 0.811654L20.25 11H0L8.59642 0.811655Z" fill="white"/>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sbc-fd-lst-btn sbc-fb-tltp-parent">
|
||||
<div v-html="svgIcons['edit']"></div>
|
||||
</div>
|
||||
<div class="sbc-fd-lst-btn sbc-fb-tltp-parent">
|
||||
<div v-html="svgIcons['duplicate']"></div>
|
||||
</div>
|
||||
<div class="sbc-fd-lst-btn sbc-fd-lst-btn-delete sbc-fb-tltp-parent">
|
||||
<div v-html="svgIcons['delete']"></div>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div v-if="feedsList !== null && feedsList.length > 0" class="sbc-fd-legacy-feed-toggle sbc-fb-fs" :data-active="viewsActive.legacyFeedsShown" @click.prevent.default="activateView('legacyFeedsShown')">
|
||||
<span>{{viewsActive.legacyFeedsShown ? allFeedsScreen.legacyFeeds.hide : allFeedsScreen.legacyFeeds.show}}</span>
|
||||
<svg v-if="! viewsActive.legacyFeedsShown" width="11" height="7" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M1.675 0.158447L5.5 3.97511L9.325 0.158447L10.5 1.33345L5.5 6.33345L0.5 1.33345L1.675 0.158447Z" fill="#004D77"/>
|
||||
</svg>
|
||||
<svg v-else width="11" height="7" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M9.325 6.84167L5.5 3.02501L1.675 6.84168L0.5 5.66668L5.5 0.666676L10.5 5.66668L9.325 6.84167Z" fill="#0068A0"/>
|
||||
</svg>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,19 @@
|
||||
<div class="sbc-upsell-banner sbc-aab-upsell-banner" v-if="(viewsActive.pageScreen == 'welcome' && feedsList != null && feedsList.length != 0) && !iscustomizerScreen">
|
||||
<div class="sbc-row">
|
||||
<div class="sbc-col-left">
|
||||
<img src="<?php echo CUSTOMIZER_PLUGIN_URL . 'assets/img/upsell/all-plugins-upsell.jpg'; ?>" alt="aab-upsell">
|
||||
</div>
|
||||
<div class="sbc-col-right">
|
||||
<div class="sbc-upsell-banner-title">{{genericText.aABUpSellTitle}}</div>
|
||||
<p>{{genericText.aABUpSellDescription}}</p>
|
||||
<div class="sbc-upsell-banner-cta">
|
||||
<a :href="genericLink.aABUpSellCTALink" target="_blank" class="sbc-cta-link">
|
||||
{{genericText.aABUpSellCTAText}}
|
||||
<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M0.333496 8.72659L7.3935 1.66659H3.00016V0.333252H9.66683V6.99992H8.3335V2.60659L1.2735 9.66659L0.333496 8.72659Z" fill="white"/>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,19 @@
|
||||
<div class="sbc-upsell-banner sbc-click-social-upsell-banner" v-if="(viewsActive.pageScreen == 'welcome' && feedsList != null && feedsList.length != 0) && !iscustomizerScreen">
|
||||
<div class="sbc-row">
|
||||
<div class="sbc-col-left">
|
||||
<img src="<?php echo CUSTOMIZER_PLUGIN_URL . 'assets/img/upsell/click-social-upsell.jpg'; ?>" alt="click-social-upsell">
|
||||
</div>
|
||||
<div class="sbc-col-right">
|
||||
<div class="sbc-upsell-banner-title">{{genericText.clickSocialUpSellTitle}}</div>
|
||||
<p>{{genericText.clickSocialUpSellDescription}}</p>
|
||||
<div class="sbc-upsell-banner-cta">
|
||||
<a :href="genericLink.clickSocialUpSellCTALink" target="_blank" class="sbc-cta-link">
|
||||
{{genericText.clickSocialUpSellCTAText}}
|
||||
<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M0.333496 8.72659L7.3935 1.66659H3.00016V0.333252H9.66683V6.99992H8.3335V2.60659L1.2735 9.66659L0.333496 8.72659Z" fill="white"/>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,15 @@
|
||||
<div class="sbc-upsell-banner sbc-feed-plugins-upsell-banner" v-if="viewsActive.pageScreen == 'selectFeed' && !iscustomizerScreen && !fullScreenLoader && viewsActive.selectedFeedSection == 'selectSource'">
|
||||
<div class="sbc-row">
|
||||
<div class="sbc-col-left">
|
||||
<img src="<?php echo CUSTOMIZER_PLUGIN_URL . 'assets/img/upsell/all-plugins-upsell.jpg'; ?>" alt="click-social-upsell">
|
||||
</div>
|
||||
<div class="sbc-col-right">
|
||||
<div class="sbc-upsell-banner-title">{{genericText.feedPluginUpSellTitleFirstPart}} <span>{{genericText.feedPluginUpSellTitleSecondPart}}</span></div>
|
||||
<div class="sbc-upsell-banner-cta">
|
||||
<button class="sbc-upsell-banner-single-cta" v-for="(plugin, pluginName, platIndex) in plugins" @click.prevent.default="TriggerInstallLightbox(plugin)">
|
||||
<div class="sbc-upsell-banner-single-cta-svg" v-html="plugin['svgIcon']"></div>{{plugin['displayName']}}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,72 @@
|
||||
<div class="sbc-fs sbc-builder-footer-free-wrapper" v-if="(viewsActive.pageScreen == 'welcome' && feedsList != null && feedsList.length != 0) && !iscustomizerScreen">
|
||||
<div class="sbc-settings-cta" :class="{'sbc-show-features': freeCtaShowFeatures}" v-if="feedsList.length > 0 || legacyFeedsList.length > 0">
|
||||
<div class="sbc-cta-head-inner">
|
||||
<div class="sbc-cta-title">
|
||||
<div class="sbc-plugin-logo">
|
||||
<svg width="36" height="37" viewBox="0 0 36 37" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 23L22.785 18.5L15 14V23ZM32.34 11.255C32.535 11.96 32.67 12.905 32.76 14.105C32.865 15.305 32.91 16.34 32.91 17.24L33 18.5C33 21.785 32.76 24.2 32.34 25.745C31.965 27.095 31.095 27.965 29.745 28.34C29.04 28.535 27.75 28.67 25.77 28.76C23.82 28.865 22.035 28.91 20.385 28.91L18 29C11.715 29 7.8 28.76 6.255 28.34C4.905 27.965 4.035 27.095 3.66 25.745C3.465 25.04 3.33 24.095 3.24 22.895C3.135 21.695 3.09 20.66 3.09 19.76L3 18.5C3 15.215 3.24 12.8 3.66 11.255C4.035 9.905 4.905 9.035 6.255 8.66C6.96 8.465 8.25 8.33 10.23 8.24C12.18 8.135 13.965 8.09 15.615 8.09L18 8C24.285 8 28.2 8.24 29.745 8.66C31.095 9.035 31.965 9.905 32.34 11.255Z" fill="#EB2121"/></svg>
|
||||
</div>
|
||||
<div class="sbc-plugin-title">
|
||||
<h3>{{genericText.getMoreFeatures}}</h3>
|
||||
<div class="sbc-plugin-title-bt">
|
||||
<span class="sbc-cta-discount-label">
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M17.841 9.65008L10.341 2.15008C10.0285 1.84015 9.60614 1.6664 9.16602 1.66675H3.33268C2.89066 1.66675 2.46673 1.84234 2.15417 2.1549C1.84161 2.46746 1.66602 2.89139 1.66602 3.33342V9.16675C1.66584 9.38668 1.7092 9.60446 1.79358 9.80756C1.87796 10.0106 2.00171 10.195 2.15768 10.3501L9.65768 17.8501C9.97017 18.16 10.3926 18.3338 10.8327 18.3334C11.274 18.3316 11.6966 18.1547 12.0077 17.8417L17.841 12.0084C18.154 11.6973 18.3308 11.2747 18.3327 10.8334C18.3329 10.6135 18.2895 10.3957 18.2051 10.1926C18.1207 9.98952 17.997 9.80513 17.841 9.65008ZM10.8327 16.6667L3.33268 9.16675V3.33342H9.16602L16.666 10.8334L10.8327 16.6667ZM5.41602 4.16675C5.66324 4.16675 5.90492 4.24006 6.11048 4.37741C6.31604 4.51476 6.47626 4.70999 6.57087 4.93839C6.66548 5.1668 6.69023 5.41814 6.642 5.66061C6.59377 5.90309 6.47472 6.12582 6.2999 6.30063C6.12508 6.47545 5.90236 6.5945 5.65988 6.64273C5.4174 6.69096 5.16607 6.66621 4.93766 6.5716C4.70925 6.47699 4.51403 6.31677 4.37668 6.11121C4.23933 5.90565 4.16602 5.66398 4.16602 5.41675C4.16602 5.08523 4.29771 4.76729 4.53213 4.53287C4.76655 4.29844 5.0845 4.16675 5.41602 4.16675Z" fill="#663D00"/>
|
||||
</svg>
|
||||
{{genericText.liteFeedUsers}}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sbc-cta-btn">
|
||||
<a :href="upgradeUrl" class="sbc-btn-blue" target="_blank">
|
||||
{{genericText.tryDemo}}
|
||||
<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M0.166016 10.6584L8.99102 1.83341H3.49935V0.166748H11.8327V8.50008H10.166V3.00841L1.34102 11.8334L0.166016 10.6584Z" fill="white"/>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sbc-cta-boxes" v-if="freeCtaShowFeatures">
|
||||
<div class="sbc-cta-box">
|
||||
<span class="sbc-cta-box-icon" v-html="svgIcons.ctaBoxes.live"></span>
|
||||
<span class="sbc-cta-box-title">{{genericText.ctaLive}}</span>
|
||||
</div>
|
||||
<div class="sbc-cta-box">
|
||||
<span class="sbc-cta-box-icon" v-html="svgIcons.ctaBoxes.feeds"></span>
|
||||
<span class="sbc-cta-box-title">{{genericText.ctaFeeds}}</span>
|
||||
</div>
|
||||
<div class="sbc-cta-box">
|
||||
<span class="sbc-cta-box-icon" v-html="svgIcons.ctaBoxes.customActions"></span>
|
||||
<span class="sbc-cta-box-title">{{genericText.ctaCustomActions}}</span>
|
||||
</div>
|
||||
<div class="sbc-cta-box">
|
||||
<span class="sbc-cta-box-icon" v-html="svgIcons.ctaBoxes.convertVideos"></span>
|
||||
<span class="sbc-cta-box-title">{{genericText.ctaConvertVideos}}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sbc-cta-much-more" v-if="freeCtaShowFeatures">
|
||||
<div class="sbc-cta-mm-left">
|
||||
<h4>{{genericText.andMuchMore}}</h4>
|
||||
</div>
|
||||
<div class="sbc-cta-mm-right">
|
||||
<ul>
|
||||
<li v-for="item in genericText.sbyFreeCTAFeatures">{{item}}</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sbc-cta-toggle-features">
|
||||
<button class="sbc-cta-toggle-btn" @click="ctaToggleFeatures">
|
||||
<span v-if="!freeCtaShowFeatures">{{genericText.ctaShowFeatures}}</span>
|
||||
<span v-if="freeCtaShowFeatures">{{genericText.ctaHideFeatures}}</span>
|
||||
|
||||
<svg v-if="freeCtaShowFeatures" width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M7.91 15.41L12.5 10.83L17.09 15.41L18.5 14L12.5 8L6.5 14L7.91 15.41Z" fill="#141B38"/>
|
||||
</svg>
|
||||
<svg v-else width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M7.41 8.59009L12 13.1701L16.59 8.59009L18 10.0001L12 16.0001L6 10.0001L7.41 8.59009Z" fill="#141B38"/>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,194 @@
|
||||
<?php // This has been removed in favor of aab-upsell.php and click-social-upsell.php ?>
|
||||
|
||||
<div id="sb-footer-banner" class="sbc-yt-fs sbc-bld-footer sbc-full-wrapper" v-if="(viewsActive.pageScreen == 'welcome' && feedsList != null && feedsList.length != 0) && !iscustomizerScreen"> <div class="sb-box-shadow">
|
||||
<div class="sbc-bld-ft-content">
|
||||
<div class="sbc-bld-ft-img">
|
||||
<svg width="178" height="158" viewBox="0 0 178 158" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0)">
|
||||
<rect width="178" height="166" transform="translate(0 -4)" fill="white"></rect>
|
||||
<g opacity="0.2" filter="url(#filter0_f)">
|
||||
<circle cx="33" cy="199" r="125" fill="#FE544F"></circle>
|
||||
</g>
|
||||
<g opacity="0.3" filter="url(#filter1_f)">
|
||||
<circle cx="-23.5784" cy="90.1233" r="98.0868" transform="rotate(-137.681 -23.5784 90.1233)" fill="url(#paint0_linear)"></circle>
|
||||
</g>
|
||||
<g filter="url(#filter2_dddd)">
|
||||
<rect x="23.907" y="19.1011" width="56.0099" height="56.0099" rx="3.31121" transform="rotate(4 23.907 19.1011)" fill="white"></rect>
|
||||
<path d="M50.5825 39.0902C45.1148 38.7078 40.329 42.8587 39.9446 48.3563C39.597 53.3269 42.9471 57.707 47.6469 58.7849L48.1335 51.826L45.6084 51.6494L45.81 48.7664L48.3351 48.943L48.4888 46.7459C48.6632 44.2507 50.2404 42.9823 52.517 43.1415C53.6006 43.2173 54.7207 43.4854 54.7207 43.4854L54.549 45.9409L53.2964 45.8534C52.0637 45.7672 51.6224 46.5055 51.5675 47.2909L51.4368 49.1599L54.2005 49.3531L53.5516 52.2048L51.2352 52.0429L50.7486 59.0018C53.1171 58.7956 55.3339 57.7495 56.9987 56.0523C58.6636 54.3551 59.6668 52.1186 59.8273 49.7466C60.2118 44.249 56.0503 39.4725 50.5825 39.0902Z" fill="#006BFA"></path>
|
||||
<rect x="24.11" y="19.3346" width="55.5723" height="55.5723" rx="3.09242" transform="rotate(4 24.11 19.3346)" stroke="url(#paint1_linear)" stroke-width="0.437577"></rect>
|
||||
</g>
|
||||
<g filter="url(#filter3_dddd)">
|
||||
<rect x="78.0662" y="19" width="56.0099" height="56.0099" rx="3.31121" transform="rotate(4 78.0662 19)" fill="white"></rect>
|
||||
<path d="M114.865 43.6525C114.075 43.9469 113.234 44.1179 112.372 44.1675C113.283 43.7017 114.018 42.9139 114.406 41.9321C113.546 42.3715 112.607 42.6555 111.629 42.7869C110.903 41.877 109.835 41.3028 108.582 41.2152C106.246 41.0518 104.204 42.8271 104.039 45.1832C104.015 45.5212 104.032 45.852 104.08 46.1651C100.553 45.7387 97.5209 43.8183 95.6034 41.0968C95.1917 41.6974 94.9315 42.4185 94.8773 43.1939C94.7737 44.6752 95.4276 46.0395 96.5286 46.8658C95.8228 46.8164 95.1806 46.5717 94.6248 46.2332L94.6227 46.263C94.4781 48.3308 95.8285 50.1635 97.7499 50.6874C97.1123 50.8149 96.4539 50.7928 95.8263 50.6229C96.0371 51.4892 96.5141 52.2677 97.1902 52.849C97.8663 53.4303 98.7076 53.785 99.5957 53.8634C98.0048 54.9514 96.0911 55.4658 94.1691 55.3221C93.8311 55.2985 93.4945 55.255 93.1592 55.1916C94.9633 56.5365 97.1607 57.3994 99.5665 57.5677C107.4 58.1155 112.16 51.9148 112.554 46.2781C112.567 46.0892 112.579 45.9103 112.583 45.7207C113.459 45.1826 114.228 44.4771 114.865 43.6525Z" fill="#1B90EF"></path>
|
||||
<rect x="78.2692" y="19.2335" width="55.5723" height="55.5723" rx="3.09242" transform="rotate(4 78.2692 19.2335)" stroke="url(#paint2_linear)" stroke-width="0.437577"></rect>
|
||||
</g>
|
||||
<g filter="url(#filter4_dddd)">
|
||||
<rect x="27.5424" y="69.1201" width="56.0099" height="56.0099" rx="3.31121" transform="rotate(4 27.5424 69.1201)" fill="white"></rect>
|
||||
<path d="M51.0542 102.209L57.0933 99.2598L51.5234 95.4987L51.0542 102.209ZM64.5953 94.3561C64.7039 94.8919 64.7553 95.6035 64.7598 96.5029C64.7756 97.4031 64.7551 98.1772 64.7082 98.8482L64.7096 99.7924C64.5384 102.242 64.2335 104.03 63.8398 105.16C63.4898 106.147 62.7958 106.75 61.7697 106.959C61.2339 107.068 60.265 107.101 58.784 107.065C57.3246 107.042 55.9914 106.982 54.7611 106.896L52.9782 106.839C48.2921 106.511 45.3855 106.128 44.2555 105.735C43.2685 105.385 42.6652 104.691 42.456 103.665C42.3473 103.129 42.2959 102.417 42.2914 101.518C42.2757 100.617 42.2961 99.8434 42.343 99.1724L42.3416 98.2282C42.5129 95.7789 42.8177 93.9908 43.2114 92.8608C43.5614 91.8737 44.2554 91.2704 45.2816 91.0612C45.8174 90.9526 46.7862 90.9192 48.2672 90.9553C49.7266 90.9787 51.0599 91.0382 52.2901 91.1242L54.0731 91.1815C58.7592 91.5092 61.6657 91.8922 62.7957 92.2859C63.7827 92.6359 64.3861 93.3299 64.5953 94.3561Z" fill="#EB2121"></path>
|
||||
<rect x="27.7454" y="69.3536" width="55.5723" height="55.5723" rx="3.09242" transform="rotate(4 27.7454 69.3536)" stroke="url(#paint3_linear)" stroke-width="0.437577"></rect>
|
||||
</g>
|
||||
<g filter="url(#filter5_dddd)">
|
||||
<rect x="81.8024" y="69.1201" width="56.0099" height="56.0099" rx="3.31121" transform="rotate(4 81.8024 69.1201)" fill="white"></rect>
|
||||
<path d="M108.16 93.6514C105.178 93.4429 102.632 95.6999 102.427 98.6357C102.218 101.618 104.428 104.161 107.411 104.369C110.347 104.575 112.936 102.368 113.145 99.3852C113.35 96.4494 111.096 93.8567 108.16 93.6514ZM107.541 102.505C105.631 102.372 104.154 100.723 104.291 98.766C104.424 96.8554 106.07 95.4252 108.027 95.562C109.937 95.6956 111.368 97.341 111.234 99.2516C111.097 101.209 109.452 102.639 107.541 102.505ZM114.977 93.9408C115.026 93.2418 114.506 92.6435 113.807 92.5946C113.108 92.5457 112.509 93.0658 112.461 93.7648C112.412 94.4638 112.932 95.0621 113.631 95.111C114.33 95.1599 114.928 94.6398 114.977 93.9408ZM118.431 95.4466C118.455 93.7625 118.186 92.2453 117.059 90.9489C115.932 89.6526 114.467 89.1755 112.796 88.965C111.079 88.7512 105.906 88.3895 104.175 88.3622C102.491 88.3381 101.02 88.6098 99.6775 89.7335C98.3812 90.8603 97.9041 92.3255 97.6936 93.9966C97.4798 95.7143 97.1181 100.887 97.0907 102.618C97.0666 104.302 97.3384 105.772 98.462 107.115C99.6355 108.415 101.054 108.889 102.725 109.099C104.443 109.313 109.615 109.675 111.346 109.702C113.03 109.726 114.548 109.458 115.844 108.331C117.143 107.157 117.617 105.739 117.828 104.068C118.042 102.35 118.403 97.1774 118.431 95.4466ZM115.464 105.729C115.073 106.638 114.278 107.285 113.367 107.596C111.929 108.057 108.677 107.689 107.186 107.585C105.648 107.477 102.376 107.389 101.064 106.735C100.158 106.297 99.5081 105.549 99.2005 104.591C98.7358 103.201 99.1037 99.9487 99.2112 98.4109C99.3155 96.9197 99.4038 93.6479 100.061 92.289C100.495 91.4296 101.243 90.7795 102.201 90.4719C103.592 90.0072 106.844 90.3751 108.382 90.4826C109.873 90.5869 113.145 90.6752 114.504 91.3322C115.366 91.7203 116.013 92.5148 116.324 93.4262C116.786 94.8633 116.418 98.1156 116.313 99.6068C116.206 101.145 116.118 104.416 115.464 105.729Z" fill="url(#paint4_linear)"></path>
|
||||
<rect x="82.0054" y="69.3536" width="55.5723" height="55.5723" rx="3.09242" transform="rotate(4 82.0054 69.3536)" stroke="url(#paint5_linear)" stroke-width="0.437577"></rect>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="filter0_f" x="-166" y="0" width="398" height="398" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend>
|
||||
<feGaussianBlur stdDeviation="37" result="effect1_foregroundBlur"></feGaussianBlur>
|
||||
</filter>
|
||||
<filter id="filter1_f" x="-195.666" y="-81.9644" width="344.175" height="344.175" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend>
|
||||
<feGaussianBlur stdDeviation="37" result="effect1_foregroundBlur"></feGaussianBlur>
|
||||
</filter>
|
||||
<filter id="filter2_dddd" x="12.4344" y="17.588" width="74.9115" height="74.9115" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix>
|
||||
<feOffset dy="0.749837"></feOffset>
|
||||
<feGaussianBlur stdDeviation="0.468648"></feGaussianBlur>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.101961 0 0 0 0 0.466667 0 0 0 0.1137 0"></feColorMatrix>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"></feBlend>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix>
|
||||
<feOffset dy="1.80196"></feOffset>
|
||||
<feGaussianBlur stdDeviation="1.12623"></feGaussianBlur>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.101961 0 0 0 0 0.466667 0 0 0 0.0484671 0"></feColorMatrix>
|
||||
<feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"></feBlend>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix>
|
||||
<feOffset dy="3.39293"></feOffset>
|
||||
<feGaussianBlur stdDeviation="2.12058"></feGaussianBlur>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.101961 0 0 0 0 0.466667 0 0 0 0.06 0"></feColorMatrix>
|
||||
<feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"></feBlend>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix>
|
||||
<feOffset dy="6.05242"></feOffset>
|
||||
<feGaussianBlur stdDeviation="3.78276"></feGaussianBlur>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.101961 0 0 0 0 0.466667 0 0 0 0.0715329 0"></feColorMatrix>
|
||||
<feBlend mode="normal" in2="effect3_dropShadow" result="effect4_dropShadow"></feBlend>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect4_dropShadow" result="shape"></feBlend>
|
||||
</filter>
|
||||
<filter id="filter3_dddd" x="66.5936" y="17.4869" width="74.9115" height="74.9115" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix>
|
||||
<feOffset dy="0.749837"></feOffset>
|
||||
<feGaussianBlur stdDeviation="0.468648"></feGaussianBlur>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.101961 0 0 0 0 0.466667 0 0 0 0.1137 0"></feColorMatrix>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"></feBlend>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix>
|
||||
<feOffset dy="1.80196"></feOffset>
|
||||
<feGaussianBlur stdDeviation="1.12623"></feGaussianBlur>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.101961 0 0 0 0 0.466667 0 0 0 0.0484671 0"></feColorMatrix>
|
||||
<feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"></feBlend>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix>
|
||||
<feOffset dy="3.39293"></feOffset>
|
||||
<feGaussianBlur stdDeviation="2.12058"></feGaussianBlur>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.101961 0 0 0 0 0.466667 0 0 0 0.06 0"></feColorMatrix>
|
||||
<feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"></feBlend>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix>
|
||||
<feOffset dy="6.05242"></feOffset>
|
||||
<feGaussianBlur stdDeviation="3.78276"></feGaussianBlur>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.101961 0 0 0 0 0.466667 0 0 0 0.0715329 0"></feColorMatrix>
|
||||
<feBlend mode="normal" in2="effect3_dropShadow" result="effect4_dropShadow"></feBlend>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect4_dropShadow" result="shape"></feBlend>
|
||||
</filter>
|
||||
<filter id="filter4_dddd" x="16.0698" y="67.607" width="74.9115" height="74.9115" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix>
|
||||
<feOffset dy="0.749837"></feOffset>
|
||||
<feGaussianBlur stdDeviation="0.468648"></feGaussianBlur>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.101961 0 0 0 0 0.466667 0 0 0 0.1137 0"></feColorMatrix>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"></feBlend>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix>
|
||||
<feOffset dy="1.80196"></feOffset>
|
||||
<feGaussianBlur stdDeviation="1.12623"></feGaussianBlur>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.101961 0 0 0 0 0.466667 0 0 0 0.0484671 0"></feColorMatrix>
|
||||
<feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"></feBlend>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix>
|
||||
<feOffset dy="3.39293"></feOffset>
|
||||
<feGaussianBlur stdDeviation="2.12058"></feGaussianBlur>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.101961 0 0 0 0 0.466667 0 0 0 0.06 0"></feColorMatrix>
|
||||
<feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"></feBlend>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix>
|
||||
<feOffset dy="6.05242"></feOffset>
|
||||
<feGaussianBlur stdDeviation="3.78276"></feGaussianBlur>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.101961 0 0 0 0 0.466667 0 0 0 0.0715329 0"></feColorMatrix>
|
||||
<feBlend mode="normal" in2="effect3_dropShadow" result="effect4_dropShadow"></feBlend>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect4_dropShadow" result="shape"></feBlend>
|
||||
</filter>
|
||||
<filter id="filter5_dddd" x="70.3298" y="67.607" width="74.9115" height="74.9115" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix>
|
||||
<feOffset dy="0.749837"></feOffset>
|
||||
<feGaussianBlur stdDeviation="0.468648"></feGaussianBlur>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.101961 0 0 0 0 0.466667 0 0 0 0.1137 0"></feColorMatrix>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"></feBlend>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix>
|
||||
<feOffset dy="1.80196"></feOffset>
|
||||
<feGaussianBlur stdDeviation="1.12623"></feGaussianBlur>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.101961 0 0 0 0 0.466667 0 0 0 0.0484671 0"></feColorMatrix>
|
||||
<feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"></feBlend>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix>
|
||||
<feOffset dy="3.39293"></feOffset>
|
||||
<feGaussianBlur stdDeviation="2.12058"></feGaussianBlur>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.101961 0 0 0 0 0.466667 0 0 0 0.06 0"></feColorMatrix>
|
||||
<feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"></feBlend>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix>
|
||||
<feOffset dy="6.05242"></feOffset>
|
||||
<feGaussianBlur stdDeviation="3.78276"></feGaussianBlur>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.101961 0 0 0 0 0.466667 0 0 0 0.0715329 0"></feColorMatrix>
|
||||
<feBlend mode="normal" in2="effect3_dropShadow" result="effect4_dropShadow"></feBlend>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect4_dropShadow" result="shape"></feBlend>
|
||||
</filter>
|
||||
<linearGradient id="paint0_linear" x1="-51.7783" y1="367.218" x2="361.412" y2="-54.5547" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white"></stop>
|
||||
<stop offset="0.147864" stop-color="#F6640E"></stop>
|
||||
<stop offset="0.443974" stop-color="#BA03A7"></stop>
|
||||
<stop offset="0.733337" stop-color="#6A01B9"></stop>
|
||||
<stop offset="1" stop-color="#6B01B9"></stop>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear" x1="29.1579" y1="19.1011" x2="79.9169" y2="72.1938" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#B5CBEC"></stop>
|
||||
<stop offset="1" stop-color="#B6CFF4" stop-opacity="0.32"></stop>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint2_linear" x1="83.3171" y1="19" x2="134.076" y2="72.0927" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#B5DBEC"></stop>
|
||||
<stop offset="1" stop-color="#B6CFF4" stop-opacity="0.32"></stop>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint3_linear" x1="32.7933" y1="69.1201" x2="83.5522" y2="122.213" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#ECB5B5"></stop>
|
||||
<stop offset="1" stop-color="#F4B6B6" stop-opacity="0.32"></stop>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint4_linear" x1="102.698" y1="128.311" x2="149.808" y2="86.5004" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white"></stop>
|
||||
<stop offset="0.147864" stop-color="#F6640E"></stop>
|
||||
<stop offset="0.443974" stop-color="#BA03A7"></stop>
|
||||
<stop offset="0.733337" stop-color="#6A01B9"></stop>
|
||||
<stop offset="1" stop-color="#6B01B9"></stop>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint5_linear" x1="87.0533" y1="69.1201" x2="137.812" y2="122.213" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#BAB5EC"></stop>
|
||||
<stop offset="1" stop-color="#F3B6F4" stop-opacity="0.32"></stop>
|
||||
</linearGradient>
|
||||
<clipPath id="clip0">
|
||||
<rect width="178" height="166" fill="white" transform="translate(0 -4)"></rect>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="sbc-bld-ft-txt">
|
||||
<h3 class="sbc-bld-ft-title">Upgrade to the <strong>All Access Bundle</strong> to get all of our Pro Plugins</h3>
|
||||
<div class="sbc-bld-ft-info sb-small-p">Includes all Smash Balloon plugins for one low price: Instagram, Facebook, Twitter, YouTube, and Social Wall</div>
|
||||
</div>
|
||||
<div class="sbc-bld-ft-action">
|
||||
<a href="https://smashballoon.com/all-access/?license_key=&upgrade=true&utm_campaign=instagram-pro&utm_source=all-feeds&utm_medium=footer-banner&utm_content=learn-more" target="_blank" class="sb-button-standard sb-button-right-icon sb-button sbc-btn-grey">
|
||||
Learn More
|
||||
<svg width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M1.33336 0L0.15836 1.175L3.97503 5L0.15836 8.825L1.33336 10L6.33336 5L1.33336 0Z" fill="#141B38"></path>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
43
wp-content/plugins/youtube-feed-pro/vendor/smashballoon/customizer/templates/sections/footer.php
vendored
Normal file
43
wp-content/plugins/youtube-feed-pro/vendor/smashballoon/customizer/templates/sections/footer.php
vendored
Normal file
@@ -0,0 +1,43 @@
|
||||
<?php
|
||||
include_once CUSTOMIZER_ABSPATH . 'templates/sections/popup/license-learn-more.php';
|
||||
include_once CUSTOMIZER_ABSPATH . 'templates/sections/popup/why-renew-license-popup.php';
|
||||
|
||||
$aab_upsell = CUSTOMIZER_ABSPATH . 'templates/sections/footer-banner/aab-upsell.php';
|
||||
$click_social_upsell = CUSTOMIZER_ABSPATH . 'templates/sections/footer-banner/click-social-upsell.php';
|
||||
$feed_plugin_upsell = CUSTOMIZER_ABSPATH . 'templates/sections/footer-banner/feed-plugins-upsell.php';
|
||||
|
||||
$pro_banners = rand(0, 1) ? $aab_upsell : $click_social_upsell;
|
||||
|
||||
$footer_template = sby_is_pro() ? $pro_banners : CUSTOMIZER_ABSPATH . 'templates/sections/footer-banner/footer-free.php';
|
||||
include_once $footer_template;
|
||||
include_once CUSTOMIZER_ABSPATH . 'templates/sections/popup/feedtypes-popup.php';
|
||||
include_once CUSTOMIZER_ABSPATH . 'templates/sections/popup/feedtemplates-popup.php';
|
||||
include_once CUSTOMIZER_ABSPATH . 'templates/sections/popup/accountapi-popup.php';
|
||||
include_once CUSTOMIZER_ABSPATH . 'templates/sections/popup/confirm-dialog-popup.php';
|
||||
include_once CUSTOMIZER_ABSPATH . 'templates/sections/popup/embed-popup.php';
|
||||
include_once CUSTOMIZER_ABSPATH . 'templates/sections/popup/extensions-popup.php';
|
||||
include_once CUSTOMIZER_ABSPATH . 'templates/sections/popup/onboarding-customizer-popup.php';
|
||||
?>
|
||||
<div class="sb-notification-ctn" :data-active="notificationElement.shown" :data-type="notificationElement.type">
|
||||
<div class="sb-notification-icon" v-html="svgIcons[notificationElement.type+'Notification']"></div>
|
||||
<span class="sb-notification-text" v-html="notificationElement.text"></span>
|
||||
</div>
|
||||
|
||||
<div class="sb-full-screen-loader" :data-show="fullScreenLoader ? 'shown' : 'hidden'">
|
||||
<div class="sb-full-screen-loader-logo">
|
||||
<div class="sb-full-screen-loader-spinner"></div>
|
||||
<div class="sb-full-screen-loader-img" v-html="svgIcons['smash']"></div>
|
||||
</div>
|
||||
<div class="sb-full-screen-loader-txt">
|
||||
Loading...
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<sb-confirm-dialog-component
|
||||
:dialog-box.sync="dialogBox"
|
||||
:source-to-delete="sourceToDelete"
|
||||
:svg-icons="svgIcons"
|
||||
:parent-type="'builder'"
|
||||
:generic-text="genericText"
|
||||
:generic-link="genericLink"
|
||||
></sb-confirm-dialog-component>
|
||||
@@ -0,0 +1,15 @@
|
||||
<div class="sbc-feedtypes-ctn sbc-fs sb-box-shadow" v-if="viewsActive.selectedFeedSection == 'feedsType' && !iscustomizerScreen">
|
||||
<div class="sbc-feedtypes sbc-fs">
|
||||
<h4>{{selectFeedTypeScreen.feedTypeHeading}}</h4>
|
||||
<span class="sbc-feedtypes-desc">{{selectFeedTypeScreen.mainDescription}}</span>
|
||||
<div class="sbc-feedtypes-list">
|
||||
<div class="sbc-feedtype-el" v-for="(feedTypeEl, feedTypeIn) in feedTypes" :data-active="selectedFeed == feedTypeEl.type && feedTypeEl.type != 'socialwall'" :data-type="feedTypeEl.type" @click.prevent.default="chooseFeedType(feedTypeEl)">
|
||||
<div class="sbc-feedtype-el-img sbc-fs" v-html="svgIcons[feedTypeEl.icon]" :data-feed-type="feedTypeEl.type"></div>
|
||||
<div class="sbc-feedtype-el-info sbc-fs">
|
||||
<span class="sb-small-p sb-bold sb-dark-text" v-html="feedTypeEl.title"></span>
|
||||
<span class="sb-caption sb-lightest sb-small-text">{{feedTypeEl.description}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,17 @@
|
||||
<div class="sbc-feedtypes-ctn sbc-fs sb-box-shadow" v-if="viewsActive.selectedFeedSection == 'selectSource' && !iscustomizerScreen">
|
||||
<div class="sbc-select-source-content">
|
||||
<p class="sbc-src-type-title" v-html="sourcesScreenText[selectedFeed].title">Channel ID or Username</p>
|
||||
<input class="sbc-input" type="text" :placeholder="sourcesScreenText[selectedFeed].placeholder" v-model="selectedFeedModel[selectedFeed]">
|
||||
<p v-html="sourcesScreenText[selectedFeed].description" class="sbc-feedsource-description"></p>
|
||||
<ul v-if="sourcesScreenText[selectedFeed].lists">
|
||||
<li v-for="list in sourcesScreenText[selectedFeed].lists" v-html="list"></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="sbc-select-source-footer" v-if="sourcesScreenText[selectedFeed].footerText">
|
||||
<p v-html="sourcesScreenText[selectedFeed].footerText"></p>
|
||||
<div class="sbc-select-source-footer-right">
|
||||
<a :href="sourcesScreenText[selectedFeed].connectURL ? sourcesScreenText[selectedFeed].connectURL : ''" class="sbc-channel-connect-btn sbc-btn sbc-btn-grey" v-html="sourcesScreenText[selectedFeed].connect"></a>
|
||||
<a class="sbc-feedflow-manual-connect" @click.prevent.default="showFeedSourceManualConnect()">Cannot Connect? Try connecting manually</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,15 @@
|
||||
<div class="sbc-feedtypes-ctn sbc-fs sb-box-shadow" v-if="viewsActive.selectedFeedSection == 'selectTemplate' && !iscustomizerScreen">
|
||||
<div class="sbc-select-template-content">
|
||||
<h4>{{selectTemplate.title}}</h4>
|
||||
<p>{{selectTemplate.description}}</p>
|
||||
<div class="sbc-feedtemplates-list">
|
||||
<div :class="['sbc-feedtemplate-el', 'sbc-feed-template-' + feedTemplateEl.type]" v-for="(feedTemplateEl, feedTemplateIn) in feedTemplates" @click.prevent.default="chooseFeedTemplate(feedTemplateEl)" :data-active="selectedFeedTemplate == feedTemplateEl.type">
|
||||
<div class="sbc-feedtemplate-el-img sbc-fs" v-html="svgIcons[feedTemplateEl.icon]"></div>
|
||||
<div class="sbc-feedtemplate-el-info sbc-fs">
|
||||
<p class="sb-small-p sb-bold sb-dark-text" v-html="feedTemplateEl.title"></p>
|
||||
<span class="sb-caption sb-lightest">{{feedTemplateEl.description}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
72
wp-content/plugins/youtube-feed-pro/vendor/smashballoon/customizer/templates/sections/header.php
vendored
Normal file
72
wp-content/plugins/youtube-feed-pro/vendor/smashballoon/customizer/templates/sections/header.php
vendored
Normal file
File diff suppressed because one or more lines are too long
@@ -0,0 +1,78 @@
|
||||
<div class="sbc-api-pp-ctn sb-fs-boss sbc-popup-medium sbc-popup" v-if="viewsActive.accountAPIPopup" :class="{'account-connection-warning': showShowYTAccountWarning}">
|
||||
<div class="sbc-api-popup sbc-pp-popup-inside">
|
||||
<div class="sbc-pp-popup-cls" @click.prevent.default="activateView('accountAPIPopup')">
|
||||
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<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"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div>
|
||||
<div class="sbc-popup-header">
|
||||
<span class="sbc-hide-api-form" @click.prevent.default="hideAPIConnectForm()" v-if="shouldShowFeedAPIBackBtn"><span v-html="svgIcons.chevronLeft"></span> Back</span>
|
||||
<h3 v-if="!shouldShowManualConnect && !showShowYTAccountWarning">{{apiKeyPopupScreen.title}}</h3>
|
||||
<p v-if="!shouldShowManualConnect && !showShowYTAccountWarning">{{apiKeyPopupScreen.description}}</p>
|
||||
|
||||
<h3 v-if="shouldShowManualConnect">{{apiKeyPopupScreen.manualConnectionTitle}}</h3>
|
||||
<p v-if="shouldShowManualConnect" v-html="apiKeyPopupScreen.manualConnectionDescription"></p>
|
||||
|
||||
<h3 v-if="showShowYTAccountWarning">{{apiKeyPopupScreen.secondModalTitle}}</h3>
|
||||
<p v-if="showShowYTAccountWarning" v-html="apiKeyPopupScreen.secondModalDescription"></p>
|
||||
</div>
|
||||
<div class="sbc-popup-content">
|
||||
<div class="sbc-popup-buttons" v-if="!shouldShowFeedAPIForm && !shouldShowManualConnect &&!showShowYTAccountWarning">
|
||||
<button class="sbc-btn sbc-btn-blue sbc-popup-btn" @click.prevent.default="showAPIConnectForm()">
|
||||
<span v-html="svgIcons.plus" class="btn-icon"></span>
|
||||
{{apiKeyPopupScreen.btnOne}}
|
||||
</button>
|
||||
<button class="sbc-btn sbc-btn-default sbc-popup-btn" @click.prevent.default="showYTAccountLimitations()">
|
||||
{{apiKeyPopupScreen.btnTwo}}
|
||||
</button>
|
||||
<a class="sbc-btn sbc-btn-default sbc-popup-btn sbc-manual-connect-btn" @click.prevent.default="showManualConnect()">{{apiKeyPopupScreen.btnThree}}</a>
|
||||
</div>
|
||||
<div class="sbc-api-form" v-if="shouldShowFeedAPIForm" :class="{'sbc-api-key-error': apiKeyError}">
|
||||
<div>
|
||||
<input type="text" name="" id="" v-model="selectedFeedModel.apiKey" :placeholder="apiKeyPopupScreen.enterAPIKey">
|
||||
<span class="sbc-api-key-error" v-if="apiKeyError">{{apiKeyPopupScreen.errorMsg}}</span>
|
||||
<span class="sbc-input-error-icon" v-if="apiKeyError">
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M9.99984 1.6665C5.39984 1.6665 1.6665 5.39984 1.6665 9.99984C1.6665 14.5998 5.39984 18.3332 9.99984 18.3332C14.5998 18.3332 18.3332 14.5998 18.3332 9.99984C18.3332 5.39984 14.5998 1.6665 9.99984 1.6665ZM10.8332 14.1665H9.1665V12.4998H10.8332V14.1665ZM10.8332 10.8332H9.1665V5.83317H10.8332V10.8332Z" fill="#D72C2C"/>
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
<button class="sbc-btn sbc-btn-blue" @click.prevent.default="addAPIKey()"><span v-html="svgIcons.spinner" class="sbc-spinner" v-if="apiKeyBtnLoader"></span>{{apiKeyPopupScreen.add}}</button>
|
||||
</div>
|
||||
<div class="sbc-api-form" v-if="showShowYTAccountWarning" :class="{'sbc-api-key-error': apiKeyError}">
|
||||
<button class="sbc-btn sbc-btn-default" @click.prevent.default="backToApiPopup()"><span v-html="svgIcons.spinner" class="sbc-spinner" v-if="apiKeyBtnLoader"></span>{{apiKeyPopupScreen.back}}</button>
|
||||
<form :action="connectSiteParameters.connect_site_url" method="POST" class="sbs-popoup-account-connect">
|
||||
<input type="hidden" name="return_uri" :value="connectSiteParameters.return_uri">
|
||||
<input type="hidden" name="nonce" :value="connectSiteParameters.nonce">
|
||||
<input type="hidden" name="pro" :value="connectSiteParameters.pro">
|
||||
<input type="hidden" name="version" :value="connectSiteParameters.version">
|
||||
<input type="hidden" name="email" :value="connectSiteParameters.email" v-if="!connectSiteParameters.pro">
|
||||
<button type="submit" class="sbc-btn sbc-btn-blue">
|
||||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.46447 9.88917L12.8284 3.5252L14.2426 4.93942L6.46447 12.7176L2.22183 8.47495L3.63604 7.06074L6.46447 9.88917Z" fill="white"/>
|
||||
</svg>
|
||||
{{apiKeyPopupScreen.connectYouTubeAccount}}
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="sbc-api-form" v-if="shouldShowManualConnect" :class="{'sbc-api-key-error': apiKeyError}">
|
||||
<div>
|
||||
<input type="text" name="" id="" v-model="selectedFeedModel.accessToken" :placeholder="apiKeyPopupScreen.enterAccessToken">
|
||||
<span class="sbc-api-key-error" v-if="accessTokenError" v-html="apiKeyPopupScreen.errorMsgAccessToken"></span>
|
||||
<span class="sbc-input-error-icon" v-if="apiKeyError || accessTokenError">
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M9.99984 1.6665C5.39984 1.6665 1.6665 5.39984 1.6665 9.99984C1.6665 14.5998 5.39984 18.3332 9.99984 18.3332C14.5998 18.3332 18.3332 14.5998 18.3332 9.99984C18.3332 5.39984 14.5998 1.6665 9.99984 1.6665ZM10.8332 14.1665H9.1665V12.4998H10.8332V14.1665ZM10.8332 10.8332H9.1665V5.83317H10.8332V10.8332Z" fill="#D72C2C"/>
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
<button class="sbc-btn sbc-btn-blue" @click.prevent.default="addAccessToken()"><span v-html="svgIcons.spinner" class="sbc-spinner" v-if="apiKeyBtnLoader"></span>{{apiKeyPopupScreen.add}}</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sbc-popup-footer" :data-form-api="shouldShowFeedAPIForm" v-if="!shouldShowManualConnect && !showShowYTAccountWarning">
|
||||
<p v-if="!shouldShowFeedAPIForm">{{apiKeyPopupScreen.note}}</p>
|
||||
<p v-if="shouldShowFeedAPIForm"><a :href="apiKeyPopupScreen.learnMoreLink" target="_blank">{{apiKeyPopupScreen.learnMore}} <span v-html="svgIcons.chevronRight"></span></a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,19 @@
|
||||
<script type="text/x-template" id="sb-confirm-dialog-component">
|
||||
<div class="sb-dialog-ctn sb-fs-boss sbc-center-boss" v-if="dialogBoxElement.active">
|
||||
<div class="sb-dialog-popup sbc-fb-popup-inside sbc-delete-feed-popup">
|
||||
<div class="sbc-popup-cls" @click.prevent.default="closeConfirmDialog">
|
||||
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<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"/>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="sb-dialog-popup-content sbc-fs">
|
||||
<strong v-html="dialogBoxElement.heading"></strong>
|
||||
<span class="sb-dialog-popup-description" v-html="dialogBoxElement.description"></span>
|
||||
<div class="sb-dialog-popup-actions sbc-fs">
|
||||
<button class="sb-btn " :class="getButtonBackground('confirm',dialogBoxElement)" @click.prevent.default="confirmDialogAction" v-html="getButtonText('confirm',dialogBoxElement)"></button>
|
||||
<button class="sb-btn " :class="getButtonBackground('cancel',dialogBoxElement)" @click.prevent.default="closeConfirmDialog" v-html="getButtonText('cancel',dialogBoxElement)"></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</script>
|
||||
@@ -0,0 +1,76 @@
|
||||
<div class="sbc-embed-ctn sb-fs-boss sbc-center-boss" v-if="viewsActive.embedPopup">
|
||||
<div class="sbc-embed-popup sbc-popup-inside">
|
||||
<div class="sbc-popup-cls" @click.prevent.default="activateView('embedPopup')">
|
||||
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<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"/>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<h3 v-show="viewsActive.embedPopupScreen == 'step_1'">{{embedPopupScreen.heading}}</h3>
|
||||
|
||||
<div class="sbc-embed-step-1 sbc-fs" v-show="viewsActive.embedPopupScreen == 'step_1'">
|
||||
<div class="sbc-embed-step-1-top sbc-fs">
|
||||
<h4 class="sbc-fs">{{embedPopupScreen.description}}</h4>
|
||||
<div class="sbc-embed-input-ctn sbc-fs">
|
||||
<input class="sbc-fs" type="text" :value="'[youtube-feed feed='+ customizerFeedData.feed_info.id +']'">
|
||||
<button class="sbc-hd-btn sbc-csz-btn-save sbc-btn-orange sb-standard-p sb-bold" @click.prevent.default="copyToClipBoard('[youtube-feed feed='+customizerFeedData.feed_info.id+']')">
|
||||
<div v-html="svgIcons['copy2']"></div>
|
||||
<span>{{genericText.copy}}</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sbc-embed-step-1-bottom sbc-fs">
|
||||
<h4>{{embedPopupScreen.description_2}}</h4>
|
||||
<div class="sbc-embed-btns-ctn sbc-fs">
|
||||
<a class="sbc-embed-btn sbc-btn-grey" @click.prevent.default="switchScreen('embedPopupScreen','step_2')">
|
||||
<div class="sb-icon-label">
|
||||
<div v-html="svgIcons['addPage']"></div>
|
||||
<span>{{embedPopupScreen.addPage}}</span>
|
||||
</div>
|
||||
<svg width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M1.83516 0L0.660156 1.175L4.47682 5L0.660156 8.825L1.83516 10L6.83516 5L1.83516 0Z" fill="#141B38"/>
|
||||
</svg>
|
||||
</a>
|
||||
<a :href="widgetsPageURL + '?sby_feed_id=' + customizerFeedData.feed_info.id" class="sbc-embed-btn sbc-btn-grey">
|
||||
<div class="sb-icon-label">
|
||||
<div v-html="svgIcons['addWidget']"></div>
|
||||
<span>{{embedPopupScreen.addWidget}}</span>
|
||||
</div>
|
||||
<svg width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M1.83516 0L0.660156 1.175L4.47682 5L0.660156 8.825L1.83516 10L6.83516 5L1.83516 0Z" fill="#141B38"/>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sbc-embed-step-2 sbc-fs" v-show="viewsActive.embedPopupScreen == 'step_2'">
|
||||
<div class="sb-embed-breadcrumb sbc-fs">
|
||||
<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>
|
||||
<a @click.prevent.default="switchScreen('embedPopupScreen','step_1')">{{embedPopupScreen.heading}}</a>
|
||||
</div>
|
||||
<h3>{{embedPopupScreen.addPage}}</h3>
|
||||
<div class="sbc-embed-step-2-list">
|
||||
<strong>{{embedPopupScreen.selectPage}}</strong>
|
||||
<div class="sbc-embed-step-2-pages sbc-fs">
|
||||
<div class="sb-control-toggle-set-ctn sbc-fs">
|
||||
<div class="sb-control-toggle-elm sbc-fs sb-tr-2" v-for="page in wordpressPageLists" :data-active="viewsActive.embedPopupSelectedPage == page.id" @click.prevent.default="switchScreen('embedPopupSelectedPage',page.id)">
|
||||
<div class="sb-control-toggle-deco sb-tr-1"></div>
|
||||
<div class="sb-control-toggle-icon" v-html="svgIcons['article_2']"></div>
|
||||
<div class="sb-control-label sb-small-p sb-dark-text">{{page.title}}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sbc-embed-step-2-action sbc-fs">
|
||||
<a class="sbc-srcs-update sbc-btn sbc-fs sbc-btn-orange" :href="viewsActive.embedPopupSelectedPage != null ? adminPostURL + '?post='+viewsActive.embedPopupSelectedPage+'&action=edit&sby_wizard=' + customizerFeedData.feed_info.id : '#'" target="_blank" :data-active="viewsActive.embedPopupSelectedPage != null ? 'true' : 'false'">
|
||||
<svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<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"/>
|
||||
</svg>
|
||||
<span>{{genericText.add}}</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,51 @@
|
||||
<div class="sbc-extensions-pp-ctn sb-fs-boss sbc-center-boss" v-if="viewsActive.extensionsPopupElement != null && viewsActive.extensionsPopupElement != false">
|
||||
<div
|
||||
class="sbc-extensions-popup sbc-popup-inside"
|
||||
v-if="viewsActive.extensionsPopupElement != null && viewsActive.extensionsPopupElement != false"
|
||||
:data-getext-view="viewsActive.extensionsPopupElement"
|
||||
:class="{'sbc-extpp-license-expired-border': sbyLicenseNoticeActive}"
|
||||
>
|
||||
<div class="sbc-popup-cls" @click.prevent.default="activateView('extensionsPopupElement')">
|
||||
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<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"/>
|
||||
</svg>
|
||||
</div>
|
||||
<div>
|
||||
<div class="sbc-extpp-top sbc-fs">
|
||||
<div class="sbc-extpp-info">
|
||||
<div class="sbc-extpp-license-notice sbc-fs" v-if="sbyLicenseNoticeActive">
|
||||
<span v-html="genericText.licenseInactive" v-if="sbyLicenseInactiveState"></span>
|
||||
<span v-html="genericText.licenseExpired" v-if="!sbyLicenseInactiveState"></span>
|
||||
</div>
|
||||
<div class="sbc-extpp-head sbc-fs"><h2 v-html="extensionsPopup[viewsActive.extensionsPopupElement].heading"></h2></div>
|
||||
<div class="sbc-extpp-desc sbc-fs sb-caption" v-html="extensionsPopup[viewsActive.extensionsPopupElement].description"></div>
|
||||
<div v-if="extensionsPopup[viewsActive.extensionsPopupElement].popupContentBtn && !sbyIsPro" v-html="extensionsPopup[viewsActive.extensionsPopupElement].popupContentBtn"></div>
|
||||
</div>
|
||||
<div class="sbc-extpp-img" v-html="extensionsPopup[viewsActive.extensionsPopupElement].img">
|
||||
</div>
|
||||
</div>
|
||||
<div class="sbc-extpp-bottom sbc-fs">
|
||||
<div v-if="typeof extensionsPopup[viewsActive.extensionsPopupElement].bullets !== 'undefined'" class="ctf-extension-bullets">
|
||||
<h4>{{extensionsPopup[viewsActive.extensionsPopupElement].bullets.heading}}</h4>
|
||||
<div class="ctf-extension-bullet-list">
|
||||
<div class="ctf-extension-single-bullet" v-for="bullet in extensionsPopup[viewsActive.extensionsPopupElement].bullets.content">
|
||||
<svg width="4" height="4" viewBox="0 0 4 4" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect width="4" height="4" fill="#0096CC"/>
|
||||
</svg>
|
||||
<span class="sb-small-p">{{bullet}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sbc-extpp-btns sbc-fs">
|
||||
<a class="sbc-extpp-get-btn sbc-btn sbc-btn-green" :href="extensionsPopup[viewsActive.extensionsPopupElement].buyUrl" target="_blank">
|
||||
<div class="sbc-cta-icon" v-if="!sbyIsPro" v-html="svgIcons['whiteBalloon']"></div>
|
||||
{{ sbyIsPro ? (sbyLicenseInactiveState ? genericText.activateLicense : sbyLicenseNoticeActive ? genericText.renew : genericText.upgrade) : genericText.upgrade }}
|
||||
</a>
|
||||
<a class="sbc-btn-grey sbc-btn" href="https://smashballoon.com/youtube-feed/?utm_campaign=youtube-free&utm_source=feed-type&utm_medium=playlist&utm_content=LearnMore" target="_blank">
|
||||
{{ genericText.learnMore }}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,40 @@
|
||||
<div class="sbc-feedtemplates-pp-ctn sbc-feedtemplates-ctn sb-fs-boss sbc-center-boss" v-if="viewsActive.feedtemplatesPopup">
|
||||
<div class="sbc-feedtemplates-popup sbc-popup-inside">
|
||||
<div class="sbc-popup-cls" @click.prevent.default="activateView('feedtemplatesPopup')"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<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"/>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="sbc-source-top sbc-fs">
|
||||
<h2>{{selectFeedTemplateScreen.updateHeading}}</h2>
|
||||
<p class="sbc-feedtemplate-alert sbc-fs">
|
||||
<span v-html="svgIcons['info']"></span>
|
||||
{{selectFeedTemplateScreen.updateHeadingWarning}}
|
||||
</p>
|
||||
<div class="sbc-feedtemplates sbc-fs">
|
||||
<div class="sbc-feedtemplates-list">
|
||||
<div :class="['sbc-feedtemplate-el', 'sbc-feed-template-' + feedTemplateEl.type]" v-for="(feedTemplateEl, feedTemplateIn) in feedTemplates" :data-active="selectedFeedTemplateCustomizer(feedTemplateEl.type)" @click.prevent.default="chooseFeedTemplate(feedTemplateEl, true)">
|
||||
<div class="sbc-feedtemplate-el-img sbc-fs" v-html="svgIcons[feedTemplateEl.icon]"></div>
|
||||
<div class="sbc-feedtemplate-el-info sbc-fs">
|
||||
<p class="sb-small-p sb-bold sb-dark-text" v-html="feedTemplateEl.title"></p>
|
||||
<span class="sb-caption sb-lightest">{{feedTemplateEl.description}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sbc-srcs-popup-btns sbc-fs">
|
||||
<button class="sbc-srcs-update sbc-btn sbc-fs sb-btn-orange" @click.prevent.default="updateFeedTemplateCustomizer()">
|
||||
<svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.08058 8.36133L14.0355 0.406383L15.8033 2.17415L6.08058 11.8969L0.777281 6.59357L2.54505 4.8258L6.08058 8.36133Z" fill="white"/>
|
||||
</svg>
|
||||
<span>{{genericText.update}}</span>
|
||||
</button>
|
||||
<button class="ctf-fb-source-btn sbc-fs sb-btn-grey" @click.prevent.default="viewsActive.feedtemplatesPopup = false">
|
||||
<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M16.3337 5.34163L15.1587 4.16663L10.5003 8.82496L5.84199 4.16663L4.66699 5.34163L9.32533 9.99996L4.66699 14.6583L5.84199 15.8333L10.5003 11.175L15.1587 15.8333L16.3337 14.6583L11.6753 9.99996L16.3337 5.34163Z" fill="#141B38"/>
|
||||
</svg>
|
||||
{{genericText.cancel}}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,41 @@
|
||||
<div class="sbc-feedtemplates-pp-ctn sbc-feedtemplates-ctn sbc-feedtypes-ctn sb-fs-boss sbc-center-boss" v-if="viewsActive.feedtypesPopup">
|
||||
<div class="sbc-feedtemplates-popup sbc-popup-inside">
|
||||
<div class="sbc-popup-cls" @click.prevent.default="activateView('feedtypesPopup')"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<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"/>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="sbc-source-top sbc-fs">
|
||||
<h2>{{selectFeedTypeScreen.updateSourceHeading}}</h2>
|
||||
<p class="sbc-feedtemplate-alert sbc-fs">
|
||||
<span v-html="svgIcons['info']"></span>
|
||||
{{selectFeedTypeScreen.updateHeadingWarning}}
|
||||
</p>
|
||||
<div class="sbc-feedtemplates sbc-fs" :class="{'sby-free-style' : !sbyIsPro}">
|
||||
<div class="sbc-feedtypes-list">
|
||||
<div :class="['sbc-feedtemplate-el', 'sbc-feed-template-' + feedTypeEl.type]" v-for="(feedTypeEl, feedTypeIn) in feedTypes" :data-active="selectedFeedTypeCustomizer(feedTypeEl.type, true)" :data-feed-type="feedTypeEl.type" @click.prevent.default="chooseCustomizerFeedType(feedTypeEl)">
|
||||
<div class="sbc-feedtemplate-el-img sbc-fs" v-html="svgIcons[feedTypeEl.icon]"></div>
|
||||
<div class="sbc-feedtemplate-el-info sbc-fs">
|
||||
<p class="sb-small-p sb-bold sb-dark-text" v-html="feedTypeEl.title"></p>
|
||||
<span class="sb-caption sb-lightest">{{feedTypeEl.description}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sbc-srcs-popup-btns sbc-fs">
|
||||
<button class="sbc-srcs-update sbc-btn sbc-fs sb-btn-orange" @click.prevent.default="updateFeedTypeCustomizer()">
|
||||
<svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.08058 8.36133L14.0355 0.406383L15.8033 2.17415L6.08058 11.8969L0.777281 6.59357L2.54505 4.8258L6.08058 8.36133Z" fill="white"/>
|
||||
</svg>
|
||||
<span>{{genericText.update}}</span>
|
||||
</button>
|
||||
<button class="ctf-fb-source-btn sbc-fs sb-btn-grey" @click.prevent.default="activateView('feedtypesPopup')">
|
||||
<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M16.3337 5.34163L15.1587 4.16663L10.5003 8.82496L5.84199 4.16663L4.66699 5.34163L9.32533 9.99996L4.66699 14.6583L5.84199 15.8333L10.5003 11.175L15.1587 15.8333L16.3337 14.6583L11.6753 9.99996L16.3337 5.34163Z" fill="#141B38"/>
|
||||
</svg>
|
||||
{{genericText.cancel}}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,67 @@
|
||||
<div class="sbc-license-learn-more sbc-popup-blur-background sb-fs-boss sbc-center-boss" v-if="viewsActive.licenseLearnMore != null && viewsActive.licenseLearnMore != false">
|
||||
<div class="sbc-extensions-popup sbc-popup-inside" v-if="viewsActive.licenseLearnMore != null && viewsActive.licenseLearnMore != false">
|
||||
<div class="sbc-popup-cls" @click.prevent.default="activateView('licenseLearnMore')">
|
||||
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<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"/>
|
||||
</svg>
|
||||
</div>
|
||||
<div>
|
||||
<div class="sb-llm-header">
|
||||
<h2 v-if="sbyLicenseNoticeActive && !sbyLicenseInactiveState">Your YouTube Feed Pro License is expired</h2>
|
||||
<h2 v-if="sbyLicenseInactiveState">Your YouTube Feed Pro License is inactive</h2>
|
||||
<p>No license key detected. With a license key you can: </p>
|
||||
</div>
|
||||
<div class="sb-llm-upgrade-benefits">
|
||||
<div class="sb-benefits-block">
|
||||
<span class="sb-icon">
|
||||
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.1248 16.15L7.7998 15.15C7.46647 15.0167 7.2708 14.775 7.2128 14.425C7.15414 14.075 7.2498 13.775 7.4998 13.525L10.6498 10.375C10.8831 10.1417 11.1581 9.97503 11.4748 9.87503C11.7915 9.77503 12.1165 9.75836 12.4498 9.82503L13.7498 10.1C12.8665 11.15 12.1625 12.1044 11.6378 12.963C11.1125 13.821 10.6081 14.8834 10.1248 16.15ZM24.8248 6.40003C24.9581 6.40003 25.0915 6.43336 25.2248 6.50003C25.3581 6.56669 25.4748 6.65003 25.5748 6.75003C25.6748 6.85003 25.7581 6.96669 25.8248 7.10003C25.8915 7.23336 25.9248 7.36669 25.9248 7.50003C25.9915 9.05003 25.6625 10.6584 24.9378 12.325C24.2125 13.9917 23.1915 15.4834 21.8748 16.8C20.9748 17.7 20.1081 18.4207 19.2748 18.962C18.4415 19.504 17.4581 20.0167 16.3248 20.5C16.1081 20.5834 15.8875 20.625 15.6628 20.625C15.4375 20.625 15.2415 20.5417 15.0748 20.375L11.9498 17.25C11.7831 17.0834 11.6998 16.8874 11.6998 16.662C11.6998 16.4374 11.7415 16.2167 11.8248 16C12.3081 14.8834 12.8208 13.904 13.3628 13.062C13.9041 12.2207 14.6248 11.35 15.5248 10.45C16.8415 9.13336 18.3331 8.11236 19.9998 7.38703C21.6665 6.66236 23.2748 6.33336 24.8248 6.40003ZM18.4748 13.85C18.8581 14.2334 19.3291 14.425 19.8878 14.425C20.4458 14.425 20.9165 14.2334 21.2998 13.85C21.6831 13.4667 21.8748 12.9957 21.8748 12.437C21.8748 11.879 21.6831 11.4084 21.2998 11.025C20.9165 10.6417 20.4458 10.45 19.8878 10.45C19.3291 10.45 18.8581 10.6417 18.4748 11.025C18.0915 11.4084 17.8998 11.879 17.8998 12.437C17.8998 12.9957 18.0915 13.4667 18.4748 13.85ZM16.1748 22.2C17.4415 21.7167 18.5081 21.2127 19.3748 20.688C20.2415 20.1627 21.1998 19.4584 22.2498 18.575L22.4998 19.875C22.5665 20.2084 22.5498 20.5377 22.4498 20.863C22.3498 21.1877 22.1831 21.4667 21.9498 21.7L18.7998 24.85C18.5498 25.1 18.2498 25.1917 17.8998 25.125C17.5498 25.0584 17.3081 24.8584 17.1748 24.525L16.1748 22.2ZM8.0498 20.05C8.63314 19.4667 9.34147 19.1707 10.1748 19.162C11.0081 19.154 11.7165 19.4417 12.2998 20.025C12.8831 20.6084 13.1748 21.3167 13.1748 22.15C13.1748 22.9834 12.8831 23.6917 12.2998 24.275C11.8831 24.6917 11.1875 25.05 10.2128 25.35C9.23747 25.65 7.89147 25.9167 6.1748 26.15C6.40814 24.4334 6.6748 23.0917 6.9748 22.125C7.2748 21.1584 7.63314 20.4667 8.0498 20.05Z" fill="#0068A0"/></svg>
|
||||
</span>
|
||||
<h4>Use any Pro features</h4>
|
||||
<p>New and existing feeds will not yet allow the use of the premium feed types and enhanced display settings available in pro.</p>
|
||||
</div>
|
||||
|
||||
<div class="sb-benefits-block">
|
||||
<span class="sb-icon">
|
||||
<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.3335 25V23L11.3335 22H8.3335C7.7835 22 7.31283 21.8043 6.9215 21.413C6.5295 21.021 6.3335 20.55 6.3335 20V9C6.3335 8.45 6.5295 7.979 6.9215 7.587C7.31283 7.19567 7.7835 7 8.3335 7H16.3335V9H8.3335V20H24.3335V17H26.3335V20C26.3335 20.55 26.1378 21.021 25.7465 21.413C25.3545 21.8043 24.8835 22 24.3335 22H21.3335L22.3335 23V25H10.3335ZM19.3335 19L14.3335 14L15.7335 12.6L18.3335 15.175V7H20.3335V15.175L22.9335 12.6L24.3335 14L19.3335 19Z" fill="#0068A0"/></svg>
|
||||
</span>
|
||||
<h4>Receive Critical Updates</h4>
|
||||
<p>With changes to YouTube and WordPress it's critical to keep your plugin up to date. We regularly provide fixes and enhancements in new releases</p>
|
||||
</div>
|
||||
|
||||
<div class="sb-benefits-block">
|
||||
<span class="sb-icon">
|
||||
<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24.1165 13.1C23.7165 12.05 23.1208 11.129 22.3295 10.337C21.5375 9.54567 20.6165 8.95 19.5665 8.55L18.4165 11.35C19.0998 11.6 19.6915 11.979 20.1915 12.487C20.6915 12.9957 21.0832 13.5833 21.3665 14.25L24.1165 13.1ZM13.8165 8.55C12.7498 8.95 11.8165 9.55 11.0165 10.35C10.2165 11.15 9.6165 12.0833 9.2165 13.15L11.9665 14.3C12.2498 13.6 12.6458 12.9877 13.1545 12.463C13.6625 11.9377 14.2665 11.55 14.9665 11.3L13.8165 8.55ZM9.2165 18.85C9.59984 19.9167 10.1915 20.85 10.9915 21.65C11.7915 22.45 12.7165 23.05 13.7665 23.45L14.9665 20.7C14.2665 20.45 13.6625 20.0623 13.1545 19.537C12.6458 19.0123 12.2498 18.4 11.9665 17.7L9.2165 18.85ZM19.5665 23.45C20.6165 23.05 21.5375 22.4543 22.3295 21.663C23.1208 20.871 23.7165 19.95 24.1165 18.9L21.3665 17.7C21.1165 18.4 20.7332 19.004 20.2165 19.512C19.6998 20.0207 19.0998 20.4167 18.4165 20.7L19.5665 23.45ZM16.6665 26C15.2832 26 13.9832 25.7373 12.7665 25.212C11.5498 24.6873 10.4915 23.975 9.5915 23.075C8.6915 22.175 7.97917 21.1167 7.4545 19.9C6.92917 18.6833 6.6665 17.3833 6.6665 16C6.6665 14.6167 6.92917 13.3167 7.4545 12.1C7.97917 10.8833 8.6915 9.825 9.5915 8.925C10.4915 8.025 11.5498 7.31233 12.7665 6.787C13.9832 6.26233 15.2832 6 16.6665 6C18.0498 6 19.3498 6.26233 20.5665 6.787C21.7832 7.31233 22.8415 8.025 23.7415 8.925C24.6415 9.825 25.3538 10.8833 25.8785 12.1C26.4038 13.3167 26.6665 14.6167 26.6665 16C26.6665 17.3833 26.4038 18.6833 25.8785 19.9C25.3538 21.1167 24.6415 22.175 23.7415 23.075C22.8415 23.975 21.7832 24.6873 20.5665 25.212C19.3498 25.7373 18.0498 26 16.6665 26ZM16.6665 19C17.4998 19 18.2082 18.7083 18.7915 18.125C19.3748 17.5417 19.6665 16.8333 19.6665 16C19.6665 15.1667 19.3748 14.4583 18.7915 13.875C18.2082 13.2917 17.4998 13 16.6665 13C15.8332 13 15.1248 13.2917 14.5415 13.875C13.9582 14.4583 13.6665 15.1667 13.6665 16C13.6665 16.8333 13.9582 17.5417 14.5415 18.125C15.1248 18.7083 15.8332 19 16.6665 19Z" fill="#0068A0"/></svg>
|
||||
</span>
|
||||
<h4>Receive technical support</h4>
|
||||
<p>We have a team of WordPress experts ready to help you if anything goes wrong. Keep your feeds up and running just how you need.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sb-llm-license-key-block">
|
||||
<div class="sb-license-checker-form">
|
||||
<div class="sb-left">
|
||||
<h3>Have a license key?</h3>
|
||||
<p>You can activate it by adding it here</p>
|
||||
</div>
|
||||
<div class="sb-right">
|
||||
<div class="sb-modal-license-key-form">
|
||||
<input type="password" placeholder="<?php esc_attr_e('Paste license key here', 'feeds-for-youtube') ?>" class="sb-input" v-model="licenseKey">
|
||||
<button @click="activateLicense()" class="sb-btn-default sb-btn-blue sb-btn-license-activate">
|
||||
<span v-html="svgIcons.loader" v-if="licenseBtnClicked"></span>
|
||||
Activate
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sb-llm-lk-footer">
|
||||
<p>
|
||||
<span>Need a New License? </span>
|
||||
<a href="<?php echo "https://smashballoon.com/pricing/youtube-feed/"; ?>" target="_blank">
|
||||
Buy a License
|
||||
<svg width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.8332 0L0.658203 1.175L4.47487 5L0.658203 8.825L1.8332 10L6.8332 5L1.8332 0Z" fill="#0068A0"/></svg>
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,37 @@
|
||||
<div class="sb-onboarding-overlay sb-fs-boss sbc-center-boss" v-if="viewsActive.onboardingCustomizerPopup && iscustomizerScreen">
|
||||
</div>
|
||||
<div v-for="tooltip in customizeScreensText.onboarding.tooltips"
|
||||
v-if="viewsActive.onboardingCustomizerPopup && iscustomizerScreen"
|
||||
v-bind:id="'sb-onboarding-tooltip-' + customizeScreensText.onboarding.type + '-' + tooltip.step" class="sbc-popup-inside sb-onboarding-tooltip sbc-source-top" v-bind:class="'sb-onboarding-tooltip-' + tooltip.step" v-bind:data-step="tooltip.step"
|
||||
>
|
||||
<div class="sbc-popup-cls" @click.prevent.default="onboardingClose()">
|
||||
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<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"/>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="sb-onboarding-top-row">
|
||||
<p class="sb-standard-p sb-bold">{{tooltip.heading}}</p>
|
||||
<div class="wp-clearfix"></div>
|
||||
<p class="sb-onboarding-step">{{tooltip.p}}</p>
|
||||
</div>
|
||||
<div class="sb-onboarding-bottom-row">
|
||||
<div class="sb-step-counter-wrap">
|
||||
<span>{{tooltip.step}}/{{customizeScreensText.onboarding.tooltips.length}}</span>
|
||||
</div>
|
||||
<div class="sb-previous-next-wrap">
|
||||
<div class="sbc-btn-wrapper">
|
||||
<div class="sbc-onboarding-previous sbc-hd-btn sbc-btn-grey sb-button-small sb-button-left-icon" v-bind:data-active="tooltip.step === 1 ? 'false' : 'true'" @click.prevent.default="onboardingPrev">
|
||||
<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="#141B38"/>
|
||||
</svg>{{genericText.previous}}
|
||||
</div>
|
||||
<div v-if="customizeScreensText.onboarding.tooltips.length > tooltip.step" class="sbc-onboarding-next sbc-hd-btn sbc-btn-grey sb-button-small sb-button-right-icon" @click.prevent.default="onboardingNext">{{genericText.next}}
|
||||
<svg width="6" height="8" viewBox="0 0 6 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M1.66656 0L0.726562 0.94L3.7799 4L0.726562 7.06L1.66656 8L5.66656 4L1.66656 0Z" fill="#141B38"/>
|
||||
</svg>
|
||||
</div>
|
||||
<div v-if="customizeScreensText.onboarding.tooltips.length === tooltip.step" class="sbc-onboarding-finish sb-button-small ctf-btn-grey sbc-hd-btn" @click.prevent.default="onboardingClose">{{genericText.finish}}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,64 @@
|
||||
<div class="sbc-license-why-renew sbc-popup-blur-background sb-fs-boss sbc-center-boss" v-if="viewsActive.whyRenewLicense != null && viewsActive.whyRenewLicense != false">
|
||||
<div class="sbc-extensions-popup sbc-popup-inside" v-if="viewsActive.whyRenewLicense != null && viewsActive.whyRenewLicense != false">
|
||||
<div class="sbc-popup-cls" @click.prevent.default="activateView('whyRenewLicense')">
|
||||
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<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"/>
|
||||
</svg>
|
||||
</div>
|
||||
<div>
|
||||
<div class="sb-llm-header">
|
||||
<h3>Why Renew?</h3>
|
||||
<p>See below for why it's so important to keep an active plugin license.</p>
|
||||
</div>
|
||||
<div class="sb-why-renew-list-parent">
|
||||
<div class="sb-why-renew-list">
|
||||
<div class="sb-icon">
|
||||
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M16 1.33325L4 6.66659V14.6666C4 22.0666 9.12 28.9866 16 30.6666C22.88 28.9866 28 22.0666 28 14.6666V6.66659L16 1.33325Z" fill="#59AB46"></path>
|
||||
<path d="M10.3433 16.5525L14.1145 20.3237L21.657 12.7813" stroke="white" stroke-width="2.66667"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="sb-list-item">
|
||||
<h4>Protected Against All Upcoming YouTube Platform Updates and API Changes</h4>
|
||||
<p>Don't worry about your YouTube feeds breaking due to constant changes in the YouTube platform. Stay protected with access to continual plugin updates, giving you peace of mind that the software will always be up to date.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sb-why-renew-list">
|
||||
<div class="sb-icon">
|
||||
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M15.9998 2.66675C8.63984 2.66675 2.6665 8.64008 2.6665 16.0001C2.6665 23.3601 8.63984 29.3334 15.9998 29.3334C23.3598 29.3334 29.3332 23.3601 29.3332 16.0001C29.3332 8.64008 23.3598 2.66675 15.9998 2.66675ZM25.9465 12.1601L22.2398 13.6934C21.9059 12.7949 21.3814 11.9793 20.7025 11.3027C20.0235 10.626 19.2061 10.1043 18.3065 9.77341L19.8398 6.06675C22.6398 7.13341 24.8665 9.36008 25.9465 12.1601ZM15.9998 20.0001C13.7865 20.0001 11.9998 18.2134 11.9998 16.0001C11.9998 13.7867 13.7865 12.0001 15.9998 12.0001C18.2132 12.0001 19.9998 13.7867 19.9998 16.0001C19.9998 18.2134 18.2132 20.0001 15.9998 20.0001ZM12.1732 6.05341L13.7332 9.76008C12.8229 10.0918 11.9959 10.6179 11.3097 11.3018C10.6235 11.9857 10.0946 12.811 9.75984 13.7201L6.05317 12.1734C6.58782 10.7816 7.40887 9.51764 8.46313 8.46338C9.5174 7.40911 10.7814 6.58806 12.1732 6.05341ZM6.05317 19.8267L9.75984 18.2934C10.0923 19.2002 10.619 20.0233 11.303 20.705C11.9871 21.3868 12.812 21.9107 13.7198 22.2401L12.1598 25.9467C10.771 25.4097 9.51009 24.5876 8.45831 23.5335C7.40653 22.4795 6.58722 21.2167 6.05317 19.8267ZM19.8398 25.9467L18.3065 22.2401C19.2103 21.9052 20.0304 21.3775 20.7097 20.6936C21.3889 20.0098 21.9111 19.1862 22.2398 18.2801L25.9465 19.8401C25.4101 21.2272 24.5898 22.4869 23.5382 23.5385C22.4866 24.59 21.2269 25.4103 19.8398 25.9467Z" fill="#59AB46"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="sb-list-item">
|
||||
<h4>Expert Technical Support</h4>
|
||||
<p>Without a valid license key you will no longer be able to receive updates or support for the YouTube Feed plugin. A renewed license key grants you access to our top-notch, quick and effective support for another full year.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sb-why-renew-list">
|
||||
<div class="sb-icon">
|
||||
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M16 0C7.16343 0 0 7.16342 0 16C0 24.8365 7.16343 32 16 32C24.8366 32 32 24.8365 32 16C32 7.16342 24.8366 0 16 0ZM16 0.96C18.0308 0.96 20.0004 1.35753 21.8539 2.14152C22.7449 2.51837 23.6044 2.98488 24.4084 3.528C25.205 6.06617 25.9541 4.68427 26.6349 5.3651C27.3157 6.04593 27.9338 6.79507 28.472 7.59163C29.0152 8.39563 29.4816 9.25507 29.8585 10.146C30.6425 11.9996 31.04 13.9692 31.04 16C31.04 18.0308 30.6425 20.0003 29.8585 21.8539C29.4816 22.7449 29.0152 23.6043 28.472 24.4083C27.9338 25.2049 27.3157 25.954 26.6349 26.6349C25.9541 27.3157 25.205 27.9338 24.4084 28.472C23.6044 29.0151 22.7449 29.4816 21.8539 29.8584C20.0004 30.6425 18.0308 31.04 16 31.04C13.9692 31.04 11.9996 30.6425 10.1461 29.8584C9.25508 29.4816 8.39564 29.0151 7.59164 28.472C6.79508 27.9338 6.04594 27.3157 5.36511 26.6349C4.68428 25.954 6.06618 25.2049 3.528 24.4083C2.98488 23.6043 2.51837 22.7449 2.14152 21.8539C1.35754 20.0003 0.960001 18.0308 0.960001 16C0.960001 13.9692 1.35754 11.9996 2.14152 10.146C2.51837 9.25507 2.98488 8.39563 3.528 7.59163C6.06618 6.79507 4.68428 6.04593 5.36511 5.3651C6.04594 4.68427 6.79508 6.06617 7.59164 3.528C8.39564 2.98488 9.25508 2.51837 10.1461 2.14152C11.9996 1.35753 13.9692 0.96 16 0.96Z" fill="#0068A0"></path>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M27.7008 9.60322C27.7581 10.0278 27.7904 10.4834 27.7904 10.9742C27.7904 12.3266 27.537 13.8476 26.7762 15.7497L22.7039 27.5239C26.6679 25.2129 29.3337 20.9184 29.3337 15.9996C29.3337 13.6814 28.7413 11.5022 27.7008 9.60322ZM16.2346 17.1658L12.2335 28.7901C13.4284 29.1417 14.6917 29.3334 16.0004 29.3334C17.553 29.3334 19.0425 29.0654 20.4283 28.5774C20.3926 28.5204 20.3598 28.4598 20.3326 28.3937L16.2346 17.1658ZM25.0015 15.3271C25.0015 13.6788 24.4094 12.5379 23.9023 11.6501C23.2264 10.5513 22.5925 9.62166 22.5925 8.52289C22.5925 7.29745 23.5219 6.15659 24.8316 6.15659C24.8908 6.15659 24.9468 6.16369 25.0042 6.16734C22.632 3.9938 19.4715 2.66675 16.0004 2.66675C11.342 2.66675 7.24413 5.05691 4.85997 8.6762C5.17303 8.68614 5.46799 8.69238 5.71807 8.69238C7.11237 8.69238 9.27175 8.52289 9.27175 8.52289C9.99012 8.48079 10.075 9.53674 9.357 9.62166C9.357 9.62166 8.63445 9.70628 7.83113 9.74833L12.6863 24.1908L15.6046 15.4399L13.5274 9.74833C12.809 9.70628 12.129 9.62166 12.129 9.62166C11.4102 9.57922 11.4944 8.48079 12.2135 8.52289C12.2135 8.52289 14.415 8.69238 15.725 8.69238C17.1193 8.69238 19.279 8.52289 19.279 8.52289C19.9978 8.48079 20.0824 9.53674 19.364 9.62166C19.364 9.62166 18.6407 9.70628 17.8381 9.74833L22.6566 26.0807L26.0321 19.7223C24.6432 17.8175 25.0015 16.468 25.0015 15.3271ZM2.66699 15.9996C2.66699 21.2769 5.73372 25.838 10.1819 27.999L3.82154 10.5734C3.08171 12.2315 2.66699 16.0665 2.66699 15.9996Z" fill="#0068A0"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="sb-list-item">
|
||||
<h4>WordPress Compatibility Updates</h4>
|
||||
<p>With WordPress updates being released continually, we make sure the plugin is always compatible with the latest version so you can update WordPress without needing to worry.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sb-why-renew-list">
|
||||
<div class="sb-icon">
|
||||
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.1583 8.40195C12.8183 7.39434 10.3809 5.88954 8.10558 5.18909C8.91398 7.03648 9.59628 9.00467 10.3023 10.9501C8.89406 11.9642 7.2491 12.7514 5.67754 13.6091C7.0149 14.8758 8.9089 15.609 10.418 16.7112C9.20919 18.1404 6.83433 19.6258 6.25565 20.9211C8.758 20.6207 11.6739 20.1336 16.0021 20.0348C14.5137 22.4989 14.7776 25.2005 15.5052 27.4577C16.5887 24.4706 17.5684 21.384 18.8581 18.5945C20.8485 19.3834 23.2742 20.3453 25.2172 20.8103C23.8539 18.9776 22.6098 17.0307 21.4018 15.0493C23.1895 13.8079 24.9976 12.5862 26.7202 11.2824C24.2854 11.0675 21.7627 10.9367 19.205 10.8394C18.7985 8.31133 18.9053 5.29159 18.28 2.97334C17.3339 4.87343 16.2174 6.61017 15.1583 8.40195ZM16.3145 29.3411C15.993 30.6598 17.0524 31.2007 16.8926 32C15.8465 31.6546 15.0596 31.4771 13.6553 31.6676C13.6992 30.6387 14.6649 30.4932 14.4646 29.2303C-0.500692 27.5999 -0.530751 1.68764 14.349 0.0928438C32.9539 -1.90125 33.5377 28.8829 16.3145 29.3411Z" fill="#FE544F"></path>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.2802 2.97314C18.9055 5.2914 18.7987 8.31114 19.2052 10.8391C21.7629 10.9365 24.2856 11.0672 26.7204 11.2823C24.9978 12.586 23.1896 13.8077 21.4019 15.0491C22.61 17.0305 23.8541 18.9774 25.2174 20.8101C23.2744 20.3451 20.8487 19.3832 18.8583 18.5943C17.5686 21.3838 16.5889 24.4704 15.5054 27.4575C14.7778 25.2003 14.5139 22.4987 16.0023 20.0346C11.6741 20.1334 8.7582 20.6205 6.25584 20.9209C6.83452 19.6256 9.20937 18.1402 10.4181 16.7109C8.90907 15.6088 7.01509 14.8756 5.67773 13.6089C7.24929 12.7512 8.89422 11.964 10.3025 10.9499C9.59646 9.00448 8.91419 7.03628 8.10578 5.18889C10.381 5.88935 12.8185 7.39414 15.1585 8.40176C16.2176 6.60997 17.3341 4.87324 18.2802 2.97314Z" fill="white"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="sb-list-item">
|
||||
<h4>All Pro YouTube Feed Features</h4>
|
||||
<p>Video Descriptions, Viewer Statistics, Playlist Feeds, Live Feeds, Enhanced Lightbox Experience, Filter Videos, End of Video Actions, Carousels, and more!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,17 @@
|
||||
<div class="sbc-feedtypes-ctn sbc-fs sb-box-shadow" v-if="viewsActive.selectedFeedSection == 'selectSource' && !iscustomizerScreen">
|
||||
<div class="sbc-select-source-content">
|
||||
<p class="sbc-src-type-title" v-html="sourcesScreenText[selectedFeed].title">Channel ID or Username</p>
|
||||
<input class="sbc-input" type="text" :placeholder="sourcesScreenText[selectedFeed].placeholder" v-model="selectedFeedModel[selectedFeed]">
|
||||
<p v-html="sourcesScreenText[selectedFeed].description" class="sbc-feedsource-description"></p>
|
||||
<ul v-if="sourcesScreenText[selectedFeed].lists">
|
||||
<li v-for="list in sourcesScreenText[selectedFeed].lists" v-html="list"></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="sbc-select-source-footer" v-if="sourcesScreenText[selectedFeed].footerText">
|
||||
<p v-html="sourcesScreenText[selectedFeed].footerText"></p>
|
||||
<div class="sbc-select-source-footer-right">
|
||||
<a :href="sourcesScreenText[selectedFeed].connectURL ? sourcesScreenText[selectedFeed].connectURL : ''" class="sbc-channel-connect-btn sbc-btn sbc-btn-grey" v-html="sourcesScreenText[selectedFeed].connect"></a>
|
||||
<a class="sbc-feedflow-manual-connect" @click.prevent.default="showFeedSourceManualConnect()">Cannot Connect? Try connecting manually</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,15 @@
|
||||
<div class="sbc-feedtypes-ctn sbc-fs sb-box-shadow" v-if="viewsActive.selectedFeedSection == 'selectTemplate' && !iscustomizerScreen">
|
||||
<div class="sbc-select-template-content">
|
||||
<h4>{{selectTemplate.title}}</h4>
|
||||
<p>{{selectTemplate.description}}</p>
|
||||
<div class="sbc-feedtemplates-list">
|
||||
<div :class="['sbc-feedtemplate-el', 'sbc-feed-template-' + feedTemplateEl.type]" v-for="(feedTemplateEl, feedTemplateIn) in feedTemplates" @click.prevent.default="chooseFeedTemplate(feedTemplateEl)" :data-active="selectedFeedTemplate == feedTemplateEl.type">
|
||||
<div class="sbc-feedtemplate-el-img sbc-fs" v-html="svgIcons[feedTemplateEl.icon]"></div>
|
||||
<div class="sbc-feedtemplate-el-info sbc-fs">
|
||||
<p class="sb-small-p sb-bold sb-dark-text" v-html="feedTemplateEl.title"></p>
|
||||
<span class="sb-caption sb-lightest">{{feedTemplateEl.description}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user