| @@ -28,8 +28,15 @@ | ||
| 28 | 28 | <li id="wppm_settings_coworker" role="presentation"><a href="javascript:wppm_get_coworker_permission_settings();"><?php echo esc_html_e('Co-workers Permission','taskbuilder');?></a></li> |
| 29 | 29 | <li id="wppm_settings_rich_text_editor" role="presentation"><a href="javascript:wppm_get_rich_text_editor_settings();"><?php echo esc_html_e('Rich Text Editor','taskbuilder');?></a></li> |
| 30 | 30 | <li id="wppm_settings_print_task" role="presentation"><a href="javascript:wppm_get_print_task_settings();"><?php echo esc_html_e('Print Task','taskbuilder');?></a></li> |
| 31 | 31 | <?php do_action('wppm_after_setting_pills');?> |
| 32 | + <?php foreach ( wppm_get_locked_pro_addons_by_placement('settings') as $wppm_addon_key => $wppm_addon ) : ?> | |
| 33 | + <li id="wppm_settings_pro_<?php echo esc_attr( $wppm_addon_key ); ?>" role="presentation" class="wppm-locked-pill"> | |
| 34 | + <a href="javascript:void(0);" onclick="wppm_show_pro_addon_upsell('wppm_settings_pro_<?php echo esc_js( $wppm_addon_key ); ?>', '<?php echo esc_js( $wppm_addon['label'] ); ?>', '<?php echo esc_js( $wppm_addon['description'] ); ?>', '<?php echo esc_js( wppm_pro_upgrade_url() ); ?>', '<?php echo esc_js( $wppm_addon['details_url'] ); ?>');"> | |
| 35 | + <span class="wppm-pro-pill-lock"><?php echo wppm_pro_lock_svg( 12, '#999' ); ?></span> <?php echo esc_html( $wppm_addon['label'] ); ?> <span class="wppm-pro-badge" title="<?php esc_attr_e( 'Pro feature', 'taskbuilder' ); ?>"><?php echo wppm_pro_badge_svg(); ?></span> | |
| 36 | + </a> | |
| 37 | + </li> | |
| 38 | + <?php endforeach; ?> | |
| 32 | 39 | </ul> |
| 33 | 40 | </div> |
| 34 | 41 | <div class="col-sm-8 wppm_setting_col2"></div> |
| 35 | 42 | <div id="wppm_alert_success" class="alert alert-success wppm_alert" style="display:none;" role="alert"> |
| @@ -101,5 +108,19 @@ | ||
| 101 | 108 | <script> |
| 102 | 109 | jQuery(document).ready(function(){ |
| 103 | 110 | wppm_get_general_settings(); |
| 104 | 111 | }); |
| 112 | + | |
| 113 | + function wppm_show_pro_addon_upsell(pillId, label, description, upgradeUrl, detailsUrl) { | |
| 114 | + jQuery('.wppm_setting_pills li').removeClass('active'); | |
| 115 | + jQuery('#' + pillId).addClass('active'); | |
| 116 | + var html = '<div class="wppm-pro-teaser wppm-pro-teaser-inline">' | |
| 117 | + + '<div class="wppm-pro-teaser-icon"><span class="wppm-pro-teaser-lock"><?php echo wppm_pro_lock_svg( 12 ); ?></span></div>' | |
| 118 | + + '<h2>' + label + ' <span class="wppm-pro-badge" title="<?php echo esc_js( __( 'Pro feature', 'taskbuilder' ) ); ?>"><?php echo wppm_pro_badge_svg( 18 ); ?></span></h2>' | |
| 119 | + + '<p>' + description + '</p>' | |
| 120 | + + '<div class="wppm-pro-teaser-actions">' | |
| 121 | + + '<a href="' + upgradeUrl + '" target="_blank" rel="noopener noreferrer" class="btn btn-success"><?php echo esc_js( __( 'Upgrade to Pro', 'taskbuilder' ) ); ?></a>' | |
| 122 | + + '<a href="' + detailsUrl + '" target="_blank" rel="noopener noreferrer" class="btn btn-default"><?php echo esc_js( __( 'View Details', 'taskbuilder' ) ); ?></a>' | |
| 123 | + + '</div></div>'; | |
| 124 | + jQuery('.wppm_setting_col2').html(html); | |
| 125 | + } | |
| 105 | 126 | </script> |