add-source.php
2 weeks ago
configure-features.php
2 weeks ago
install-plugins.php
2 weeks ago
success-page.php
2 weeks ago
welcome.php
2 weeks ago
configure-features.php
82 lines
| 1 | <div class="sb-onboarding-wizard-step-wrapper sb-onboarding-wizard-step-configuref sb-fs"> |
| 2 | |
| 3 | <div class="sb-onboarding-wizard-step-top sb-fs"> |
| 4 | <strong v-html="onboardingWizardStepContent['configure-features'].smallHeading"></strong> |
| 5 | <h1 tabindex="-1" class="sb-onboarding-wizard-step-heading" v-html="onboardingWizardStepContent['configure-features'].heading"></h1> |
| 6 | </div> |
| 7 | |
| 8 | <div class="sb-onboarding-wizard-elements-list sb-fs"> |
| 9 | |
| 10 | <div class="sb-onboarding-wizard-elem sb-fs" v-for="(feature, idx) in onboardingWizardStepContent['configure-features']?.featuresList"> |
| 11 | <div class="sb-onboarding-wizard-elem-info" :data-type="feature?.type"> |
| 12 | <div class="sb-onboarding-wizard-elem-icon" v-if="feature?.icon !== undefined" v-html="feature?.icon"></div> |
| 13 | <div class="sb-onboarding-wizard-elem-text"> |
| 14 | <strong v-if="feature?.heading !== undefined" v-html="feature?.heading"></strong> |
| 15 | <span v-if="feature?.description !== undefined" :id="'feature-desc-' + idx" v-html="feature?.description"></span> |
| 16 | <div v-if="feature?.data?.type === 'install_plugins' && feature?.plugins.length > 0" class="sb-onboarding-wizard-smash-list"> |
| 17 | <div class="sb-onboarding-wizard-smash-inside"> |
| 18 | <div class="sb-control-elem-tltp"> |
| 19 | <div v-html="svgIcons['info']"></div> |
| 20 | <div class="sb-control-elem-tltp-content"> |
| 21 | <div class="sb-control-elem-tltp-txt" v-html="feature?.tooltip"></div> |
| 22 | </div> |
| 23 | </div> |
| 24 | <div class="sb-onboarding-wizard-smash-elem" v-for="sPlugin in feature?.plugins"> |
| 25 | <img :src="sPlugin.icon" :alt="sPlugin.type"> |
| 26 | <span v-html="sPlugin.type"></span> |
| 27 | </div> |
| 28 | </div> |
| 29 | </div> |
| 30 | </div> |
| 31 | |
| 32 | </div> |
| 33 | <div v-if="feature?.type === undefined" class="sb-onboarding-wizard-elem-toggle"> |
| 34 | <button type="button" role="switch" |
| 35 | :aria-checked="switcherOnboardingWizardCheckActive(feature) ? 'true' : 'false'" |
| 36 | :aria-label="feature?.heading" |
| 37 | :aria-describedby="feature?.description !== undefined ? 'feature-desc-' + idx : null" |
| 38 | :data-color="feature?.color" :data-active="switcherOnboardingWizardCheckActive(feature)" |
| 39 | :data-uncheck="feature?.uncheck" |
| 40 | @click.prevent.default="switcherOnboardingWizardClick(feature)"></button> |
| 41 | </div> |
| 42 | <div v-if="feature?.type === 'select'" class="sb-onboarding-wizard-elem-select" @change.prevent.default="selectOptionOnboardingWizardChange(feature)"> |
| 43 | <select :value="currentOnboardingWizardActiveSettings[feature?.data?.id]?.value"> |
| 44 | <option v-for="(optName, optValue) in feature?.options" :value="optValue">{{optName}}</option> |
| 45 | </select> |
| 46 | </div> |
| 47 | </div> |
| 48 | |
| 49 | </div> |
| 50 | |
| 51 | <div class="sb-onboarding-wizard-elements-list sb-fs" v-if="onboardingWizardStepContent['configure-features']?.proFeaturesList !== undefined"> |
| 52 | <div class="sb-onboarding-wizard-elements-list-hd sb-fs"> |
| 53 | <?php echo esc_html__('Pro Features', 'custom-facebook-feed') ?> |
| 54 | </div> |
| 55 | <div class="sb-onboarding-wizard-elem sb-fs" v-for="(feature, idx) in onboardingWizardStepContent['configure-features']?.proFeaturesList"> |
| 56 | <div class="sb-onboarding-wizard-elem-info"> |
| 57 | <div class="sb-onboarding-wizard-elem-icon" v-if="feature?.icon !== undefined" v-html="feature?.icon"></div> |
| 58 | <div class="sb-onboarding-wizard-elem-text"> |
| 59 | <strong v-if="feature?.heading !== undefined" v-html="feature?.heading"></strong> |
| 60 | <span v-if="feature?.description !== undefined" :id="'profeature-desc-' + idx" v-html="feature?.description"></span> |
| 61 | </div> |
| 62 | |
| 63 | </div> |
| 64 | <div class="sb-onboarding-wizard-elem-toggle"> |
| 65 | <button type="button" role="switch" |
| 66 | :aria-checked="switcherOnboardingWizardCheckActive(feature) ? 'true' : 'false'" |
| 67 | :aria-label="feature?.heading" |
| 68 | :aria-describedby="feature?.description !== undefined ? 'profeature-desc-' + idx : null" |
| 69 | :data-color="feature?.color" :data-active="switcherOnboardingWizardCheckActive(feature)" |
| 70 | :data-uncheck="feature?.uncheck" |
| 71 | @click.prevent.default="switcherOnboardingWizardClick(feature)"></button> |
| 72 | </div> |
| 73 | </div> |
| 74 | |
| 75 | </div> |
| 76 | |
| 77 | </div> |
| 78 | |
| 79 | <div class="sb-onboarding-wizard-step-pag-btns sb-fs"> |
| 80 | <button class="sb-btn cff-btn-grey sb-btn-wizard-back" v-html="'Back'" @click.prevent.default="previousWizardStep"></button> |
| 81 | <button class="sb-btn cff-btn-blue sb-btn-wizard-next" v-html="'Next'" @click.prevent.default="nextWizardStep"></button> |
| 82 | </div> |