| @@ -19,9 +19,9 @@ | ||
| 19 | 19 | if(!is_array($raw_template) || empty($raw_template)){ |
| 20 | 20 | return false; |
| 21 | 21 | } |
| 22 | 22 | |
| 23 | - $templates = implode("", $raw_template); | |
| 23 | + $templates = implode('', $raw_template); | |
| 24 | 24 | |
| 25 | 25 | if(empty($templates)){ |
| 26 | 26 | echo '<div class="notice notice-error"> |
| 27 | 27 | <p> |
| @@ -35,8 +35,13 @@ | ||
| 35 | 35 | $cookieadmin_requires_pro = \CookieAdmin\Admin::is_feature_available(1); |
| 36 | 36 | |
| 37 | 37 | $icons_grid = apply_filters('cookieadmin_reconsent_icons', '', $policy[$view]); |
| 38 | 38 | |
| 39 | + $law_types = apply_filters('cookieadmin_geo_law_options', [ | |
| 40 | + 'cookieadmin_gdpr' => __('GDPR', 'cookieadmin'), | |
| 41 | + 'cookieadmin_us' => __('US State Laws', 'cookieadmin'), | |
| 42 | + ]); | |
| 43 | + | |
| 39 | 44 | //Start UI |
| 40 | 45 | \CookieAdmin\Admin::header_theme(__('Consent Form', 'cookieadmin')); |
| 41 | 46 | |
| 42 | 47 | echo ' |
| @@ -42,324 +47,342 @@ | ||
| 42 | 47 | echo ' |
| 43 | 48 | <div class="cookieadmin_consent-wrap"> |
| 44 | 49 | <form action="" method="post" id="consent_submenu"> |
| 45 | 50 | |
| 46 | - <div class="cookieadmin_consent-contents"> | |
| 47 | - <div class="cookieadmin_consent_settings"> | |
| 48 | - <div class="cookieadmin-contents cookieadmin_consent"> | |
| 49 | - | |
| 50 | - <div class="cookieadmin-setting"> | |
| 51 | - <label class="cookieadmin-title" for="cookieadmin_consent_type">'.esc_html__('Consent Type', 'cookieadmin').'</label> | |
| 52 | - <div class="cookieadmin-setting-contents"> | |
| 53 | - <select name="cookieadmin_consent_type" id="cookieadmin_consent_type"> | |
| 54 | - <option name="cookieadmin_gdpr" id="cookieadmin_gdpr" '.((!empty($view) && $view === 'cookieadmin_gdpr') ? 'selected' : '').' value="cookieadmin_gdpr">'.esc_html__('GDPR', 'cookieadmin').'</option> | |
| 55 | - <option name="cookieadmin_us" id="cookieadmin_us" '.((!empty($view) && $view === 'cookieadmin_us') ? 'selected' : '').' value="cookieadmin_us">'.esc_html__('US State Laws', 'cookieadmin').'</option> | |
| 56 | - </select> | |
| 57 | - </div> | |
| 51 | + <div class="cookieadmin-card"> | |
| 52 | + <div class="cookieadmin-card-header"> | |
| 53 | + <span class="cookieadmin-card-title">'.esc_html__('General Settings', 'cookieadmin').'</span> | |
| 54 | + </div> | |
| 55 | + <div class="cookieadmin-card-body"> | |
| 56 | + | |
| 57 | + <div class="cookieadmin-setting"> | |
| 58 | + <label class="cookieadmin-title" for="cookieadmin_consent_type">'.esc_html__('Consent Type', 'cookieadmin').'</label> | |
| 59 | + <div class="cookieadmin-setting-contents"> | |
| 60 | + <select name="cookieadmin_consent_type" id="cookieadmin_consent_type">'; | |
| 61 | + foreach($law_types as $name => $label){ | |
| 62 | + echo '<option name="'.esc_attr($name).'" id="'.esc_attr($name).'" '.((!empty($view) && $view === $name) ? 'selected' : '').' value="'.esc_attr($name).'">'.esc_html($label).'</option>'; | |
| 63 | + } | |
| 64 | + echo '</select> | |
| 58 | 65 | </div> |
| 59 | - | |
| 60 | - <div class="cookieadmin-setting cookieadmin_consent-expiry"> | |
| 61 | - <label class="cookieadmin-title" for="cookieadmin_consent_expiry">'.esc_html__('Consent Expiry', 'cookieadmin').'</label> | |
| 62 | - <div class="cookieadmin-setting-contents"> | |
| 63 | - <input type="number" name="cookieadmin_days" id="cookieadmin_consent_expiry" style="max-width:70px;" value="'.esc_attr($policy[$view]['cookieadmin_days']).'"> | |
| 64 | - </div> | |
| 66 | + </div> | |
| 67 | + | |
| 68 | + <div class="cookieadmin-setting cookieadmin_consent-expiry"> | |
| 69 | + <label class="cookieadmin-title" for="cookieadmin_consent_expiry">'.esc_html__('Consent Expiry', 'cookieadmin').'</label> | |
| 70 | + <div class="cookieadmin-setting-contents"> | |
| 71 | + <input type="number" name="cookieadmin_days" id="cookieadmin_consent_expiry" style="max-width:80px;" value="'.esc_attr($policy[$view]['cookieadmin_days']).'"> <span class="cookieadmin-text-muted" style="font-size:13px;">'.esc_html__('days', 'cookieadmin').'</span> | |
| 65 | 72 | </div> |
| 66 | - | |
| 67 | - <div class="cookieadmin-setting consent-layout"> | |
| 68 | - <label class="cookieadmin-title">'.esc_html__('Notice Type', 'cookieadmin').'</label> | |
| 69 | - <div class="cookieadmin-setting-contents"> | |
| 70 | - <span> | |
| 71 | - <input name="cookieadmin_layout" type="radio" id="cookieadmin_layout_box" value="box"> | |
| 72 | - <label class="cookieadmin-input" for="cookieadmin_layout_box">'.esc_html__('Box', 'cookieadmin').'</label> | |
| 73 | - </span> | |
| 74 | - <span> | |
| 75 | - <input name="cookieadmin_layout" type="radio" id="cookieadmin_layout_footer" value="footer"> | |
| 76 | - <label class="cookieadmin-input" for="cookieadmin_layout_footer">'.esc_html__('Footer', 'cookieadmin').'</label> | |
| 77 | - </span> | |
| 78 | - <span> | |
| 79 | - <input name="cookieadmin_layout" type="radio" id="cookieadmin_layout_popup" value="popup"> | |
| 80 | - <label for="cookieadmin_layout_popup">'.esc_html__('Popup', 'cookieadmin').'</label> | |
| 81 | - </span> | |
| 82 | - </div> | |
| 73 | + </div> | |
| 74 | + | |
| 75 | + <div class="cookieadmin-setting consent-layout"> | |
| 76 | + <label class="cookieadmin-title">'.esc_html__('Notice Type', 'cookieadmin').'</label> | |
| 77 | + <div class="cookieadmin-setting-contents"> | |
| 78 | + <label class="cookieadmin-horizontal" style="cursor:pointer; font-weight:400;"> | |
| 79 | + <input name="cookieadmin_layout" type="radio" id="cookieadmin_layout_box" value="box"> | |
| 80 | + '.esc_html__('Box', 'cookieadmin').' | |
| 81 | + </label> | |
| 82 | + <label class="cookieadmin-horizontal" style="cursor:pointer; font-weight:400;"> | |
| 83 | + <input name="cookieadmin_layout" type="radio" id="cookieadmin_layout_footer" value="footer"> | |
| 84 | + '.esc_html__('Footer', 'cookieadmin').' | |
| 85 | + </label> | |
| 86 | + <label class="cookieadmin-horizontal" style="cursor:pointer; font-weight:400;"> | |
| 87 | + <input name="cookieadmin_layout" type="radio" id="cookieadmin_layout_popup" value="popup"> | |
| 88 | + '.esc_html__('Popup', 'cookieadmin').' | |
| 89 | + </label> | |
| 83 | 90 | </div> |
| 84 | - | |
| 85 | - <div class="cookieadmin-setting consent-position"> | |
| 86 | - <label class="cookieadmin-title">'.esc_html__('Notice Position', 'cookieadmin').'</label> | |
| 87 | - <div class="cookieadmin-setting-contents"> | |
| 88 | - <span> | |
| 89 | - <input class="cookieadmin_box_layout" id="cookieadmin_position_bottom_left" name="cookieadmin_position" type="radio" value="bottom_left" checked> | |
| 90 | - <label class="cookieadmin_box_layout cookieadmin-input" for="cookieadmin_position_bottom_left">'.esc_html__('Bottom Left', 'cookieadmin').'</label> | |
| 91 | - </span> | |
| 92 | - <span> | |
| 93 | - <input class="cookieadmin_box_layout" id="cookieadmin_position_bottom_right" name="cookieadmin_position" type="radio" value="bottom_right"> | |
| 94 | - <label class="cookieadmin_box_layout cookieadmin-input" for="cookieadmin_position_bottom_right">'.esc_html__('Bottom Right', 'cookieadmin').'</label> | |
| 95 | - </span> | |
| 96 | - <span> | |
| 97 | - <input class="cookieadmin_box_layout" id="cookieadmin_position_top_left" name="cookieadmin_position" type="radio" value="top_left"> | |
| 98 | - <label class="cookieadmin_box_layout cookieadmin-input" for="cookieadmin_position_top_left">'.esc_html__('Top Left', 'cookieadmin').'</label> | |
| 99 | - </span> | |
| 100 | - <span> | |
| 101 | - <input class="cookieadmin_box_layout" id="cookieadmin_position_top_right" name="cookieadmin_position" type="radio" value="top_right"> | |
| 102 | - <label class="cookieadmin_box_layout cookieadmin-input" for="cookieadmin_position_top_right">'.esc_html__('Top Right', 'cookieadmin').'</label> | |
| 103 | - </span> | |
| 104 | - <span> | |
| 105 | - <input class="cookieadmin_foter_layout" id="cookieadmin_position_top" name="cookieadmin_position" type="radio" value="top" style="display:none;"> | |
| 106 | - <label class="cookieadmin_foter_layout cookieadmin-input" for="cookieadmin_position_top" style="display:none;">'.esc_html__('Top', 'cookieadmin').'</label> | |
| 107 | - </span> | |
| 108 | - <span> | |
| 109 | - <input class="cookieadmin_foter_layout" id="cookieadmin_position_bottom" name="cookieadmin_position" type="radio" value="bottom" style="display:none;"> | |
| 110 | - <label class="cookieadmin_foter_layout" for="cookieadmin_position_bottom" style="display:none;">'.esc_html__('Bottom', 'cookieadmin').'</label> | |
| 111 | - </span> | |
| 112 | - </div> | |
| 91 | + </div> | |
| 92 | + | |
| 93 | + <div class="cookieadmin-setting consent-position"> | |
| 94 | + <label class="cookieadmin-title">'.esc_html__('Notice Position', 'cookieadmin').'</label> | |
| 95 | + <div class="cookieadmin-setting-contents"> | |
| 96 | + <label class="cookieadmin-horizontal" style="cursor:pointer; font-weight:400;"> | |
| 97 | + <input class="cookieadmin_box_layout" id="cookieadmin_position_bottom_left" name="cookieadmin_position" type="radio" value="bottom_left" checked> | |
| 98 | + '.esc_html__('Bottom Left', 'cookieadmin').' | |
| 99 | + </label> | |
| 100 | + <label class="cookieadmin-horizontal" style="cursor:pointer; font-weight:400;"> | |
| 101 | + <input class="cookieadmin_box_layout" id="cookieadmin_position_bottom_right" name="cookieadmin_position" type="radio" value="bottom_right"> | |
| 102 | + '.esc_html__('Bottom Right', 'cookieadmin').' | |
| 103 | + </label> | |
| 104 | + <label class="cookieadmin-horizontal" style="cursor:pointer; font-weight:400;"> | |
| 105 | + <input class="cookieadmin_box_layout" id="cookieadmin_position_top_left" name="cookieadmin_position" type="radio" value="top_left"> | |
| 106 | + '.esc_html__('Top Left', 'cookieadmin').' | |
| 107 | + </label> | |
| 108 | + <label class="cookieadmin-horizontal" style="cursor:pointer; font-weight:400;"> | |
| 109 | + <input class="cookieadmin_box_layout" id="cookieadmin_position_top_right" name="cookieadmin_position" type="radio" value="top_right"> | |
| 110 | + '.esc_html__('Top Right', 'cookieadmin').' | |
| 111 | + </label> | |
| 112 | + <label class="cookieadmin-horizontal" style="cursor:pointer; font-weight:400; display:none;"> | |
| 113 | + <input class="cookieadmin_footer_layout" id="cookieadmin_position_top" name="cookieadmin_position" type="radio" value="top"> | |
| 114 | + '.esc_html__('Top', 'cookieadmin').' | |
| 115 | + </label> | |
| 116 | + <label class="cookieadmin-horizontal" style="cursor:pointer; font-weight:400; display:none;"> | |
| 117 | + <input class="cookieadmin_footer_layout" id="cookieadmin_position_bottom" name="cookieadmin_position" type="radio" value="bottom"> | |
| 118 | + '.esc_html__('Bottom', 'cookieadmin').' | |
| 119 | + </label> | |
| 113 | 120 | </div> |
| 114 | - | |
| 115 | - <div class="cookieadmin-setting consent-modal-layout"> | |
| 116 | - <label class="cookieadmin-title">'.esc_html__('Preference Position', 'cookieadmin').'</label> | |
| 117 | - <div class="cookieadmin-setting-contents"> | |
| 118 | - <span> | |
| 119 | - <input id="cookieadmin_modal_center" name="cookieadmin_modal" type="radio" value="center" checked> | |
| 120 | - <label class="cookieadmin-input" for="cookieadmin_modal_center">'.esc_html__('Center', 'cookieadmin').'</label> | |
| 121 | - </span> | |
| 122 | - <span> | |
| 123 | - <input id="cookieadmin_modal_side" name="cookieadmin_modal" type="radio" value="side"> | |
| 124 | - <label class="cookieadmin-input" for="cookieadmin_modal_side">'.esc_html__('Side', 'cookieadmin').'</label> | |
| 125 | - </span> | |
| 126 | - <span> | |
| 127 | - <input id="cookieadmin_modal_down" name="cookieadmin_modal" type="radio" value="down"> | |
| 128 | - <label for="cookieadmin_modal_down">'.esc_html__('Draw down', 'cookieadmin').'</label> | |
| 129 | - </span> | |
| 130 | - </div> | |
| 121 | + </div> | |
| 122 | + | |
| 123 | + <div class="cookieadmin-setting consent-modal-layout"> | |
| 124 | + <label class="cookieadmin-title">'.esc_html__('Preference Position', 'cookieadmin').'</label> | |
| 125 | + <div class="cookieadmin-setting-contents"> | |
| 126 | + <label class="cookieadmin-horizontal" style="cursor:pointer; font-weight:400;"> | |
| 127 | + <input id="cookieadmin_modal_center" name="cookieadmin_modal" type="radio" value="center" checked> | |
| 128 | + '.esc_html__('Center', 'cookieadmin').' | |
| 129 | + </label> | |
| 130 | + <label class="cookieadmin-horizontal" style="cursor:pointer; font-weight:400;"> | |
| 131 | + <input id="cookieadmin_modal_side" name="cookieadmin_modal" type="radio" value="side"> | |
| 132 | + '.esc_html__('Side', 'cookieadmin').' | |
| 133 | + </label> | |
| 134 | + <label class="cookieadmin-horizontal" style="cursor:pointer; font-weight:400;"> | |
| 135 | + <input id="cookieadmin_modal_down" name="cookieadmin_modal" type="radio" value="down"> | |
| 136 | + '.esc_html__('Draw down', 'cookieadmin').' | |
| 137 | + </label> | |
| 131 | 138 | </div> |
| 132 | - | |
| 133 | - <div class="cookieadmin-setting consent-notice"> | |
| 134 | - <label class="cookieadmin-title">'.esc_html__('Notice Section', 'cookieadmin').'</label> | |
| 135 | - <div class="cookieadmin-setting-contents cookieadmin-vertical"> | |
| 136 | - <label for="cookieadmin_notice_title_layout">'.esc_html__('Title', 'cookieadmin').'</label> | |
| 137 | - <input type="text" id="cookieadmin_notice_title_layout" name="cookieadmin_notice_title" style="width: 52vw;" value="'.esc_attr($policy[$view]['cookieadmin_notice_title']).'"> | |
| 138 | - <label for="cookieadmin_notice_layout" style="margin-top:20px;">'.esc_html__('Notice', 'cookieadmin').'</label> | |
| 139 | - <textarea rows="5vh" cols="100vw" id="cookieadmin_notice_layout" name="cookieadmin_notice">'.esc_html($policy[$view]['cookieadmin_notice']).'</textarea> | |
| 140 | - <div class="cookieadmin-setting-colors cookieadmin-setting-contents cookieadmin-horizontal"> | |
| 141 | - <div class="cookieadmin-setting-colors cookieadmin-vertical" > | |
| 142 | - <label for="cookieadmin_notice_title_color">'.esc_html__('Title', 'cookieadmin').'</label> | |
| 143 | - <div class="cookieadmin-color-holder cookieadmin-horizontal"> | |
| 144 | - <input type="color" id="cookieadmin_notice_title_color_box" name="cookieadmin_notice_title_color_box" value="'.esc_attr($policy[$view]['cookieadmin_notice_title_color']).'"> | |
| 145 | - <input type="text" id="cookieadmin_notice_title_color" name="cookieadmin_notice_title_color" value="'.esc_attr($policy[$view]['cookieadmin_notice_title_color']).'" class="cookieadmin-color-input"> | |
| 146 | - </div> | |
| 139 | + </div> | |
| 140 | + </div> | |
| 141 | + </div> | |
| 142 | + <div class="cookieadmin-card cookieadmin-mt-16"> | |
| 143 | + <div class="cookieadmin-card-header"> | |
| 144 | + <span class="cookieadmin-card-title">'.esc_html__('Notice Content', 'cookieadmin').'</span> | |
| 145 | + </div> | |
| 146 | + <div class="cookieadmin-card-body"> | |
| 147 | + <div class="cookieadmin-vertical" style="gap:16px;"> | |
| 148 | + <div> | |
| 149 | + <label for="cookieadmin_notice_title_layout" style="display:block; font-weight:600; font-size:13px; margin-bottom:6px;">'.esc_html__('Title', 'cookieadmin').'</label> | |
| 150 | + <input type="text" id="cookieadmin_notice_title_layout" name="cookieadmin_notice_title" style="width:100%; max-width:600px;" value="'.esc_attr($policy[$view]['cookieadmin_notice_title']).'"> | |
| 151 | + </div> | |
| 152 | + <div> | |
| 153 | + <label for="cookieadmin_notice_layout" style="display:block; font-weight:600; font-size:13px; margin-bottom:6px;">'.esc_html__('Notice Text', 'cookieadmin').'</label> | |
| 154 | + <textarea rows="4" id="cookieadmin_notice_layout" name="cookieadmin_notice" style="width:100%; max-width:600px;">'.esc_html($policy[$view]['cookieadmin_notice']).'</textarea> | |
| 155 | + </div> | |
| 156 | + <div> | |
| 157 | + <label style="display:block; font-weight:600; font-size:13px; margin-bottom:10px;">'.esc_html__('Colors', 'cookieadmin').'</label> | |
| 158 | + <div class="cookieadmin-horizontal" style="flex-wrap:wrap; gap:16px;"> | |
| 159 | + <div class="cookieadmin-vertical" style="gap:4px;"> | |
| 160 | + <label for="cookieadmin_notice_title_color" style="font-size:12px; font-weight:500;">'.esc_html__('Title', 'cookieadmin').'</label> | |
| 161 | + <div class="cookieadmin-color-holder"> | |
| 162 | + <input type="color" id="cookieadmin_notice_title_color_box" name="cookieadmin_notice_title_color_box" value="'.esc_attr($policy[$view]['cookieadmin_notice_title_color']).'"> | |
| 163 | + <input type="text" id="cookieadmin_notice_title_color" name="cookieadmin_notice_title_color" value="'.esc_attr($policy[$view]['cookieadmin_notice_title_color']).'" class="cookieadmin-color-input"> | |
| 147 | 164 | </div> |
| 148 | - <div class="cookieadmin-setting-colors cookieadmin-vertical"> | |
| 149 | - <label for="cookieadmin_notice_color">'.esc_html__('Content', 'cookieadmin').'</label> | |
| 150 | - <div class="cookieadmin-color-holder cookieadmin-horizontal"> | |
| 151 | - <input type="color" id="cookieadmin_notice_color_box" name="cookieadmin_notice_color_box" value="'.esc_attr($policy[$view]['cookieadmin_notice_color']).'"> | |
| 152 | - <input type="text" id="cookieadmin_notice_color" name="cookieadmin_notice_color" value="'.esc_attr($policy[$view]['cookieadmin_notice_color']).'" class="cookieadmin-color-input"> | |
| 153 | - </div> | |
| 165 | + </div> | |
| 166 | + <div class="cookieadmin-vertical" style="gap:4px;"> | |
| 167 | + <label for="cookieadmin_notice_color" style="font-size:12px; font-weight:500;">'.esc_html__('Content', 'cookieadmin').'</label> | |
| 168 | + <div class="cookieadmin-color-holder"> | |
| 169 | + <input type="color" id="cookieadmin_notice_color_box" name="cookieadmin_notice_color_box" value="'.esc_attr($policy[$view]['cookieadmin_notice_color']).'"> | |
| 170 | + <input type="text" id="cookieadmin_notice_color" name="cookieadmin_notice_color" value="'.esc_attr($policy[$view]['cookieadmin_notice_color']).'" class="cookieadmin-color-input"> | |
| 154 | 171 | </div> |
| 155 | - <div class="cookieadmin-setting-colors cookieadmin-vertical"> | |
| 156 | - <label for="cookieadmin_consent_inside_bg_color">'.esc_html__('Background', 'cookieadmin').'</label> | |
| 157 | - <div class="cookieadmin-color-holder cookieadmin-horizontal"> | |
| 158 | - <input type="color" id="cookieadmin_consent_inside_bg_color_box" name="cookieadmin_consent_inside_bg_color_box" value="'.esc_attr($policy[$view]['cookieadmin_consent_inside_bg_color']).'"> | |
| 159 | - <input type="text" id="cookieadmin_consent_inside_bg_color" name="cookieadmin_consent_inside_bg_color" value="'.esc_attr($policy[$view]['cookieadmin_consent_inside_bg_color']).'" class="cookieadmin-color-input"> | |
| 160 | - </div> | |
| 172 | + </div> | |
| 173 | + <div class="cookieadmin-vertical" style="gap:4px;"> | |
| 174 | + <label for="cookieadmin_consent_inside_bg_color" style="font-size:12px; font-weight:500;">'.esc_html__('Background', 'cookieadmin').'</label> | |
| 175 | + <div class="cookieadmin-color-holder"> | |
| 176 | + <input type="color" id="cookieadmin_consent_inside_bg_color_box" name="cookieadmin_consent_inside_bg_color_box" value="'.esc_attr($policy[$view]['cookieadmin_consent_inside_bg_color']).'"> | |
| 177 | + <input type="text" id="cookieadmin_consent_inside_bg_color" name="cookieadmin_consent_inside_bg_color" value="'.esc_attr($policy[$view]['cookieadmin_consent_inside_bg_color']).'" class="cookieadmin-color-input"> | |
| 161 | 178 | </div> |
| 162 | - <div class="cookieadmin-setting-colors cookieadmin-vertical"> | |
| 163 | - <label for="cookieadmin_consent_inside_border_color">'.esc_html__('Border', 'cookieadmin').'</label> | |
| 164 | - <div class="cookieadmin-color-holder cookieadmin-horizontal"> | |
| 165 | - <input type="color" id="cookieadmin_consent_inside_border_color_box" name="cookieadmin_consent_inside_border_color_box" value="'.esc_attr($policy[$view]['cookieadmin_consent_inside_border_color']).'"> | |
| 166 | - <input type="text" id="cookieadmin_consent_inside_border_color" name="cookieadmin_consent_inside_border_color" value="'.esc_attr($policy[$view]['cookieadmin_consent_inside_border_color']).'" class="cookieadmin-color-input"> | |
| 167 | - </div> | |
| 179 | + </div> | |
| 180 | + <div class="cookieadmin-vertical" style="gap:4px;"> | |
| 181 | + <label for="cookieadmin_consent_inside_border_color" style="font-size:12px; font-weight:500;">'.esc_html__('Border', 'cookieadmin').'</label> | |
| 182 | + <div class="cookieadmin-color-holder"> | |
| 183 | + <input type="color" id="cookieadmin_consent_inside_border_color_box" name="cookieadmin_consent_inside_border_color_box" value="'.esc_attr($policy[$view]['cookieadmin_consent_inside_border_color']).'"> | |
| 184 | + <input type="text" id="cookieadmin_consent_inside_border_color" name="cookieadmin_consent_inside_border_color" value="'.esc_attr($policy[$view]['cookieadmin_consent_inside_border_color']).'" class="cookieadmin-color-input"> | |
| 168 | 185 | </div> |
| 169 | 186 | </div> |
| 170 | 187 | </div> |
| 171 | 188 | </div> |
| 172 | 189 | </div> |
| 173 | - <div class="cookieadmin-setting"> | |
| 174 | - <label class="cookieadmin-title">'.esc_html__('Buttons', 'cookieadmin').'</label> | |
| 175 | - <div class="cookieadmin-buttons cookieadmin-setting-contents cookieadmin-horizontal"> | |
| 176 | - <div class="cookieadmin-button cookieadmin-vertical"> | |
| 177 | - <input id="cookieadmin_customize_btn" name="cookieadmin_customize_btn" style="max-width:130px;text-align:center;" value="'.esc_attr($policy[$view]['cookieadmin_customize_btn']).'"> | |
| 178 | - <div class="cookieadmin-color-holder cookieadmin-horizontal"> | |
| 179 | - <input type="color" id="cookieadmin_customize_btn_color_box" name="cookieadmin_customize_btn_color_box" value="'.esc_attr($policy[$view]['cookieadmin_customize_btn_color']).'"> | |
| 180 | - <input type="text" id="cookieadmin_customize_btn_color" name="cookieadmin_customize_btn_color" value="'.esc_attr($policy[$view]['cookieadmin_customize_btn_color']).'" class="cookieadmin-color-input"> | |
| 181 | - </div> | |
| 182 | - <div class="cookieadmin-color-holder cookieadmin-horizontal"> | |
| 183 | - <input type="color" id="cookieadmin_customize_btn_bg_color_box" name="cookieadmin_customize_btn_bg_color_box" value="'.esc_attr($policy[$view]['cookieadmin_customize_btn_bg_color']).'"> | |
| 184 | - <input type="text" id="cookieadmin_customize_btn_bg_color" name="cookieadmin_customize_btn_bg_color" value="'.esc_attr($policy[$view]['cookieadmin_customize_btn_bg_color']).'" class="cookieadmin-color-input"> | |
| 185 | - </div> | |
| 190 | + </div> | |
| 191 | + </div> | |
| 192 | + <div class="cookieadmin-card"> | |
| 193 | + <div class="cookieadmin-card-header"> | |
| 194 | + <span class="cookieadmin-card-title">'.esc_html__('Button Settings', 'cookieadmin').'</span> | |
| 195 | + </div> | |
| 196 | + <div class="cookieadmin-card-body"> | |
| 197 | + <div class="cookieadmin-vertical" style="gap:24px;">'; | |
| 198 | + | |
| 199 | + $button_labels = [ | |
| 200 | + 'cookieadmin_customize_btn' => __('Customize', 'cookieadmin'), | |
| 201 | + 'cookieadmin_reject_btn' => __('Reject All', 'cookieadmin'), | |
| 202 | + 'cookieadmin_accept_btn' => __('Accept All', 'cookieadmin'), | |
| 203 | + 'cookieadmin_save_btn' => __('Save Preferences', 'cookieadmin') | |
| 204 | + ]; | |
| 205 | + | |
| 206 | + foreach($button_labels as $btn_key => $btn_label): | |
| 207 | + echo ' | |
| 208 | + <div class="cookieadmin-horizontal" style="align-items:flex-start; gap:24px; flex-wrap:wrap;"> | |
| 209 | + <div class="cookieadmin-vertical" style="gap:4px; min-width:180px;"> | |
| 210 | + <label for="'.esc_attr($btn_key).'" style="font-size:12px; font-weight:500;">'.esc_html($btn_label).'</label> | |
| 211 | + <input id="'.esc_attr($btn_key).'" name="'.esc_attr($btn_key).'" style="max-width:180px; text-align:center;" value="'.esc_attr($policy[$view][$btn_key]).'"> | |
| 212 | + </div> | |
| 213 | + <div class="cookieadmin-vertical" style="gap:4px;"> | |
| 214 | + <label for="'.esc_attr($btn_key.'_color').'" style="font-size:12px; font-weight:500;">'.esc_html__('Text Color', 'cookieadmin').'</label> | |
| 215 | + <div class="cookieadmin-color-holder"> | |
| 216 | + <input type="color" id="'.esc_attr($btn_key.'_color_box').'" name="'.esc_attr($btn_key.'_color_box').'" value="'.esc_attr($policy[$view][$btn_key.'_color']).'"> | |
| 217 | + <input type="text" id="'.esc_attr($btn_key.'_color').'" name="'.esc_attr($btn_key.'_color').'" value="'.esc_attr($policy[$view][$btn_key.'_color']).'" class="cookieadmin-color-input"> | |
| 186 | 218 | </div> |
| 187 | - <div class="cookieadmin-button cookieadmin-vertical"> | |
| 188 | - <input id="cookieadmin_reject_btn" name="cookieadmin_reject_btn" style="max-width:130px;text-align:center;" value="'.esc_attr($policy[$view]['cookieadmin_reject_btn']).'"> | |
| 189 | - <div class="cookieadmin-color-holder cookieadmin-horizontal"> | |
| 190 | - <input type="color" id="cookieadmin_reject_btn_color_box" name="cookieadmin_reject_btn_color_box" value="'.esc_attr($policy[$view]['cookieadmin_reject_btn_color']).'"> | |
| 191 | - <input type="text" id="cookieadmin_reject_btn_color" name="cookieadmin_reject_btn_color" value="'.esc_attr($policy[$view]['cookieadmin_reject_btn_color']).'" class="cookieadmin-color-input"> | |
| 192 | - </div> | |
| 193 | - <div class="cookieadmin-color-holder cookieadmin-horizontal"> | |
| 194 | - <input type="color" id="cookieadmin_reject_btn_bg_color_box" name="cookieadmin_reject_btn_bg_color_box" value="'.esc_attr($policy[$view]['cookieadmin_reject_btn_bg_color']).'"> | |
| 195 | - <input type="text" id="cookieadmin_reject_btn_bg_color" name="cookieadmin_reject_btn_bg_color" value="'.esc_attr($policy[$view]['cookieadmin_reject_btn_bg_color']).'" class="cookieadmin-color-input"> | |
| 196 | - </div> | |
| 219 | + </div> | |
| 220 | + <div class="cookieadmin-vertical" style="gap:4px;"> | |
| 221 | + <label for="'.esc_attr($btn_key.'_bg_color').'" style="font-size:12px; font-weight:500;">'.esc_html__('Background', 'cookieadmin').'</label> | |
| 222 | + <div class="cookieadmin-color-holder"> | |
| 223 | + <input type="color" id="'.esc_attr($btn_key.'_bg_color_box').'" name="'.esc_attr($btn_key.'_bg_color_box').'" value="'.esc_attr($policy[$view][$btn_key.'_bg_color']).'"> | |
| 224 | + <input type="text" id="'.esc_attr($btn_key.'_bg_color').'" name="'.esc_attr($btn_key.'_bg_color').'" value="'.esc_attr($policy[$view][$btn_key.'_bg_color']).'" class="cookieadmin-color-input"> | |
| 197 | 225 | </div> |
| 198 | - <div class="cookieadmin-button cookieadmin-vertical"> | |
| 199 | - <input id="cookieadmin_accept_btn" name="cookieadmin_accept_btn" style="max-width:130px;text-align:center;" value="'.esc_attr($policy[$view]['cookieadmin_accept_btn']).'"> | |
| 200 | - <div class="cookieadmin-color-holder cookieadmin-horizontal"> | |
| 201 | - <input type="color" id="cookieadmin_accept_btn_color_box" name="cookieadmin_accept_btn_color_box" value="'.esc_attr($policy[$view]['cookieadmin_accept_btn_color']).'"> | |
| 202 | - <input type="text" id="cookieadmin_accept_btn_color" name="cookieadmin_accept_btn_color" value="'.esc_attr($policy[$view]['cookieadmin_accept_btn_color']).'" class="cookieadmin-color-input"> | |
| 203 | - </div> | |
| 204 | - <div class="cookieadmin-color-holder cookieadmin-horizontal"> | |
| 205 | - <input type="color" id="cookieadmin_accept_btn_bg_color_box" name="cookieadmin_accept_btn_bg_color_box" value="'.esc_attr($policy[$view]['cookieadmin_accept_btn_bg_color']).'"> | |
| 206 | - <input type="text" id="cookieadmin_accept_btn_bg_color" name="cookieadmin_accept_btn_bg_color" value="'.esc_attr($policy[$view]['cookieadmin_accept_btn_bg_color']).'" class="cookieadmin-color-input"> | |
| 207 | - </div> | |
| 208 | - </div> | |
| 209 | - <div class="cookieadmin-button cookieadmin-vertical"> | |
| 210 | - <input id="cookieadmin_save_btn" name="cookieadmin_save_btn" style="max-width:130px;text-align:center;" value="'.esc_attr($policy[$view]['cookieadmin_save_btn']).'"> | |
| 211 | - <div class="cookieadmin-color-holder cookieadmin-horizontal"> | |
| 212 | - <input type="color" id="cookieadmin_save_btn_color_box" name="cookieadmin_save_btn_color_box" value="'.esc_attr($policy[$view]['cookieadmin_save_btn_color']).'"> | |
| 213 | - <input type="text" id="cookieadmin_save_btn_color" name="cookieadmin_save_btn_color" value="'.esc_attr($policy[$view]['cookieadmin_save_btn_color']).'" class="cookieadmin-color-input"> | |
| 214 | - </div> | |
| 215 | - <div class="cookieadmin-color-holder cookieadmin-horizontal"> | |
| 216 | - <input type="color" id="cookieadmin_save_btn_bg_color_box" name="cookieadmin_save_btn_bg_color_box" value="'.esc_attr($policy[$view]['cookieadmin_save_btn_bg_color']).'"> | |
| 217 | - <input type="text" id="cookieadmin_save_btn_bg_color" name="cookieadmin_save_btn_bg_color" value="'.esc_attr($policy[$view]['cookieadmin_save_btn_bg_color']).'" class="cookieadmin-color-input"> | |
| 218 | - </div> | |
| 219 | - </div> | |
| 220 | 226 | </div> |
| 221 | - </div> | |
| 222 | - <div class="cookieadmin-setting consent-preference"> | |
| 223 | - <label class="cookieadmin-title">'.esc_html__('Preference Section', 'cookieadmin').'</label> | |
| 224 | - <div class="cookieadmin-setting-contents cookieadmin-vertical"> | |
| 225 | - <label for="cookieadmin_preference_title_layout">'.esc_html__('Title', 'cookieadmin').'</label> | |
| 226 | - <input type="text" id="cookieadmin_preference_title_layout" name="cookieadmin_preference_title" style="width: 52vw;" value="'.esc_html($policy[$view]['cookieadmin_preference_title']).'"> | |
| 227 | - <label for="cookieadmin_preference_layout" style="margin-top:20px;">'.esc_html__('Privacy Notice', 'cookieadmin').'</label> | |
| 228 | - <textarea rows="8vh" cols="100vw" id="cookieadmin_preference_layout" name="cookieadmin_preference">'.esc_html($policy[$view]['cookieadmin_preference']).'</textarea> | |
| 229 | - <div class="cookieadmin-setting-colors cookieadmin-setting-contents cookieadmin-horizontal"> | |
| 230 | - <div class="cookieadmin-setting-colors cookieadmin-vertical"> | |
| 231 | - <label for="cookieadmin_preference_title_color">'.esc_html__('Title', 'cookieadmin').'</label> | |
| 232 | - <div class="cookieadmin-color-holder cookieadmin-horizontal"> | |
| 227 | + </div>'; | |
| 228 | + endforeach; | |
| 229 | + | |
| 230 | + echo '</div> | |
| 231 | + </div> | |
| 232 | + </div> | |
| 233 | + <div class="cookieadmin-card"> | |
| 234 | + <div class="cookieadmin-card-header"> | |
| 235 | + <span class="cookieadmin-card-title">'.esc_html__('Preference Content', 'cookieadmin').'</span> | |
| 236 | + </div> | |
| 237 | + <div class="cookieadmin-card-body"> | |
| 238 | + <div class="cookieadmin-vertical" style="gap:16px;"> | |
| 239 | + <div> | |
| 240 | + <label for="cookieadmin_preference_title_layout" style="display:block; font-weight:600; font-size:13px; margin-bottom:6px;">'.esc_html__('Title', 'cookieadmin').'</label> | |
| 241 | + <input type="text" id="cookieadmin_preference_title_layout" name="cookieadmin_preference_title" style="width:100%; max-width:600px;" value="'.esc_html($policy[$view]['cookieadmin_preference_title']).'"> | |
| 242 | + </div> | |
| 243 | + <div> | |
| 244 | + <label for="cookieadmin_preference_layout" style="display:block; font-weight:600; font-size:13px; margin-bottom:6px;">'.esc_html__('Privacy Notice', 'cookieadmin').'</label> | |
| 245 | + <textarea rows="4" id="cookieadmin_preference_layout" name="cookieadmin_preference" style="width:100%; max-width:600px;">'.esc_html($policy[$view]['cookieadmin_preference']).'</textarea> | |
| 246 | + </div> | |
| 247 | + <div> | |
| 248 | + <label style="display:block; font-weight:600; font-size:13px; margin-bottom:10px;">'.esc_html__('Colors', 'cookieadmin').'</label> | |
| 249 | + <div class="cookieadmin-horizontal" style="flex-wrap:wrap; gap:16px;"> | |
| 250 | + <div class="cookieadmin-vertical" style="gap:4px;"> | |
| 251 | + <label for="cookieadmin_preference_title_color" style="font-size:12px; font-weight:500;">'.esc_html__('Title', 'cookieadmin').'</label> | |
| 252 | + <div class="cookieadmin-color-holder"> | |
| 233 | 253 | <input type="color" id="cookieadmin_preference_title_color_box" name="cookieadmin_preference_title_color_box" value="'.esc_attr($policy[$view]['cookieadmin_preference_title_color']).'"> |
| 234 | 254 | <input type="text" id="cookieadmin_preference_title_color" name="cookieadmin_preference_title_color" value="'.esc_attr($policy[$view]['cookieadmin_preference_title_color']).'" class="cookieadmin-color-input"> |
| 235 | 255 | </div> |
| 236 | 256 | </div> |
| 237 | - <div class="cookieadmin-setting-colors cookieadmin-vertical"> | |
| 238 | - <label for="cookieadmin_details_wrapper_color">'.esc_html__('Content', 'cookieadmin').'</label> | |
| 239 | - <div class="cookieadmin-color-holder cookieadmin-horizontal"> | |
| 257 | + <div class="cookieadmin-vertical" style="gap:4px;"> | |
| 258 | + <label for="cookieadmin_details_wrapper_color" style="font-size:12px; font-weight:500;">'.esc_html__('Content', 'cookieadmin').'</label> | |
| 259 | + <div class="cookieadmin-color-holder"> | |
| 240 | 260 | <input type="color" id="cookieadmin_details_wrapper_color_box" name="cookieadmin_details_wrapper_color_box" value="'.esc_attr($policy[$view]['cookieadmin_details_wrapper_color']).'"> |
| 241 | 261 | <input type="text" id="cookieadmin_details_wrapper_color" name="cookieadmin_details_wrapper_color" value="'.esc_attr($policy[$view]['cookieadmin_details_wrapper_color']).'" class="cookieadmin-color-input"> |
| 242 | 262 | </div> |
| 243 | 263 | </div> |
| 244 | - <div class="cookieadmin-setting-colors cookieadmin-vertical"> | |
| 245 | - <label for="cookieadmin_cookie_modal_bg_color">'.esc_html__('Background', 'cookieadmin').'</label> | |
| 246 | - <div class="cookieadmin-color-holder cookieadmin-horizontal"> | |
| 264 | + <div class="cookieadmin-vertical" style="gap:4px;"> | |
| 265 | + <label for="cookieadmin_cookie_modal_bg_color" style="font-size:12px; font-weight:500;">'.esc_html__('Background', 'cookieadmin').'</label> | |
| 266 | + <div class="cookieadmin-color-holder"> | |
| 247 | 267 | <input type="color" id="cookieadmin_cookie_modal_bg_color_box" name="cookieadmin_cookie_modal_bg_color_box" value="'.esc_attr($policy[$view]['cookieadmin_cookie_modal_bg_color']).'"> |
| 248 | 268 | <input type="text" id="cookieadmin_cookie_modal_bg_color" name="cookieadmin_cookie_modal_bg_color" value="'.esc_attr($policy[$view]['cookieadmin_cookie_modal_bg_color']).'" class="cookieadmin-color-input"> |
| 249 | 269 | </div> |
| 250 | 270 | </div> |
| 251 | - <div class="cookieadmin-setting-colors cookieadmin-vertical"> | |
| 252 | - <label for="cookieadmin_cookie_modal_border_color">'.esc_html__('Border', 'cookieadmin').'</label> | |
| 253 | - <div class="cookieadmin-color-holder cookieadmin-horizontal"> | |
| 271 | + <div class="cookieadmin-vertical" style="gap:4px;"> | |
| 272 | + <label for="cookieadmin_cookie_modal_border_color" style="font-size:12px; font-weight:500;">'.esc_html__('Border', 'cookieadmin').'</label> | |
| 273 | + <div class="cookieadmin-color-holder"> | |
| 254 | 274 | <input type="color" id="cookieadmin_cookie_modal_border_color_box" name="cookieadmin_cookie_modal_border_color_box" value="'.esc_attr($policy[$view]['cookieadmin_cookie_modal_border_color']).'"> |
| 255 | 275 | <input type="text" id="cookieadmin_cookie_modal_border_color" name="cookieadmin_cookie_modal_border_color" value="'.esc_attr($policy[$view]['cookieadmin_cookie_modal_border_color']).'" class="cookieadmin-color-input"> |
| 256 | 276 | </div> |
| 257 | 277 | </div> |
| 258 | 278 | </div> |
| 259 | - | |
| 260 | - <div class="cookieadmin-setting-colors cookieadmin-setting-contents cookieadmin-horizontal" cookieadmin-pro-only="1"> | |
| 261 | - <div class="cookieadmin-setting-color cookieadmin-vertical"> | |
| 262 | - <label for="cookieadmin_links_color">'.esc_html__('Links', 'cookieadmin').wp_kses_post($cookieadmin_requires_pro).'</label> | |
| 263 | - <div class="cookieadmin-color-holder cookieadmin-horizontal"> | |
| 264 | - <input type="color" id="cookieadmin_links_color_box" name="cookieadmin_links_color_box" value="'.esc_attr($policy[$view]['cookieadmin_links_color']).'"> | |
| 265 | - <input type="text" id="cookieadmin_links_color" name="cookieadmin_links_color" value="'.esc_attr($policy[$view]['cookieadmin_links_color']).'" class="cookieadmin-color-input"> | |
| 266 | - </div> | |
| 279 | + </div> | |
| 280 | + <div> | |
| 281 | + <label style="display:block; font-weight:600; font-size:13px; margin-bottom:10px;">'.esc_html__('Additional Colors', 'cookieadmin').'</label> | |
| 282 | + <div class="cookieadmin-horizontal" style="flex-wrap:wrap; gap:16px;"> | |
| 283 | + <div class="cookieadmin-vertical" style="gap:4px;"> | |
| 284 | + <label for="cookieadmin_links_color" style="font-size:12px; font-weight:500;">'.esc_html__('Links', 'cookieadmin').'</label> | |
| 285 | + <div class="cookieadmin-color-holder"> | |
| 286 | + <input type="color" id="cookieadmin_links_color_box" name="cookieadmin_links_color_box" value="'.esc_attr($policy[$view]['cookieadmin_links_color']).'"> | |
| 287 | + <input type="text" id="cookieadmin_links_color" name="cookieadmin_links_color" value="'.esc_attr($policy[$view]['cookieadmin_links_color']).'" class="cookieadmin-color-input"> | |
| 267 | 288 | </div> |
| 268 | - <div class="cookieadmin-setting-colors cookieadmin-vertical"> | |
| 269 | - <label for="cookieadmin_slider_on_bg_color">'.esc_html__('Button Switch On', 'cookieadmin').wp_kses_post($cookieadmin_requires_pro).'</label> | |
| 270 | - <div class="cookieadmin-color-holder cookieadmin-horizontal"> | |
| 271 | - <input type="color" id="cookieadmin_slider_on_bg_color_box" name="cookieadmin_slider_on_bg_color_box" value="'.esc_attr($policy[$view]['cookieadmin_slider_on_bg_color']).'"> | |
| 272 | - <input type="text" id="cookieadmin_slider_on_bg_color" name="cookieadmin_slider_on_bg_color" value="'.esc_attr($policy[$view]['cookieadmin_slider_on_bg_color']).'" class="cookieadmin-color-input"> | |
| 273 | - </div> | |
| 289 | + </div> | |
| 290 | + <div class="cookieadmin-vertical" style="gap:4px;"> | |
| 291 | + <label for="cookieadmin_slider_on_bg_color" style="font-size:12px; font-weight:500;">'.esc_html__('Button Switch On', 'cookieadmin').'</label> | |
| 292 | + <div class="cookieadmin-color-holder"> | |
| 293 | + <input type="color" id="cookieadmin_slider_on_bg_color_box" name="cookieadmin_slider_on_bg_color_box" value="'.esc_attr($policy[$view]['cookieadmin_slider_on_bg_color']).'"> | |
| 294 | + <input type="text" id="cookieadmin_slider_on_bg_color" name="cookieadmin_slider_on_bg_color" value="'.esc_attr($policy[$view]['cookieadmin_slider_on_bg_color']).'" class="cookieadmin-color-input"> | |
| 274 | 295 | </div> |
| 275 | - <div class="cookieadmin-setting-colors cookieadmin-vertical"> | |
| 276 | - <label for="cookieadmin_slider_off_bg_color">'.esc_html__('Button Switch Off', 'cookieadmin').wp_kses_post($cookieadmin_requires_pro).'</label> | |
| 277 | - <div class="cookieadmin-color-holder cookieadmin-horizontal"> | |
| 278 | - <input type="color" id="cookieadmin_slider_off_bg_color_box" name="cookieadmin_slider_off_bg_color_box" value="'.esc_attr($policy[$view]['cookieadmin_slider_off_bg_color']).'"> | |
| 279 | - <input type="text" id="cookieadmin_slider_off_bg_color" name="cookieadmin_slider_off_bg_color" value="'.esc_attr($policy[$view]['cookieadmin_slider_off_bg_color']).'" class="cookieadmin-color-input"> | |
| 280 | - </div> | |
| 296 | + </div> | |
| 297 | + <div class="cookieadmin-vertical" style="gap:4px;"> | |
| 298 | + <label for="cookieadmin_slider_off_bg_color" style="font-size:12px; font-weight:500;">'.esc_html__('Button Switch Off', 'cookieadmin').'</label> | |
| 299 | + <div class="cookieadmin-color-holder"> | |
| 300 | + <input type="color" id="cookieadmin_slider_off_bg_color_box" name="cookieadmin_slider_off_bg_color_box" value="'.esc_attr($policy[$view]['cookieadmin_slider_off_bg_color']).'"> | |
| 301 | + <input type="text" id="cookieadmin_slider_off_bg_color" name="cookieadmin_slider_off_bg_color" value="'.esc_attr($policy[$view]['cookieadmin_slider_off_bg_color']).'" class="cookieadmin-color-input"> | |
| 281 | 302 | </div> |
| 282 | 303 | </div> |
| 283 | - | |
| 284 | 304 | </div> |
| 285 | 305 | </div> |
| 286 | - | |
| 287 | - <div class="cookieadmin-setting reconsent"> | |
| 288 | - <label class="cookieadmin-title">'.esc_html__('Re-consent Icon', 'cookieadmin').wp_kses_post($cookieadmin_requires_pro).'</label> | |
| 289 | - <div class="cookieadmin-setting-contents cookieadmin-vertical" cookieadmin-pro-only="1"> | |
| 290 | - | |
| 291 | - <div class="cookieadmin-setting-contents cookieadmin-reconsent-icons-grid"> | |
| 292 | - ' . wp_kses($icons_grid, cookieadmin_kses_allowed_html()) . ' | |
| 293 | - <div class="cookieadmin-custom-reconsent-url"> | |
| 294 | - <input type="text" id="cookieadmin_reconsent_img_url" name="cookieadmin_reconsent_img_url" style="width: 50vw;" placeholder="'.esc_attr__('Insert custom icon url here', 'cookieadmin').'" value="'.(!empty($policy[$view]['cookieadmin_reconsent_img_url']) ? esc_attr($policy[$view]['cookieadmin_reconsent_img_url']) : '').'"> | |
| 295 | - </div> | |
| 296 | - <div class="cookieadmin-reconsent-file-upload"> | |
| 297 | - <input type="button" class="button button-secondary" id="cookieadmin_upload_icon_btn" value="'.esc_attr__( 'Upload Icon', 'cookieadmin' ).'"> | |
| 298 | - </div> | |
| 306 | + </div> | |
| 307 | + </div> | |
| 308 | + </div> | |
| 309 | + | |
| 310 | + <div class="cookieadmin-card" cookieadmin-pro-only="1"> | |
| 311 | + <div class="cookieadmin-card-header"> | |
| 312 | + <span class="cookieadmin-card-title">'.esc_html__('Re-consent Icon', 'cookieadmin').wp_kses_post($cookieadmin_requires_pro).'</span> | |
| 313 | + </div> | |
| 314 | + <div class="cookieadmin-card-body"> | |
| 315 | + <div class="cookieadmin-vertical" style="gap:12px;"> | |
| 316 | + <div class="cookieadmin-reconsent-icons-grid"> | |
| 317 | + <div class="cookieadmin-reconsent-icons-list"> | |
| 318 | + ' . wp_kses($icons_grid, cookieadmin_kses_allowed_html()) . ' | |
| 299 | 319 | </div> |
| 300 | - | |
| 301 | - <div class="cookieadmin-setting-contents cookieadmin-setting-colors cookieadmin-horizontal"> | |
| 302 | - <div class="cookieadmin-setting-colors cookieadmin-vertical"> | |
| 303 | - <label for="cookieadmin_re_consent_bg_color">'.esc_html__('Background', 'cookieadmin').'</label> | |
| 304 | - <div class="cookieadmin-color-holder cookieadmin-horizontal"> | |
| 305 | - <input type="color" id="cookieadmin_re_consent_bg_color_box" name="cookieadmin_re_consent_bg_color_box" value="'.(!empty($policy[$view]['cookieadmin_re_consent_bg_color']) ? esc_attr($policy[$view]['cookieadmin_re_consent_bg_color']) : '#374FD4').'"> | |
| 306 | - <input type="text" id="cookieadmin_re_consent_bg_color" name="cookieadmin_re_consent_bg_color" value="'.(!empty($policy[$view]['cookieadmin_re_consent_bg_color']) ? esc_attr($policy[$view]['cookieadmin_re_consent_bg_color']) : '#374FD4').'" class="cookieadmin-color-input"> | |
| 307 | - </div> | |
| 308 | - </div> | |
| 309 | - </div> | |
| 320 | + <div class="cookieadmin-custom-reconsent-url cookieadmin-mt-16"> | |
| 321 | + <input type="text" id="cookieadmin_reconsent_img_url" name="cookieadmin_reconsent_img_url" style="width:100%; max-width:500px;" placeholder="'.esc_attr__('Insert custom icon url here', 'cookieadmin').'" value="'.(!empty($policy[$view]['cookieadmin_reconsent_img_url']) ? esc_attr($policy[$view]['cookieadmin_reconsent_img_url']) : '').'"> | |
| 322 | + </div> | |
| 323 | + <div class="cookieadmin-mt-16"> | |
| 324 | + <input type="button" class="cookieadmin-btn cookieadmin-btn-secondary" id="cookieadmin_upload_icon_btn" value="'.esc_attr__( 'Upload Icon', 'cookieadmin' ).'"> | |
| 325 | + </div> | |
| 310 | 326 | </div> |
| 327 | + <div class="cookieadmin-vertical" style="gap:4px; margin-top:16px;"> | |
| 328 | + <label for="cookieadmin_re_consent_bg_color" style="font-size:12px; font-weight:500;">'.esc_html__('Background', 'cookieadmin').'</label> | |
| 329 | + <div class="cookieadmin-color-holder"> | |
| 330 | + <input type="color" id="cookieadmin_re_consent_bg_color_box" name="cookieadmin_re_consent_bg_color_box" value="'.(!empty($policy[$view]['cookieadmin_re_consent_bg_color']) ? esc_attr($policy[$view]['cookieadmin_re_consent_bg_color']) : '#374FD4').'"> | |
| 331 | + <input type="text" id="cookieadmin_re_consent_bg_color" name="cookieadmin_re_consent_bg_color" value="'.(!empty($policy[$view]['cookieadmin_re_consent_bg_color']) ? esc_attr($policy[$view]['cookieadmin_re_consent_bg_color']) : '#374FD4').'" class="cookieadmin-color-input"> | |
| 332 | + </div> | |
| 333 | + </div> | |
| 311 | 334 | </div> |
| 312 | - <div class="cookieadmin-setting"> | |
| 313 | - <label class="cookieadmin-title">'.esc_html__('Policy Links', 'cookieadmin').wp_kses_post($cookieadmin_requires_pro).'</label> | |
| 314 | - <div class="cookieadmin-setting-contents cookieadmin-vertical cookieadmin-policy-links" cookieadmin-pro-only="1"> | |
| 315 | - <div class="cookieadmin-policy-link cookieadmin-vertical"> | |
| 316 | - <label for="cookieadmin_privacy_policy">'.esc_html__('Privacy Policy', 'cookieadmin').'</label> | |
| 317 | - <input type="text" id="cookieadmin_privacy_policy" name="cookieadmin_privacy_policy" style="width: 61vw;" placeholder="'.__('Insert Privacy Policy link here...', 'cookieadmin').'" value="'.(!empty($policy[$view]['cookieadmin_privacy_policy']) ? esc_attr($policy[$view]['cookieadmin_privacy_policy']) : '').'"> | |
| 335 | + </div> | |
| 336 | + </div> | |
| 337 | + | |
| 338 | + <div class="cookieadmin-card cookieadmin-mt-16" cookieadmin-pro-only="1"> | |
| 339 | + <div class="cookieadmin-card-header"> | |
| 340 | + <span class="cookieadmin-card-title">'.esc_html__('Policy Links', 'cookieadmin').wp_kses_post($cookieadmin_requires_pro).'</span> | |
| 341 | + </div> | |
| 342 | + <div class="cookieadmin-card-body"> | |
| 343 | + <div class="cookieadmin-vertical" style="gap:16px;"> | |
| 344 | + <div class="cookieadmin-vertical" style="gap:4px;"> | |
| 345 | + <label for="cookieadmin_privacy_policy" style="font-size:13px; font-weight:500;">'.esc_html__('Privacy Policy', 'cookieadmin').'</label> | |
| 346 | + <input type="text" id="cookieadmin_privacy_policy" name="cookieadmin_privacy_policy" style="width:100%; max-width:500px;" placeholder="'.__('Insert Privacy Policy link here...', 'cookieadmin').'" value="'.(!empty($policy[$view]['cookieadmin_privacy_policy']) ? esc_attr($policy[$view]['cookieadmin_privacy_policy']) : '').'"> | |
| 347 | + </div> | |
| 348 | + <div class="cookieadmin-vertical" style="gap:4px;"> | |
| 349 | + <label for="cookieadmin_cookie_policy" style="font-size:13px; font-weight:500;">'.esc_html__('Cookie Policy', 'cookieadmin').'</label> | |
| 350 | + <input type="text" id="cookieadmin_cookie_policy" name="cookieadmin_cookie_policy" style="width:100%; max-width:500px;" placeholder="'.__('Insert Cookie Policy link here...', 'cookieadmin').'" value="'.(!empty($policy[$view]['cookieadmin_cookie_policy']) ? esc_attr($policy[$view]['cookieadmin_cookie_policy']) : '').'"> | |
| 351 | + </div> | |
| 352 | + <div> | |
| 353 | + <label style="font-size:13px; font-weight:500; display:block; margin-bottom:8px;">'.esc_html__('Visibility', 'cookieadmin').'</label> | |
| 354 | + <div class="cookieadmin-horizontal" style="gap:16px;"> | |
| 355 | + <label class="cookieadmin-horizontal" style="cursor:pointer; font-weight:400;"> | |
| 356 | + <input type="checkbox" id="cookieadmin_privacy_policy_banner" name="cookieadmin_privacy_policy_banner" '.(!empty($policy[$view]['cookieadmin_privacy_policy_banner']) ? 'checked' : '').'> | |
| 357 | + '.esc_html__('Banner', 'cookieadmin').' | |
| 358 | + </label> | |
| 359 | + <label class="cookieadmin-horizontal" style="cursor:pointer; font-weight:400;"> | |
| 360 | + <input type="checkbox" id="cookieadmin_privacy_policy_pref" name="cookieadmin_privacy_policy_pref" '.(!empty($policy[$view]['cookieadmin_privacy_policy_pref']) ? 'checked' : '').'> | |
| 361 | + '.esc_html__('Preference', 'cookieadmin').' | |
| 362 | + </label> | |
| 318 | 363 | </div> |
| 319 | - <div class="cookieadmin-policy-link cookieadmin-vertical"> | |
| 320 | - <label for="cookieadmin_cookie_policy">'.esc_html__('Cookie Policy', 'cookieadmin').'</label> | |
| 321 | - <input type="text" id="cookieadmin_cookie_policy" name="cookieadmin_cookie_policy" style="width: 61vw;" placeholder="'.__('Insert Cookie Policy link here...', 'cookieadmin').'" value="'.(!empty($policy[$view]['cookieadmin_cookie_policy']) ? esc_attr($policy[$view]['cookieadmin_cookie_policy']) : '').'"> | |
| 364 | + </div> | |
| 365 | + <div class="cookieadmin-vertical" style="gap:4px;"> | |
| 366 | + <label for="cookieadmin_policy_link_color" style="font-size:12px; font-weight:500;">'.esc_html__('Link Color', 'cookieadmin').'</label> | |
| 367 | + <div class="cookieadmin-color-holder"> | |
| 368 | + <input type="color" id="cookieadmin_policy_link_color_box" name="cookieadmin_policy_link_color_box" value="'.(!empty($policy[$view]['cookieadmin_policy_link_color']) ? esc_attr($policy[$view]['cookieadmin_policy_link_color']) : '').'"> | |
| 369 | + <input type="text" id="cookieadmin_policy_link_color" name="cookieadmin_policy_link_color" value="'.(!empty($policy[$view]['cookieadmin_policy_link_color']) ? esc_attr($policy[$view]['cookieadmin_policy_link_color']) : '').'" class="cookieadmin-color-input"> | |
| 322 | 370 | </div> |
| 323 | - | |
| 324 | - <div class="cookieadmin-vertical"> | |
| 325 | - <label for="cookieadmin_privacy_policy_visibility">'.esc_html__('Visiblity', 'cookieadmin').'</label> | |
| 326 | - <div class="cookieadmin-horizontal cookieadmin-privacy-policy-visibility"> | |
| 327 | - <span> | |
| 328 | - <input type="checkbox" id="cookieadmin_privacy_policy_banner" name="cookieadmin_privacy_policy_banner" '.(!empty($policy[$view]['cookieadmin_privacy_policy_banner']) ? 'checked' : '').'> | |
| 329 | - <label for="cookieadmin_privacy_policy_banner">'.esc_html__('Banner', 'cookieadmin').'</label> | |
| 330 | - </span> | |
| 331 | - <span> | |
| 332 | - <input type="checkbox" id="cookieadmin_privacy_policy_pref" name="cookieadmin_privacy_policy_pref" '.(!empty($policy[$view]['cookieadmin_privacy_policy_pref']) ? 'checked' : '').'> | |
| 333 | - <label for="cookieadmin_privacy_policy_pref">'.esc_html__('Preference', 'cookieadmin').'</label> | |
| 334 | - </span> | |
| 335 | - </div> | |
| 336 | - </div> | |
| 337 | - | |
| 338 | - <div class="cookieadmin-horizontal"> | |
| 339 | - <div class="cookieadmin-setting-colors cookieadmin-vertical"> | |
| 340 | - <label for="cookieadmin_policy_link_color">'.esc_html__('Link', 'cookieadmin').'</label> | |
| 341 | - <div class="cookieadmin-color-holder cookieadmin-horizontal"> | |
| 342 | - <input type="color" id="cookieadmin_policy_link_color_box" name="cookieadmin_policy_link_color_box" value="'.(!empty($policy[$view]['cookieadmin_policy_link_color']) ? esc_attr($policy[$view]['cookieadmin_policy_link_color']) : '').'"> | |
| 343 | - <input type="text" id="cookieadmin_policy_link_color" name="cookieadmin_policy_link_color" value="'.(!empty($policy[$view]['cookieadmin_policy_link_color']) ? esc_attr($policy[$view]['cookieadmin_policy_link_color']) : '').'" class="cookieadmin-color-input"> | |
| 344 | - </div> | |
| 345 | - </div> | |
| 346 | - </div> | |
| 347 | 371 | </div> |
| 348 | 372 | </div> |
| 349 | - | |
| 350 | - <div class="cookieadmin-setting cookieadmin-save-settings"> | |
| 351 | - <div class="cookieadmin-setting-contents"> | |
| 352 | - <input type="submit" name="cookieadmin_save_settings" class="cookieadmin-btn cookieadmin-btn-primary action" value="'.esc_html__('Save Settings', 'cookieadmin').'"> | |
| 353 | - <input type="button" id="cookieadmin_show_preview" name="cookieadmin_show_preview" class="cookieadmin-btn cookieadmin-btn-secondary" value="'.esc_html__('Show Preview', 'cookieadmin').'"> | |
| 354 | - <div> | |
| 355 | - <div> | |
| 356 | 373 | </div> |
| 374 | + </div>'; | |
| 375 | + | |
| 376 | + wp_nonce_field('cookieadmin_admin_nonce', 'cookieadmin_security'); | |
| 377 | + | |
| 378 | + echo ' | |
| 379 | + <div class="cookieadmin-save-bar"> | |
| 380 | + <button type="button" id="cookieadmin_show_preview" class="cookieadmin-btn cookieadmin-btn-ghost"><span class="dashicons dashicons-visibility"></span>'.esc_html__('Show Preview', 'cookieadmin').'</button> | |
| 381 | + <button type="button" id="cookieadmin_hide_preview" class="cookieadmin-btn cookieadmin-btn-ghost" style="display:none;"><span class="dashicons dashicons-hidden"></span>'.esc_html__('Hide Preview', 'cookieadmin').'</button> | |
| 382 | + <input type="submit" name="cookieadmin_save_settings" class="cookieadmin-btn cookieadmin-btn-primary" value="'.esc_html__('Save Settings', 'cookieadmin').'"> | |
| 357 | 383 | </div> |
| 358 | - '; | |
| 359 | - wp_nonce_field('cookieadmin_admin_nonce', 'cookieadmin_security'); | |
| 360 | - echo '<br/> | |
| 361 | - <br/> | |
| 384 | + | |
| 362 | 385 | </form> |
| 363 | 386 | </div>'; |
| 364 | 387 | \CookieAdmin\Admin::footer_theme(); |
| 365 | 388 | |
| @@ -382,9 +405,12 @@ | ||
| 382 | 405 | $cookieadmin_consent_type = isset( $_REQUEST['cookieadmin_consent_type'] ) ? sanitize_text_field( wp_unslash( $_REQUEST['cookieadmin_consent_type'] ) ) : ''; |
| 383 | 406 | |
| 384 | 407 | if(!empty($cookieadmin_consent_type)){ |
| 385 | 408 | |
| 386 | - $laws = array('cookieadmin_gdpr' => '', 'cookieadmin_us' => ''); | |
| 409 | + $laws = apply_filters('cookieadmin_geo_law_options', [ | |
| 410 | + 'cookieadmin_gdpr' => __('GDPR', 'cookieadmin'), | |
| 411 | + 'cookieadmin_us' => __('US State Laws', 'cookieadmin'), | |
| 412 | + ]); | |
| 387 | 413 | |
| 388 | 414 | $law = array_key_exists($cookieadmin_consent_type, $laws) ? $cookieadmin_consent_type : 'cookieadmin_gdpr'; |
| 389 | 415 | |
| 390 | 416 | if(empty($cookieadmin_error)){ |
| @@ -405,12 +431,12 @@ | ||
| 405 | 431 | unset($setting['cookieadmin_position']); |
| 406 | 432 | } |
| 407 | 433 | |
| 408 | 434 | $setting['cookieadmin_notice_title'] = !empty($_REQUEST['cookieadmin_notice_title']) ? sanitize_text_field(wp_unslash($_REQUEST['cookieadmin_notice_title'])) : $policy[$law]['cookieadmin_notice_title']; |
| 409 | - $setting['cookieadmin_notice_title_color'] = !empty($_REQUEST['cookieadmin_notice_title_color']) ? sanitize_text_field(wp_unslash($_REQUEST['cookieadmin_notice_title_color'])) : (!empty($policy[$law]['cookieadmin_notice_title_color']) ? $policy[$law]['cookieadmin_notice_title_color'] : '#000000'); | |
| 435 | + $setting['cookieadmin_notice_title_color'] = !empty($_REQUEST['cookieadmin_notice_title_color']) ? sanitize_text_field(wp_unslash($_REQUEST['cookieadmin_notice_title_color'])) : (!empty($policy[$law]['cookieadmin_notice_title_color']) ? $policy[$law]['cookieadmin_notice_title_color'] : '#1f2937'); | |
| 410 | 436 | |
| 411 | 437 | $setting['cookieadmin_notice'] = !empty($_REQUEST['cookieadmin_notice']) ? wp_kses(wp_unslash($_REQUEST['cookieadmin_notice']), cookieadmin_kses_allowed_html()) : $policy[$law]['cookieadmin_notice']; |
| 412 | - $setting['cookieadmin_notice_color'] = !empty($_REQUEST['cookieadmin_notice_color']) ? sanitize_text_field(wp_unslash($_REQUEST['cookieadmin_notice_color'])) : (!empty($policy[$law]['cookieadmin_notice_color']) ? $policy[$law]['cookieadmin_notice_color'] : '#000000'); | |
| 438 | + $setting['cookieadmin_notice_color'] = !empty($_REQUEST['cookieadmin_notice_color']) ? sanitize_text_field(wp_unslash($_REQUEST['cookieadmin_notice_color'])) : (!empty($policy[$law]['cookieadmin_notice_color']) ? $policy[$law]['cookieadmin_notice_color'] : '#1f2937'); | |
| 413 | 439 | |
| 414 | 440 | $setting['cookieadmin_consent_inside_bg_color'] = !empty($_REQUEST['cookieadmin_consent_inside_bg_color']) ? sanitize_text_field(wp_unslash($_REQUEST['cookieadmin_consent_inside_bg_color'])) : (!empty($policy[$law]['cookieadmin_consent_inside_bg_color']) ? $policy[$law]['cookieadmin_consent_inside_bg_color'] : '#ffffff'); |
| 415 | 441 | $setting['cookieadmin_consent_inside_border_color'] = !empty($_REQUEST['cookieadmin_consent_inside_border_color']) ? sanitize_text_field(wp_unslash($_REQUEST['cookieadmin_consent_inside_border_color'])) : (!empty($policy[$law]['cookieadmin_consent_inside_border_color']) ? $policy[$law]['cookieadmin_consent_inside_border_color'] : '#000000'); |
| 416 | 442 | |
| @@ -430,12 +456,12 @@ | ||
| 430 | 456 | $setting['cookieadmin_save_btn_color'] = !empty($_REQUEST['cookieadmin_save_btn_color']) ? sanitize_text_field(wp_unslash($_REQUEST['cookieadmin_save_btn_color'])) : (!empty($policy[$law]['cookieadmin_save_btn_color']) ? $policy[$law]['cookieadmin_save_btn_color'] : '#ffffff'); |
| 431 | 457 | $setting['cookieadmin_save_btn_bg_color'] = !empty($_REQUEST['cookieadmin_save_btn_bg_color']) ? sanitize_text_field(wp_unslash($_REQUEST['cookieadmin_save_btn_bg_color'])) : (!empty($policy[$law]['cookieadmin_save_btn_bg_color']) ? $policy[$law]['cookieadmin_save_btn_bg_color'] : '#183833'); |
| 432 | 458 | |
| 433 | 459 | $setting['cookieadmin_preference_title'] = !empty($_REQUEST['cookieadmin_preference_title']) ? sanitize_text_field(wp_unslash($_REQUEST['cookieadmin_preference_title'])) : $policy[$law]['cookieadmin_preference_title']; |
| 434 | - $setting['cookieadmin_preference_title_color'] = !empty($_REQUEST['cookieadmin_preference_title_color']) ? sanitize_text_field(wp_unslash($_REQUEST['cookieadmin_preference_title_color'])) : (!empty($policy[$law]['cookieadmin_preference_title_color']) ? $policy[$law]['cookieadmin_preference_title_color'] : '#000000'); | |
| 460 | + $setting['cookieadmin_preference_title_color'] = !empty($_REQUEST['cookieadmin_preference_title_color']) ? sanitize_text_field(wp_unslash($_REQUEST['cookieadmin_preference_title_color'])) : (!empty($policy[$law]['cookieadmin_preference_title_color']) ? $policy[$law]['cookieadmin_preference_title_color'] : '#1f2937'); | |
| 435 | 461 | |
| 436 | 462 | $setting['cookieadmin_preference'] = !empty($_REQUEST['cookieadmin_preference']) ? wp_kses(wp_unslash($_REQUEST['cookieadmin_preference']), cookieadmin_kses_allowed_html()) : $policy[$law]['cookieadmin_preference']; |
| 437 | - $setting['cookieadmin_details_wrapper_color'] = !empty($_REQUEST['cookieadmin_details_wrapper_color']) ? sanitize_text_field(wp_unslash($_REQUEST['cookieadmin_details_wrapper_color'])) : (!empty($policy[$law]['cookieadmin_details_wrapper_color']) ? $policy[$law]['cookieadmin_details_wrapper_color'] : '#000000'); | |
| 463 | + $setting['cookieadmin_details_wrapper_color'] = !empty($_REQUEST['cookieadmin_details_wrapper_color']) ? sanitize_text_field(wp_unslash($_REQUEST['cookieadmin_details_wrapper_color'])) : (!empty($policy[$law]['cookieadmin_details_wrapper_color']) ? $policy[$law]['cookieadmin_details_wrapper_color'] : '#1f2937'); | |
| 438 | 464 | |
| 439 | 465 | $setting['cookieadmin_cookie_modal_bg_color'] = !empty($_REQUEST['cookieadmin_cookie_modal_bg_color']) ? sanitize_text_field(wp_unslash($_REQUEST['cookieadmin_cookie_modal_bg_color'])) : (!empty($policy[$law]['cookieadmin_cookie_modal_bg_color']) ? $policy[$law]['cookieadmin_cookie_modal_bg_color'] : '#ffffff'); |
| 440 | 466 | $setting['cookieadmin_cookie_modal_border_color'] = !empty($_REQUEST['cookieadmin_cookie_modal_border_color']) ? sanitize_text_field(wp_unslash($_REQUEST['cookieadmin_cookie_modal_border_color'])) : (!empty($policy[$law]['cookieadmin_cookie_modal_border_color']) ? $policy[$law]['cookieadmin_cookie_modal_border_color'] : '#000000'); |
| 441 | 467 | |
| @@ -463,9 +489,9 @@ | ||
| 463 | 489 | $cookieadmin_check_changes = array('cookieadmin_notice_title', 'cookieadmin_notice', 'cookieadmin_preference_title', 'cookieadmin_preference', 'reConsent_title', 'cookieadmin_customize_btn', 'cookieadmin_reject_btn', 'cookieadmin_accept_btn', 'cookieadmin_save_btn'); |
| 464 | 490 | |
| 465 | 491 | foreach($cookieadmin_check_changes as $c_field){ |
| 466 | 492 | foreach($policy as $c_law => $c_val){ |
| 467 | - if(!empty($c_val[$c_field]) && $c_val[$c_field] == $cookieadmin_policies[$c_law][$c_field]){ | |
| 493 | + if(!empty($cookieadmin_policies[$c_law]) && !empty($c_val[$c_field]) && $c_val[$c_field] == $cookieadmin_policies[$c_law][$c_field]){ | |
| 468 | 494 | unset($policy[$c_law][$c_field]); |
| 469 | 495 | } |
| 470 | 496 | } |
| 471 | 497 | } |
| @@ -475,5 +501,5 @@ | ||
| 475 | 501 | if(empty($cookieadmin_error)){ |
| 476 | 502 | $cookieadmin_msg = __('Settings saved successfully', 'cookieadmin'); |
| 477 | 503 | } |
| 478 | 504 | } |
| 479 | -} | |
| 505 | +} | |
