step-01.php
8 months ago
step-02.php
1 week ago
step-03.php
1 week ago
step-04.php
10 months ago
step-05.php
6 months ago
step-06.php
1 year ago
step-06.php
42 lines
| 1 | <div class="ekit-onboard-main-header"> |
| 2 | <h1 class="ekit-onboard-main-header--title"><strong><?php echo esc_html__('Great! You’re All Set!', 'elementskit-lite'); ?></strong></h1> |
| 3 | <div class="ekit-onboard-main-header--description-wrapper"> |
| 4 | <p class="ekit-onboard-main-header--description"> |
| 5 | <?php echo esc_html__('Here’s an overview of everything that is setup.', 'elementskit-lite'); ?> |
| 6 | </p> |
| 7 | <span class="ekit-onboard-main-header--progress-percentage">0%</span> |
| 8 | </div> |
| 9 | <div class="ekit-onboard-main-header--progress-bar"> |
| 10 | <div class="ekit-onboard-main-header--progress"></div> |
| 11 | </div> |
| 12 | </div> |
| 13 | |
| 14 | <div class="configure-features" id="configure-ekit-onboard"></div> |
| 15 | |
| 16 | <div class="go-to-dashboard"> |
| 17 | <a class="ekit-onboard-btn" href="<?php echo esc_url(admin_url('admin.php?page=elementskit')); ?>"> |
| 18 | <?php echo esc_html__( 'Go to WP Dashboard', 'elementskit-lite' ); ?> |
| 19 | </a> |
| 20 | </div> |
| 21 | |
| 22 | <script> |
| 23 | const target = document.getElementById('configure-ekit-onboard'); |
| 24 | |
| 25 | const observer = new IntersectionObserver(entries => { |
| 26 | entries.forEach(entry => { |
| 27 | if (entry.isIntersecting) { |
| 28 | // Create and dispatch a custom event |
| 29 | const event = new CustomEvent('configureEkitOnboard', { |
| 30 | detail: { message: 'configuring ekit onboard' } |
| 31 | }); |
| 32 | |
| 33 | // Dispatch the event from the element or window |
| 34 | window.dispatchEvent(event); |
| 35 | } |
| 36 | }); |
| 37 | }, { |
| 38 | threshold: 0.1 // Adjust as needed |
| 39 | }); |
| 40 | |
| 41 | observer.observe(target); |
| 42 | </script> |