content.php
151 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="ctf-sb-container"> |
| 11 | <div class="ctf-section-header"> |
| 12 | <h2>{{genericText.title}}</h2> |
| 13 | <div class="ctf-search-doc"> |
| 14 | <div :href="links.doc" target="_blank" class="ctf-search-doc-field"> |
| 15 | <span class="sb-btn-icon" role="button" tabindex="0" :aria-label="buttons.searchDoc" @click="goToSearchDocumentation()" @keydown.enter.prevent="goToSearchDocumentation()" @keydown.space.prevent="goToSearchDocumentation()" v-html="icons.magnify"></span> |
| 16 | <input class="sb-btn-input" id="ctf-search-doc-input" v-model="searchKeywords" v-on:keyup="searchDoc" v-on:paste="searchDocStrings" :aria-label="buttons.searchDoc" :placeholder="buttons.searchDoc"> |
| 17 | </div> |
| 18 | </div> |
| 19 | </div> |
| 20 | |
| 21 | <div class="ctf-support-blocks clearfix"> |
| 22 | <div class="ctf-support-block"> |
| 23 | <div class="sb-block-header"> |
| 24 | <img :src="icons.rocket" :alt="genericText.gettingStarted"> |
| 25 | </div> |
| 26 | <h3>{{genericText.gettingStarted}}</h3> |
| 27 | <p>{{genericText.someHelpful}}</p> |
| 28 | <div class="sb-articles-list"> |
| 29 | <ul> |
| 30 | <li v-for="article in articles.gettingStarted"> |
| 31 | <a :href="article.link"> |
| 32 | {{article.title}} |
| 33 | <span class="sb-list-icon" v-html="icons.rightAngle"></span> |
| 34 | </a> |
| 35 | </li> |
| 36 | </ul> |
| 37 | </div> |
| 38 | <div class="ctf-sb-button"> |
| 39 | <a :href="links.gettingStarted" target="_blank"> |
| 40 | {{buttons.moreHelp}} |
| 41 | <span class="sb-btn-icon" v-html="icons.rightAngle"></span> |
| 42 | </a> |
| 43 | </div> |
| 44 | </div> |
| 45 | <div class="ctf-support-block"> |
| 46 | <div class="sb-block-header"> |
| 47 | <img :src="icons.book" :alt="genericText.docsN"> |
| 48 | </div> |
| 49 | <h3>{{genericText.docsN}}</h3> |
| 50 | <p>{{genericText.runInto}}</p> |
| 51 | <div class="sb-articles-list"> |
| 52 | <ul> |
| 53 | <li v-for="article in articles.docs"> |
| 54 | <a :href="article.link"> |
| 55 | {{article.title}} |
| 56 | <span class="sb-list-icon" v-html="icons.rightAngle"></span> |
| 57 | </a> |
| 58 | </li> |
| 59 | </ul> |
| 60 | </div> |
| 61 | <div class="ctf-sb-button"> |
| 62 | <a :href="links.doc" target="_blank"> |
| 63 | {{buttons.viewDoc}} |
| 64 | <span class="sb-btn-icon" v-html="icons.rightAngle"></span> |
| 65 | </a> |
| 66 | </div> |
| 67 | </div> |
| 68 | <div class="ctf-support-block"> |
| 69 | <div class="sb-block-header"> |
| 70 | <img :src="icons.save" :alt="genericText.additionalR"> |
| 71 | </div> |
| 72 | <h3>{{genericText.additionalR}}</h3> |
| 73 | <p>{{genericText.toHelp}}</p> |
| 74 | <div class="sb-articles-list"> |
| 75 | <ul> |
| 76 | <li v-for="article in articles.resources"> |
| 77 | <a :href="article.link"> |
| 78 | {{article.title}} |
| 79 | <span class="sb-list-icon" v-html="icons.rightAngle"></span> |
| 80 | </a> |
| 81 | </li> |
| 82 | </ul> |
| 83 | </div> |
| 84 | <div class="ctf-sb-button"> |
| 85 | <a :href="links.blog" target="_blank"> |
| 86 | {{buttons.viewBlog}} |
| 87 | <span class="sb-btn-icon" v-html="icons.rightAngle"></span> |
| 88 | </a> |
| 89 | </div> |
| 90 | </div> |
| 91 | </div> |
| 92 | |
| 93 | <div class="ctf-support-contact-block clearfix"> |
| 94 | <div class="sb-contact-block-left"> |
| 95 | <div class="sb-cb-icon"> |
| 96 | <span v-html="icons.forum"></span> |
| 97 | </div> |
| 98 | <div class="sb-cb-content"> |
| 99 | <h3>{{genericText.needMore}}</h3> |
| 100 | <a :href="supportUrl" target="_blank" class="sb-cb-btn"> |
| 101 | {{buttons.submitTicket}} |
| 102 | <span v-html="icons.rightAngle"></span> |
| 103 | </a> |
| 104 | </div> |
| 105 | </div> |
| 106 | <div class="sb-contact-block-right"> |
| 107 | <div> |
| 108 | <img :src="images.supportMembers" alt=""> |
| 109 | </div> |
| 110 | <p>{{genericText.ourFast}}</p> |
| 111 | </div> |
| 112 | </div> |
| 113 | |
| 114 | <div class="ctf-system-info-section"> |
| 115 | <div class="ctf-system-header"> |
| 116 | <h3>{{genericText.systemInfo}}</h3> |
| 117 | <button class="ctf-copy-btn" @click.stop.prevent="copySystemInfo"> |
| 118 | <span v-html="icons.copy"></span> |
| 119 | <span v-html="buttons.copy"></span> |
| 120 | </button> |
| 121 | </div> |
| 122 | <div class="ctf-system-info"> |
| 123 | <div v-html="system_info" id="system_info" class="system_info" :class="systemInfoBtnStatus"></div> |
| 124 | <button class="ctf-expand-btn" @click="expandSystemInfo"> |
| 125 | <span v-html="icons.downAngle"></span> |
| 126 | <span v-html="expandBtnText()"></span> |
| 127 | </button> |
| 128 | </div> |
| 129 | </div> |
| 130 | <div class="ctf-export-settings-section"> |
| 131 | <div class="ctf-export-left"> |
| 132 | <h3>{{genericText.exportSettings}}</h3> |
| 133 | <p>{{genericText.shareYour}}</p> |
| 134 | </div> |
| 135 | <div class="ctf-export-right"> |
| 136 | <select name="" id="ctf-feeds-list" class="ctf-select" v-model="exportFeed" ref="export_feed" aria-label="<?php esc_attr_e( 'Select a feed', 'custom-twitter-feeds' ); ?>"> |
| 137 | <option value="none" selected disabled>Select Feed</option> |
| 138 | <option v-for="feed in feeds" :value="feed.id">{{ feed.name }}</option> |
| 139 | </select> |
| 140 | <button type="button" class="ctf-btn sb-btn-grey" @click="exportFeedSettings" :disabled="exportFeed === 'none'"> |
| 141 | <span v-html="icons.exportSVG"></span> |
| 142 | {{buttons.export}} |
| 143 | </button> |
| 144 | </div> |
| 145 | </div> |
| 146 | </div> |
| 147 | </div> |
| 148 | <div class="sb-notification-ctn" :data-active="notificationElement.shown" :data-type="notificationElement.type" role="status" aria-live="polite" aria-atomic="true"> |
| 149 | <div class="sb-notification-icon" v-html="svgIcons[notificationElement.type+'Notification']"></div> |
| 150 | <span class="sb-notification-text" v-html="notificationElement.text"></span> |
| 151 | </div> |