feeds.php
104 lines
| 1 | <div class="cff-fd-lst-bigctn cff-fb-fs" v-if="feedsList != null && feedsList.length > 0"> |
| 2 | |
| 3 | <div class="cff-fd-lst-bulk-ctn cff-fb-fs"> |
| 4 | <select class="cff-fd-lst-bulk-select cff-fb-select sb-caption" v-model="selectedBulkAction"> |
| 5 | <option value="false">{{allFeedsScreen.bulkActions}}</option> |
| 6 | <option value="delete">{{genericText.delete}}</option> |
| 7 | </select> |
| 8 | <button class="cff-fd-lst-bulk-btn cff-btn-grey sb-button-small sb-button" @click.prevent.default="bulkActionClick()">{{genericText.apply}}</button> |
| 9 | <div class="cff-fd-lst-pagination-ctn" v-if="feedPagination.feedsCount != null && feedPagination.feedsCount > 0"> |
| 10 | <span class="cff-fd-lst-count sb-caption">{{feedPagination.feedsCount +' '+ (feedPagination.feedsCount > 1 ? genericText.items : genericText.item)}}</span> |
| 11 | <div class="cff-fd-lst-pagination" v-if="feedPagination.pagesNumber != null && feedPagination.pagesNumber > 1"> |
| 12 | <button class="cff-fd-lst-pgnt-btn cff-fd-pgnt-prev sb-btn-grey" :data-active="feedPagination.currentPage == 1 ? 'false' : 'true'" :disabled="feedPagination.currentPage == 1" @click.prevent.default="feedListPagination('prev')"><</button> |
| 13 | <span class="cff-fd-lst-pgnt-info"> |
| 14 | {{feedPagination.currentPage}} of {{feedPagination.pagesNumber}} |
| 15 | </span> |
| 16 | <button class="cff-fd-lst-pgnt-btn cff-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> |
| 17 | </div> |
| 18 | </div> |
| 19 | </div> |
| 20 | <div class="cff-table-wrap" v-bind:class="{ 'sb-onboarding-highlight' : viewsActive.onboardingStep === 2 && allFeedsScreen.onboarding.type === 'single' }"> |
| 21 | <table aria-hidden="true"> |
| 22 | <thead class="cff-fd-lst-thtf cff-fd-lst-thead"> |
| 23 | <tr> |
| 24 | <th> |
| 25 | <div class="cff-fd-lst-chkbx" @click.prevent.default="selectAllFeedCheckBox()" :data-active="checkAllFeedsActive()"></div> |
| 26 | </th> |
| 27 | <th> |
| 28 | <span class="sb-caption sb-lighter">{{allFeedsScreen.columns.nameText}}</span> |
| 29 | </th> |
| 30 | <th> |
| 31 | <span class="sb-caption sb-lighter">{{allFeedsScreen.columns.shortcodeText}}</span> |
| 32 | </th> |
| 33 | <th> |
| 34 | <span class="sb-caption sb-lighter">{{allFeedsScreen.columns.instancesText}}</span> |
| 35 | </th> |
| 36 | <th class="cff-fd-lst-act-th"> |
| 37 | <span class="sb-caption sb-lighter">{{allFeedsScreen.columns.actionsText}}</span> |
| 38 | </th> |
| 39 | </tr> |
| 40 | </thead> |
| 41 | <tbody class="cff-fd-lst-tbody"> |
| 42 | <tr v-for="(feed, feedIndex) in feedsList"> |
| 43 | <td> |
| 44 | <div class="cff-fd-lst-chkbx" @click.prevent.default="selectFeedCheckBox(feed.id)" :data-active="feedsSelected.includes(feed.id)"></div> |
| 45 | </td> |
| 46 | <td> |
| 47 | <a :href="builderUrl+'&feed_id='+feed.id" class="cff-fd-lst-name sb-small-p sb-bold">{{feed.feed_name}}</a> |
| 48 | <span class="cff-fd-lst-type sb-caption sb-lighter">{{feed.settings.feedtype}}</span> |
| 49 | </td> |
| 50 | <td> |
| 51 | <div class="sb-flex-center"> |
| 52 | <span class="cff-fd-lst-shortcode sb-caption sb-lighter">[custom-facebook-feed feed={{feed.id}}]</span> |
| 53 | <div class="cff-fd-lst-shortcode-cp cff-fd-lst-btn cff-fb-tltp-parent" @click.prevent.default="copyToClipBoard('[custom-facebook-feed feed='+feed.id+']')"> |
| 54 | <div class="cff-fb-tltp-elem"><span>{{(genericText.copy +' '+ genericText.shortcode).replace(/ /g," ")}}</span></div> |
| 55 | <div v-html="svgIcons['copy']"></div> |
| 56 | </div> |
| 57 | </div> |
| 58 | </td> |
| 59 | <td class="sb-caption sb-lighter"> |
| 60 | <div class="sb-instances-cell"> |
| 61 | <span>{{genericText.usedIn}} <span class="cff-fb-view-instances cff-fb-tltp-parent" :data-active="feed.instance_count < 1 ? 'false' : 'true'" @click.prevent.default="feed.instance_count > 0 ? viewFeedInstances(feed) : checkAllFeedsActive()">{{feed.instance_count + ' ' + (feed.instance_count !== 1 ? genericText.places : genericText.place)}} <div class="cff-fb-tltp-elem" v-if="feed.instance_count > 0"><span>{{genericText.clickViewInstances.replace(/ /g," ")}}</span></div></span></span> |
| 62 | </div> |
| 63 | </td> |
| 64 | <td class="cff-fd-lst-actions"> |
| 65 | <div class="sb-flex-center"> |
| 66 | <a class="cff-fd-lst-btn cff-fb-tltp-parent":href="builderUrl+'&feed_id='+feed.id"> |
| 67 | <div class="cff-fb-tltp-elem"><span>{{genericText.edit.replace(/ /g," ")}}</span></div> |
| 68 | <div v-html="svgIcons['edit']"></div> |
| 69 | </a> |
| 70 | <button class="cff-fd-lst-btn cff-fb-tltp-parent" @click.prevent.default="feedActionDuplicate(feed)"> |
| 71 | <div class="cff-fb-tltp-elem"><span>{{genericText.duplicate.replace(/ /g," ")}}</span></div> |
| 72 | <div v-html="svgIcons['duplicate']"></div> |
| 73 | </button> |
| 74 | <button class="cff-fd-lst-btn cff-fd-lst-btn-delete cff-fb-tltp-parent" @click.prevent.default="openDialogBox('deleteSingleFeed', feed)"> |
| 75 | <div class="cff-fb-tltp-elem"><span>{{genericText.delete.replace(/ /g," ")}}</span></div> |
| 76 | <div v-html="svgIcons['delete']"></div> |
| 77 | </button> |
| 78 | </div> |
| 79 | </td> |
| 80 | |
| 81 | </tr> |
| 82 | </tbody> |
| 83 | <tfoot class="cff-fd-lst-thtf cff-fd-lst-tfoot"> |
| 84 | <tr> |
| 85 | <td> |
| 86 | <div class="cff-fd-lst-chkbx" @click.prevent.default="selectAllFeedCheckBox()" :data-active="checkAllFeedsActive()"></div> |
| 87 | </td> |
| 88 | <td> |
| 89 | <span>{{allFeedsScreen.columns.nameText}}</span> |
| 90 | </td> |
| 91 | <td> |
| 92 | <span>{{allFeedsScreen.columns.shortcodeText}}</span> |
| 93 | </td> |
| 94 | <td> |
| 95 | <span>{{allFeedsScreen.columns.instancesText}}</span> |
| 96 | </td> |
| 97 | <td> |
| 98 | <span>{{allFeedsScreen.columns.actionsText}}</span> |
| 99 | </td> |
| 100 | </tr> |
| 101 | </tfoot> |
| 102 | </table> |
| 103 | </div> |
| 104 | </div> |