← All changes | includes/simple_text_response.php +78 -34 8.5.5 → 8.7.7 View file →

		@@ -37,9 +37,9 @@
37	37	}
38	38	?>
39	39	<div class="qcld-wp-chatbot-wrap-header">
40	40
41		- <div class="qcld-wp-chatbot-wrap-header-logo"><a href="#" class="qcld-wp-chatbot-wrap-site__logo"><img style="width:100%" src="<?php echo esc_url( QCLD_wpCHATBOT_IMG_URL . '/chatbot.png' ); ?>" alt="Dialogflow CX"> WPBot Control Panel </a>
	41	+ <div class="qcld-wp-chatbot-wrap-header-logo"><a href="#" class="qcld-wp-chatbot-wrap-site__logo"><img src="<?php echo esc_url( QCLD_wpCHATBOT_IMG_URL . '/chatbot.png' ); ?>" alt="Dialogflow CX"> WPBot Control Panel </a>
42	42	<p><strong>Core Version:</strong> v<?php echo esc_html( QCLD_wpCHATBOT_VERSION ); ?></p>
43	43	</div>
44	44	<ul class="qcld-wp-chatbot-wrap-version-wrapper">
45	45	<li>
		@@ -124,9 +124,9 @@
124	124	<?php else: ?>
125	125
126	126	<div class="qcld-wp-chatbot-wrap-header">
127	127
128		- <a href="#" class="qcld-wp-chatbot-wrap-site__logo"><img style="width:100%" src="<?php echo esc_url( QCLD_wpCHATBOT_IMG_URL . '/chatbot.png' ); ?>" alt="Dialogflow CX"> WPBot Control Panel </a>
	128	+ <a href="#" class="qcld-wp-chatbot-wrap-site__logo"><img src="<?php echo esc_url( QCLD_wpCHATBOT_IMG_URL . '/chatbot.png' ); ?>" alt="Dialogflow CX"> WPBot Control Panel </a>
129	129	<p><strong>Core Version:</strong> v<?php echo esc_html( QCLD_wpCHATBOT_VERSION ); ?></p>
130	130	<ul class="qcld-wp-chatbot-wrap-version-wrapper">
131	131	<li>
132	132	<a class="wpchatbot-Upgrade" href="https://www.wpbot.pro/" target="_blank">Upgrade To Pro</a>
		@@ -137,9 +137,9 @@
137	137
138	138	<div class="qcld-wp-chatbot-wrap-header_inn">
139	139	<div class="qcld-wp-chatbot-wrap-header_inn_heading">
140	140	<h1 class="wp-heading-inline"><?php esc_html_e('Simple Text Responses', 'chatbot'); ?></h1>
141		- <a href="<?php echo esc_url( add_query_arg( 'action', 'edit', admin_url('admin.php?page=simple-text-response') ) ); ?>" class="button page-title-action"><?php esc_html_e('Add New', 'chatbot'); ?></a>
	141	+ <a style="visibility: hidden;" href="<?php echo esc_url( add_query_arg( 'action', 'edit', admin_url('admin.php?page=simple-text-response') ) ); ?>" class="button page-title-action"><?php esc_html_e('Add New', 'chatbot'); ?></a>
142	142	</div>
143	143	<?php if(class_exists('Qcld_str_pro')): ?>
144	144
145	145	<a href="<?php echo esc_url( add_query_arg( 'action', 'manage-categories', admin_url('admin.php?page=simple-text-response') ) ); ?>" class="button page-title-action"><?php esc_html_e('Manage Categories', 'chatbot'); ?></a>
		@@ -226,9 +226,9 @@
226	226
227	227
228	228
229	229	</div>
230		- <div class="qcld-show-more-show-more"><i class="dashicons dashicons-plus-alt" aria-hidden="true"></i></div>
	230	+ <div class="qcld-show-more-show-more"><div class="Expandmore">Expand for More Options<span>+</span></div></div>
231	231	</div>
232	232
233	233	<div id="poststuff">
234	234	<div id="post-body" class="metabox-holder">
		@@ -252,10 +252,26 @@
252	252
253	253
254	254
255	255	<style>
	256	+/* WPBot design tokens — change colors here to theme the whole admin UI */
	257	+:root {
	258	+ --woobot-primary: #5B4E96;
	259	+ --woobot-primary-color: #5B4E96;
	260	+ --woobot-primary-dark: #463a7a;
	261	+ --woobot-primary-soft: #f3f1fa;
	262	+ --woobot-primary-border: #e4e0f2;
	263	+ --woobot-surface: #ffffff;
	264	+ --woobot-page-bg: #F5F7FD;
	265	+ --woobot-text: #2d2a3a;
	266	+ --woobot-muted: #6b6680;
	267	+ --woobot-danger: #e25563;
	268	+ --woobot-nav-muted: #988FBD;
	269	+ --woobot-primary-rgb: 91, 78, 150;
	270	+}
	271	+
256	272	body {
257		- background-color: #F5F7FD;
	273	+ background-color: var(--woobot-page-bg);
258	274	font-family: "DM Sans", sans-serif !important;
259	275	font-optical-sizing: auto;
260	276	font-size: 16px;
261	277	font-weight: normal;
		@@ -282,10 +298,10 @@
282	298	}
283	299	.qcld-wp-chatbot-wrap-header a.wpchatbot-Upgrade {
284	300	padding: 12px 25px;
285	301	background: #ffffff;
286		- color: #5B4E96;
287		- border: 2px solid #5B4E96;
	302	+ color: var(--woobot-primary);
	303	+ border: 2px solid var(--woobot-primary);
288	304	border-radius: 6px;
289	305	font-weight: bold;
290	306	}
291	307
		@@ -290,11 +306,11 @@
290	306	}
291	307
292	308	.qcld-wp-chatbot-wrap-header a.wpchatbot-Upgrade:hover {
293	309	padding: 12px 25px;
294		- background: #5B4E96;
	310	+ background: var(--woobot-primary);
295	311	color: #fff;
296		- border: 2px solid #5B4E96;
	312	+ border: 2px solid var(--woobot-primary);
297	313	border-radius: 6px;
298	314	font-weight: bold;
299	315	text-decoration: none;
300	316	}
		@@ -388,15 +404,15 @@
388	404	padding: 12px 20px;
389	405	width: 100%;
390	406	font-size: 16px;
391	407	font-weight: 500;
392		- color: #988FBD;
	408	+ color: var(--woobot-nav-muted);
393	409	border-radius: 8px;
394	410	position: relative;
395	411	display: flex;
396	412	align-items: center;
397	413	gap: 15px;
398		- background: #5B4E96;
	414	+ background: var(--woobot-primary);
399	415	color: #ffffff;
400	416	text-decoration: none;
401	417	border: none;
402	418	max-width: 220px;
		@@ -405,10 +421,10 @@
405	421	}
406	422	.qcld-wp-chatbot-wrap-header_inn a.button.page-title-action {
407	423	padding: 3px 25px;
408	424	background: #ffffff;
409		- color: #5B4E96;
410		- border: 2px solid #5B4E96;
	425	+ color: var(--woobot-primary);
	426	+ border: 2px solid var(--woobot-primary);
411	427	border-radius: 6px;
412	428	font-weight: bold;
413	429	}
414	430
		@@ -413,11 +429,11 @@
413	429	}
414	430
415	431	.qcld-wp-chatbot-wrap-header_inn a.button.page-title-action:hover {
416	432	padding: 0px 15px;
417		- background: #5B4E96;
	433	+ background: var(--woobot-primary);
418	434	color: #fff;
419		- border: 2px solid #5B4E96;
	435	+ border: 2px solid var(--woobot-primary);
420	436	border-radius: 6px;
421	437	font-weight: bold;
422	438	position: absolute;
423	439	top: 36px;
		@@ -425,10 +441,10 @@
425	441	}
426	442	.qcld-wp-chatbot-wrap-header_inn a.button.page-title-action {
427	443	padding: 0px 15px;
428	444	background: #ffffff;
429		- color: #5B4E96;
430		- border: 2px solid #5B4E96;
	445	+ color: var(--woobot-primary);
	446	+ border: 2px solid var(--woobot-primary);
431	447	border-radius: 6px;
432	448	font-weight: bold;
433	449	position: absolute;
434	450	top: 36px;
		@@ -438,9 +454,9 @@
438	454	.qcld-wp-chatbot-wrap-header_inn {
439	455	position: relative;
440	456	}
441	457	.notice.is-dismissible.qcbot-str-top-notic {
442		- width: 96%;
	458	+ width: 95%;
443	459	}
444	460
445	461	.TextResponsesouter i {
446	462	position: relative;
		@@ -458,10 +474,10 @@
458	474
459	475	.TextResponsesouter input#submit {
460	476	padding: 0px 15px;
461	477	background: #ffffff;
462		- color: #5B4E96;
463		- border: 2px solid #5B4E96;
	478	+ color: var(--woobot-primary);
	479	+ border: 2px solid var(--woobot-primary);
464	480	border-radius: 6px;
465	481	font-weight: bold;
466	482	}
467	483	.TextResponsesouter input#re-index {
		@@ -466,10 +482,10 @@
466	482	}
467	483	.TextResponsesouter input#re-index {
468	484	padding: 0px 15px;
469	485	background: #ffffff;
470		- color: #5B4E96;
471		- border: 2px solid #5B4E96;
	486	+ color: var(--woobot-primary);
	487	+ border: 2px solid var(--woobot-primary);
472	488	border-radius: 6px;
473	489	font-weight: bold;
474	490	}
475	491
		@@ -508,9 +524,9 @@
508	524
509	525	#qcld-show-more-wrapper-box .qcld-show-more-show-more i {
510	526	display: block;
511	527	padding: 0 0 0 0;
512		- background: #5b4e96;
	528	+ background: var(--woobot-primary);
513	529	width: 30px;
514	530	height: 30px;
515	531	line-height: 30px;
516	532	border-radius: 50%;
		@@ -518,17 +534,17 @@
518	534	font-size: 18px !important;
519	535	color: #fff;
520	536	}
521	537	.TextResponsesouter input#submit:hover {
522		- background: #5B4E96;
	538	+ background: var(--woobot-primary);
523	539	color: #fff;
524		- border: 2px solid #5B4E96;
	540	+ border: 2px solid var(--woobot-primary);
525	541	}
526	542
527	543	.TextResponsesouter input#re-index:hover {
528		- background: #5B4E96;
	544	+ background: var(--woobot-primary);
529	545	color: #fff;
530		- border: 2px solid #5B4E96;
	546	+ border: 2px solid var(--woobot-primary);
531	547	}
532	548	.TextResponsesouter table.widefat {
533	549	border: 1px solid #ebebeb;
534	550	}
		@@ -533,9 +549,9 @@
533	549	border: 1px solid #ebebeb;
534	550	}
535	551	.TextResponsesouter .tablenav {
536	552	padding: 8px;
537		- background: #5B4E96;
	553	+ background: var(--woobot-primary);
538	554	}
539	555	.TextResponsesouter span.displaying-num {
540	556	color: #fff;
541	557	}
		@@ -555,10 +571,10 @@
555	571
556	572	.qcld-wp-chatbot-wrap-header_inn a.button.page-title-action {
557	573	padding: 8px 15px;
558	574	background: #ffffff;
559		- color: #5B4E96;
560		- border: 2px solid #5B4E96;
	575	+ color: var(--woobot-primary);
	576	+ border: 2px solid var(--woobot-primary);
561	577	border-radius: 6px;
562	578	font-weight: bold;
563	579	position: absolute;
564	580	top: 30px;
		@@ -567,11 +583,11 @@
567	583	min-height: unset;
568	584	}
569	585	.qcld-wp-chatbot-wrap-header_inn a.button.page-title-action:hover {
570	586	padding: 8px 15px;
571		- background: #5B4E96;
	587	+ background: var(--woobot-primary);
572	588	color: #fff;
573		- border: 2px solid #5B4E96;
	589	+ border: 2px solid var(--woobot-primary);
574	590	border-radius: 6px;
575	591	font-weight: bold;
576	592	position: absolute;
577	593	top: 30px;
		@@ -576,16 +592,44 @@
576	592	position: absolute;
577	593	top: 30px;
578	594	left: 280px;
579	595	}
	596	+
	597	+.Expandmore {
	598	+ background: #23ab10;
	599	+ display: inline-block;
	600	+ padding: 4px 10px;
	601	+ font-size: 14px;
	602	+ border-radius: 6px;
	603	+ position: relative;
	604	+ top: 0;
	605	+}
	606	+
	607	+.Collapsemore {
	608	+ background: #ff0000;
	609	+ display: inline-block;
	610	+ padding: 4px 10px;
	611	+ font-size: 14px;
	612	+ border-radius: 6px;
	613	+ position: relative;
	614	+ top: 0;
	615	+
	616	+}
	617	+
	618	+.Expandmore span {
	619	+ color: #fff;
	620	+ margin: 0 0 0 8px;
	621	+ padding: 0 5px;
	622	+ font-size: 18px;
	623	+}
580	624	</style>
581	625
582	626	<script type="text/javascript">
583	627	jQuery(".qcld-show-more-show-more").click(function () {
584	628	if(jQuery(".qcld-show-more-text").hasClass("qcld-show-more-show-more-height")) {
585		- jQuery(this).html('<i class="dashicons dashicons-remove" aria-hidden="true"></i>');
	629	+ jQuery(this).html('<div class="Collapsemore">Collapse Options</div>');
586	630	} else {
587		- jQuery(this).html('<i class="dashicons dashicons-plus-alt" aria-hidden="true"></i>');
	631	+ jQuery(this).html('<div class="Expandmore">Expand for More Options<span>+</span></div>');
588	632	}
589	633
590	634	jQuery(".qcld-show-more-text").toggleClass("qcld-show-more-show-more-height");
591	635	});