index.php
2 weeks ago
preview.php
2 weeks ago
sidebar.php
2 weeks ago
sidebar_sample.html
2 weeks ago
sidebar.php
96 lines
| 1 | <?php CustomFacebookFeed\Builder\CFF_Builder_Customizer::register_controls(); ?> |
| 2 | <div class="sb-customizer-sidebar" v-bind:class="{ 'sb-onboarding-highlight' : viewsActive.onboardingStep === 2 || viewsActive.onboardingStep === 3 }"> |
| 3 | <div class="sb-customizer-sidebar-sec1 cff-fb-fs"> |
| 4 | <div class="sb-customizer-sidebar-tab-ctn cff-fb-fs" v-if="customizerScreens.activeSection == null" |
| 5 | role="tablist" :aria-label="genericText.customizerTabs"> |
| 6 | <button type="button" class="sb-customizer-sidebar-tab" v-for="tab in customizerSidebarBuilder" |
| 7 | :key="tab.id" |
| 8 | :id="'sb-customizer-tab-' + tab.id" |
| 9 | role="tab" |
| 10 | :aria-selected="customizerScreens.activeTab == tab.id ? 'true' : 'false'" |
| 11 | :aria-controls="'sb-customizer-tabpanel-' + tab.id" |
| 12 | :tabindex="customizerScreens.activeTab == tab.id ? 0 : -1" |
| 13 | :data-active="customizerScreens.activeTab == tab.id" |
| 14 | @click.prevent.default="switchCustomizerTab(tab.id)" |
| 15 | @keydown.right.prevent="handleCustomizerTabKeydown($event, 'right')" |
| 16 | @keydown.left.prevent="handleCustomizerTabKeydown($event, 'left')" |
| 17 | @keydown.home.prevent="handleCustomizerTabKeydown($event, 'home')" |
| 18 | @keydown.end.prevent="handleCustomizerTabKeydown($event, 'end')"><span class="sb-standard-p sb-bold">{{tab.heading}}</span></button> |
| 19 | </div> |
| 20 | |
| 21 | <div class="sb-customizer-sidebar-sec-ctn cff-fb-fs" |
| 22 | :id="'sb-customizer-tabpanel-' + customizerScreens.activeTab" |
| 23 | role="tabpanel" |
| 24 | :aria-labelledby="'sb-customizer-tab-' + customizerScreens.activeTab" |
| 25 | v-if="customizerScreens.activeSection == null"> |
| 26 | <div v-for="(section, sectionId) in customizerSidebarBuilder[customizerScreens.activeTab].sections"> |
| 27 | <button type="button" class="sb-customizer-sidebar-sec-el cff-fb-fs" v-if="!section.isHeader" @click.prevent.default="switchCustomizerSection(sectionId, section)"> |
| 28 | <div class="sb-customizer-sidebar-sec-el-icon" v-html="svgIcons[section.icon]"></div> |
| 29 | <span class="sb-small-p sb-bold sb-dark-text">{{section.heading}}</span> |
| 30 | <div class="sb-customizer-chevron"> |
| 31 | <svg width="6" height="8" viewBox="0 0 6 8" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"> |
| 32 | <path d="M1.66656 0L0.726562 0.94L3.7799 4L0.726562 7.06L1.66656 8L5.66656 4L1.66656 0Z" fill="#141B38"/> |
| 33 | </svg> |
| 34 | </div> |
| 35 | </button> |
| 36 | <div class="sb-customizer-sidebar-sec-elhead cff-fb-fs" v-if="section.isHeader"> |
| 37 | {{section.heading}} |
| 38 | </div> |
| 39 | </div> |
| 40 | <div class="sb-customizer-sidebar-cache-wrapper cff-fb-fs"> |
| 41 | <button class="sb-control-action-button sb-btn cff-fb-fs sb-btn-grey" v-if="customizerScreens.activeTab == 'settings'" @click.prevent.default="clearSingleFeedCache()"> |
| 42 | <div v-html="svgIcons['update']"></div> |
| 43 | <span>{{genericText.clearFeedCache}}</span> |
| 44 | </button> |
| 45 | </div> |
| 46 | </div> |
| 47 | |
| 48 | <div class="cff-fb-fs" v-if="customizerScreens.activeSection != null"> |
| 49 | <div class="sb-customizer-sidebar-header cff-fb-fs" :data-separator="customizerScreens.activeSectionData.separator ? customizerScreens.activeSectionData.separator : ''"> |
| 50 | <div class="sb-customizer-sidebar-breadcrumb cff-fb-fs"> |
| 51 | <button type="button" class="sb-customizer-sidebar-breadcrumb-link" @click.prevent.default="switchCustomizerTab(customizerScreens.activeTab)"> |
| 52 | <svg width="6" height="8" viewBox="0 0 6 8" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"> |
| 53 | <path d="M5.27203 0.94L4.33203 0L0.332031 4L4.33203 8L5.27203 7.06L2.2187 4L5.27203 0.94Z" fill="#434960"/> |
| 54 | </svg>{{customizerScreens.activeTab}} |
| 55 | </button> |
| 56 | <button type="button" v-if="customizerScreens.parentActiveSection != null" @click.prevent.default="switchCustomizerSection(customizerScreens.parentActiveSection, customizerScreens.parentActiveSectionData)" class="sb-customizer-sidebar-breadcrumb-link cff-child-breadcrumb"> |
| 57 | <svg width="6" height="8" viewBox="0 0 6 8" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"> |
| 58 | <path d="M5.27203 0.94L4.33203 0L0.332031 4L4.33203 8L5.27203 7.06L2.2187 4L5.27203 0.94Z" fill="#434960"/> |
| 59 | </svg>{{customizerScreens.parentActiveSectionData.heading}} |
| 60 | </button> |
| 61 | <button type="button" v-if="customizerScreens.parentActiveSection == 'customize_posts' && nestedStylingSection.includes(customizerScreens.activeSection)" @click.prevent.default="backToPostElements()" class="sb-customizer-sidebar-breadcrumb-link cff-child-breadcrumb"> |
| 62 | <svg width="6" height="8" viewBox="0 0 6 8" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"> |
| 63 | <path d="M5.27203 0.94L4.33203 0L0.332031 4L4.33203 8L5.27203 7.06L2.2187 4L5.27203 0.94Z" fill="#434960"/> |
| 64 | </svg>Elements |
| 65 | </button> |
| 66 | </div> |
| 67 | <h3>{{customizerScreens.activeSectionData.heading}} <span v-if="customizerScreens.activeSectionData.proLabel != undefined && customizerScreens.activeSectionData.proLabel" class="sb-breadcrumb-pro-label">PRO</span></h3> |
| 68 | <span> |
| 69 | <span v-html="customizerScreens.activeSectionData.description "></span> <a role="button" tabindex="0" v-if="customizerScreens.activeSectionData.checkExtensionPopup != undefined" @click.prevent.default="viewsActive.extensionsPopupElement = customizerScreens.activeSectionData.checkExtensionPopup" @keydown.enter.prevent="viewsActive.extensionsPopupElement = customizerScreens.activeSectionData.checkExtensionPopup" @keydown.space.prevent="viewsActive.extensionsPopupElement = customizerScreens.activeSectionData.checkExtensionPopup">{{genericText.learnMore}}</a> |
| 70 | </span> |
| 71 | </div> |
| 72 | <div class="sb-customizer-sidebar-controls-ctn cff-fb-fs"> |
| 73 | <button type="button" class="sb-customizer-sidebar-sec-el cff-fb-fs" v-if="customizerScreens.activeSectionData.nested_sections && ((nesetdSection.condition != undefined ? checkControlCondition(nesetdSection.condition) : false) || (nesetdSection.condition == undefined ))" v-for="(nesetdSection, nesetdSectionId) in customizerScreens.activeSectionData.nested_sections" @click.prevent.default="switchCustomizerSection(nesetdSectionId, nesetdSection, true)"> |
| 74 | <div class="sb-customizer-sidebar-sec-el-icon" v-html="svgIcons[nesetdSection.icon]"></div> |
| 75 | <strong>{{nesetdSection.heading}}</strong> |
| 76 | <div class="sb-customizer-chevron"> |
| 77 | <svg width="6" height="8" viewBox="0 0 6 8" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"> |
| 78 | <path d="M1.66656 0L0.726562 0.94L3.7799 4L0.726562 7.06L1.66656 8L5.66656 4L1.66656 0Z" fill="#141B38"/> |
| 79 | </svg> |
| 80 | </div> |
| 81 | </button> |
| 82 | <div class="sb-control-ctn cff-fb-fs" v-for="(control, ctlIndex) in customizerScreens.activeSectionData.controls"> |
| 83 | <?php CustomFacebookFeed\Builder\CFF_Builder_Customizer::get_controls_templates('settings'); ?> |
| 84 | </div> |
| 85 | </div> |
| 86 | </div> |
| 87 | |
| 88 | |
| 89 | </div> |
| 90 | |
| 91 | </div> |
| 92 | |
| 93 | <?php |
| 94 | |
| 95 | // CustomFacebookFeed\Builder\CFF_Builder_Customizer::get_controls_templates(); |
| 96 |