displayView.php in Tagembed: Social Media Feeds and Customer Reviews Widget 7.9, at views/display/displayView.php

104 lines 6.7 KB Raw Download Zip

1	<?php
2	if (!defined('ABSPATH')) :
3	exit;
4	endif;
5	include_once TAGEMBED_PLUGIN_DIR_PATH . 'views/includes/headView.php';
6	include_once TAGEMBED_PLUGIN_DIR_PATH . 'views/includes/headerView.php';
7	wp_enqueue_script('__tagembed__script-display-js', TAGEMBED_PLUGIN_URL . '/assets/js/display/tagembed.display.script.js', ['jquery'], TAGEMBED_PLUGIN_VERSION, true);
8	if (!empty($__tagembed__widgets)) :
9	?>
10	<div id="__tagembed__displayfeed" class="__tagembed__tabcontent">
11	<div class="__tagembed___displayfeedrow">
12	<div class="__tagembed__displayleft">
13	<!--Start-- Accordion -->
14	<div class="__tagembed__accordionItem __tagembed__open">
15	<h2 class="__tagembed__accordionItemHeading">Short Code</h2>
16	<div class="__tagembed__accordionItemContent">
17	<div class="__tagembed__dispsteps">
18	<ol>
19	<li>Copy Short Code to Embed feed on Page or Posts</li>
20	<li>Go to Page/Posts and add new block (+), search "<strong>tagembed</strong>"to select the plugin</li>
21	<li>Paste the code and click on "<strong>Embed</strong>" to preview.</li>
22	<li>For more details, visit <a href="https://tagembed.com/support/social-media-feed-plugin-for-wordpress/" target="_blank">Installation Guide</a></li>
23	<li><strong>Note : </strong> Are you not able to find tagembed Block ? Don't worry, simply paste the short code under code
24	< /> block.
25	</li>
26	</ol>
27	</div>
28	<div class="__tagembed__copycode">
29	<div class="__tabembed__fromrow">
30	<span><i class="fa fa-code" aria-hidden="true"></i></span>
31	<div onclick="__tagembed__copyCodeEmbed('shortCode', '__tagembed__shortCode');" id="__tagembed__shortCode" class="__tagembed__copyvalue"></div>
32	</div>
33	<div class="__tagembed__formrow"><button onclick="__tagembed__copyCodeEmbed('shortCode', '__tagembed__shortCode');" class="__tagembed__btn">Copy Code</button></div>
34	</div>
35	</div>
36	</div>
37	<div class="__tagembed__accordionItem __tagembed__close">
38	<h2 class="__tagembed__accordionItemHeading">HTML/JS Code</h2>
39	<div class="__tagembed__accordionItemContent">
40	<div class="__tagembed__htmlcode">
41	<div class="__tabembed__fromrow" style="flex-wrap:wrap;">
42	<p>Your web embed code to be placed under custom HTML block.</p>
43	<p style="margin-top:0;">You can set Height in Pixels (px) like 800px or in Percentage ( % ) like 100%</p>
44	<textarea onclick="__tagembed__copyCodeEmbed('embedCode', '__tagembed__html_embed_code');" id="__tagembed__html_embed_code" rows="4" readonly="readonly"></textarea>
45	</div>
46	<div class="__tagembed__formrow"><button onclick="__tagembed__copyCodeEmbed('embedCode', '__tagembed__html_embed_code');" class="__tagembed__btn">Copy Code</button></div>
47	</div>
48	</div>
49	</div>
50	<div class="__tagembed__accordionItem __tagembed__close">
51	<h2 class="__tagembed__accordionItemHeading">Iframe Code</h2>
52	<div class="__tagembed__accordionItemContent">
53	<div class="__tagembed__iframecode">
54	<p>Your web embed code to be placed under the code block.</p>
55	<p style="margin-top:0;">You can set Height in Pixels (px) like 800px or in Percentage ( % ) like 100%</p>
56	<textarea onclick="__tagembed__copyCodeEmbed('embedCode', '__tagembed__iframe_embed_code');" id="__tagembed__iframe_embed_code" rows="6" readonly="readonly"></textarea>
57	</div>
58	<div class="__tagembed__formrow"><button onclick="__tagembed__copyCodeEmbed('embedCode', '__tagembed__iframe_embed_code');" class="__tagembed__btn">Copy Code</button></div>
59	</div>
60	</div>
61	<!--End-- Accordion -->
62	</div>
63	<div class="__tagembed__displayright">
64	<div class="__tagembed__previewarea">
65	<div class="__tagembed__previewation">
66	<ul>
67	<li>
68	<a id="__tagembed__previewdesk" class="__tagembed__tabcommpreivew __tagembed__previewactive" href="javascript:void(0);" onclick="__tagembed__displayPreview('__tagembed__previewdesk')">
69	<svg xmlns="http://www.w3.org/2000/svg" width="26.85" height="24.165" viewBox="0 0 26.85 24.165">
70	<g id="Group_5409" data-name="Group 5409" transform="translate(-1742.575 -95)">
71	<path id="Path_5610" data-name="Path 5610" d="M24.823,3H6.028A4.028,4.028,0,0,0,2,7.028v10.74A4.028,4.028,0,0,0,6.028,21.8h8.055V24.48H8.713a1.343,1.343,0,1,0,0,2.685H22.138a1.343,1.343,0,0,0,0-2.685h-5.37V21.8h8.055a4.028,4.028,0,0,0,4.028-4.028V7.028A4.028,4.028,0,0,0,24.823,3Zm1.343,14.768a1.343,1.343,0,0,1-1.343,1.343H6.028a1.343,1.343,0,0,1-1.343-1.343V7.028A1.343,1.343,0,0,1,6.028,5.685h18.8a1.343,1.343,0,0,1,1.343,1.343Z" transform="translate(1740.575 92)" fill="#626262"></path>
72	</g>
73	</svg>
74	</a>
75	</li>
76	<li>
77	<a id="__tagembed__previewtab" class="__tagembed__tabcommpreivew" href="javascript:void(0);" onclick="__tagembed__displayPreview('__tagembed__previewtab')">
78	<svg xmlns="http://www.w3.org/2000/svg" width="20.388" height="24.33" viewBox="0 0 20.388 24.33">
79	<path id="Path_5618" data-name="Path 5618" d="M7.65,2H20.739a3.65,3.65,0,0,1,3.65,3.65V22.681a3.65,3.65,0,0,1-3.65,3.65H7.65A3.65,3.65,0,0,1,4,22.681V5.65A3.65,3.65,0,0,1,7.65,2Zm0,2.433A1.217,1.217,0,0,0,6.433,5.65V22.681A1.217,1.217,0,0,0,7.65,23.9H20.739a1.217,1.217,0,0,0,1.217-1.217V5.65a1.217,1.217,0,0,0-1.217-1.217Zm7.007,18.248a1.217,1.217,0,1,1,1.217-1.217A1.217,1.217,0,0,1,14.656,22.681Z" transform="translate(-4 -2)" fill="#626262"></path>
80	</svg>
81	</a>
82	</li>
83	<li>
84	<a id="__tagembed__previewmob" class="__tagembed__tabcommpreivew" href="javascript:void(0);" onclick="__tagembed__displayPreview('__tagembed__previewmob')">
85	<svg xmlns="http://www.w3.org/2000/svg" width="26" height="30" viewBox="0 0 26 30">
86	<path id="Path_5616" data-name="Path 5616" d="M19.22,2H7.162A2.414,2.414,0,0,0,4.75,4.412V23.705a2.414,2.414,0,0,0,2.412,2.412H19.22a2.414,2.414,0,0,0,2.412-2.412V4.412A2.414,2.414,0,0,0,19.22,2ZM7.162,23.705V4.412H19.22l0,19.294Z" transform="translate(0)" fill="#626262"></path>
87	<circle id="Ellipse_169" data-name="Ellipse 169" cx="1" cy="1" r="1" transform="translate(12.191 20.059)" fill="#626262"></circle>
88	</svg>
89	</a>
90	</li>
91	</ul>
92	<span onclick="__tagembed__openFullscreen();" class="__tagembed_expand">
93	<i class="fas fa-expand-arrows-alt"></i>
94	</span>
95	</div>
96	<div class="__tagembed__viewofpreview">
97	<div class="__tagembed__previewdesk" id="__tagembed__widget_display_preview_id"></div>
98	</div>
99	</div>
100	</div>
101	</div>
102	</div>
103	<?php endif; ?>
104	<?php include_once TAGEMBED_PLUGIN_DIR_PATH . 'views/includes/footerView.php'; ?>