add-source.php
3 weeks ago
configure-features.php
3 weeks ago
install-plugins.php
3 weeks ago
success-page.php
3 weeks ago
welcome.php
3 weeks ago
configure-features.php
70 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 | <h4 v-html="onboardingWizardStepContent['configure-features'].heading"></h4> |
| 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 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" 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 | <div :data-color="feature?.color" :data-active="switcherOnboardingWizardCheckActive(feature)" :data-uncheck="feature?.uncheck" @click.prevent.default="switcherOnboardingWizardClick(feature)"></div> |
| 35 | </div> |
| 36 | <div v-if="feature?.type === 'select'" class="sb-onboarding-wizard-elem-select" @change.prevent.default="selectOptionOnboardingWizardChange(feature)"> |
| 37 | <select :value="currentOnboardingWizardActiveSettings[feature?.data?.id]?.value"> |
| 38 | <option v-for="(optName, optValue) in feature?.options" :value="optValue">{{optName}}</option> |
| 39 | </select> |
| 40 | </div> |
| 41 | </div> |
| 42 | |
| 43 | </div> |
| 44 | |
| 45 | <div class="sb-onboarding-wizard-elements-list sb-fs" v-if="onboardingWizardStepContent['configure-features']?.proFeaturesList !== undefined"> |
| 46 | <div class="sb-onboarding-wizard-elements-list-hd sb-fs"> |
| 47 | <?php echo __('Pro Features') ?> |
| 48 | </div> |
| 49 | <div class="sb-onboarding-wizard-elem sb-fs" v-for="feature in onboardingWizardStepContent['configure-features']?.proFeaturesList"> |
| 50 | <div class="sb-onboarding-wizard-elem-info"> |
| 51 | <div class="sb-onboarding-wizard-elem-icon" v-if="feature?.icon !== undefined" v-html="feature?.icon"></div> |
| 52 | <div class="sb-onboarding-wizard-elem-text"> |
| 53 | <strong v-if="feature?.heading !== undefined" v-html="feature?.heading"></strong> |
| 54 | <span v-if="feature?.description !== undefined" v-html="feature?.description"></span> |
| 55 | </div> |
| 56 | |
| 57 | </div> |
| 58 | <div class="sb-onboarding-wizard-elem-toggle"> |
| 59 | <div :data-color="feature?.color" :data-active="switcherOnboardingWizardCheckActive(feature)" :data-uncheck="feature?.uncheck" @click.prevent.default="switcherOnboardingWizardClick(feature)"></div> |
| 60 | </div> |
| 61 | </div> |
| 62 | |
| 63 | </div> |
| 64 | |
| 65 | </div> |
| 66 | |
| 67 | <div class="sb-onboarding-wizard-step-pag-btns sb-fs"> |
| 68 | <button class="sb-btn cff-btn-grey sb-btn-wizard-back" v-html="'Back'" @click.prevent.default="previousWizardStep"></button> |
| 69 | <button class="sb-btn cff-btn-blue sb-btn-wizard-next" v-html="'Next'" @click.prevent.default="nextWizardStep"></button> |
| 70 | </div> |