post-types
2 weeks ago
dummy-lightbox.php
2 weeks ago
error.php
2 weeks ago
header.php
2 weeks ago
light-box.php
2 weeks ago
like-box.php
2 weeks ago
load-more.php
2 weeks ago
preview-components.php
2 weeks ago
theme-styles.php
2 weeks ago
timeline.php
2 weeks ago
light-box.php
72 lines
| 1 | <script type="text/x-template" id="cff-post-lightbox-component"> |
| 2 | <div class="cff-lightbox-ctn" v-if="singlePost != null" :data-visibility="lightBox.visibility" :data-type="lightBox.type" id="cff-lightbox-ctn" :data-comments="$parent.valueIsEnabled(customizerFeedData.settings.lightboxcomments) ? 'true' : 'false'"> |
| 3 | <button type="button" class="cff-lightbox-closer" aria-label="Close lightbox" @click.prevent.default="$parent.hideLightBox()" @keydown.enter.prevent="$parent.hideLightBox()" @keydown.space.prevent="$parent.hideLightBox()"></button> |
| 4 | <div class="cff-lightbox-content"> |
| 5 | <div class="cff-lightbox-content-insider"> |
| 6 | <div class="cff-lightbox-element"> |
| 7 | <div class="cff-lightbox-image" v-if="lightBox.type == 'albums' || lightBox.type == 'photos' || lightBox.type == 'events'"> |
| 8 | <img v-if="$parent.checkNotEmpty(lightBox.activeImage)" :src="lightBox.activeImage"> |
| 9 | </div> |
| 10 | <div class="cff-lightbox-video" v-if="lightBox.type == 'videos' && lightBox.videoSource != null"> |
| 11 | <iframe :src="lightBox.videoSource" title="<?php esc_attr_e('Video preview', 'custom-facebook-feed'); ?>"></iframe> |
| 12 | </div> |
| 13 | <div class="cff-lightbox-video" v-if="lightBox.type == 'embed_videos' && lightBox.videoSource != null" v-html="lightBox.videoSource"> |
| 14 | </div> |
| 15 | </div> |
| 16 | |
| 17 | <div class="cff-lightbox-sidebar" v-if="$parent.valueIsEnabled(customizerFeedData.settings.lightboxcomments)"> |
| 18 | <button type="button" class="cff-lightbox-cls" aria-label="Close lightbox" @click.prevent.default="$parent.hideLightBox()" @keydown.enter.prevent="$parent.hideLightBox()" @keydown.space.prevent="$parent.hideLightBox()"></button> |
| 19 | <cff-post-author-component v-if="lightBox.post" :single-post="lightBox.post" :customizer-feed-data="customizerFeedData"></cff-post-author-component> |
| 20 | <div class="cff-post-item-text cff-fb-fs"> |
| 21 | <cff-post-event-detail-component :single-post="singlePost" :customizer-feed-data="customizerFeedData"></cff-post-event-detail-component> |
| 22 | <span v-html="$parent.printPostText( singlePost, true )"></span> |
| 23 | </div> |
| 24 | <cff-post-meta-component v-if="lightBox.post && $parent.valueIsEnabled(customizerFeedData.settings.lightboxcomments)" :single-post="lightBox.post" :customizer-feed-data="customizerFeedData" :translated-text="translatedText"></cff-post-meta-component> |
| 25 | </div> |
| 26 | <button type="button" class="cff-lightbox-prev cff-lightbox-nav" aria-label="Previous image" @click.prevent.default="$parent.navigateLightboxAlbumImage('prev',singlePost.attachments.data[0].subattachments.data)" @keydown.enter.prevent="$parent.navigateLightboxAlbumImage('prev',singlePost.attachments.data[0].subattachments.data)" @keydown.space.prevent="$parent.navigateLightboxAlbumImage('prev',singlePost.attachments.data[0].subattachments.data)"><div class="cff-lightbox-nav-icon" v-if="lightBox.type == 'albums' && singlePost.attachments.data[0].subattachments.data.length > 1"></div></button> |
| 27 | <button type="button" class="cff-lightbox-next cff-lightbox-nav" aria-label="Next image" @click.prevent.default="$parent.navigateLightboxAlbumImage('next',singlePost.attachments.data[0].subattachments.data)" @keydown.enter.prevent="$parent.navigateLightboxAlbumImage('next',singlePost.attachments.data[0].subattachments.data)" @keydown.space.prevent="$parent.navigateLightboxAlbumImage('next',singlePost.attachments.data[0].subattachments.data)"><div class="cff-lightbox-nav-icon" v-if="lightBox.type == 'albums' && singlePost.attachments.data[0].subattachments.data.length > 1"></div></button> |
| 28 | </div> |
| 29 | |
| 30 | <div class="cff-lightbox-thumbs cff-fb-fs" v-if="lightBox.type == 'albums' && singlePost.attachments.data[0].subattachments.data.length > 1"> |
| 31 | <span class="cff-lightbox-thumb-item" v-for="(subAttachment, subAttachmentIndex) in singlePost.attachments.data[0].subattachments.data" @click.prevent.default="$parent.switchLightboxAlbumImage(subAttachment.media.image.src, subAttachmentIndex)" :data-active="lightBox.albumIndex === subAttachmentIndex ? 'true' : 'false'" :style="'background-image:url('+subAttachment.media.image.src+');'"></span> |
| 32 | </div> |
| 33 | |
| 34 | <div class="cff-lightbox-caption" v-if="!$parent.valueIsEnabled(customizerFeedData.settings.lightboxcomments)"> |
| 35 | <button type="button" class="cff-lightbox-cls" aria-label="Close lightbox" @click.prevent.default="$parent.hideLightBox()" @keydown.enter.prevent="$parent.hideLightBox()" @keydown.space.prevent="$parent.hideLightBox()"></button> |
| 36 | <div class="cff-post-item-text cff-fb-fs"> |
| 37 | <cff-post-event-detail-component :single-post="singlePost" :customizer-feed-data="customizerFeedData"></cff-post-event-detail-component> |
| 38 | <span v-html="$parent.printPostText( singlePost, true )"></span> |
| 39 | </div> |
| 40 | </div> |
| 41 | |
| 42 | |
| 43 | </div> |
| 44 | |
| 45 | </div> |
| 46 | </script> |
| 47 | |
| 48 | <script type="text/x-template" id="cff-post-dummy-lightbox-component"> |
| 49 | <div class="cff-lightbox-ctn cff-dummy-lightbox-ctn" :data-visibility="dummyLightBoxData.visibility" data-type="photos"> |
| 50 | <button type="button" class="cff-lightbox-closer" aria-label="Close lightbox" @click.prevent.default="$parent.hideLightBox()" @keydown.enter.prevent="$parent.hideLightBox()" @keydown.space.prevent="$parent.hideLightBox()"></button> |
| 51 | <div class="cff-lightbox-content"> |
| 52 | <div class="cff-lightbox-content-insider"> |
| 53 | <div class="cff-lightbox-element"> |
| 54 | <div class="cff-lightbox-image"> |
| 55 | <img :src="dummyLightBoxData.image"> |
| 56 | </div> |
| 57 | </div> |
| 58 | <div class="cff-lightbox-sidebar"> |
| 59 | <button type="button" class="cff-lightbox-cls" aria-label="Close lightbox" @click.prevent.default="$parent.hideLightBox()" @keydown.enter.prevent="$parent.hideLightBox()" @keydown.space.prevent="$parent.hideLightBox()"></button> |
| 60 | <cff-post-author-component v-if="dummyLightBoxData.post" :single-post="dummyLightBoxData.post" :customizer-feed-data="customizerFeedData"></cff-post-author-component> |
| 61 | <div class="cff-post-item-text cff-fb-fs"> |
| 62 | <cff-post-event-detail-component :single-post="dummyLightBoxData.post" :customizer-feed-data="customizerFeedData"></cff-post-event-detail-component> |
| 63 | <span v-html="$parent.printPostText( dummyLightBoxData.post, true )"></span> |
| 64 | </div> |
| 65 | <cff-post-meta-component v-if="dummyLightBoxData.post && $parent.valueIsEnabled(customizerFeedData.settings.lightboxcomments)" :single-post="dummyLightBoxData.post" :customizer-feed-data="customizerFeedData" :translated-text="translatedText"></cff-post-meta-component> |
| 66 | </div> |
| 67 | <button type="button" class="cff-lightbox-prev cff-lightbox-nav" aria-label="Previous image"><div class="cff-lightbox-nav-icon"></div></button> |
| 68 | <button type="button" class="cff-lightbox-next cff-lightbox-nav" aria-label="Next image"><div class="cff-lightbox-nav-icon"></div></button> |
| 69 | </div> |
| 70 | </div> |
| 71 | </script> |
| 72 |