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
preview-components.php
298 lines
| 1 | <script type="text/x-template" id="cff-post-author-component"> |
| 2 | <div class="cff-post-item-info-ctn cff-fb-fs" v-if="customizerFeedData.settings.feedtype != 'events'"> |
| 3 | <div class="cff-post-item-avatar" v-if="customizerFeedData.settings.include.includes('author')"> |
| 4 | <a v-if="$parent.$parent.hasOwnNestedProperty(singlePost, 'from.picture.data.url')" :href="$parent.$parent.hasOwnNestedProperty(singlePost, 'from.id') ? 'https://www.facebook.com/'+singlePost.from.id : '#'" target="_blank" :aria-label="$parent.$parent.hasOwnNestedProperty(singlePost, 'from.name') ? singlePost.from.name : 'View author'"> |
| 5 | <img alt="" aria-hidden="true" :src="singlePost.from.picture.data.url"> |
| 6 | </a> |
| 7 | </div> |
| 8 | <div class="cff-post-item-info" v-if="customizerFeedData.settings.include.includes('author')"> |
| 9 | <div class="cff-post-item-info-top"> |
| 10 | <a v-if="$parent.$parent.hasOwnNestedProperty(singlePost, 'from.name')" class="cff-post-item-author-name" :href="$parent.$parent.hasOwnNestedProperty(singlePost, 'from.id') ? 'https://www.facebook.com/'+singlePost.from.id : '#'" target="_blank" v-html="singlePost.from.name"></a> |
| 11 | <span class="cff-post-item-story" v-html="$parent.$parent.printStory(singlePost)"></span> |
| 12 | <span class="cff-rating" v-if="customizerFeedData.settings.feedtype == 'reviews' && singlePost.rating != undefined"> |
| 13 | <span class="cff-star" v-for="singleRating in singlePost.rating" :key="singleRating">� |
| 14 | </span> |
| 15 | <span class="cff-rating-num" v-html="singlePost.rating"></span> |
| 16 | </span> |
| 17 | </div> |
| 18 | <div class="cff-post-item-info-bottom"> |
| 19 | <span class="cff-post-item-date" v-if="customizerFeedData.settings.include.includes('date')"> |
| 20 | <span class="cff-post-item-date-before" v-if="$parent.$parent.valueIsEnabled(customizerFeedData.settings.beforedateenabled)">{{customizerFeedData.settings.beforedate}}</span> |
| 21 | <span v-if="$parent.$parent.hasOwnNestedProperty(singlePost, 'created_time')" v-html="$parent.$parent.printDate(singlePost.created_time)"></span> |
| 22 | <span class="cff-post-item-date-after" v-if="$parent.$parent.valueIsEnabled(customizerFeedData.settings.afterdateenabled)">{{customizerFeedData.settings.afterdate}}</span> |
| 23 | </span> |
| 24 | </div> |
| 25 | </div> |
| 26 | </div> |
| 27 | </script> |
| 28 | |
| 29 | <script type="text/x-template" id="cff-iframe-media-component"> |
| 30 | <div class="cff-post-item-media-ctn cff-fb-fs" v-if="postmedia"> |
| 31 | <div class="cff-post-item-iframe-ctn" :data-source="postmedia.site" v-if="checkIframePostDisplay(postmedia)"> |
| 32 | <div class="cff-post-item-iframe"> |
| 33 | <iframe :src="postmedia.url" height="200" frameborder="0" type="text/html" title="<?php esc_attr_e('Video preview', 'custom-facebook-feed'); ?>" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> |
| 34 | </div> |
| 35 | <cff-post-overlay-component :parent="$parent.$parent" v-if="postmedia.site == 'video'" :single-post="singlePost" :customizer-feed-data="customizerFeedData"></cff-post-overlay-component> |
| 36 | </div> |
| 37 | <div class="cff-post-item-video-ctn" v-if="postmedia.type == 'video' && customizerFeedData.settings.include.includes('media')"> |
| 38 | <iframe :src="'https://www.facebook.com/v2.3/plugins/video.php?href='+postmedia.args.unshimmedUrl" height="200" type="text/html" title="<?php esc_attr_e('Video preview', 'custom-facebook-feed'); ?>"></iframe> |
| 39 | <cff-post-overlay-component :parent="$parent.$parent" :single-post="singlePost" :customizer-feed-data="customizerFeedData"></cff-post-overlay-component> |
| 40 | </div> |
| 41 | <div class="cff-post-item-link-ctn" v-if="postmedia.type == 'link' && customizerFeedData.settings.include.includes('sharedlinks')" :data-linkbox="customizerFeedData.settings.disablelinkbox"> |
| 42 | <a href="" v-if="customizerFeedData.settings.include.includes('media')" :aria-label="postmedia.args.title"> |
| 43 | <img alt="" :src="postmedia.args.poster"> |
| 44 | </a> |
| 45 | <div class="cff-post-item-link-info cff-fb-fs"> |
| 46 | <a class="cff-post-item-link-a" :href="postmedia.args.unshimmedUrl" target="_blank" v-html="postmedia.args.title"></a> |
| 47 | <div class="cff-post-item-link-small" v-html="postmedia.args.domain"></div> |
| 48 | <div class="cff-post-item-link-description" v-if="customizerFeedData.settings.include.includes('desc')" v-html="(postmedia.args.description != null) ? (postmedia.args.description.substring(0, customizerFeedData.settings.desclength) + (postmedia.args.description.length > customizerFeedData.settings.desclength ? '...' : '')) : ''"></div> |
| 49 | </div> |
| 50 | </div> |
| 51 | <div class="cff-post-item-text" v-if="postmedia.type == 'link' && !customizerFeedData.settings.include.includes('sharedlinks')" v-html="postmedia.args.title"> |
| 52 | </div> |
| 53 | </div> |
| 54 | </script> |
| 55 | |
| 56 | |
| 57 | <script type="text/x-template" id="cff-post-media-component"> |
| 58 | <div class="cff-post-item-media-wrap cff-fb-fs" v-if="$parent.$parent.checkProcessPostImage(singlePost)"> |
| 59 | <div class="cff-post-item-media-album"> |
| 60 | <cff-post-overlay-component :parent="$parent.$parent" :single-post="singlePost" :customizer-feed-data="customizerFeedData"></cff-post-overlay-component> |
| 61 | <a href="#" aria-label="View post"> |
| 62 | <div class="cff-post-item-album-poster"> |
| 63 | <img alt="" class="cff-post-item-full-img" :src="$parent.$parent.processPostImageSrc(singlePost)"> |
| 64 | </div> |
| 65 | <div class="cff-post-item-album-thumbs" v-if="customizerFeedData.settings.feedtype != 'events' && singlePost.attachments.data[0].subattachments" :data-length="singlePost.attachments.data[0].subattachments.data.slice(1, 4).length"> |
| 66 | <span class="cff-post-item-album-thumb" v-for="(subAttachment, subAttachmentIndex) in singlePost.attachments.data[0].subattachments.data.slice(1, 4)" :style="'background-image:url('+subAttachment.media.image.src+');'"> |
| 67 | <span class="cff-post-item-album-thumb-overlay" v-if="singlePost.attachments.data[0].subattachments.data.length >= 4 && subAttachmentIndex == 2" v-html="$parent.$parent.printAlbumImageNumberOverlay(singlePost.attachments.data[0].subattachments.data)"></span> |
| 68 | </span> |
| 69 | </div> |
| 70 | </a> |
| 71 | </div> |
| 72 | </div> |
| 73 | </script> |
| 74 | |
| 75 | |
| 76 | <script type="text/x-template" id="cff-post-text-component"> |
| 77 | |
| 78 | </script> |
| 79 | |
| 80 | <script type="text/x-template" id="cff-post-overlay-component"> |
| 81 | <div class="cff-post-overlay" v-if="!parent.valueIsEnabled(customizerFeedData.settings.disablelightbox)" @click.prevent.default="parent.getPostElementOverlay(singlePost)"> |
| 82 | |
| 83 | </div> |
| 84 | </script> |
| 85 | |
| 86 | |
| 87 | |
| 88 | |
| 89 | <script type="text/x-template" id="cff-post-meta-component"> |
| 90 | <div class="cff-post-item-meta-wrap cff-fb-fs" v-if="customizerFeedData.settings.feedtype != 'events'"> |
| 91 | <div class="cff-post-item-meta-top cff-fb-fs" v-if="customizerFeedData.settings.feedtype != 'reviews'"> |
| 92 | <div class="cff-post-item-meta cff-post-item-meta-bg" v-if="customizerFeedData.settings.include.includes('social') && pluginType == 'pro'" @click.prevent.default="$parent.$parent.toggleCommentSection(singlePost.id)" :data-icon-theme="customizerFeedData.settings.iconstyle"> |
| 93 | <a class="cff-post-item-view-comment"> |
| 94 | <span class="cff-post-meta-item"> |
| 95 | <span class="cff-post-meta-item-icon cff-post-meta-item-icon-like"> |
| 96 | <svg viewBox="0 0 512 512"><path d="M496.656 285.683C506.583 272.809 512 256 512 235.468c-.001-37.674-32.073-72.571-72.727-72.571h-70.15c8.72-17.368 20.695-38.911 20.695-69.817C389.819 34.672 366.518 0 306.91 0c-29.995 0-41.126 37.918-46.829 67.228-3.407 17.511-6.626 34.052-16.525 43.951C219.986 134.75 184 192 162.382 203.625c-2.189.922-4.986 1.648-8.032 2.223C148.577 197.484 138.931 192 128 192H32c-17.673 0-32 14.327-32 32v256c0 17.673 14.327 32 32 32h96c17.673 0 32-14.327 32-32v-8.74c32.495 0 100.687 40.747 177.455 40.726 5.505.003 37.65.03 41.013 0 59.282.014 92.255-35.887 90.335-89.793 15.127-17.727 22.539-43.337 18.225-67.105 12.456-19.526 15.126-47.07 9.628-69.405zM32 480V224h96v256H32zm424.017-203.648C472 288 472 336 450.41 347.017c13.522 22.76 1.352 53.216-15.015 61.996 8.293 52.54-18.961 70.606-57.212 70.974-3.312.03-37.247 0-40.727 0-72.929 0-134.742-40.727-177.455-40.727V235.625c37.708 0 72.305-67.939 106.183-101.818 30.545-30.545 20.363-81.454 40.727-101.817 50.909 0 50.909 35.517 50.909 61.091 0 42.189-30.545 61.09-30.545 101.817h111.999c22.73 0 40.627 20.364 40.727 40.727.099 20.363-8.001 36.375-23.984 40.727zM104 432c0 13.255-10.745 24-24 24s-24-10.745-24-24 10.745-24 24-24 24 10.745 24 24z"></path></svg> |
| 97 | <svg viewBox="0 0 512 512" class="cff-svg-bg"><path d="M104 224H24c-13.255 0-24 10.745-24 24v240c0 13.255 10.745 24 24 24h80c13.255 0 24-10.745 24-24V248c0-13.255-10.745-24-24-24zM64 472c-13.255 0-24-10.745-24-24s10.745-24 24-24 24 10.745 24 24-10.745 24-24 24zM384 81.452c0 42.416-25.97 66.208-33.277 94.548h101.723c33.397 0 59.397 27.746 59.553 58.098.084 17.938-7.546 37.249-19.439 49.197l-.11.11c9.836 23.337 8.237 56.037-9.308 79.469 8.681 25.895-.069 57.704-16.382 74.757 4.298 17.598 2.244 32.575-6.148 44.632C440.202 511.587 389.616 512 346.839 512l-2.845-.001c-48.287-.017-87.806-17.598-119.56-31.725-15.957-7.099-36.821-15.887-52.651-16.178-6.54-.12-11.783-5.457-11.783-11.998v-213.77c0-3.2 1.282-6.271 3.558-8.521 39.614-39.144 56.648-80.587 89.117-113.111 14.804-14.832 20.188-37.236 25.393-58.902C282.515 39.293 291.817 0 312 0c24 0 72 8 72 81.452z"></path></svg> |
| 98 | </span> |
| 99 | <span class="cff-post-meta-item-text cff-post-meta-txt" v-html="$parent.$parent.hasOwnNestedProperty(singlePost, 'likes.summary.total_count') ? singlePost.likes.summary.total_count : '0'"></span> |
| 100 | </span> |
| 101 | <span class="cff-post-meta-item"> |
| 102 | <span class="cff-post-meta-item-icon cff-post-meta-item-icon-share"> |
| 103 | <svg viewBox="0 0 576 512"><path d="M564.907 196.35L388.91 12.366C364.216-13.45 320 3.746 320 40.016v88.154C154.548 130.155 0 160.103 0 331.19c0 94.98 55.84 150.231 89.13 174.571 24.233 17.722 58.021-4.992 49.68-34.51C100.937 336.887 165.575 321.972 320 320.16V408c0 36.239 44.19 53.494 68.91 27.65l175.998-184c14.79-15.47 14.79-39.83-.001-55.3zm-23.127 33.18l-176 184c-4.933 5.16-13.78 1.73-13.78-5.53V288c-171.396 0-295.313 9.707-243.98 191.7C72 453.36 32 405.59 32 331.19 32 171.18 194.886 160 352 160V40c0-7.262 8.851-10.69 13.78-5.53l176 184a7.978 7.978 0 0 1 0 11.06z"></path></svg> |
| 104 | <svg viewBox="0 0 512 512" class="cff-svg-bg"><path d="M503.691 189.836L327.687 37.851C312.281 24.546 288 35.347 288 56.015v80.053C127.371 137.907 0 170.1 0 322.326c0 61.441 39.581 122.309 83.333 154.132 13.653 9.931 33.111-2.533 28.077-18.631C66.066 312.814 132.917 274.316 288 272.085V360c0 20.7 24.3 31.453 39.687 18.164l176.004-152c11.071-9.562 11.086-26.753 0-36.328z"></path></svg> |
| 105 | </span> |
| 106 | <span class="cff-post-meta-item-text cff-post-meta-txt" v-html="$parent.$parent.hasOwnNestedProperty(singlePost, 'shares.count') ? singlePost.shares.count : '0'"></span> |
| 107 | </span> |
| 108 | <span class="cff-post-meta-item"> |
| 109 | <span class="cff-post-meta-item-icon cff-post-meta-item-icon-comment"> |
| 110 | <svg viewBox="0 0 512 512"><path d="M448 0H64C28.7 0 0 28.7 0 64v288c0 35.3 28.7 64 64 64h96v84c0 7.1 5.8 12 12 12 2.4 0 4.9-.7 7.1-2.4L304 416h144c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64zm32 352c0 17.6-14.4 32-32 32H293.3l-8.5 6.4L192 460v-76H64c-17.6 0-32-14.4-32-32V64c0-17.6 14.4-32 32-32h384c17.6 0 32 14.4 32 32v288z"></path></svg> |
| 111 | <svg viewBox="0 0 512 512" class="cff-svg-bg"><path d="M448 0H64C28.7 0 0 28.7 0 64v288c0 35.3 28.7 64 64 64h96v84c0 9.8 11.2 15.5 19.1 9.7L304 416h144c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64z"></path></svg> |
| 112 | </span> |
| 113 | <span class="cff-post-meta-item-text cff-post-meta-txt" v-html="$parent.$parent.hasOwnNestedProperty(singlePost, 'comments.summary.total_count') ? singlePost.comments.summary.total_count : '0'"></span> |
| 114 | </span> |
| 115 | </a> |
| 116 | </div> |
| 117 | <div class="cff-post-item-action-link" v-if="customizerFeedData.settings.include.includes('link')"> |
| 118 | <a class="cff-post-item-action-txt" v-if="$parent.$parent.valueIsEnabled(customizerFeedData.settings.showfacebooklink)" :href="'https://www.facebook.com/'+singlePost.id" target="_blank" :aria-label="customizerFeedData.settings.facebooklinktext || 'View on Facebook'">{{customizerFeedData.settings.facebooklinktext}}</a> |
| 119 | <span class="cff-post-item-action-txt cff-post-item-dot" v-if="$parent.$parent.valueIsEnabled(customizerFeedData.settings.showfacebooklink) && $parent.$parent.valueIsEnabled(customizerFeedData.settings.showsharelink)">·</span> |
| 120 | <span class="cff-post-item-share-link" v-if="$parent.$parent.valueIsEnabled(customizerFeedData.settings.showsharelink)"> |
| 121 | <div class="cff-post-item-share-tooltip" v-show="$parent.$parent.showedSocialShareTooltip == singlePost.id"> |
| 122 | <a v-for="(socialLink, socialName) in $parent.$parent.socialShareLink" :href="socialLink + 'https://www.facebook.com/'+singlePost.id" :class="'cff-bghv-'+socialName" :aria-label="'Share on ' + socialName" v-html="$parent.$parent.svgIcons[socialName +'Share']" target="_blank"></a> |
| 123 | </div> |
| 124 | <span class="cff-post-item-action-txt" @click.prevent.default="$parent.$parent.toggleSocialShareTooltip(singlePost.id)">{{customizerFeedData.settings.sharelinktext}}</span> |
| 125 | </span> |
| 126 | </div> |
| 127 | </div> |
| 128 | <div class="cff-post-item-meta-comments cff-fb-fs" v-if="customizerFeedData.settings.feedtype != 'reviews'" v-show="($parent.$parent.showedCommentSection.includes(singlePost.id) && !$parent.$parent.valueIsEnabled(customizerFeedData.settings.expandcomments)) || (!$parent.$parent.showedCommentSection.includes(singlePost.id) && $parent.$parent.valueIsEnabled(customizerFeedData.settings.expandcomments))"> |
| 129 | <div class="cff-post-item-comments-top cff-fb-fs cff-post-item-meta-bg"> |
| 130 | <div class="cff-post-item-comments-icon"> |
| 131 | <svg viewBox="0 0 512 512"><path d="M448 0H64C28.7 0 0 28.7 0 64v288c0 35.3 28.7 64 64 64h96v84c0 7.1 5.8 12 12 12 2.4 0 4.9-.7 7.1-2.4L304 416h144c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64zm32 352c0 17.6-14.4 32-32 32H293.3l-8.5 6.4L192 460v-76H64c-17.6 0-32-14.4-32-32V64c0-17.6 14.4-32 32-32h384c17.6 0 32 14.4 32 32v288z"></path></svg> |
| 132 | </div> |
| 133 | <a class="cff-post-meta-link" :href="'https://www.facebook.com/'+singlePost.id" v-html="translatedText.commentonFacebookText" target="_blank"></a> |
| 134 | </div> |
| 135 | <div class="cff-post-item-comments-list cff-fb-fs cff-post-item-meta-bg" v-if="$parent.$parent.hasOwnNestedProperty(singlePost, 'comments.data') && singlePost.comments.data.length > 0"> |
| 136 | <div class="cff-post-comment-item cff-fb-fs" v-for="singleComment in singlePost.comments.data"> |
| 137 | <a class="cff-post-comment-item-avatar" v-if="$parent.$parent.hasOwnNestedProperty(singleComment, 'from.picture.data.url') && !$parent.$parent.valueIsEnabled(customizerFeedData.settings.hidecommentimages)" :href="$parent.$parent.hasOwnNestedProperty(singleComment, 'from.link') ? singleComment.from.link : '#'" target="_blank"> |
| 138 | <img :src="singleComment.from.picture.data.url" alt=""> |
| 139 | </a> |
| 140 | <div class="cff-post-comment-item-content"> |
| 141 | <p> |
| 142 | <a class="cff-post-comment-item-author cff-post-meta-link" :href="$parent.$parent.hasOwnNestedProperty(singleComment, 'from.link') ? singleComment.from.link : '#'" target="_blank" v-html="$parent.$parent.hasOwnNestedProperty(singleComment, 'from.name') ? singleComment.from.name : ''"></a> |
| 143 | <span class="cff-post-comment-item-txt cff-post-meta-txt" v-html="singleComment.message"></span> |
| 144 | </p> |
| 145 | <span class="cff-post-comment-item-date cff-post-meta-txt" v-html="$parent.$parent.printDate(singleComment.created_time)"></span> |
| 146 | </div> |
| 147 | </div> |
| 148 | </div> |
| 149 | </div> |
| 150 | <div class="cff-fb-fs" v-if="customizerFeedData.settings.feedtype == 'reviews'"> |
| 151 | <a class="cff-post-item-action-txt" :href="$parent.$parent.hasOwnNestedProperty(customizerFeedData, 'header.id') ? 'https://www.facebook.com/'+customizerFeedData.header.id+'/reviews' : ''" target="_blank">{{customizerFeedData.settings.reviewslinktext}}</a> |
| 152 | </div> |
| 153 | </div> |
| 154 | </script> |
| 155 | |
| 156 | |
| 157 | <script type="text/x-template" id="cff-post-event-detail-component"> |
| 158 | <div class="cff-post-event-detail cff-fb-fs" v-if="customizerFeedData.settings.feedtype == 'events' || (singlePost.status_type == 'created_event')"> |
| 159 | <p v-if="$parent.$parent.hasOwnNestedProperty(singlePost, 'attachments.data') && singlePost.attachments.data[0] && singlePost.attachments.data[0].title" v-html="singlePost.attachments.data[0].title"> |
| 160 | </p> |
| 161 | <!-- |
| 162 | <p class="cff-post-event-title cff-fb-fs" v-if="customizerFeedData.settings.include.includes('eventtitle')"> |
| 163 | <a :href="'https://facebook.com/events/'+singlePost.id" target="_blank" v-html="singlePost.name"></a> |
| 164 | </p> |
| 165 | --> |
| 166 | <p class="cff-post-event-date cff-fb-fs" v-if="$parent.$parent.hasOwnNestedProperty(singlePost, 'start_time') || $parent.$parent.hasOwnNestedProperty(singlePost, 'end_time')"> |
| 167 | <span class="cff-post-event-start-date" v-if="$parent.$parent.hasOwnNestedProperty(singlePost, 'start_time')" v-html="$parent.$parent.printDate(singlePost.start_time, true)"></span> |
| 168 | <span class="cff-post-event-end-date" v-if="$parent.$parent.hasOwnNestedProperty(singlePost, 'end_time')" v-html="'-' + $parent.$parent.printDate(singlePost.end_time, true)"></span> |
| 169 | </p> |
| 170 | |
| 171 | <p class="cff-post-event-location cff-fb-fs" v-if="$parent.$parent.hasOwnNestedProperty(singlePost, 'place') && customizerFeedData.settings.include.includes('eventdetails')"> |
| 172 | <a class="cff-post-event-place" v-if="$parent.$parent.hasOwnNestedProperty(singlePost, 'place.name') && $parent.$parent.hasOwnNestedProperty(singlePost, 'place.id')" :href="'https://facebook.com/'+singlePost.place.id" target="_blank" v-html="$parent.$parent.htmlEntities(singlePost.place.name)"></a> |
| 173 | <span class="cff-post-event-street" v-if="$parent.$parent.hasOwnNestedProperty(singlePost, 'place.location.street')" v-html="$parent.$parent.htmlEntities(singlePost.place.location.street)"></span> |
| 174 | <span class="cff-post-event-city" v-if="$parent.$parent.hasOwnNestedProperty(singlePost, 'place.location.city')" v-html="$parent.$parent.htmlEntities(singlePost.place.location.city)"></span> |
| 175 | <span class="cff-post-event-state" v-if="$parent.$parent.hasOwnNestedProperty(singlePost, 'place.location.state')" v-html="$parent.$parent.htmlEntities(singlePost.place.location.state)"></span> |
| 176 | <span class="cff-post-event-zip" v-if="$parent.$parent.hasOwnNestedProperty(singlePost, 'place.location.zip')" v-html="$parent.$parent.htmlEntities(singlePost.place.location.zip)"></span> |
| 177 | <a class="cff-post-event-maplink" v-if="$parent.$parent.getEventMapLink(singlePost.place) !== false" :href="$parent.$parent.getEventMapLink(singlePost.place)">Map</a> |
| 178 | </p> |
| 179 | |
| 180 | |
| 181 | </div> |
| 182 | </script> |
| 183 | |
| 184 | |
| 185 | <script type="text/x-template" id="cff-post-full-layout-component"> |
| 186 | <article class="cff-post-item-ctn" v-if="$parent.checkShowPost(singlePost)" :data-post-layout="customizerFeedData.settings.layout" :data-post-type="$parent.getPostTypeTimeline(singlePost)"> |
| 187 | <div class="cff-post-item-content cff-fb-fs"> |
| 188 | <cff-post-author-component :single-post="singlePost" :customizer-feed-data="customizerFeedData"></cff-post-author-component> |
| 189 | <cff-post-media-component v-if="pluginType == 'pro'" :single-post="singlePost" :customizer-feed-data="customizerFeedData"></cff-post-media-component> |
| 190 | <cff-iframe-media-component v-if="$parent.processIframeAndLinkAndVideo( singlePost ) !== false && pluginType == 'pro'" :single-post="singlePost" :postmedia="$parent.processIframeAndLinkAndVideo( singlePost )" :customizer-feed-data="customizerFeedData"></cff-iframe-media-component> |
| 191 | <div class="cff-post-item-text cff-fb-fs" v-if="$parent.getPostTypeTimeline(singlePost) != 'links'"> |
| 192 | <cff-post-event-detail-component :single-post="singlePost" :customizer-feed-data="customizerFeedData"></cff-post-event-detail-component> |
| 193 | <span v-html="$parent.expandedPostText.includes(singlePost.id) ? $parent.printPostText( singlePost, true ) : $parent.printPostText( singlePost )" v-if="customizerFeedData.settings.include.includes('text')"></span> |
| 194 | <span class="cff-post-item-text-expand" v-if="singlePost.message && singlePost.message.length > customizerFeedData.settings.textlength && customizerFeedData.settings.include.includes('text')"> |
| 195 | ...<a @click.prevent.default="$parent.expandPostText( singlePost.id )" v-html="$parent.printExpandText(singlePost.id)"></a> |
| 196 | </span> |
| 197 | </div> |
| 198 | <cff-free-linkbox-component v-if="$parent.processIframeAndLinkAndVideo( singlePost ) !== false && pluginType == 'free'" :single-post="singlePost" :postmedia="$parent.processVideoAndLink( singlePost )" :customizer-feed-data="customizerFeedData"></cff-free-linkbox-component> |
| 199 | <span class="cff-post-item-date" v-if="!customizerFeedData.settings.include.includes('author') && customizerFeedData.settings.include.includes('date')"> |
| 200 | <span class="cff-post-item-date-before" v-if="$parent.valueIsEnabled(customizerFeedData.settings.beforedateenabled)">{{customizerFeedData.settings.beforedate}}</span> |
| 201 | <span v-if="$parent.hasOwnNestedProperty(singlePost, 'created_time')" v-html="$parent.printDate(singlePost.created_time)"></span> |
| 202 | <span class="cff-post-item-date-after" v-if="$parent.valueIsEnabled(customizerFeedData.settings.afterdateenabled)">{{customizerFeedData.settings.afterdate}}</span> |
| 203 | </span> |
| 204 | <cff-post-free-icon-component :single-post="singlePost" :customizer-feed-data="customizerFeedData" :translated-text="translatedText"></cff-post-free-icon-component> |
| 205 | <cff-post-meta-component :single-post="singlePost" :customizer-feed-data="customizerFeedData" :translated-text="translatedText"></cff-post-meta-component> |
| 206 | </div> |
| 207 | </article> |
| 208 | </script> |
| 209 | |
| 210 | |
| 211 | <script type="text/x-template" id="cff-post-half-layout-component"> |
| 212 | <article class="cff-post-item-ctn" v-if="$parent.checkShowPost(singlePost)" :data-post-layout="customizerFeedData.settings.layout" :data-post-type="$parent.getPostTypeTimeline(singlePost)"> |
| 213 | <div class="cff-post-item-content cff-fb-fs"> |
| 214 | <div class="cff-post-item-sides cff-fb-fs"> |
| 215 | <div class="cff-post-item-side cff-post-item-left"> |
| 216 | <cff-post-media-component :single-post="singlePost" :customizer-feed-data="customizerFeedData"></cff-post-media-component> |
| 217 | <cff-iframe-media-component v-if="$parent.processIframeAndLinkAndVideo( singlePost ) !== false" :single-post="singlePost" :postmedia="$parent.processIframeAndLinkAndVideo( singlePost )" :customizer-feed-data="customizerFeedData"></cff-iframe-media-component> |
| 218 | </div> |
| 219 | |
| 220 | <div class="cff-post-item-side cff-post-item-right"> |
| 221 | <cff-post-author-component :single-post="singlePost" :customizer-feed-data="customizerFeedData"></cff-post-author-component> |
| 222 | <div class="cff-post-item-text cff-fb-fs"> |
| 223 | <cff-post-event-detail-component :single-post="singlePost" :customizer-feed-data="customizerFeedData"></cff-post-event-detail-component> |
| 224 | <span v-html="$parent.expandedPostText.includes(singlePost.id) ? $parent.printPostText( singlePost, true ) : $parent.printPostText( singlePost )" v-if="customizerFeedData.settings.include.includes('text')"></span> |
| 225 | <span class="cff-post-item-text-expand" v-if="singlePost.message && singlePost.message.length > customizerFeedData.settings.textlength && customizerFeedData.settings.include.includes('text')"> |
| 226 | ...<a @click.prevent.default="$parent.expandPostText( singlePost.id )" v-html="$parent.printExpandText(singlePost.id)"></a> |
| 227 | </span> |
| 228 | </div> |
| 229 | <span class="cff-post-item-date" v-if="!customizerFeedData.settings.include.includes('author') && customizerFeedData.settings.include.includes('date')"> |
| 230 | <span class="cff-post-item-date-before" v-if="$parent.valueIsEnabled(customizerFeedData.settings.beforedateenabled)">{{customizerFeedData.settings.beforedate}}</span> |
| 231 | <span v-if="$parent.hasOwnNestedProperty(singlePost, 'created_time')" v-html="$parent.printDate(singlePost.created_time)"></span> |
| 232 | <span class="cff-post-item-date-after" v-if="$parent.valueIsEnabled(customizerFeedData.settings.afterdateenabled)">{{customizerFeedData.settings.afterdate}}</span> |
| 233 | </span> |
| 234 | </div> |
| 235 | </div> |
| 236 | |
| 237 | <cff-post-meta-component :single-post="singlePost" :customizer-feed-data="customizerFeedData" :translated-text="translatedText"></cff-post-meta-component> |
| 238 | </div> |
| 239 | </article> |
| 240 | </script> |
| 241 | |
| 242 | <script type="text/x-template" id="cff-post-thumb-layout-component"> |
| 243 | <article class="cff-post-item-ctn" v-if="$parent.checkShowPost(singlePost)" :data-post-layout="customizerFeedData.settings.layout" :data-post-type="$parent.getPostTypeTimeline(singlePost)"> |
| 244 | <div class="cff-post-item-content cff-fb-fs"> |
| 245 | <div class="cff-post-item-sides cff-fb-fs"> |
| 246 | <div class="cff-post-item-side cff-post-item-left"> |
| 247 | <cff-post-media-component :single-post="singlePost" :customizer-feed-data="customizerFeedData"></cff-post-media-component> |
| 248 | <cff-iframe-media-component v-if="$parent.processIframeAndLinkAndVideo( singlePost ) !== false" :single-post="singlePost" :postmedia="$parent.processIframeAndLinkAndVideo( singlePost )" :customizer-feed-data="customizerFeedData"></cff-iframe-media-component> |
| 249 | </div> |
| 250 | |
| 251 | <div class="cff-post-item-side cff-post-item-right"> |
| 252 | <cff-post-author-component :single-post="singlePost" :customizer-feed-data="customizerFeedData"></cff-post-author-component> |
| 253 | <div class="cff-post-item-text cff-fb-fs"> |
| 254 | <cff-post-event-detail-component :single-post="singlePost" :customizer-feed-data="customizerFeedData"></cff-post-event-detail-component> |
| 255 | <span v-html="$parent.expandedPostText.includes(singlePost.id) ? $parent.printPostText( singlePost, true ) : $parent.printPostText( singlePost )" v-if="customizerFeedData.settings.include.includes('text')"></span> |
| 256 | <span class="cff-post-item-text-expand" v-if="singlePost.message && singlePost.message.length > customizerFeedData.settings.textlength && customizerFeedData.settings.include.includes('text')"> |
| 257 | ...<a @click.prevent.default="$parent.expandPostText( singlePost.id )" v-html="$parent.printExpandText(singlePost.id)"></a> |
| 258 | </span> |
| 259 | </div> |
| 260 | <span class="cff-post-item-date" v-if="!customizerFeedData.settings.include.includes('author') && customizerFeedData.settings.include.includes('date')"> |
| 261 | <span class="cff-post-item-date-before" v-if="$parent.valueIsEnabled(customizerFeedData.settings.beforedateenabled)">{{customizerFeedData.settings.beforedate}}</span> |
| 262 | <span v-if="$parent.hasOwnNestedProperty(singlePost, 'created_time')" v-html="$parent.printDate(singlePost.created_time)"></span> |
| 263 | <span class="cff-post-item-date-after" v-if="$parent.valueIsEnabled(customizerFeedData.settings.afterdateenabled)">{{customizerFeedData.settings.afterdate}}</span> |
| 264 | </span> |
| 265 | </div> |
| 266 | </div> |
| 267 | |
| 268 | <cff-post-meta-component :single-post="singlePost" :customizer-feed-data="customizerFeedData" :translated-text="translatedText"></cff-post-meta-component> |
| 269 | </div> |
| 270 | </article> |
| 271 | |
| 272 | </script> |
| 273 | |
| 274 | |
| 275 | <script type="text/x-template" id="cff-post-free-icon-component"> |
| 276 | <div class="cff-post-item-icon-ctn"> |
| 277 | <a :href="'https://www.facebook.com/'+singlePost.id" target="_blank" v-if="$parent.$parent.getPostTypeTimeline(singlePost) == 'videos'"> |
| 278 | <span style="padding-right: 5px;" class="fa fas fa-video-camera fa-video" aria-hidden="true"></span> |
| 279 | {{translatedText.videotext}} |
| 280 | </a> |
| 281 | <a :href="'https://www.facebook.com/'+singlePost.id" target="_blank" v-if="['photos','albums'].includes($parent.$parent.getPostTypeTimeline(singlePost))"> |
| 282 | <span style="padding-right: 5px;" class="fa fas fa-picture-o fa-image" aria-hidden="true"></span> |
| 283 | {{translatedText.phototext}} |
| 284 | </a> |
| 285 | </div> |
| 286 | </script> |
| 287 | |
| 288 | <script type="text/x-template" id="cff-free-linkbox-component"> |
| 289 | <div class="cff-post-item-media-ctn cff-fb-fs"> |
| 290 | <div class="cff-post-item-link-ctn" v-if="(postmedia.type == 'link' || postmedia.type == 'video') && customizerFeedData.settings.include.includes('sharedlinks')" :data-linkbox="customizerFeedData.settings.disablelinkbox"> |
| 291 | <div class="cff-post-item-link-info cff-fb-fs"> |
| 292 | <a class="cff-post-item-link-a" :href="postmedia.args.unshimmedUrl" target="_blank" v-html="postmedia.args.title"></a> |
| 293 | <div class="cff-post-item-link-small" v-html="postmedia.args.domain"></div> |
| 294 | <div class="cff-post-item-link-description" v-if="customizerFeedData.settings.include.includes('desc')" v-html="(postmedia.args.description != null) ? (postmedia.args.description.substring(0, customizerFeedData.settings.desclength) + (postmedia.args.description.length > customizerFeedData.settings.desclength ? '...' : '')) : ''"></div> |
| 295 | </div> |
| 296 | </div> |
| 297 | </div> |
| 298 | </script> |