step-01.php
4 years ago
step-02.php
2 weeks ago
step-03.php
2 weeks ago
step-04.php
3 years ago
step-05.php
2 weeks ago
step-06.php
2 weeks ago
step-06.php
49 lines
| 1 | <div class="wslu-onboard-main-header"> |
| 2 | <h1 class="wslu-onboard-main-header--title"><strong><?php echo esc_html__('Great! You are All Set!', 'wp-social'); ?></strong></h1> |
| 3 | <div class="wslu-onboard-main-header--description-wrapper"> |
| 4 | <p class="wslu-onboard-main-header--description"> |
| 5 | <?php echo esc_html__('Here is an overview of everything that is setup.', 'wp-social'); ?> |
| 6 | </p> |
| 7 | <span class="wslu-onboard-main-header--progress-percentage">0%</span> |
| 8 | </div> |
| 9 | <div class="wslu-onboard-main-header--progress-bar"> |
| 10 | <div class="wslu-onboard-main-header--progress"></div> |
| 11 | </div> |
| 12 | </div> |
| 13 | |
| 14 | <div class="configure-features" id="configure-wslu-onboard"></div> |
| 15 | |
| 16 | <div class="go-to-dashboard"> |
| 17 | <a class="wslu-onboard-btn" href="<?php echo esc_url(admin_url('admin.php?page=wslu_global_setting')); ?>"> |
| 18 | <?php echo esc_html__( 'Go to WP Dashboard', 'wp-social' ); ?> |
| 19 | </a> |
| 20 | </div> |
| 21 | |
| 22 | <script> |
| 23 | const target = document.getElementById('configure-wslu-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('configureWsluOnboard', { |
| 30 | detail: { message: 'configuring wslu 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> |
| 43 | <div class="wslu-onboard-shapes"> |
| 44 | <img src="<?php echo esc_url(self::get_url()); ?>assets/images/onboard/shape-04.png" alt="" class="shape-04"> |
| 45 | <img src="<?php echo esc_url(self::get_url()); ?>assets/images/onboard/shape-07.png" alt="" class="shape-07"> |
| 46 | <img src="<?php echo esc_url(self::get_url()); ?>assets/images/onboard/shape-15.png" alt="" class="shape-15"> |
| 47 | <img src="<?php echo esc_url(self::get_url()); ?>assets/images/onboard/shape-21.png" alt="" class="shape-21"> |
| 48 | <img src="<?php echo esc_url(self::get_url()); ?>assets/images/onboard/shape-22.png" alt="" class="shape-22"> |
| 49 | </div> |