diff --git a/assets/css/admin.css b/assets/css/admin.css index b27ebec25..06b8a2cd0 100644 --- a/assets/css/admin.css +++ b/assets/css/admin.css @@ -671,11 +671,12 @@ tr.pro-preview .pro-field-overlay, position: absolute; width: 100%; height: 100%; - background: rgba(0, 0, 0, 0.4); + background: rgba(236, 253, 245, 0.5); border-radius: 5px; top: 0; left: 0; display: none; + border: 1px dashed #10b981; } tr.pro-preview-html th { width: 50%; @@ -688,17 +689,22 @@ tr.pro-preview-html th { } .wpuf-subscription-pack-settings nav .tab-current a.wpuf-button.button-upgrade-to-pro, a.wpuf-button.button-upgrade-to-pro { - padding: 10px 15px; - background: #ff9000; + padding: 8px 16px; + background: #059669; color: #fff; min-height: auto; - border-radius: 5px; + border-radius: 6px; text-decoration: none; border: none; display: inline-flex; align-items: center; - gap: 5px; + justify-content: center; + gap: 8px; white-space: nowrap; + font-size: 14px; + font-weight: 500; + line-height: 1.5; + transition: background-color 0.2s ease; } .pro-field-overlay a.wpuf-button.button-upgrade-to-pro { position: absolute; @@ -709,22 +715,26 @@ a.wpuf-button.button-upgrade-to-pro { } .wpuf-subscription-pack-settings nav .tab-current a.wpuf-button.button-upgrade-to-pro:hover, a.wpuf-button.button-upgrade-to-pro:hover { - background: #d07805; + background: #10b981; } span.pro-icon { display: inline-flex; align-items: center; + vertical-align: middle; } -span.pro-icon svg { - height: 1em; +span.pro-icon svg, +span.pro-icon img { + max-width: 100%; + height: auto; margin-left: 5px; + vertical-align: middle; } -span.pro-icon.icon-white svg path { +/* span.pro-icon.icon-white svg path { fill: #fff; -} -label span.pro-icon svg path { - fill: #fB9a28; -} +} */ +/* label span.pro-icon svg path { + fill: #10b981; +} */ img.profile-header, img.user-listing { display: block; @@ -830,11 +840,22 @@ tr.pro-preview.wpuf-subscription-recurring td { tr.pro-preview span.pro-icon, tr span.pro-icon-title { position: relative; - padding-top: 10px; } a span.pro-icon-title { position: relative; } +span.pro-icon-title { + display: inline-flex; + align-items: center; + vertical-align: middle; +} +span.pro-icon-title svg, +span.pro-icon-title img { + max-width: 100%; + height: auto; + margin-left: 5px; + vertical-align: middle; +} a span.pro-icon-title .wpuf-pro-field-tooltip { left: 185px; } @@ -848,6 +869,14 @@ span.pro-icon:hover .wpuf-pro-field-tooltip { -webkit-opacity: 1; opacity: 1; } +.wpuf-module-pro-badge { + display: block; + width: 39px; + height: 22px; + position: absolute; + top: 10px; + right: 10px; +} .wpuf-xmp-tag { display: inline; } diff --git a/assets/css/admin/wpuf-module.css b/assets/css/admin/wpuf-module.css index 3485758af..f3970a485 100644 --- a/assets/css/admin/wpuf-module.css +++ b/assets/css/admin/wpuf-module.css @@ -90,10 +90,12 @@ width: 100%; height: 100%; content: ""; - background: rgba(0, 0, 0, .5); + background: rgba(236, 253, 245, 0.5); + border-radius: 5px; top: 0; left: 0; z-index: -1; + border: 1px dashed #10b981; } .form-create-overlay a.wpuf-button.button-upgrade-to-pro { diff --git a/assets/js/components/ProBadge.vue b/assets/js/components/ProBadge.vue index 13ae53a4c..ab709dae0 100644 --- a/assets/js/components/ProBadge.vue +++ b/assets/js/components/ProBadge.vue @@ -1,8 +1,13 @@ - + diff --git a/assets/js/components/ProTooltip.vue b/assets/js/components/ProTooltip.vue index 9351a9170..61bafe86a 100644 --- a/assets/js/components/ProTooltip.vue +++ b/assets/js/components/ProTooltip.vue @@ -42,13 +42,6 @@
Upgrade to PRO - - -
+ target="_blank" class="wpuf-button button-upgrade-to-pro wpuf-flex wpuf-items-center wpuf-w-[calc(100%-2rem)] wpuf-justify-around">Upgrade to PRO diff --git a/assets/js/components/subscriptions/SectionInputField.vue b/assets/js/components/subscriptions/SectionInputField.vue index 6cd0aaed3..4721c8f60 100644 --- a/assets/js/components/subscriptions/SectionInputField.vue +++ b/assets/js/components/subscriptions/SectionInputField.vue @@ -307,16 +307,11 @@ onMounted(() => { class="wpuf-w-full wpuf-col-span-2 wpuf-relative wpuf-group">
+ class="wpuf-hidden wpuf-rounded-md wpuf-border wpuf-border-dashed wpuf-border-emerald-200 group-hover:wpuf-flex group-hover:wpuf-cursor-pointer wpuf-absolute wpuf-items-center wpuf-justify-center wpuf-bg-emerald-50/50 wpuf-backdrop-blur-sm wpuf-z-10 wpuf-p-4 wpuf-w-[104%] wpuf-h-[180%] wpuf-top-[-40%] wpuf-left-[-2%]"> + class="wpuf-button button-upgrade-to-pro wpuf-inline-flex wpuf-items-center wpuf-px-4 wpuf-py-2 wpuf-bg-emerald-600 focus:wpuf-bg-emerald-700 hover:wpuf-bg-emerald-700 wpuf-text-white hover:wpuf-text-white wpuf-rounded-md wpuf-gap-2 wpuf-font-medium wpuf-text-sm"> {{ __( 'Upgrade to Pro', 'wp-user-frontend' ) }} - - - - -
{ {{ subSection.sub_label }} - + diff --git a/assets/less/admin.less b/assets/less/admin.less index 6060e32eb..f4537d271 100644 --- a/assets/less/admin.less +++ b/assets/less/admin.less @@ -871,11 +871,12 @@ tr.pro-preview .pro-field-overlay, position: absolute; width: 100%; height: 100%; - background: rgba(0, 0, 0, .4); + background: rgba(236, 253, 245, 0.5); border-radius: 5px; top: 0; left: 0; display: none; + border: 1px dashed #10b981; } tr.pro-preview-html th { @@ -892,17 +893,22 @@ tr.pro-preview-html th { .wpuf-subscription-pack-settings nav .tab-current a.wpuf-button.button-upgrade-to-pro, a.wpuf-button.button-upgrade-to-pro { - padding: 10px 15px; - background: #ff9000; + padding: 8px 16px; + background: #059669; color: #fff; min-height: auto; - border-radius: 5px; + border-radius: 6px; text-decoration: none; border: none; display: inline-flex; align-items: center; - gap: 5px; + justify-content: center; + gap: 8px; white-space: nowrap; + font-size: 14px; + font-weight: 500; + line-height: 1.5; + transition: background-color 0.2s ease; } .pro-field-overlay a.wpuf-button.button-upgrade-to-pro { @@ -915,26 +921,40 @@ a.wpuf-button.button-upgrade-to-pro { .wpuf-subscription-pack-settings nav .tab-current a.wpuf-button.button-upgrade-to-pro:hover, a.wpuf-button.button-upgrade-to-pro:hover { - background: #d07805; + background: #10b981; } span.pro-icon { display: inline-flex; align-items: center; + vertical-align: middle; } -span.pro-icon svg { - height: 1em; +span.pro-icon svg, +span.pro-icon img { + max-width: 100%; + height: auto; margin-left: 5px; + vertical-align: middle; } -span.pro-icon.icon-white svg path { - fill: #fff; +.form-table th span.pro-icon, +.form-table label span.pro-icon { + display: inline-flex; + align-items: center; + vertical-align: middle; + line-height: 0; + position: relative; + top: -1px; } -label span.pro-icon svg path { - fill: #fB9a28; -} +/* span.pro-icon.icon-white svg path { + fill: #fff; +} */ + +/* label span.pro-icon svg path { + fill: #10b981; +} */ img.profile-header, img.user-listing { display: block; @@ -1047,13 +1067,26 @@ tr.pro-preview.wpuf-subscription-recurring td { tr.pro-preview span.pro-icon, tr span.pro-icon-title { position: relative; - padding-top: 10px; } a span.pro-icon-title { position: relative; } +span.pro-icon-title { + display: inline-flex; + align-items: center; + vertical-align: middle; +} + +span.pro-icon-title svg, +span.pro-icon-title img { + max-width: 100%; + height: auto; + margin-left: 5px; + vertical-align: middle; +} + a span.pro-icon-title .wpuf-pro-field-tooltip { left: 185px; } @@ -1070,6 +1103,15 @@ span.pro-icon:hover .wpuf-pro-field-tooltip { opacity: 1; } +.wpuf-module-pro-badge { + display: block; + width: 39px; + height: 22px; + position: absolute; + top: 10px; + right: 10px; +} + .wpuf-xmp-tag{ display: inline; } diff --git a/includes/Admin/Forms/Post/Templates/Pro_Form_Preview_Artwork.php b/includes/Admin/Forms/Post/Templates/Pro_Form_Preview_Artwork.php index 720c2f184..390322a5c 100644 --- a/includes/Admin/Forms/Post/Templates/Pro_Form_Preview_Artwork.php +++ b/includes/Admin/Forms/Post/Templates/Pro_Form_Preview_Artwork.php @@ -28,7 +28,7 @@ class Pro_Form_Preview_Artwork { public function __construct() { $this->title = __( 'Professional Artwork Submission', 'wp-user-frontend' ); $this->image = WPUF_ASSET_URI . '/images/templates/artwork.svg'; - $this->pro_icon = WPUF_ASSET_URI . '/images/templates/crown.svg'; + $this->pro_icon = WPUF_ASSET_URI . '/images/templates/pro-badge.svg'; } /** diff --git a/includes/Admin/Forms/Post/Templates/Pro_Form_Preview_EDD.php b/includes/Admin/Forms/Post/Templates/Pro_Form_Preview_EDD.php index 2156ae513..33929b852 100644 --- a/includes/Admin/Forms/Post/Templates/Pro_Form_Preview_EDD.php +++ b/includes/Admin/Forms/Post/Templates/Pro_Form_Preview_EDD.php @@ -28,7 +28,7 @@ class Pro_Form_Preview_EDD { public function __construct() { $this->title = __( 'EDD Download', 'wp-user-frontend' ); $this->image = WPUF_ASSET_URI . '/images/templates/edd.svg'; - $this->pro_icon = WPUF_ASSET_URI . '/images/templates/crown.svg'; + $this->pro_icon = WPUF_ASSET_URI . '/images/templates/pro-badge.svg'; } /** diff --git a/includes/Admin/Forms/Post/Templates/Pro_Form_Preview_Press_Release.php b/includes/Admin/Forms/Post/Templates/Pro_Form_Preview_Press_Release.php index 4771e9830..fbc9d4c97 100644 --- a/includes/Admin/Forms/Post/Templates/Pro_Form_Preview_Press_Release.php +++ b/includes/Admin/Forms/Post/Templates/Pro_Form_Preview_Press_Release.php @@ -28,7 +28,7 @@ class Pro_Form_Preview_Press_Release { public function __construct() { $this->title = __( 'News/Press Release Submission', 'wp-user-frontend' ); $this->image = WPUF_ASSET_URI . '/images/templates/press-release.svg'; - $this->pro_icon = WPUF_ASSET_URI . '/images/templates/crown.svg'; + $this->pro_icon = WPUF_ASSET_URI . '/images/templates/pro-badge.svg'; } /** diff --git a/includes/Admin/Forms/Post/Templates/Pro_Form_Preview_Professional_Video.php b/includes/Admin/Forms/Post/Templates/Pro_Form_Preview_Professional_Video.php index 8f47dc143..8f130f15f 100644 --- a/includes/Admin/Forms/Post/Templates/Pro_Form_Preview_Professional_Video.php +++ b/includes/Admin/Forms/Post/Templates/Pro_Form_Preview_Professional_Video.php @@ -28,7 +28,7 @@ class Pro_Form_Preview_Professional_Video { public function __construct() { $this->title = __( 'Professional Video Submission', 'wp-user-frontend' ); $this->image = WPUF_ASSET_URI . '/images/templates/professional-video.svg'; - $this->pro_icon = WPUF_ASSET_URI . '/images/templates/crown.svg'; + $this->pro_icon = WPUF_ASSET_URI . '/images/templates/pro-badge.svg'; } /** diff --git a/includes/Admin/template-parts/modal-v4.1.php b/includes/Admin/template-parts/modal-v4.1.php index d1433e019..36dccfcc8 100644 --- a/includes/Admin/template-parts/modal-v4.1.php +++ b/includes/Admin/template-parts/modal-v4.1.php @@ -41,7 +41,7 @@ class="wpuf-absolute wpuf-right-4 wpuf-top-4 wpuf-text-gray-400 hover:wpuf-text- $template ) { diff --git a/includes/Admin/template-parts/modal-v4.2.php b/includes/Admin/template-parts/modal-v4.2.php index a8537c508..66068deb8 100644 --- a/includes/Admin/template-parts/modal-v4.2.php +++ b/includes/Admin/template-parts/modal-v4.2.php @@ -266,7 +266,7 @@ class="wpuf-w-full !wpuf-py-[4px] !wpuf-px-[14px] wpuf-border !wpuf-border-gray- $template ) { diff --git a/includes/Admin/template-parts/modal.php b/includes/Admin/template-parts/modal.php index 92250122f..452a1507d 100644 --- a/includes/Admin/template-parts/modal.php +++ b/includes/Admin/template-parts/modal.php @@ -109,7 +109,7 @@ get_image(); diff --git a/includes/Free/Free_Loader.php b/includes/Free/Free_Loader.php index 7676989a1..6e7fa1b8f 100644 --- a/includes/Free/Free_Loader.php +++ b/includes/Free/Free_Loader.php @@ -179,53 +179,53 @@ public function admin_reg_forms_page() { * @return array */ public function pro_sections( $sections ) { - $crown_icon_path = WPUF_ROOT . '/assets/images/crown.svg'; + $crown_icon_path = WPUF_ROOT . '/assets/images/pro-badge.svg'; $new_sections = [ [ 'id' => 'wpuf_sms', - 'title' => __( 'SMS', 'wp-user-frontend' ) . ' ' . file_get_contents( $crown_icon_path ) . '', + 'title' => __( 'SMS', 'wp-user-frontend' ) . ' ' . 'PRO' . '', 'icon' => 'dashicons-format-status', 'class' => 'pro-preview-html', 'is_pro_preview' => true, ], [ 'id' => 'wpuf_social_api', - 'title' => __( 'Social Login', 'wp-user-frontend' ) . ' ' . file_get_contents( $crown_icon_path ) . '', + 'title' => __( 'Social Login', 'wp-user-frontend' ) . ' ' . 'PRO' . '', 'icon' => 'dashicons-share', 'class' => 'pro-preview-html', 'is_pro_preview' => true, ], [ 'id' => 'user_directory', - 'title' => __( 'User Directory', 'wp-user-frontend' ) . ' ' . file_get_contents( $crown_icon_path ) . '', + 'title' => __( 'User Directory', 'wp-user-frontend' ) . ' ' . 'PRO' . '', 'icon' => 'dashicons-list-view', 'class' => 'pro-preview-html', 'is_pro_preview' => true, ], [ 'id' => 'wpuf_payment_invoices', - 'title' => __( 'Invoices', 'wp-user-frontend' ) . ' ' . file_get_contents( $crown_icon_path ) . '', + 'title' => __( 'Invoices', 'wp-user-frontend' ) . ' ' . 'PRO' . '', 'icon' => 'dashicons-media-spreadsheet', 'class' => 'pro-preview-html', 'is_pro_preview' => true, ], [ 'id' => 'wpuf_payment_tax', - 'title' => __( 'Tax', 'wp-user-frontend' ) . ' ' . file_get_contents( $crown_icon_path ) . '', + 'title' => __( 'Tax', 'wp-user-frontend' ) . ' ' . 'PRO' . '', 'icon' => 'dashicons-media-text', 'class' => 'pro-preview-html', 'is_pro_preview' => true, ], [ 'id' => 'wpuf_content_restriction', - 'title' => __( 'Content Filtering', 'wp-user-frontend' ) . ' ' . file_get_contents( $crown_icon_path ) . '', + 'title' => __( 'Content Filtering', 'wp-user-frontend' ) . ' ' . 'PRO' . '', 'icon' => 'dashicons-admin-network', 'class' => 'pro-preview-html', 'is_pro_preview' => true, ], [ 'id' => 'wpuf_seo_settings', - 'title' => __( 'SEO Settings', 'wp-user-frontend' ) . ' ' . file_get_contents( $crown_icon_path ) . '', + 'title' => __( 'SEO Settings', 'wp-user-frontend' ) . ' ' . 'PRO' . '', 'icon' => 'dashicons-search', 'class' => 'pro-preview-html', 'is_pro_preview' => true, @@ -245,11 +245,11 @@ public function pro_sections( $sections ) { * @return array */ public function pro_settings( $settings_fields ) { - $crown_icon_path = WPUF_ROOT . '/assets/images/crown.svg'; + $crown_icon_path = WPUF_ROOT . '/assets/images/pro-badge.svg'; $settings_fields['wpuf_general'][] = [ 'name' => 'comments_per_page', 'label' => __( 'Comments Per Page', - 'wp-user-frontend' ) . ' ' . file_get_contents( $crown_icon_path ) . '', + 'wp-user-frontend' ) . ' ' . 'PRO' . '', 'desc' => __( 'Show how many comments per page in comments add-on', 'wp-user-frontend' ), 'type' => 'number', 'default' => '20', @@ -259,7 +259,7 @@ public function pro_settings( $settings_fields ) { $settings_fields['wpuf_general'][] = [ 'name' => 'ipstack_key', 'label' => __( 'Ipstack API Key', - 'wp-user-frontend' ) . ' ' . file_get_contents( $crown_icon_path ) . '', + 'wp-user-frontend' ) . ' ' . 'PRO' . '', 'desc' => sprintf( // translators: %1$s: opening anchor tag, %2$s: closing anchor tag __( '%1$sRegister here%2$s to get your free ipstack api key', 'wp-user-frontend' ), @@ -271,7 +271,7 @@ public function pro_settings( $settings_fields ) { $settings_fields['wpuf_general'][] = [ 'name' => 'gmap_api_key', 'label' => __( 'Google Map API', - 'wp-user-frontend' ) . ' ' . file_get_contents( $crown_icon_path ) . '', + 'wp-user-frontend' ) . ' ' . 'PRO' . '', 'desc' => __( 'API key is needed to render Google Maps', 'wp-user-frontend' ), 'class' => 'pro-preview', @@ -280,7 +280,7 @@ public function pro_settings( $settings_fields ) { $settings_fields['wpuf_my_account'][] = [ 'name' => 'show_edit_profile_menu', 'label' => __( 'Edit Profile', - 'wp-user-frontend' ) . ' ' . file_get_contents( $crown_icon_path ) . '', + 'wp-user-frontend' ) . ' ' . 'PRO' . '', 'desc' => __( 'Allow user to update their profile information from the account page', 'wp-user-frontend' ), 'type' => 'checkbox', @@ -291,7 +291,7 @@ public function pro_settings( $settings_fields ) { $settings_fields['wpuf_my_account'][] = [ 'name' => 'edit_profile_form', 'label' => __( 'Profile Form', - 'wp-user-frontend' ) . ' ' . file_get_contents( $crown_icon_path ) . '', + 'wp-user-frontend' ) . ' ' . 'PRO' . '', 'desc' => __( 'User will use this form to update their information from the account page,', 'wp-user-frontend' ), 'type' => 'select', @@ -302,7 +302,7 @@ public function pro_settings( $settings_fields ) { $settings_fields['wpuf_profile'][] = [ 'name' => 'avatar_size', 'label' => __( 'Avatar Size', - 'wp-user-frontend' ) . ' ' . file_get_contents( $crown_icon_path ) . '', + 'wp-user-frontend' ) . ' ' . 'PRO' . '', 'desc' => __( 'Avatar size to crop when upload using the registration/profile form.(e.g:100x100)', 'wp-user-frontend' ), 'type' => 'text', @@ -313,7 +313,7 @@ public function pro_settings( $settings_fields ) { $settings_fields['wpuf_profile'][] = [ 'name' => 'pending_user_message', 'label' => __( 'Pending User Message', - 'wp-user-frontend' ) . ' ' . file_get_contents( $crown_icon_path ) . '', + 'wp-user-frontend' ) . ' ' . 'PRO' . '', 'desc' => __( 'Pending user will see this message when try to log in.', 'wp-user-frontend' ), 'default' => __( 'ERROR: Your account has to be approved by an administrator before you can login.', 'wp-user-frontend' ), @@ -324,7 +324,7 @@ public function pro_settings( $settings_fields ) { $settings_fields['wpuf_profile'][] = [ 'name' => 'denied_user_message', 'label' => __( 'Denied User Message', - 'wp-user-frontend' ) . ' ' . file_get_contents( $crown_icon_path ) . '', + 'wp-user-frontend' ) . ' ' . 'PRO' . '', 'desc' => __( 'Denied user will see this message when try to log in.', 'wp-user-frontend' ), 'default' => __( 'ERROR: Your account has been denied by an administrator, please contact admin to approve your account.', 'wp-user-frontend' ), @@ -335,7 +335,7 @@ public function pro_settings( $settings_fields ) { $settings_fields['wpuf_mails'][] = [ 'name' => 'subscription_setting', 'label' => __( ' Subscription', - 'wp-user-frontend' ) . ' ' . file_get_contents( $crown_icon_path ) . '', + 'wp-user-frontend' ) . ' ' . 'PRO' . '', 'type' => 'html', 'class' => 'subscription-setting pro-preview-html', 'is_pro_preview' => true, @@ -343,7 +343,7 @@ public function pro_settings( $settings_fields ) { $settings_fields['wpuf_mails'][] = [ 'name' => 'email_setting', 'label' => __( ' Template Settings', - 'wp-user-frontend' ) . ' ' . file_get_contents( $crown_icon_path ) . '', + 'wp-user-frontend' ) . ' ' . 'PRO' . '', 'type' => 'html', 'class' => 'email-setting pro-preview-html', 'is_pro_preview' => true, @@ -351,7 +351,7 @@ public function pro_settings( $settings_fields ) { $settings_fields['wpuf_mails'][] = [ 'name' => 'reset_email_setting', 'label' => __( ' Reset Email', - 'wp-user-frontend' ) . ' ' . file_get_contents( $crown_icon_path ) . '', + 'wp-user-frontend' ) . ' ' . 'PRO' . '', 'type' => 'html', 'class' => 'reset-email-setting pro-preview-html', 'is_pro_preview' => true, @@ -359,7 +359,7 @@ public function pro_settings( $settings_fields ) { $settings_fields['wpuf_mails'][] = [ 'name' => 'confirmation_email_setting', 'label' => __( ' Resend Confirmation Email', - 'wp-user-frontend' ) . ' ' . file_get_contents( $crown_icon_path ) . '', + 'wp-user-frontend' ) . ' ' . 'PRO' . '', 'type' => 'html', 'class' => 'confirmation-email-setting pro-preview-html', 'is_pro_preview' => true, @@ -367,7 +367,7 @@ public function pro_settings( $settings_fields ) { $settings_fields['wpuf_mails'][] = [ 'name' => 'pending_user_email', 'label' => __( ' Pending User Email', - 'wp-user-frontend' ) . ' ' . file_get_contents( $crown_icon_path ) . '', + 'wp-user-frontend' ) . ' ' . 'PRO' . '', 'type' => 'html', 'class' => 'pending-user-email pro-preview-html', 'is_pro_preview' => true, @@ -375,7 +375,7 @@ public function pro_settings( $settings_fields ) { $settings_fields['wpuf_mails'][] = [ 'name' => 'denied_user_email', 'label' => __( ' Denied User Email', - 'wp-user-frontend' ) . ' ' . file_get_contents( $crown_icon_path ) . '', + 'wp-user-frontend' ) . ' ' . 'PRO' . '', 'type' => 'html', 'class' => 'denied-user-email pro-preview-html', 'is_pro_preview' => true, @@ -383,7 +383,7 @@ public function pro_settings( $settings_fields ) { $settings_fields['wpuf_mails'][] = [ 'name' => 'approved_user_email', 'label' => __( ' Approved User Email', - 'wp-user-frontend' ) . ' ' . file_get_contents( $crown_icon_path ) . '', + 'wp-user-frontend' ) . ' ' . 'PRO' . '', 'type' => 'html', 'class' => 'approved-user-email pro-preview-html', 'is_pro_preview' => true, @@ -391,7 +391,7 @@ public function pro_settings( $settings_fields ) { $settings_fields['wpuf_mails'][] = [ 'name' => 'account_activated_user_email', 'label' => __( ' Account Activated Email', - 'wp-user-frontend' ) . ' ' . file_get_contents( $crown_icon_path ) . '', + 'wp-user-frontend' ) . ' ' . 'PRO' . '', 'type' => 'html', 'class' => 'account-activated-user-email pro-preview-html', 'is_pro_preview' => true, @@ -399,7 +399,7 @@ public function pro_settings( $settings_fields ) { $settings_fields['wpuf_mails'][] = [ 'name' => 'approved_post_email', 'label' => __( ' Approved Post Email', - 'wp-user-frontend' ) . ' ' . file_get_contents( $crown_icon_path ) . '', + 'wp-user-frontend' ) . ' ' . 'PRO' . '', 'type' => 'html', 'class' => 'approved-post-email pro-preview-html', 'is_pro_preview' => true, @@ -871,7 +871,7 @@ public function pro_settings( $settings_fields ) { ], [ 'name' => 'avoid_indexing_profiles', - 'label' => __( 'Avoid indexing profile by search engines', 'wp-user-frontend' ) . ' ' . file_get_contents( $crown_icon_path ) . '', + 'label' => __( 'Avoid indexing profile by search engines', 'wp-user-frontend' ) . ' ' . 'PRO' . '', 'desc' => __( 'Enable this to add a noindex meta tag to all user profile pages across directories. Useful if you want some profiles hidden from search engines.', 'wp-user-frontend' ), 'type' => 'checkbox', 'default' => 'off', @@ -1001,7 +1001,7 @@ public function modules_preview_page() { $diamond_icon = file_exists( WPUF_ROOT . '/assets/images/diamond.svg' ) ? file_get_contents( WPUF_ROOT . '/assets/images/diamond.svg' ) : ''; $check_icon = file_exists( WPUF_ROOT . '/assets/images/check.svg' ) ? file_get_contents( WPUF_ROOT . '/assets/images/check.svg' ) : ''; - $crown_icon = file_exists( WPUF_ROOT . '/assets/images/crown.svg' ) ? file_get_contents( WPUF_ROOT . '/assets/images/crown.svg' ) : ''; + $crown_icon = file_exists( WPUF_ROOT . '/assets/images/pro-badge.svg' ) ? file_get_contents( WPUF_ROOT . '/assets/images/pro-badge.svg' ) : ''; $close_icon = file_exists( WPUF_ROOT . '/assets/images/x.svg' ) ? file_get_contents( WPUF_ROOT . '/assets/images/x.svg' ) : ''; $suffix = '.min'; @@ -1139,10 +1139,8 @@ class="wpuf-button button-upgrade-to-pro"> ?>
- - - %s', wp_kses($crown_icon, array('svg' => [ 'xmlns' => true, 'width' => true, 'height' => true, 'viewBox' => true, 'fill' => true ], 'path' => [ 'd' => true, 'fill' => true ], 'circle' => [ 'cx' => true, 'cy' => true, 'r' => true ], ) ) ); ?> + + pro icon
@@ -1328,11 +1326,11 @@ public function modules_page_contents() { * @return void */ public function wpuf_payment_gateways( $gateways ) { - $crown_icon = WPUF_ROOT . '/assets/images/crown.svg'; + $crown_icon = WPUF_ROOT . '/assets/images/pro-badge.svg'; $crown = ''; if ( file_exists( $crown_icon ) ) { - $crown = sprintf( ' %s', file_get_contents( $crown_icon ) ); + $crown = sprintf( ' %s', 'PRO' ); } $gateways['stripe'] = [ @@ -1356,11 +1354,11 @@ public function wpuf_payment_gateways( $gateways ) { * @return void */ public function subscription_tabs() { - $crown_icon = WPUF_ROOT . '/assets/images/crown.svg'; + $crown_icon = WPUF_ROOT . '/assets/images/pro-badge.svg'; $crown = ''; if ( file_exists( $crown_icon ) ) { - $crown = sprintf( ' %s', file_get_contents( $crown_icon ) ); + $crown = sprintf( ' %s', 'PRO' ); } echo '
  • ' . esc_html(__( 'Taxonomy Restriction ', 'wp-user-frontend' ) ) . wp_kses($crown, array('svg' => ['xmlns' => true, 'width' => true, 'height' => true, 'viewBox' => true, 'fill' => true,], 'path' => ['d' => true, 'fill' => true, ] ) ) . '
    • '; diff --git a/includes/Free/Subscription_Element.php b/includes/Free/Subscription_Element.php index f252ee079..1740022af 100644 --- a/includes/Free/Subscription_Element.php +++ b/includes/Free/Subscription_Element.php @@ -5,7 +5,7 @@ class Subscription_Element extends Pro_Prompt { public static function add_subscription_element( $sub_meta, $hidden_recurring_class, $hidden_trial_class, $obj ) { - $crown_icon = WPUF_ROOT . '/assets/images/crown.svg'; + $crown_icon = WPUF_ROOT . '/assets/images/pro-badge.svg'; $crown = ''; if ( file_exists( $crown_icon ) ) { diff --git a/includes/Free/templates/page-registration-form.php b/includes/Free/templates/page-registration-form.php index e0a9c97c7..fdb579d76 100644 --- a/includes/Free/templates/page-registration-form.php +++ b/includes/Free/templates/page-registration-form.php @@ -1,5 +1,5 @@ %s    ', file_get_contents( WPUF_ROOT . '/assets/images/crown.svg' ) ); + $crown_icon = sprintf( 'PRO', WPUF_ASSET_URI . '/images/pro-badge.svg' ); $class = 'class="pro-preview"'; $disabled = 'disabled'; } diff --git a/wpuf-functions.php b/wpuf-functions.php index 88c823444..a4d55bcd0 100644 --- a/wpuf-functions.php +++ b/wpuf-functions.php @@ -4650,11 +4650,9 @@ function wpuf_get_image_sizes_array( $size = '' ) { * @return string */ function wpuf_get_pro_preview_html() { - $crown_icon = WPUF_ROOT . '/assets/images/crown.svg'; return sprintf( '
    - Upgrade to PRO %4$s -
    ', esc_url( Pro_Prompt::get_upgrade_to_pro_popup_url() ), '_blank', 'wpuf-button button-upgrade-to-pro', - file_get_contents( $crown_icon ) ); + Upgrade to PRO + ', esc_url( Pro_Prompt::get_upgrade_to_pro_popup_url() ), '_blank', 'wpuf-button button-upgrade-to-pro' ); } /** @@ -4665,7 +4663,6 @@ function wpuf_get_pro_preview_html() { * @return string */ function wpuf_get_pro_preview_tooltip() { - $crown_icon = WPUF_ROOT . '/assets/images/crown.svg'; $check_icon = WPUF_ROOT . '/assets/images/check.svg'; $features = [ '24/7 Priority Support', @@ -4687,9 +4684,8 @@ function wpuf_get_pro_preview_tooltip() { } $html .= ''; - $html .= sprintf( '
    Upgrade to PRO %4$s
    ', - esc_url( Pro_Prompt::get_upgrade_to_pro_popup_url() ), '_blank', 'wpuf-button button-upgrade-to-pro', - file_get_contents( $crown_icon ) ); + $html .= sprintf( '
    Upgrade to PRO
    ', + esc_url( Pro_Prompt::get_upgrade_to_pro_popup_url() ), '_blank', 'wpuf-button button-upgrade-to-pro' ); $html .= ''; $html .= '';