PluginProbe
Maps Plugin using Google Maps for WordPress – WP Google Map / trunk
Maps Plugin using Google Maps for WordPress – WP Google Map vtrunk
1.9.7 1.3.0 1.3.1 1.3.2 1.3.3 1.3.4 1.3.5 1.3.6 1.3.7 1.3.8 1.3.9 1.4.0 1.4.1 1.4.2 1.4.3 1.4.4 1.4.5 1.4.6 1.4.7 1.4.8 1.4.9 1.5.0 1.5.1 1.5.2 1.5.3 All 96 releases
gmap-embed / admin / includes / wpgmap_support.php

wpgmap_support.php in Maps Plugin using Google Maps for WordPress – WP Google Map trunk, at admin/includes/wpgmap_support.php

586 lines 19.0 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 <?php if (!defined('ABSPATH')) {
2 exit;
3 }
4
5 // Get plugin and system info for debug section
6 $gmap_embed_admin_plugin_data = get_plugin_data(WGM_PLUGIN_PATH . 'srm_gmap_embed.php');
7 $gmap_embed_admin_plugin_version = isset($gmap_embed_admin_plugin_data['Version']) ? $gmap_embed_admin_plugin_data['Version'] : 'Unknown';
8 ?>
9
10 <style>
11 .wgm-support-page {
12 max-width: 1200px;
13 margin: 0 auto;
14 }
15
16 /* Hero Section */
17 .wgm-support-hero {
18 background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
19 color: #fff;
20 padding: 30px 40px;
21 border-radius: 12px;
22 margin-bottom: 30px;
23 display: flex;
24 justify-content: space-between;
25 align-items: center;
26 flex-wrap: wrap;
27 gap: 20px;
28 }
29 .wgm-support-hero h2 {
30 margin: 0 0 8px 0;
31 font-size: 24px;
32 color: #fff;
33 }
34 .wgm-support-hero p {
35 margin: 0;
36 opacity: 0.9;
37 font-size: 14px;
38 }
39 .wgm-hero-actions {
40 display: flex;
41 gap: 10px;
42 flex-wrap: wrap;
43 }
44 .wgm-hero-btn {
45 display: inline-flex;
46 align-items: center;
47 gap: 6px;
48 padding: 10px 18px;
49 border-radius: 6px;
50 text-decoration: none;
51 font-weight: 500;
52 font-size: 13px;
53 transition: all 0.2s;
54 }
55 .wgm-hero-btn.primary {
56 background: #fff;
57 color: #667eea;
58 }
59 .wgm-hero-btn.primary:hover {
60 background: #f0f0f0;
61 }
62 .wgm-hero-btn.secondary {
63 background: rgba(255,255,255,0.2);
64 color: #fff;
65 }
66 .wgm-hero-btn.secondary:hover {
67 background: rgba(255,255,255,0.3);
68 }
69
70 /* Section Headers */
71 .wgm-section-header {
72 margin: 40px 0 20px 0;
73 padding-bottom: 10px;
74 border-bottom: 2px solid #eee;
75 }
76 .wgm-section-header h3 {
77 margin: 0;
78 font-size: 18px;
79 color: #1d2327;
80 }
81
82 /* Documentation Grid */
83 .wgm-docs-grid {
84 display: grid;
85 grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
86 gap: 20px;
87 margin-bottom: 30px;
88 }
89 .wgm-doc-card {
90 background: #fff;
91 border: 1px solid #e0e0e0;
92 border-radius: 10px;
93 padding: 24px;
94 transition: all 0.3s;
95 text-decoration: none;
96 display: block;
97 }
98 .wgm-doc-card:hover {
99 border-color: #667eea;
100 box-shadow: 0 4px 12px rgba(102, 126, 234, 0.15);
101 transform: translateY(-2px);
102 }
103 .wgm-doc-card-icon {
104 font-size: 32px;
105 margin-bottom: 12px;
106 }
107 .wgm-doc-card h4 {
108 margin: 0 0 8px 0;
109 color: #1d2327;
110 font-size: 16px;
111 }
112 .wgm-doc-card p {
113 margin: 0 0 12px 0;
114 color: #666;
115 font-size: 13px;
116 line-height: 1.5;
117 }
118 .wgm-doc-card-link {
119 color: #667eea;
120 font-size: 13px;
121 font-weight: 500;
122 }
123
124 /* Support Channels Grid */
125 .wgm-channels-grid {
126 display: grid;
127 grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
128 gap: 20px;
129 margin-bottom: 30px;
130 }
131 .wgm-channel-card {
132 background: #fff;
133 border: 1px solid #e0e0e0;
134 border-radius: 10px;
135 padding: 24px;
136 text-align: center;
137 }
138 .wgm-channel-card.highlight {
139 border-color: #667eea;
140 background: linear-gradient(135deg, #f8f9ff 0%, #fff 100%);
141 }
142 .wgm-channel-icon {
143 width: 50px;
144 height: 50px;
145 border-radius: 50%;
146 display: inline-flex;
147 align-items: center;
148 justify-content: center;
149 font-size: 22px;
150 margin-bottom: 15px;
151 }
152 .wgm-channel-icon.chat { background: #fee2e2; color: #dc2626; }
153 .wgm-channel-icon.community { background: #e0e7ff; color: #4f46e5; }
154 .wgm-channel-icon.premium { background: #fef3c7; color: #d97706; }
155 .wgm-channel-card h4 {
156 margin: 0 0 8px 0;
157 font-size: 16px;
158 color: #1d2327;
159 }
160 .wgm-channel-card p {
161 margin: 0 0 15px 0;
162 color: #666;
163 font-size: 13px;
164 line-height: 1.5;
165 }
166 .wgm-channel-links {
167 display: flex;
168 flex-direction: column;
169 gap: 8px;
170 }
171 .wgm-channel-links a {
172 color: #667eea;
173 text-decoration: none;
174 font-size: 13px;
175 }
176 .wgm-channel-links a:hover {
177 text-decoration: underline;
178 }
179 .wgm-channel-btn {
180 display: inline-block;
181 padding: 10px 20px;
182 background: #667eea;
183 color: #fff;
184 border-radius: 6px;
185 text-decoration: none;
186 font-size: 13px;
187 font-weight: 500;
188 transition: background 0.2s;
189 }
190 .wgm-channel-btn:hover {
191 background: #5a6fd6;
192 color: #fff;
193 }
194
195 /* Video Section */
196 .wgm-video-section {
197 margin-bottom: 30px;
198 }
199 .wgm-video-wrapper {
200 position: relative;
201 padding-bottom: 56.25%;
202 height: 0;
203 overflow: hidden;
204 border-radius: 10px;
205 box-shadow: 0 4px 20px rgba(0,0,0,0.1);
206 }
207 .wgm-video-wrapper iframe {
208 position: absolute;
209 top: 0;
210 left: 0;
211 width: 100%;
212 height: 100%;
213 border: 0;
214 }
215
216 /* Community Section */
217 .wgm-community-grid {
218 display: grid;
219 grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
220 gap: 20px;
221 margin-bottom: 30px;
222 }
223 .wgm-community-card {
224 background: #fff;
225 border: 1px solid #e0e0e0;
226 border-radius: 10px;
227 padding: 24px;
228 display: flex;
229 align-items: flex-start;
230 gap: 15px;
231 }
232 .wgm-community-icon {
233 width: 44px;
234 height: 44px;
235 border-radius: 10px;
236 display: flex;
237 align-items: center;
238 justify-content: center;
239 font-size: 20px;
240 flex-shrink: 0;
241 }
242 .wgm-community-icon.github { background: #f3f4f6; color: #1f2937; }
243 .wgm-community-icon.review { background: #fef3c7; color: #d97706; }
244 .wgm-community-icon.facebook { background: #dbeafe; color: #2563eb; }
245 .wgm-community-content h4 {
246 margin: 0 0 6px 0;
247 font-size: 15px;
248 color: #1d2327;
249 }
250 .wgm-community-content p {
251 margin: 0 0 10px 0;
252 color: #666;
253 font-size: 13px;
254 line-height: 1.4;
255 }
256 .wgm-community-content a {
257 color: #667eea;
258 text-decoration: none;
259 font-size: 13px;
260 font-weight: 500;
261 }
262 .wgm-community-content a:hover {
263 text-decoration: underline;
264 }
265
266 /* System Info Collapsible */
267 .wgm-system-info {
268 background: #f9fafb;
269 border: 1px solid #e0e0e0;
270 border-radius: 10px;
271 margin-bottom: 30px;
272 }
273 .wgm-system-info-header {
274 padding: 15px 20px;
275 cursor: pointer;
276 display: flex;
277 justify-content: space-between;
278 align-items: center;
279 }
280 .wgm-system-info-header h4 {
281 margin: 0;
282 font-size: 14px;
283 color: #1d2327;
284 }
285 .wgm-system-info-content {
286 display: none;
287 padding: 0 20px 20px 20px;
288 }
289 .wgm-system-info-content.active {
290 display: block;
291 }
292 .wgm-system-info-table {
293 width: 100%;
294 font-size: 13px;
295 }
296 .wgm-system-info-table td {
297 padding: 8px 0;
298 border-bottom: 1px solid #eee;
299 }
300 .wgm-system-info-table td:first-child {
301 font-weight: 500;
302 width: 200px;
303 color: #666;
304 }
305 .wgm-copy-btn {
306 padding: 8px 16px;
307 background: #667eea;
308 color: #fff;
309 border: none;
310 border-radius: 6px;
311 cursor: pointer;
312 font-size: 12px;
313 margin-top: 15px;
314 }
315 .wgm-copy-btn:hover {
316 background: #5a6fd6;
317 }
318
319 @media (max-width: 768px) {
320 .wgm-support-hero {
321 padding: 20px;
322 }
323 .wgm-docs-grid,
324 .wgm-channels-grid,
325 .wgm-community-grid {
326 grid-template-columns: 1fr;
327 }
328 }
329 </style>
330
331 <div class="wrap wgm-support-page">
332 <h1 class="wp-heading-inline"><?php esc_html_e('Support & Documentation', 'gmap-embed'); ?></h1>
333 <?php
334 if (!_wgm_is_premium()) {
335 echo '<a target="_blank" href="' . esc_url('https://wpgooglemap.com/pricing?utm_source=gmap-embed&utm_medium=wordpress-plugin&utm_campaign=upgrade-to-pro&utm_content=support-page-upgrade-btn') . '" class="button wgm_btn" style="float:right;width:auto;padding: 5px 7px;font-size: 11px;margin-left:5px;"><i style="line-height: 25px;" class="dashicons dashicons-star-filled"></i> ' . esc_html__('Upgrade ($19 only)', 'gmap-embed') . '</a>';
336 }
337 ?>
338 <hr class="wp-header-end">
339
340 <!-- Hero Section -->
341 <div class="wgm-support-hero">
342 <div>
343 <h2><?php esc_html_e('How can we help you?', 'gmap-embed'); ?></h2>
344 <p><?php esc_html_e('Find answers in our documentation or get in touch with our support team.', 'gmap-embed'); ?></p>
345 </div>
346 <div class="wgm-hero-actions">
347 <a href="<?php echo esc_url('https://tawk.to/chat/6083e29962662a09efc1acd5/1f41iqarp'); ?>" target="_blank" class="wgm-hero-btn primary">
348 <span class="dashicons dashicons-format-chat"></span>
349 <?php esc_html_e('Live Chat', 'gmap-embed'); ?>
350 </a>
351 <a href="<?php echo esc_url('https://wpgooglemap.com/documentation?utm_source=gmap-embed&utm_medium=wordpress-plugin&utm_campaign=documentation&utm_content=admin-support-hero-docs'); ?>" target="_blank" class="wgm-hero-btn secondary">
352 <span class="dashicons dashicons-book"></span>
353 <?php esc_html_e('Documentation', 'gmap-embed'); ?>
354 </a>
355 <a href="<?php echo esc_url('https://wpgooglemap.com/contact-us?utm_source=gmap-embed&utm_medium=wordpress-plugin&utm_campaign=support&utm_content=admin-support-hero-contact'); ?>" target="_blank" class="wgm-hero-btn secondary">
356 <span class="dashicons dashicons-email"></span>
357 <?php esc_html_e('Contact Us', 'gmap-embed'); ?>
358 </a>
359 </div>
360 </div>
361
362 <!-- Documentation Categories -->
363 <div class="wgm-section-header">
364 <h3><?php esc_html_e('📚 Documentation', 'gmap-embed'); ?></h3>
365 </div>
366
367 <div class="wgm-docs-grid">
368 <a href="<?php echo esc_url('https://wpgooglemap.com/docs-category/installation?utm_source=gmap-embed&utm_medium=wordpress-plugin&utm_campaign=documentation&utm_content=admin-support-doc-category-link'); ?>" target="_blank" class="wgm-doc-card">
369 <div class="wgm-doc-card-icon">📦</div>
370 <h4><?php esc_html_e('Installation', 'gmap-embed'); ?></h4>
371 <p><?php esc_html_e('Get started with plugin setup, API key configuration, and license activation.', 'gmap-embed'); ?></p>
372 <span class="wgm-doc-card-link"><?php esc_html_e('Learn more →', 'gmap-embed'); ?></span>
373 </a>
374
375 <a href="<?php echo esc_url('https://wpgooglemap.com/docs-category/customization?utm_source=gmap-embed&utm_medium=wordpress-plugin&utm_campaign=documentation&utm_content=admin-support-doc-category-link'); ?>" target="_blank" class="wgm-doc-card">
376 <div class="wgm-doc-card-icon">🎨</div>
377 <h4><?php esc_html_e('Customization', 'gmap-embed'); ?></h4>
378 <p><?php esc_html_e('Style your maps with themes, markers, directions, and custom CSS.', 'gmap-embed'); ?></p>
379 <span class="wgm-doc-card-link"><?php esc_html_e('Learn more →', 'gmap-embed'); ?></span>
380 </a>
381
382 <a href="<?php echo esc_url('https://wpgooglemap.com/docs-category/troubleshooting?utm_source=gmap-embed&utm_medium=wordpress-plugin&utm_campaign=documentation&utm_content=admin-support-doc-category-link'); ?>" target="_blank" class="wgm-doc-card">
383 <div class="wgm-doc-card-icon">🔧</div>
384 <h4><?php esc_html_e('Troubleshooting', 'gmap-embed'); ?></h4>
385 <p><?php esc_html_e('Fix common issues like map loading errors, API conflicts, and billing problems.', 'gmap-embed'); ?></p>
386 <span class="wgm-doc-card-link"><?php esc_html_e('Learn more →', 'gmap-embed'); ?></span>
387 </a>
388
389 <a href="<?php echo esc_url('https://wpgooglemap.com/docs-category/faq?utm_source=gmap-embed&utm_medium=wordpress-plugin&utm_campaign=documentation&utm_content=admin-support-doc-category-link'); ?>" target="_blank" class="wgm-doc-card">
390 <div class="wgm-doc-card-icon"></div>
391 <h4><?php esc_html_e('FAQ', 'gmap-embed'); ?></h4>
392 <p><?php esc_html_e('Find quick answers to frequently asked questions about the plugin.', 'gmap-embed'); ?></p>
393 <span class="wgm-doc-card-link"><?php esc_html_e('Learn more →', 'gmap-embed'); ?></span>
394 </a>
395
396 <a href="<?php echo esc_url('https://wpgooglemap.com/docs-category/settings?utm_source=gmap-embed&utm_medium=wordpress-plugin&utm_campaign=documentation&utm_content=admin-support-doc-category-link'); ?>" target="_blank" class="wgm-doc-card">
397 <div class="wgm-doc-card-icon">⚙️</div>
398 <h4><?php esc_html_e('Settings', 'gmap-embed'); ?></h4>
399 <p><?php esc_html_e('Configure global settings, map controls, and advanced options.', 'gmap-embed'); ?></p>
400 <span class="wgm-doc-card-link"><?php esc_html_e('Learn more →', 'gmap-embed'); ?></span>
401 </a>
402 </div>
403
404 <!-- Support Channels -->
405 <div class="wgm-section-header">
406 <h3><?php esc_html_e('💬 Get Support', 'gmap-embed'); ?></h3>
407 </div>
408
409 <div class="wgm-channels-grid">
410 <div class="wgm-channel-card highlight">
411 <div class="wgm-channel-icon chat">
412 <span class="dashicons dashicons-format-chat"></span>
413 </div>
414 <h4><?php esc_html_e('Live Chat', 'gmap-embed'); ?></h4>
415 <p><?php esc_html_e('Get instant help from our support team. Available 24/7 for quick questions and guidance.', 'gmap-embed'); ?></p>
416 <a href="<?php echo esc_url('https://tawk.to/chat/6083e29962662a09efc1acd5/1f41iqarp'); ?>" target="_blank" class="wgm-channel-btn">
417 <?php esc_html_e('Start Chat', 'gmap-embed'); ?>
418 </a>
419 </div>
420
421 <div class="wgm-channel-card">
422 <div class="wgm-channel-icon community">
423 <span class="dashicons dashicons-groups"></span>
424 </div>
425 <h4><?php esc_html_e('Community Support', 'gmap-embed'); ?></h4>
426 <p><?php esc_html_e('Get help from the community and our team on WordPress.org forum.', 'gmap-embed'); ?></p>
427 <div class="wgm-channel-links">
428 <a href="<?php echo esc_url('https://wordpress.org/support/plugin/gmap-embed/#new-topic-0'); ?>" target="_blank">
429 <?php esc_html_e('WordPress.org Forum', 'gmap-embed'); ?>
430 </a>
431 <a href="<?php echo esc_url('https://github.com/milonfci/gmap-embed-lite/issues'); ?>" target="_blank">
432 <?php esc_html_e('GitHub Issues', 'gmap-embed'); ?>
433 </a>
434 </div>
435 </div>
436
437 <div class="wgm-channel-card">
438 <div class="wgm-channel-icon premium">
439 <span class="dashicons dashicons-star-filled"></span>
440 </div>
441 <h4><?php esc_html_e('Priority Support', 'gmap-embed'); ?></h4>
442 <p><?php esc_html_e('Premium users get priority support with faster response times.', 'gmap-embed'); ?></p>
443 <a href="<?php echo esc_url('https://wpgooglemap.com/contact-us?utm_source=gmap-embed&utm_medium=wordpress-plugin&utm_campaign=support&utm_content=admin-support-priority-btn'); ?>" target="_blank" class="wgm-channel-btn">
444 <?php esc_html_e('Contact Support', 'gmap-embed'); ?>
445 </a>
446 </div>
447 </div>
448
449 <!-- Video Tutorial -->
450 <div class="wgm-section-header">
451 <h3><?php esc_html_e('🎬 Video Tutorial', 'gmap-embed'); ?></h3>
452 </div>
453
454 <div class="wgm-video-section">
455 <div class="wgm-video-wrapper">
456 <iframe src="<?php echo esc_url('https://www.youtube.com/embed/ErRy5lqTPjY'); ?>"
457 title="<?php esc_attr_e('WP Google Map Tutorial', 'gmap-embed'); ?>"
458 allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
459 allowfullscreen></iframe>
460 </div>
461 </div>
462
463 <!-- Community & Contribute -->
464 <div class="wgm-section-header">
465 <h3><?php esc_html_e('🤝 Community & Contribute', 'gmap-embed'); ?></h3>
466 </div>
467
468 <div class="wgm-community-grid">
469 <div class="wgm-community-card">
470 <div class="wgm-community-icon github">
471 <span class="dashicons dashicons-editor-code"></span>
472 </div>
473 <div class="wgm-community-content">
474 <h4><?php esc_html_e('Report a Bug', 'gmap-embed'); ?></h4>
475 <p><?php esc_html_e('Found a bug? Help us improve by reporting it on GitHub.', 'gmap-embed'); ?></p>
476 <a href="<?php echo esc_url('https://github.com/milonfci/gmap-embed-lite/issues/new'); ?>" target="_blank">
477 <?php esc_html_e('Create Issue →', 'gmap-embed'); ?>
478 </a>
479 </div>
480 </div>
481
482 <div class="wgm-community-card">
483 <div class="wgm-community-icon review">
484 <span class="dashicons dashicons-star-filled"></span>
485 </div>
486 <div class="wgm-community-content">
487 <h4><?php esc_html_e('Leave a Review', 'gmap-embed'); ?></h4>
488 <p><?php esc_html_e('Enjoying the plugin? Your review helps others discover it.', 'gmap-embed'); ?></p>
489 <a href="<?php echo esc_url('https://wordpress.org/support/plugin/gmap-embed/reviews/#new-post'); ?>" target="_blank">
490 <?php esc_html_e('Write Review →', 'gmap-embed'); ?>
491 </a>
492 </div>
493 </div>
494
495 <div class="wgm-community-card">
496 <div class="wgm-community-icon facebook">
497 <span class="dashicons dashicons-facebook"></span>
498 </div>
499 <div class="wgm-community-content">
500 <h4><?php esc_html_e('Join Community', 'gmap-embed'); ?></h4>
501 <p><?php esc_html_e('Connect with other users and get tips on Facebook.', 'gmap-embed'); ?></p>
502 <a href="<?php echo esc_url('https://www.facebook.com/Google-Map-SRM-100856491527309'); ?>" target="_blank">
503 <?php esc_html_e('Join Facebook →', 'gmap-embed'); ?>
504 </a>
505 </div>
506 </div>
507 </div>
508
509 <!-- System Information -->
510 <div class="wgm-system-info">
511 <div class="wgm-system-info-header" onclick="this.nextElementSibling.classList.toggle('active'); this.querySelector('.dashicons').classList.toggle('dashicons-arrow-down-alt2'); this.querySelector('.dashicons').classList.toggle('dashicons-arrow-up-alt2');">
512 <h4><span class="dashicons dashicons-info"></span> <?php esc_html_e('System Information (for debugging)', 'gmap-embed'); ?></h4>
513 <span class="dashicons dashicons-arrow-down-alt2"></span>
514 </div>
515 <div class="wgm-system-info-content">
516 <table class="wgm-system-info-table">
517 <tr>
518 <td><?php esc_html_e('Plugin Version', 'gmap-embed'); ?></td>
519 <td><?php echo esc_html($gmap_embed_admin_plugin_version); ?></td>
520 </tr>
521 <tr>
522 <td><?php esc_html_e('WordPress Version', 'gmap-embed'); ?></td>
523 <td><?php echo esc_html(get_bloginfo('version')); ?></td>
524 </tr>
525 <tr>
526 <td><?php esc_html_e('PHP Version', 'gmap-embed'); ?></td>
527 <td><?php echo esc_html(phpversion()); ?></td>
528 </tr>
529 <tr>
530 <td><?php esc_html_e('Active Theme', 'gmap-embed'); ?></td>
531 <td><?php echo esc_html(wp_get_theme()->get('Name')); ?></td>
532 </tr>
533 <tr>
534 <td><?php esc_html_e('Premium Status', 'gmap-embed'); ?></td>
535 <td><?php echo _wgm_is_premium() ? esc_html__('Active', 'gmap-embed') : esc_html__('Free Version', 'gmap-embed'); ?></td>
536 </tr>
537 <tr>
538 <td><?php esc_html_e('Memory Limit', 'gmap-embed'); ?></td>
539 <td><?php echo esc_html(WP_MEMORY_LIMIT); ?></td>
540 </tr>
541 </table>
542 <button type="button" class="wgm-copy-btn" id="wgm-copy-system-info">
543 <span class="dashicons dashicons-clipboard" style="font-size: 14px; line-height: 1; vertical-align: middle;"></span>
544 <?php esc_html_e('Copy to Clipboard', 'gmap-embed'); ?>
545 </button>
546 </div>
547 </div>
548
549 </div>
550
551 <script>
552 document.addEventListener('DOMContentLoaded', function() {
553 var copyBtn = document.getElementById('wgm-copy-system-info');
554 if (copyBtn) {
555 copyBtn.addEventListener('click', function() {
556 var info = 'Plugin: <?php echo esc_js($gmap_embed_admin_plugin_version); ?>\n' +
557 'WordPress: <?php echo esc_js(get_bloginfo('version')); ?>\n' +
558 'PHP: <?php echo esc_js(phpversion()); ?>\n' +
559 'Theme: <?php echo esc_js(wp_get_theme()->get('Name')); ?>\n' +
560 'Premium: <?php echo _wgm_is_premium() ? 'Yes' : 'No'; ?>\n' +
561 'Memory: <?php echo esc_js(WP_MEMORY_LIMIT); ?>';
562
563 if (navigator.clipboard && navigator.clipboard.writeText) {
564 navigator.clipboard.writeText(info).then(function() {
565 copyBtn.innerHTML = '<span class="dashicons dashicons-yes" style="font-size: 14px; line-height: 1; vertical-align: middle;"></span> <?php esc_html_e('Copied!', 'gmap-embed'); ?>';
566 setTimeout(function() {
567 copyBtn.innerHTML = '<span class="dashicons dashicons-clipboard" style="font-size: 14px; line-height: 1; vertical-align: middle;"></span> <?php esc_html_e('Copy to Clipboard', 'gmap-embed'); ?>';
568 }, 2000);
569 });
570 } else {
571 // Fallback for older browsers
572 var textarea = document.createElement('textarea');
573 textarea.value = info;
574 document.body.appendChild(textarea);
575 textarea.select();
576 document.execCommand('copy');
577 document.body.removeChild(textarea);
578 copyBtn.innerHTML = '<span class="dashicons dashicons-yes" style="font-size: 14px; line-height: 1; vertical-align: middle;"></span> <?php esc_html_e('Copied!', 'gmap-embed'); ?>';
579 setTimeout(function() {
580 copyBtn.innerHTML = '<span class="dashicons dashicons-clipboard" style="font-size: 14px; line-height: 1; vertical-align: middle;"></span> <?php esc_html_e('Copy to Clipboard', 'gmap-embed'); ?>';
581 }, 2000);
582 }
583 });
584 }
585 });
586 </script>