sidebar.php
79 lines
| 1 | <?php TwitterFeed\Builder\SB_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 ctf-fb-fs"> |
| 4 | <div class="sb-customizer-sidebar-tab-ctn ctf-fb-fs" v-if="customizerScreens.activeSection == null"> |
| 5 | <div class="sb-customizer-sidebar-tab" v-for="tab in customizerSidebarBuilder" :data-active="customizerScreens.activeTab == tab.id" @click.prevent.default="switchCustomizerTab(tab.id)"><span class="sb-standard-p sb-bold">{{tab.heading}}</span></div> |
| 6 | </div> |
| 7 | |
| 8 | <div class="sb-customizer-sidebar-sec-ctn ctf-fb-fs" v-if="customizerScreens.activeSection == null"> |
| 9 | <div v-for="(section, sectionId) in customizerSidebarBuilder[customizerScreens.activeTab].sections"> |
| 10 | <div class="sb-customizer-sidebar-sec-el ctf-fb-fs" v-if="!section.isHeader" @click.prevent.default="switchCustomizerSection(sectionId, section)"> |
| 11 | <div class="sb-customizer-sidebar-sec-el-icon" v-html="svgIcons[section.icon]"></div> |
| 12 | <span class="sb-small-p sb-bold sb-dark-text">{{section.heading}}</span> |
| 13 | <div class="sb-customizer-chevron"> |
| 14 | <svg width="6" height="8" viewBox="0 0 6 8" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 15 | <path d="M1.66656 0L0.726562 0.94L3.7799 4L0.726562 7.06L1.66656 8L5.66656 4L1.66656 0Z" fill="#141B38"/> |
| 16 | </svg> |
| 17 | </div> |
| 18 | </div> |
| 19 | <div class="sb-customizer-sidebar-sec-elhead ctf-fb-fs" v-if="section.isHeader" :data-header-id="sectionId"> |
| 20 | {{section.heading}} |
| 21 | </div> |
| 22 | </div> |
| 23 | <div class="sb-customizer-sidebar-cache-wrapper ctf-fb-fs"> |
| 24 | <button class="sb-control-action-button sb-btn ctf-fb-fs sb-btn-grey" v-if="customizerScreens.activeTab == 'settings'" @click.prevent.default="clearSingleFeedCache()"> |
| 25 | <div v-html="svgIcons['update']"></div> |
| 26 | <span>{{genericText.clearFeedCache}}</span> |
| 27 | </button> |
| 28 | </div> |
| 29 | </div> |
| 30 | |
| 31 | <div class="ctf-fb-fs" v-if="customizerScreens.activeSection != null"> |
| 32 | <div class="sb-customizer-sidebar-header ctf-fb-fs" :data-separator="customizerScreens.activeSectionData.separator ? customizerScreens.activeSectionData.separator : ''"> |
| 33 | <div class="sb-customizer-sidebar-breadcrumb ctf-fb-fs"> |
| 34 | <a @click.prevent.default="switchCustomizerTab(customizerScreens.activeTab)"> |
| 35 | <svg width="6" height="8" viewBox="0 0 6 8" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 36 | <path d="M5.27203 0.94L4.33203 0L0.332031 4L4.33203 8L5.27203 7.06L2.2187 4L5.27203 0.94Z" fill="#434960"/> |
| 37 | </svg>{{customizerScreens.activeTab}} |
| 38 | </a> |
| 39 | <a v-if="customizerScreens.parentActiveSection != null" @click.prevent.default="switchCustomizerSection(customizerScreens.parentActiveSection, customizerScreens.parentActiveSectionData)" class="ctf-child-breadcrumb"> |
| 40 | <svg width="6" height="8" viewBox="0 0 6 8" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 41 | <path d="M5.27203 0.94L4.33203 0L0.332031 4L4.33203 8L5.27203 7.06L2.2187 4L5.27203 0.94Z" fill="#434960"/> |
| 42 | </svg>{{customizerScreens.parentActiveSectionData.heading}} |
| 43 | </a> |
| 44 | <a v-if="customizerScreens.parentActiveSection == 'customize_posts' && nestedStylingSection.includes(customizerScreens.activeSection)" @click.prevent.default="backToPostElements()" class="ctf-child-breadcrumb"> |
| 45 | <svg width="6" height="8" viewBox="0 0 6 8" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 46 | <path d="M5.27203 0.94L4.33203 0L0.332031 4L4.33203 8L5.27203 7.06L2.2187 4L5.27203 0.94Z" fill="#434960"/> |
| 47 | </svg>Elements |
| 48 | </a> |
| 49 | </div> |
| 50 | <h3>{{customizerScreens.activeSectionData.heading}} <span v-if="customizerScreens.activeSectionData.proLabel != undefined && customizerScreens.activeSectionData.proLabel" class="sb-breadcrumb-pro-label">PRO</span></h3> |
| 51 | <span class="sb-customizer-sidebar-intro"> |
| 52 | <span v-html="customizerScreens.activeSectionData.description "></span> <a v-if="customizerScreens.activeSectionData.checkExtensionPopup != undefined" @click.prevent.default="viewsActive.extensionsPopupElement = customizerScreens.activeSectionData.checkExtensionPopup">{{genericText.learnMore}}</a> |
| 53 | </span> |
| 54 | </div> |
| 55 | <div class="sb-customizer-sidebar-controls-ctn ctf-fb-fs"> |
| 56 | <div class="sb-control-ctn ctf-fb-fs" v-for="(control, ctlIndex) in customizerScreens.activeSectionData.controls"> |
| 57 | <?php TwitterFeed\Builder\SB_Builder_Customizer::get_controls_templates('settings'); ?> |
| 58 | </div> |
| 59 | <div class="sb-customizer-sidebar-sec-el ctf-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)"> |
| 60 | <div class="sb-customizer-sidebar-sec-el-icon" v-html="svgIcons[nesetdSection.icon]"></div> |
| 61 | <strong>{{nesetdSection.heading}}</strong> |
| 62 | <div class="sb-customizer-chevron"> |
| 63 | <svg width="6" height="8" viewBox="0 0 6 8" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 64 | <path d="M1.66656 0L0.726562 0.94L3.7799 4L0.726562 7.06L1.66656 8L5.66656 4L1.66656 0Z" fill="#141B38"/> |
| 65 | </svg> |
| 66 | </div> |
| 67 | </div> |
| 68 | </div> |
| 69 | </div> |
| 70 | |
| 71 | |
| 72 | </div> |
| 73 | |
| 74 | </div> |
| 75 | |
| 76 | <?php |
| 77 | |
| 78 | #TwitterFeed\Builder\CFF_Builder_Customizer::get_controls_templates(); |
| 79 |