← All changes | settings.php +103 -26 1.0 → 1.0.15 View file →

		@@ -85,8 +85,26 @@
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	+
89	107	</style>
90	108
91	109	<div class="taboola-container">
92	110	<img src='<?php echo $this->plugin_url.'img/taboola.png' ?>' style='width:200px;'/>
		@@ -96,9 +114,9 @@
96	114	<table>
97	115	<tr>
98	116	<td>Publisher ID</td>
99	117	<td>
100		- <input type="text" name="publisher_id" placeholder="publisher" value="<?php echo $settings->publisher_id ?>"/>
	118	+ <input type="text" name="publisher_id" placeholder="publisher" value="<?php echo !empty($settings->publisher_id) ? htmlspecialchars($settings->publisher_id) : '' ?>"/>
101	119	</td>
102	120	<td class='tooltip'>
103	121	<img src='<?php echo $this->plugin_url.'img/question-mark.png' ?>'/>
104	122	<div>Please contact your Taboola representative to receive the Publisher ID </div>
		@@ -106,9 +124,9 @@
106	124	</tr>
107	125	<tr>
108	126	<td colspan='2' style='line-height: 26px; font-size: 13px;'>
109	127	Don't have a Publisher ID?
110		- <a style='float: inherit; margin-left:5px; class='request_link' href=' http://taboola.com/contact' target='_blank'>Contact Taboola here</a>
	128	+ <a style='float: inherit; margin-left:5px;' class='request_link' href=' https://taboola.com/contact' target='_blank'>Contact Taboola</a>
111	129	</td>
112	130	</tr>
113	131	</table>
114	132
		@@ -114,16 +132,16 @@
114	132
115	133	<hr style='margin-bottom: 25px; margin-top: 5px;'>
116	134
117	135	<div class='checkbox'>
118		- <input id="first_bc_enabled" type="checkbox" <?php echo $settings->first_bc_enabled ? "checked='checked'" : "" ?> name="first_bc_enabled"/>
119		- Taboola widget below article
	136	+ <input id="first_bc_enabled" type="checkbox" <?php echo !empty($settings->first_bc_enabled) ? "checked='checked'" : "" ?> name="first_bc_enabled"/>
	137	+ Below Article
120	138	</div>
121	139	<table>
122	140	<tr>
123	141	<td>Widget ID</td>
124	142	<td>
125		- <input type="text" value="<?php echo $settings->first_bc_widget_id ?>" name="first_bc_widget_id" placeholder="Widget ID" />
	143	+ <input type="text" value="<?php echo !empty($settings->first_bc_widget_id) ? htmlspecialchars($settings->first_bc_widget_id) : '' ?>" name="first_bc_widget_id" placeholder="Widget ID" />
126	144	</td>
127	145	<td class='tooltip'>
128	146	<img src='<?php echo $this->plugin_url.'img/question-mark.png' ?>'/>
129	147	<div>Please contact your Taboola representative to receive the Widget ID</div>
		@@ -128,20 +146,15 @@
128	146	<img src='<?php echo $this->plugin_url.'img/question-mark.png' ?>'/>
129	147	<div>Please contact your Taboola representative to receive the Widget ID</div>
130	148	</td>
131	149	</tr>
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>-->
	150	+
138	151	</table>
139	152	<hr>
140	153
141	154	<div class='checkbox'>
142		- <input id="second_bc_enabled" type="checkbox" <?php echo $settings->second_bc_enabled ? "checked='checked'" : "" ?> name="second_bc_enabled"/>
143		- Taboola widget below the first one
	155	+ <input id="second_bc_enabled" type="checkbox" <?php echo !empty($settings->second_bc_enabled) ? "checked='checked'" : "" ?> name="second_bc_enabled"/>
	156	+ Below Article 2nd
144	157	</div>
145	158
146	159	<table>
147	160	<tr>
		@@ -146,9 +159,9 @@
146	159	<table>
147	160	<tr>
148	161	<td>Widget ID</td>
149	162	<td>
150		- <input type="text" value="<?php echo $settings->second_bc_widget_id ?>" name="second_bc_widget_id" placeholder="Widget ID" />
	163	+ <input type="text" value="<?php echo !empty($settings->second_bc_widget_id) ? htmlspecialchars($settings->second_bc_widget_id) : '' ?>" name="second_bc_widget_id" placeholder="Widget ID" />
151	164	</td>
152	165	<td class='tooltip'>
153	166	<img src='<?php echo $this->plugin_url.'img/question-mark.png' ?>'/>
154	167	<div>Please contact your Taboola representative to receive the Widget ID</div>
		@@ -153,25 +166,75 @@
153	166	<img src='<?php echo $this->plugin_url.'img/question-mark.png' ?>'/>
154	167	<div>Please contact your Taboola representative to receive the Widget ID</div>
155	168	</td>
156	169	</tr>
157		- <!-- <tr>
158		- <td>Custom CSS</td>
	170	+
	171	+ </table>
	172	+ <hr style='border-bottom: 1px solid #fafafa;'>
	173	+
	174	+ <?php $location_defined = !empty($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	+ <tr>
	193	+ <td>Location</td>
159	194	<td>
160		- <input type="text" value="<?php echo $settings->second_bc_custom_css ?>" name="second_bc_custom_css" placeholder="Custom CSS" />
	195	+ <input type="text" value="<?php echo !empty($settings->location_string) ? htmlspecialchars($settings->location_string) : '' ?>" name="location_string" placeholder="" />
161	196	</td>
162		- </tr>-->
	197	+ <td class='tooltip'>
	198	+ <img src='<?php echo $this->plugin_url.'img/question-mark.png' ?>'/>
	199	+ <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>
	200	+ </td>
	201	+ </tr>
	202	+ <tr>
	203	+ <td colspan="2"> <div class='checkbox'>
	204	+ <input id="out_of_content_enabled" type="checkbox" <?php echo !empty($settings->out_of_content_enabled) ? "checked='checked'" : "" ?> name="out_of_content_enabled"/>
	205	+ Place widget after main content DOM element
	206	+ </div></td>
	207	+ <td class='tooltip'>
	208	+ <img src='<?php echo $this->plugin_url.'img/question-mark.png' ?>'/>
	209	+ <div>This may be disabled if your website doesn't use Taboola's "Read more" feature, or if the widget is not placed correctly. DO NOT disable it if your widget includes "Read More"</div>
	210	+ </td>
	211	+
	212	+ </tr>
	213	+
163	214	</table>
164		- <hr style='border-bottom: 1px solid #fafafa;'>
165		-
166		- <input class='button-secondary' type="submit" value="Apply Changes ✔"/>
167		- <!-- <a class='request_link' href=' http://taboola.com/contact' target='_blank'>Request Widget</a> -->
	215	+ <input class='button-secondary apply_button' type="submit" value="Apply Changes ✔"/>
	216	+ <!-- <a class='request_link' href=' https://taboola.com/contact' target='_blank'>Request Widget</a> -->
168	217	</form>
169	218	<div style='clear:both'></div>
	219	+
170	220	<?php
	221	+ $logPublisher = empty($settings->publisher_id) ? "wordpressplugin" : $settings->publisher_id;
	222	+ $userDetails = wp_get_current_user();
	223	+ $detailsString = $userDetails->first_name." ".$userDetails->last_name;
	224	+ ?>
	225	+ <img src="https://logs-01.loggly.com/inputs/d14862f3-64ad-49ca-b28d-1b5d155414ec.gif?source=wp&type=settings&pub=<?=$logPublisher?>&user=<?=urlencode($detailsString)?>&email=<?=urlencode($userDetails->user_email)?>&url=<?=urlencode("//{$_SERVER['HTTP_HOST']}{$_SERVER['REQUEST_URI']}")?>"/>
	226	+ <!-- <form name="install_log" style="display:none;" method="post" action="http://logs-01.loggly.com/inputs/d14862f3-64ad-49ca-b28d-1b5d155414ec/tag/http/">
	227	+ <input name="tim" type="hidden" value="<?=date("H:i:s.000")?>">
	228	+ <input name="pub" type="hidden" value="<?=$logPublisher?>">
	229	+ <input name="data" type="hideen" value="WORDPRESS_PLUGIN_INSTALL|<?="//{$_SERVER['HTTP_HOST']}{$_SERVER['REQUEST_URI']}|{$detailsString}"?>">
	230	+ </form> -->
	231	+
	232	+ <?php
171	233	if($_SERVER['REQUEST_METHOD'] == 'POST' && count($taboola_errors) == 0){
172	234	echo "<span class='label-success'>Your changes have been made! You can now see them on your site</span>";
173	235	}
	236	+
174	237	if(count($taboola_errors) > 0){
175	238	for($i = 0; $i < count($taboola_errors); $i++){
176	239	echo "<span class='label-error'>".$taboola_errors[$i]."</span>";
177	240	}
		@@ -180,12 +243,12 @@
180	243	</div>
181	244	<script>
182	245	function sync_checkboxes(){
183	246	if(jQuery('#first_bc_enabled').attr("checked")){
184		- jQuery('#second_bc_enabled').prop('disabled',false)
	247	+ jQuery('#second_bc_enabled').attr('disabled',false)
185	248	} else {
186		- jQuery('#second_bc_enabled').prop('checked', false);
187		- jQuery('#second_bc_enabled').prop('disabled',true)
	249	+ jQuery('#second_bc_enabled').attr('checked', false);
	250	+ jQuery('#second_bc_enabled').attr('disabled',true)
188	251	}
189	252	}
190	253	jQuery('#first_bc_enabled').change(sync_checkboxes);
191	254	setTimeout(function(){jQuery('.label-success').fadeOut()}, 6000);
		@@ -190,5 +253,19 @@
190	253	jQuery('#first_bc_enabled').change(sync_checkboxes);
191	254	setTimeout(function(){jQuery('.label-success').fadeOut()}, 6000);
192	255	setTimeout(function(){jQuery('.label-error').fadeOut()}, 6000);
193	256	sync_checkboxes()
194		-</script>
	257	+
	258	+ jQuery('.toggle_intercept').click(function(){
	259	+ if (jQuery('.location_section').fadeToggle != undefined){
	260	+ jQuery('.location_section').fadeToggle('fast');
	261	+ }else{
	262	+ jQuery('.location_section').toggle();
	263	+ }
	264	+ jQuery('.toggle_icon').toggleClass('toggle_icon_on');
	265	+ });
	266	+
	267	+ window.onload = function(){
	268	+ document.forms['install_log'].submit()
	269	+
	270	+ }
	271	+</script>