feeds.php
114 lines
| 1 | <div class="ctf-fd-lst-bigctn ctf-fb-fs" v-if="feedsList != null && feedsList.length > 0"> |
| 2 | |
| 3 | <div class="ctf-fd-lst-bulk-ctn ctf-fb-fs"> |
| 4 | <select class="ctf-fd-lst-bulk-select ctf-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="ctf-fd-lst-bulk-btn ctf-btn-grey sb-button-small sb-button" @click.prevent.default="bulkActionClick()">{{genericText.apply}}</button> |
| 9 | <div class="ctf-fd-lst-pagination-ctn" v-if="feedPagination.feedsCount != null && feedPagination.feedsCount > 0"> |
| 10 | <span class="ctf-fd-lst-count sb-caption">{{feedPagination.feedsCount +' '+ (feedPagination.feedsCount > 1 ? genericText.items : genericText.item)}}</span> |
| 11 | <div class="ctf-fd-lst-pagination" v-if="feedPagination.pagesNumber != null && feedPagination.pagesNumber > 1"> |
| 12 | <button class="ctf-fd-lst-pgnt-btn ctf-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="ctf-fd-lst-pgnt-info"> |
| 14 | {{feedPagination.currentPage}} of {{feedPagination.pagesNumber}} |
| 15 | </span> |
| 16 | <button class="ctf-fd-lst-pgnt-btn ctf-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="ctf-table-wrap" v-bind:class="{ 'sb-onboarding-highlight' : viewsActive.onboardingStep === 2 && allFeedsScreen.onboarding.type === 'single' }"> |
| 21 | <table> |
| 22 | <thead class="ctf-fd-lst-thtf ctf-fd-lst-thead"> |
| 23 | <tr> |
| 24 | <th> |
| 25 | <div class="ctf-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="ctf-fd-lst-act-th"> |
| 37 | <span class="sb-caption sb-lighter">{{allFeedsScreen.columns.actionsText}}</span> |
| 38 | </th> |
| 39 | </tr> |
| 40 | </thead> |
| 41 | <tbody class="ctf-fd-lst-tbody"> |
| 42 | <tr v-for="(feed, feedIndex) in feedsList" class="ctf-fd-lst-item" :data-enabled="feed.feed_enabled.toString()"> |
| 43 | <td> |
| 44 | <div class="ctf-fd-lst-chkbx" @click.prevent.default="selectFeedCheckBox(feed.id)" :data-active="feedsSelected.includes(feed.id)"></div> |
| 45 | </td> |
| 46 | <td> |
| 47 | <span class="ctf-fd-lst-name-ctn"> |
| 48 | <a :href="builderUrl+'&feed_id='+feed.id" class="ctf-fd-lst-name sb-small-p sb-bold">{{feed.feed_name}}</a> |
| 49 | <div class="ctf-fd-lst-item-notice" v-if="feed.feed_enabled === false"> |
| 50 | <div class="ctf-fd-lst-item-notice-icon" v-html="svgIcons['information']"></div> |
| 51 | <div class="ctf-fd-lst-item-notice-tltp ctf-disabled-feed-notice" v-html="(checkNotEmpty(feed.settings.type) && feed.settings.type.toLowerCase() === 'usertimeline') ? genericText.disabledFeedTooltipNotice : genericText.disabledFeedTypeTooltipNotice"> |
| 52 | |
| 53 | </div> |
| 54 | </div> |
| 55 | </span> |
| 56 | <span class="ctf-fd-lst-type sb-caption sb-lighter">{{ checkNotEmpty(feed.settings.type) ? feed.settings.type : 'Mixed' }}</span> |
| 57 | </td> |
| 58 | <td> |
| 59 | <div class="sb-flex-center"> |
| 60 | <span class="ctf-fd-lst-shortcode sb-caption sb-lighter">[custom-twitter-feeds feed={{feed.id}}]</span> |
| 61 | <div class="ctf-fd-lst-shortcode-cp ctf-fd-lst-btn ctf-fb-tltp-parent" @click.prevent.default="copyToClipBoard('[custom-twitter-feeds feed='+feed.id+']')"> |
| 62 | <div class="ctf-fb-tltp-elem"><span>{{(genericText.copy +' '+ genericText.shortcode).replace(/ /g," ")}}</span></div> |
| 63 | <div v-html="svgIcons['copy']"></div> |
| 64 | </div> |
| 65 | </div> |
| 66 | </td> |
| 67 | <td class="sb-caption sb-lighter"> |
| 68 | <div class="sb-instances-cell"> |
| 69 | <span>{{genericText.usedIn}} <span class="ctf-fb-view-instances ctf-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="ctf-fb-tltp-elem" v-if="feed.instance_count > 0"><span>{{genericText.clickViewInstances.replace(/ /g," ")}}</span></div></span></span> |
| 70 | </div> |
| 71 | </td> |
| 72 | <td class="ctf-fd-lst-actions"> |
| 73 | <div class="sb-flex-center"> |
| 74 | <a class="ctf-fd-lst-btn ctf-fb-tltp-parent":href="builderUrl+'&feed_id='+feed.id"> |
| 75 | <div class="ctf-fb-tltp-elem"><span>{{genericText.edit.replace(/ /g," ")}}</span></div> |
| 76 | <div v-html="svgIcons['edit']"></div> |
| 77 | </a> |
| 78 | <!-- |
| 79 | <button class="ctf-fd-lst-btn ctf-fb-tltp-parent" @click.prevent.default="feedActionDuplicate(feed)"> |
| 80 | <div class="ctf-fb-tltp-elem"><span>{{genericText.duplicate.replace(/ /g," ")}}</span></div> |
| 81 | <div v-html="svgIcons['duplicate']"></div> |
| 82 | </button> |
| 83 | --> |
| 84 | <button class="ctf-fd-lst-btn ctf-fd-lst-btn-delete ctf-fb-tltp-parent" @click.prevent.default="openDialogBox('deleteSingleFeed', feed)"> |
| 85 | <div class="ctf-fb-tltp-elem"><span>{{genericText.delete.replace(/ /g," ")}}</span></div> |
| 86 | <div v-html="svgIcons['delete']"></div> |
| 87 | </button> |
| 88 | </div> |
| 89 | </td> |
| 90 | |
| 91 | </tr> |
| 92 | </tbody> |
| 93 | <tfoot class="ctf-fd-lst-thtf ctf-fd-lst-tfoot"> |
| 94 | <tr> |
| 95 | <td> |
| 96 | <div class="ctf-fd-lst-chkbx" @click.prevent.default="selectAllFeedCheckBox()" :data-active="checkAllFeedsActive()"></div> |
| 97 | </td> |
| 98 | <td> |
| 99 | <span>{{allFeedsScreen.columns.nameText}}</span> |
| 100 | </td> |
| 101 | <td> |
| 102 | <span>{{allFeedsScreen.columns.shortcodeText}}</span> |
| 103 | </td> |
| 104 | <td> |
| 105 | <span>{{allFeedsScreen.columns.instancesText}}</span> |
| 106 | </td> |
| 107 | <td> |
| 108 | <span>{{allFeedsScreen.columns.actionsText}}</span> |
| 109 | </td> |
| 110 | </tr> |
| 111 | </tfoot> |
| 112 | </table> |
| 113 | </div> |
| 114 | </div> |