| @@ -85,26 +85,8 @@ | ||
| 85 | 85 | margin-top: 10px; |
| 86 | 86 | color: red; |
| 87 | 87 | } |
| 88 | 88 | |
| 89 | - .toggle_icon{ | |
| 90 | - background: url(<?php echo $this->plugin_url.'img/arrow_right_32.png' ?>) no-repeat; | |
| 91 | - background-size:contain; | |
| 92 | - width:24px; | |
| 93 | - height:24px; | |
| 94 | - display:inline-block; | |
| 95 | - vertical-align: middle; | |
| 96 | - } | |
| 97 | - | |
| 98 | - .toggle_icon_on{ | |
| 99 | - -ms-transform: rotate(90deg); /* IE 9 */ | |
| 100 | - -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */ | |
| 101 | - transform: rotate(90deg); | |
| 102 | - } | |
| 103 | - .apply_button{ | |
| 104 | - margin-top: 20px !important; | |
| 105 | - } | |
| 106 | - | |
| 107 | 89 | </style> |
| 108 | 90 | |
| 109 | 91 | <div class="taboola-container"> |
| 110 | 92 | <img src='<?php echo $this->plugin_url.'img/taboola.png' ?>' style='width:200px;'/> |
| @@ -114,9 +96,9 @@ | ||
| 114 | 96 | <table> |
| 115 | 97 | <tr> |
| 116 | 98 | <td>Publisher ID</td> |
| 117 | 99 | <td> |
| 118 | - <input type="text" name="publisher_id" placeholder="publisher" value="<?php echo htmlspecialchars($settings->publisher_id) ?>"/> | |
| 100 | + <input type="text" name="publisher_id" placeholder="publisher" value="<?php echo $settings->publisher_id ?>"/> | |
| 119 | 101 | </td> |
| 120 | 102 | <td class='tooltip'> |
| 121 | 103 | <img src='<?php echo $this->plugin_url.'img/question-mark.png' ?>'/> |
| 122 | 104 | <div>Please contact your Taboola representative to receive the Publisher ID </div> |
| @@ -133,9 +115,9 @@ | ||
| 133 | 115 | <hr style='margin-bottom: 25px; margin-top: 5px;'> |
| 134 | 116 | |
| 135 | 117 | <div class='checkbox'> |
| 136 | 118 | <input id="first_bc_enabled" type="checkbox" <?php echo $settings->first_bc_enabled ? "checked='checked'" : "" ?> name="first_bc_enabled"/> |
| 137 | - Below Article | |
| 119 | + Taboola widget below article | |
| 138 | 120 | </div> |
| 139 | 121 | <table> |
| 140 | 122 | <tr> |
| 141 | 123 | <td>Widget ID</td> |
| @@ -146,15 +128,20 @@ | ||
| 146 | 128 | <img src='<?php echo $this->plugin_url.'img/question-mark.png' ?>'/> |
| 147 | 129 | <div>Please contact your Taboola representative to receive the Widget ID</div> |
| 148 | 130 | </td> |
| 149 | 131 | </tr> |
| 150 | - | |
| 132 | + <!-- <tr> | |
| 133 | + <td>Custom CSS</td> | |
| 134 | + <td> | |
| 135 | + <input type="text" value="<?php echo $settings->first_bc_custom_css ?>" name="first_bc_custom_css" placeholder="Custom CSS" /> | |
| 136 | + </td> | |
| 137 | + </tr>--> | |
| 151 | 138 | </table> |
| 152 | 139 | <hr> |
| 153 | 140 | |
| 154 | 141 | <div class='checkbox'> |
| 155 | 142 | <input id="second_bc_enabled" type="checkbox" <?php echo $settings->second_bc_enabled ? "checked='checked'" : "" ?> name="second_bc_enabled"/> |
| 156 | - Below Article 2nd | |
| 143 | + Taboola widget below the first one | |
| 157 | 144 | </div> |
| 158 | 145 | |
| 159 | 146 | <table> |
| 160 | 147 | <tr> |
| @@ -159,9 +146,9 @@ | ||
| 159 | 146 | <table> |
| 160 | 147 | <tr> |
| 161 | 148 | <td>Widget ID</td> |
| 162 | 149 | <td> |
| 163 | - <input type="text" value="<?php echo htmlspecialchars($settings->second_bc_widget_id) ?>" name="second_bc_widget_id" placeholder="Widget ID" /> | |
| 150 | + <input type="text" value="<?php echo $settings->second_bc_widget_id ?>" name="second_bc_widget_id" placeholder="Widget ID" /> | |
| 164 | 151 | </td> |
| 165 | 152 | <td class='tooltip'> |
| 166 | 153 | <img src='<?php echo $this->plugin_url.'img/question-mark.png' ?>'/> |
| 167 | 154 | <div>Please contact your Taboola representative to receive the Widget ID</div> |
| @@ -166,44 +153,18 @@ | ||
| 166 | 153 | <img src='<?php echo $this->plugin_url.'img/question-mark.png' ?>'/> |
| 167 | 154 | <div>Please contact your Taboola representative to receive the Widget ID</div> |
| 168 | 155 | </td> |
| 169 | 156 | </tr> |
| 170 | - | |
| 157 | + <!-- <tr> | |
| 158 | + <td>Custom CSS</td> | |
| 159 | + <td> | |
| 160 | + <input type="text" value="<?php echo $settings->second_bc_custom_css ?>" name="second_bc_custom_css" placeholder="Custom CSS" /> | |
| 161 | + </td> | |
| 162 | + </tr>--> | |
| 171 | 163 | </table> |
| 172 | 164 | <hr style='border-bottom: 1px solid #fafafa;'> |
| 173 | 165 | |
| 174 | - <?php $location_defined = (htmlspecialchars($settings->location_string) != ""); ?> | |
| 175 | - | |
| 176 | - | |
| 177 | - <div class='toggle_intercept checkbox'> | |
| 178 | - <?php if ($location_defined): ?> | |
| 179 | - <div class='toggle_icon toggle_icon_on'></div> | |
| 180 | - Advanced Settings | |
| 181 | - </div> | |
| 182 | - <table class='location_section'> | |
| 183 | - | |
| 184 | - <?php else: ?> | |
| 185 | - <div class='toggle_icon'></div> | |
| 186 | - Advanced Settings | |
| 187 | - </div> | |
| 188 | - <table class='location_section' style='display:none'> | |
| 189 | - | |
| 190 | - <?php endif; ?> | |
| 191 | - | |
| 192 | - | |
| 193 | - <tr> | |
| 194 | - <td>Location</td> | |
| 195 | - <td> | |
| 196 | - <input type="text" value="<?php echo htmlspecialchars($settings->location_string) ?>" name="location_string" placeholder="" /> | |
| 197 | - </td> | |
| 198 | - <td class='tooltip'> | |
| 199 | - <img src='<?php echo $this->plugin_url.'img/question-mark.png' ?>'/> | |
| 200 | - <div>This field controls the location of these widgets on the page. If you would like to move your widget from its default location directly below the article a Taboola representative will provide you with the necessary information.</div> | |
| 201 | - </td> | |
| 202 | - </tr> | |
| 203 | - | |
| 204 | - </table> | |
| 205 | - <input class='button-secondary apply_button' type="submit" value="Apply Changes ✔"/> | |
| 166 | + <input class='button-secondary' type="submit" value="Apply Changes ✔"/> | |
| 206 | 167 | <!-- <a class='request_link' href=' http://taboola.com/contact' target='_blank'>Request Widget</a> --> |
| 207 | 168 | </form> |
| 208 | 169 | <div style='clear:both'></div> |
| 209 | 170 | <?php |
| @@ -219,12 +180,12 @@ | ||
| 219 | 180 | </div> |
| 220 | 181 | <script> |
| 221 | 182 | function sync_checkboxes(){ |
| 222 | 183 | if(jQuery('#first_bc_enabled').attr("checked")){ |
| 223 | - jQuery('#second_bc_enabled').attr('disabled',false) | |
| 184 | + jQuery('#second_bc_enabled').prop('disabled',false) | |
| 224 | 185 | } else { |
| 225 | - jQuery('#second_bc_enabled').attr('checked', false); | |
| 226 | - jQuery('#second_bc_enabled').attr('disabled',true) | |
| 186 | + jQuery('#second_bc_enabled').prop('checked', false); | |
| 187 | + jQuery('#second_bc_enabled').prop('disabled',true) | |
| 227 | 188 | } |
| 228 | 189 | } |
| 229 | 190 | jQuery('#first_bc_enabled').change(sync_checkboxes); |
| 230 | 191 | setTimeout(function(){jQuery('.label-success').fadeOut()}, 6000); |
| @@ -229,14 +190,5 @@ | ||
| 229 | 190 | jQuery('#first_bc_enabled').change(sync_checkboxes); |
| 230 | 191 | setTimeout(function(){jQuery('.label-success').fadeOut()}, 6000); |
| 231 | 192 | setTimeout(function(){jQuery('.label-error').fadeOut()}, 6000); |
| 232 | 193 | sync_checkboxes() |
| 233 | - | |
| 234 | - jQuery('.toggle_intercept').click(function(){ | |
| 235 | - if (jQuery('.location_section').fadeToggle != undefined){ | |
| 236 | - jQuery('.location_section').fadeToggle('fast'); | |
| 237 | - }else{ | |
| 238 | - jQuery('.location_section').toggle(); | |
| 239 | - } | |
| 240 | - jQuery('.toggle_icon').toggleClass('toggle_icon_on'); | |
| 241 | - }); | |
| 242 | 194 | </script> |
