content.php
80 lines
| 1 | <div class="ctf-fb-full-wrapper ctf-fb-fs"> |
| 2 | <?php |
| 3 | /** |
| 4 | * SBI Admin Notices |
| 5 | * |
| 6 | * @since 2.0 |
| 7 | */ |
| 8 | do_action('ctf_admin_notices'); |
| 9 | ?> |
| 10 | <div class="section-header"> |
| 11 | <h1>{{genericText.settings}}</h1> |
| 12 | </div> |
| 13 | |
| 14 | <div class="sb-tabs-container" id="sb-tabs-container"> |
| 15 | <form action=""> |
| 16 | <div class="sb-tabs"> |
| 17 | <div class="left-buttons" role="tablist" aria-label="<?php esc_attr_e( 'Settings', 'custom-twitter-feeds' ); ?>"> |
| 18 | <tab v-bind:section="section" v-bind:index="index" v-for="(section, index) in sections" v-bind:class="{ active : section === currentTab }" v-bind:data-index="index+1" key="index"></tab> |
| 19 | </div> |
| 20 | <div class="right-buttons"> |
| 21 | <button class="ctf-btn sb-btn-orange" @click.prevent="saveSettings" :disabled="btnStatus !== null"> |
| 22 | <span v-if="pressedBtnName == 'saveChanges'" v-html="saveChangesIcon()"></span> |
| 23 | {{genericText.saveSettings}} |
| 24 | </button> |
| 25 | </div> |
| 26 | <span class="tab-indicator" v-bind:style="getStyle"></span> |
| 27 | </div> |
| 28 | <transition :name="chooseDirection"> |
| 29 | <div class="sb-tab-content" v-bind:is="selected"> |
| 30 | <?php |
| 31 | TwitterFeed\Admin\CTF_View::render( 'settings.tab.general' ); |
| 32 | TwitterFeed\Admin\CTF_View::render( 'settings.tab.feeds' ); |
| 33 | TwitterFeed\Admin\CTF_View::render( 'settings.tab.translation' ); |
| 34 | TwitterFeed\Admin\CTF_View::render( 'settings.tab.advanced' ); |
| 35 | ?> |
| 36 | </div> |
| 37 | </transition> |
| 38 | <div class="ctf-save-button"> |
| 39 | <button class="ctf-btn sb-btn-orange" @click.prevent="saveSettings" :disabled="btnStatus !== null"> |
| 40 | <span v-if="pressedBtnName == 'saveChanges'" v-html="saveChangesIcon()"></span> |
| 41 | {{genericText.saveSettings}} |
| 42 | </button> |
| 43 | </div> |
| 44 | <div class="ctf-settings-cta"> |
| 45 | <?php |
| 46 | TwitterFeed\Admin\CTF_View::render( 'sections.settings_footer_cta' ); |
| 47 | ?> |
| 48 | </div> |
| 49 | </form> |
| 50 | </div> |
| 51 | </div> |
| 52 | <?php |
| 53 | #include_once CTF_BUILDER_DIR . 'templates/sections/popup/add-source-popup.php'; |
| 54 | include_once CTF_BUILDER_DIR . 'templates/sections/popup/confirm-dialog-popup.php'; |
| 55 | #include_once CTF_BUILDER_DIR . 'templates/sections/popup/source-instances.php'; |
| 56 | ?> |
| 57 | <div class="sb-notification-ctn" :data-active="notificationElement.shown" :data-type="notificationElement.type" role="status" aria-live="polite" aria-atomic="true"> |
| 58 | <div class="sb-notification-icon" v-html="svgIcons[notificationElement.type+'Notification']"></div> |
| 59 | <span class="sb-notification-text" v-html="notificationElement.text"></span> |
| 60 | </div> |
| 61 | <!-- |
| 62 | <sb-add-source-component |
| 63 | :sources-list="sourcesList" |
| 64 | :select-source-screen="selectSourceScreen" |
| 65 | :views-active="viewsActive" |
| 66 | :generic-text="genericText" |
| 67 | :selected-feed="selectedFeed" |
| 68 | :svg-icons="svgIcons" |
| 69 | :links="links" |
| 70 | ref="addSourceRef" |
| 71 | > |
| 72 | </sb-add-source-component> |
| 73 | --> |
| 74 | <sb-confirm-dialog-component |
| 75 | :dialog-box.sync="dialogBox" |
| 76 | :source-to-delete="sourceToDelete" |
| 77 | :svg-icons="svgIcons" |
| 78 | :parent-type="'settings'" |
| 79 | :generic-text="genericText" |
| 80 | ></sb-confirm-dialog-component> |