← All changes | settings.php +99 -12 1.0.1 → 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 htmlspecialchars($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,9 +132,9 @@
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"/>
	136	+ <input id="first_bc_enabled" type="checkbox" <?php echo !empty($settings->first_bc_enabled) ? "checked='checked'" : "" ?> name="first_bc_enabled"/>
119	137	Below Article
120	138	</div>
121	139	<table>
122	140	<tr>
		@@ -121,9 +139,9 @@
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>
		@@ -133,9 +151,9 @@
133	151	</table>
134	152	<hr>
135	153
136	154	<div class='checkbox'>
137		- <input id="second_bc_enabled" type="checkbox" <?php echo $settings->second_bc_enabled ? "checked='checked'" : "" ?> name="second_bc_enabled"/>
	155	+ <input id="second_bc_enabled" type="checkbox" <?php echo !empty($settings->second_bc_enabled) ? "checked='checked'" : "" ?> name="second_bc_enabled"/>
138	156	Below Article 2nd
139	157	</div>
140	158
141	159	<table>
		@@ -141,9 +159,9 @@
141	159	<table>
142	160	<tr>
143	161	<td>Widget ID</td>
144	162	<td>
145		- <input type="text" value="<?php echo htmlspecialchars($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" />
146	164	</td>
147	165	<td class='tooltip'>
148	166	<img src='<?php echo $this->plugin_url.'img/question-mark.png' ?>'/>
149	167	<div>Please contact your Taboola representative to receive the Widget ID</div>
		@@ -152,16 +170,71 @@
152	170
153	171	</table>
154	172	<hr style='border-bottom: 1px solid #fafafa;'>
155	173
156		- <input class='button-secondary' type="submit" value="Apply Changes ✔"/>
157		- <!-- <a class='request_link' href=' http://taboola.com/contact' target='_blank'>Request Widget</a> -->
	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>
	194	+ <td>
	195	+ <input type="text" value="<?php echo !empty($settings->location_string) ? htmlspecialchars($settings->location_string) : '' ?>" name="location_string" placeholder="" />
	196	+ </td>
	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	+
	214	+ </table>
	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> -->
158	217	</form>
159	218	<div style='clear:both'></div>
	219	+
160	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
161	233	if($_SERVER['REQUEST_METHOD'] == 'POST' && count($taboola_errors) == 0){
162	234	echo "<span class='label-success'>Your changes have been made! You can now see them on your site</span>";
163	235	}
	236	+
164	237	if(count($taboola_errors) > 0){
165	238	for($i = 0; $i < count($taboola_errors); $i++){
166	239	echo "<span class='label-error'>".$taboola_errors[$i]."</span>";
167	240	}
		@@ -170,12 +243,12 @@
170	243	</div>
171	244	<script>
172	245	function sync_checkboxes(){
173	246	if(jQuery('#first_bc_enabled').attr("checked")){
174		- jQuery('#second_bc_enabled').prop('disabled',false)
	247	+ jQuery('#second_bc_enabled').attr('disabled',false)
175	248	} else {
176		- jQuery('#second_bc_enabled').prop('checked', false);
177		- jQuery('#second_bc_enabled').prop('disabled',true)
	249	+ jQuery('#second_bc_enabled').attr('checked', false);
	250	+ jQuery('#second_bc_enabled').attr('disabled',true)
178	251	}
179	252	}
180	253	jQuery('#first_bc_enabled').change(sync_checkboxes);
181	254	setTimeout(function(){jQuery('.label-success').fadeOut()}, 6000);
		@@ -180,5 +253,19 @@
180	253	jQuery('#first_bc_enabled').change(sync_checkboxes);
181	254	setTimeout(function(){jQuery('.label-success').fadeOut()}, 6000);
182	255	setTimeout(function(){jQuery('.label-error').fadeOut()}, 6000);
183	256	sync_checkboxes()
184		-</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>