← All changes | includes/chat-sessions/reports/view/partials/chatsession-table.php +48 -55 8.6.0 → 8.8.3 View file →

		@@ -1,9 +1,10 @@
1	1	<?php if ( ! defined( 'ABSPATH' ) ) { exit; } ?>
2		-<div class="my-4 mx-4">
3		- <input class="form-check-input" type="checkbox" <?php echo ( get_option( 'session_email_notification_update' ) === 'checked' ) ? 'checked' : ''; ?> role="switch" value="" id="is_enabled_session_email_notice">
4		- <label class="form-check-label" for="is_enabled_session_email_notice">
5		- <?php esc_html_e( 'Enable Email Notification for New Chat Sessions', 'chatbot' ); ?>
	2	+<div class="qcld-session-email-notice">
	3	+ <label class="qcld-session-email-notice__label" for="is_enabled_session_email_notice">
	4	+ <input class="form-check-input qcld-session-email-notice__input" type="checkbox" <?php echo ( get_option( 'session_email_notification_update' ) === 'checked' ) ? 'checked' : ''; ?> role="switch" value="" id="is_enabled_session_email_notice">
	5	+ <span class="qcld-session-email-notice__switch" aria-hidden="true"></span>
	6	+ <span class="qcld-session-email-notice__text"><?php esc_html_e( 'Enable Email Notification for New Chat Sessions', 'chatbot' ); ?></span>
6	7	</label>
7	8	</div>
8	9	<div class="chatsession_table_area">
9	10	<div class="container-fluid my-2">
		@@ -36,9 +37,9 @@
36	37	</th>
37	38	<th class="text-left">
38	39	<?php echo esc_html__( 'Date', 'chatbot' ); ?>
39	40	</th>
40		- <th class="text-left">
	41	+ <th class="text-left" width="100px">
41	42	<?php echo esc_html__( 'Interaction Count', 'chatbot' ); ?>
42	43	</th>
43	44	<th class="text-left">
44	45	<?php echo esc_html__( 'Session ID', 'chatbot' ); ?>
		@@ -69,9 +70,9 @@
69	70	<td class="text-center">
70	71	<input type="checkbox" name="sessions[]" class="wpbot_sessions_checkbox" value="<?php echo esc_html( $row->id ); ?>" />
71	72	</td>
72	73	<td class="text-left">
73		- <a class="" data-id="<?php echo esc_attr( $row->id ); ?>" href="<?php echo esc_url( $url ); ?>"><?php echo esc_html( date( 'M,d,Y h:i:s A', strtotime( $row->date ) ) ); ?></a>
	74	+ <a class="" data-id="<?php echo esc_attr( $row->id ); ?>" href="<?php echo esc_url( $url ); ?>"><?php echo esc_html( gmdate( 'M,d,Y h:i:s A', strtotime( $row->date ) ) ); ?></a>
74	75	</td>
75	76	<td class="text-left">
76	77	<?php echo esc_html( $row->interaction ); ?>
77	78	</td>
		@@ -92,10 +93,10 @@
92	93	?>
93	94	</td>
94	95	<td class="text-left">
95	96	<a href="<?php echo esc_url( $delurl ); ?>" class="btn btn-danger" onclick="return confirm('Are you sure?')"><?php echo esc_html( 'Delete' ); ?></a>
96		- <span class="btn btn-secondary forward_session" data-id="<?php echo esc_attr($row->session_id); ?>"><?php echo esc_html( 'Forward Session to Email' ); ?></span>
97		- <span class="btn btn-info show_details_click" data-id="<?php echo esc_attr( $row->id ); ?>"><?php echo esc_html( 'View Chat Here' ); ?></span>
	97	+ <span class="btn btn-secondary forward_session" data-id="<?php echo esc_attr($row->session_id); ?>"><?php echo esc_html( 'Forward Session' ); ?></span>
	98	+ <span class="btn btn-info show_details_click" data-id="<?php echo esc_attr( $row->id ); ?>"><?php echo esc_html( 'View Chat & Reply' ); ?></span>
98	99
99	100	</td>
100	101	</tr>
101	102	<?php
		@@ -120,63 +121,55 @@
120	121	}
121	122	});
122	123	</script>
123	124	<style>
124		- .session_modal {
125		- display: none; /* Hidden by default */
126		- position: fixed; /* Stay in place */
127		- z-index: 1; /* Sit on top */
128		- left: 0;
129		- top: 0;
130		- width: 100%; /* Full width */
131		- height: 100%; /* Full height */
132		- overflow: auto; /* Enable scroll if needed */
133		- background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
134		- }
	125	+ .session_modal {
	126	+ display: none;
	127	+ position: fixed;
	128	+ z-index: 100000;
	129	+ left: 0;
	130	+ top: 0;
	131	+ width: 100%;
	132	+ height: 100%;
	133	+ overflow: auto;
	134	+ background-color: rgba(0, 0, 0, 0.45);
	135	+ }
135	136
136		- .modal-content {
137		- background-color: #fefefe;
138		- margin: 15% auto; /* 15% from the top and centered */
139		- padding: 20px;
140		- border: 1px solid #888;
141		- width: 80%; /* Could be more or less, depending on screen size */
142		- }
143		-
144		- .close-details_modal_close {
145		- color: #aaa;
146		- float: right;
147		- font-size: 28px;
148		- font-weight: bold;
149		- }
150		-
151		- .close-details_modal_close:hover,
152		- .close-details_modal_close:focus {
153		- color: black;
154		- text-decoration: none;
155		- cursor: pointer;
156		- }
157	137	#session_foward_modal .modal-content {
158		- background-color: #fefefe;
159		- margin: 15% auto;
160		- padding: 20px;
161		- border: 1px solid #888;
162		- width: 100%;
163		- height: 100%;
164		- margin: 0 auto;
	138	+ position: absolute;
165	139	top: 50%;
166		- bottom: 50%;
167		- max-height: 245px;
168		- position: absolute;
169		- left: 0;
170		- right: 0;
	140	+ left: 50%;
	141	+ transform: translate(-50%, -50%);
	142	+ margin: 0;
	143	+ padding: 28px 24px 24px;
	144	+ width: calc(100% - 32px);
171	145	max-width: 480px;
172		- border-radius: 6px;
	146	+ height: auto;
	147	+ max-height: none;
	148	+ background-color: #fff;
	149	+ border: 1px solid var(--woobot-primary-border);
	150	+ border-radius: 12px;
	151	+ box-shadow: 0 12px 40px rgba(var(--woobot-primary-rgb), 0.2);
	152	+ box-sizing: border-box;
173	153	}
174	154
175	155	#session_foward_modal .forward_session_close {
176	156	position: absolute;
177		- top: 0;
178		- right: 6px;
	157	+ top: 10px;
	158	+ right: 10px;
	159	+ background: var(--woobot-primary);
	160	+ color: #fff;
	161	+ width: 28px;
	162	+ height: 28px;
	163	+ text-align: center;
	164	+ line-height: 26px;
	165	+ border-radius: 50%;
	166	+ cursor: pointer;
	167	+ font-size: 18px;
	168	+ }
	169	+
	170	+ #session_foward_modal .forward_session_close:hover {
	171	+ background: var(--woobot-primary-dark);
179	172	}
180	173	</style>
181	174	<div id="session_foward_modal" class="session_modal">
182	175	<div class="modal-content">