legacy-feeds.php
138 lines
| 1 | <div class="cff-fb-legacy-ctn cff-fb-fs" v-if="legacyFeedsList != null && legacyFeedsList.length > 0"> |
| 2 | <div class="cff-fb-lgc-top-new cff-fb-fs" v-if="allFeedsScreen.onboarding.active"> |
| 3 | <div class="cff-fb-lgc-gr">{{genericText.new}}</div> {{allFeedsScreen.onboarding.getStarted}} |
| 4 | </div> |
| 5 | <div class="cff-fb-lgc-ctn cff-fb-fs" v-bind:class="{ 'sb-onboarding-highlight' : viewsActive.onboardingStep === 2 && allFeedsScreen.onboarding.type === 'multiple' }"> |
| 6 | <div class="cff-fb-lgc-inf-ctn cff-fb-fs"> |
| 7 | <h4>{{allFeedsScreen.legacyFeeds.heading}}</h4> |
| 8 | <div class="cff-fb-onbrd-tltp-parent" @click.prevent.default="openTooltipBig(this)"> |
| 9 | <div class="cff-fb-onbrd-infotxt sb-caption sb-lighter">{{allFeedsScreen.legacyFeeds.toolTip}}<div v-html="svgIcons['information']"></div></div> |
| 10 | <div class="cff-fb-onbrd-tltp-elem" :data-active="viewsActive.enabledToolTip == this"> |
| 11 | <div class="cff-fb-popup-cls" @click.prevent.default="closeTooltipBig()"> |
| 12 | <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 13 | <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"/> |
| 14 | </svg> |
| 15 | </div> |
| 16 | <div class="cff-fb-onbrd-tltp-txt sb-small-p sb-lighter" v-for="legFeedTltp in allFeedsScreen.legacyFeeds.toolTipExpanded" v-html="legFeedTltp"> |
| 17 | <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 18 | <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"/> |
| 19 | </svg> |
| 20 | </div> |
| 21 | <div class="sb-pointer"> |
| 22 | <svg width="21" height="11" viewBox="0 0 21 11" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 23 | <path d="M8.59642 0.811655C9.39546 -0.135356 10.8545 -0.135357 11.6536 0.811654L20.25 11H0L8.59642 0.811655Z" fill="white"/> |
| 24 | </svg> |
| 25 | </div> |
| 26 | </div> |
| 27 | </div> |
| 28 | <a class="cff-fb-lgc-btn-stg cff-btn-grey cff-fb-hd-btn sb-button-standard" :href="builderUrl+'&feed_id=legacy'"> |
| 29 | <div v-html="svgIcons['cog']"></div> |
| 30 | {{genericText.settings}} |
| 31 | </a> |
| 32 | </div> |
| 33 | <div class="cff-legacy-table-wrap" v-bind:class="{ 'sb-onboarding-highlight' : viewsActive.onboardingStep === 3 && allFeedsScreen.onboarding.type === 'multiple' }"> |
| 34 | |
| 35 | <table aria-hidden="true" class="cff-fd-legacy-feed-ctn" v-if="viewsActive.legacyFeedsShown || feedsList === null || feedsList.length === 0"> |
| 36 | <thead class="cff-fd-lst-thtf cff-fd-lst-thead"> |
| 37 | <tr> |
| 38 | <th> |
| 39 | <div class="cff-fd-lst-chkbx"></div> |
| 40 | </th> |
| 41 | <th> |
| 42 | <span class="sb-caption sb-lighter">{{allFeedsScreen.columns.nameText}}</span> |
| 43 | </th> |
| 44 | <th> |
| 45 | <span class="sb-caption sb-lighter">{{allFeedsScreen.columns.shortcodeText}}</span> |
| 46 | </th> |
| 47 | <th> |
| 48 | <span class="sb-caption sb-lighter">{{allFeedsScreen.columns.instancesText}}</span> |
| 49 | </th> |
| 50 | <th class="cff-fd-lst-act-th"> |
| 51 | <span class="sb-caption sb-lighter">{{allFeedsScreen.columns.actionsText}}</span> |
| 52 | </th> |
| 53 | </tr> |
| 54 | </thead> |
| 55 | <tbody class="cff-fd-lst-tbody"> |
| 56 | <tr v-for="(legacyFeed, legacyFeedIndex) in legacyFeedsList"> |
| 57 | <td> |
| 58 | <div class="cff-fd-lst-chkbx"></div> |
| 59 | </td> |
| 60 | <td> |
| 61 | <span class="sb-small-p sb-bold sb-lighter">{{legacyFeed.feed_name}}</span> |
| 62 | <span class="cff-fd-lst-type sb-caption sb-lighter">{{legacyFeed.feed_type}}</span> |
| 63 | </td> |
| 64 | <td> |
| 65 | <div class="sb-flex-center"> |
| 66 | |
| 67 | <span class="cff-fd-lst-shortcode sb-caption sb-lighter">{{legacyFeed.shortcode}}</span> |
| 68 | <div class="cff-fd-lst-shortcode-cp cff-fd-lst-btn cff-fb-tltp-parent"> |
| 69 | <div class="cff-fb-tltp-elem"><span>{{(genericText.copy +' '+ genericText.shortcode).replace(/ /g," ")}}</span></div> |
| 70 | <div v-html="svgIcons['copy']" @click.prevent.default="copyToClipBoard(legacyFeed.id)"></div> |
| 71 | </div> |
| 72 | </div> |
| 73 | </td> |
| 74 | <td class="sb-caption sb-lighter"> |
| 75 | <div class="sb-instances-cell" v-if="typeof legacyFeed.instance_count !== 'undefined' && legacyFeed.instance_count !== false"> |
| 76 | <span>{{genericText.usedIn}} <span class="cff-fb-view-instances cff-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="cff-fb-tltp-elem"><span>{{genericText.clickViewInstances.replace(/ /g," ")}}</span></div></span></span> |
| 77 | </div> |
| 78 | </td> |
| 79 | <td class="cff-fd-lst-actions cff-fd-lst-dimmed cff-fb-onbrd-tltp-parent" data-tltp-pos="right" @click.prevent.default="openTooltipBig()"> |
| 80 | <div class="cff-fb-onbrd-tltp-elem cff-fb-onbrd-tltp-elem-2" data-active="false"> |
| 81 | <div class="cff-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"> |
| 82 | <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"/> |
| 83 | </svg> |
| 84 | </div> |
| 85 | <div class="cff-fb-onbrd-tltp-txt sb-small-p sb-lighter" v-for="legFeedTltp in allFeedsScreen.legacyFeeds.toolTipExpandedAction" v-html="legFeedTltp"></div> |
| 86 | <div class="sb-pointer"> |
| 87 | <svg width="21" height="11" viewBox="0 0 21 11" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 88 | <path d="M8.59642 0.811655C9.39546 -0.135356 10.8545 -0.135357 11.6536 0.811654L20.25 11H0L8.59642 0.811655Z" fill="white"/> |
| 89 | </svg> |
| 90 | </div> |
| 91 | </div> |
| 92 | <div class="cff-fd-lst-btn cff-fb-tltp-parent"> |
| 93 | <div v-html="svgIcons['edit']"></div> |
| 94 | </div> |
| 95 | <div class="cff-fd-lst-btn cff-fb-tltp-parent"> |
| 96 | <div v-html="svgIcons['duplicate']"></div> |
| 97 | </div> |
| 98 | <div class="cff-fd-lst-btn cff-fd-lst-btn-delete cff-fb-tltp-parent"> |
| 99 | <div v-html="svgIcons['delete']"></div> |
| 100 | </div> |
| 101 | </td> |
| 102 | |
| 103 | </tr> |
| 104 | </tbody> |
| 105 | <tfoot class="cff-fd-lst-thtf cff-fd-lst-tfoot"> |
| 106 | <tr> |
| 107 | <td> |
| 108 | <div class="cff-fd-lst-chkbx"></div> |
| 109 | </td> |
| 110 | <td> |
| 111 | <span>{{allFeedsScreen.columns.nameText}}</span> |
| 112 | </td> |
| 113 | <td> |
| 114 | <span>{{allFeedsScreen.columns.shortcodeText}}</span> |
| 115 | </td> |
| 116 | <td> |
| 117 | <span>{{allFeedsScreen.columns.instancesText}}</span> |
| 118 | </td> |
| 119 | <td> |
| 120 | <span>{{allFeedsScreen.columns.actionsText}}</span> |
| 121 | </td> |
| 122 | </tr> |
| 123 | </tfoot> |
| 124 | </table> |
| 125 | </div> |
| 126 | |
| 127 | <div v-if="feedsList !== null && feedsList.length > 0" class="cff-fd-legacy-feed-toggle cff-fb-fs" :data-active="viewsActive.legacyFeedsShown" @click.prevent.default="activateView('legacyFeedsShown')"> |
| 128 | <span>{{viewsActive.legacyFeedsShown ? allFeedsScreen.legacyFeeds.hide : allFeedsScreen.legacyFeeds.show}}</span> |
| 129 | <svg v-if="! viewsActive.legacyFeedsShown" width="11" height="7" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 130 | <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"/> |
| 131 | </svg> |
| 132 | <svg v-else width="11" height="7" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 133 | <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"/> |
| 134 | </svg> |
| 135 | |
| 136 | </div> |
| 137 | </div> |
| 138 | </div> |