| @@ -1,104 +1,101 @@ | ||
| 1 | 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); | |
| 2 | +include_once TAGEMBED_PLUGIN_DIR_PATH . "views/includes/headView.php"; | |
| 3 | +include_once TAGEMBED_PLUGIN_DIR_PATH . "views/includes/headerView.php"; | |
| 4 | +wp_enqueue_script('__script-display-js', TAGEMBED_PLUGIN_URL . '/assets/js/display/tagembed.display.script.js', ['jquery'], TAGEMBED_PLUGIN_VERSION, true); | |
| 8 | 5 | 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> | |
| 6 | + ?> | |
| 7 | + <div id="__tagembed__displayfeed" class="__tagembed__tabcontent"> | |
| 8 | + <div class="__tagembed___displayfeedrow"> | |
| 9 | + <div class="__tagembed__displayleft"> | |
| 10 | + <!--Start-- Accordion --> | |
| 11 | + <div class="__tagembed__accordionItem __tagembed__open"> | |
| 12 | + <h2 class="__tagembed__accordionItemHeading">Short Code</h2> | |
| 13 | + <div class="__tagembed__accordionItemContent"> | |
| 14 | + <div class="__tagembed__dispsteps"> | |
| 15 | + <ol> | |
| 16 | + <li>Copy Short Code to Embed feed on Page or Posts</li> | |
| 17 | + <li>Go to Page/Posts and add new block (+), search "<strong>tagembed</strong>"to select the plugin</li> | |
| 18 | + <li>Paste the code and click on "<strong>Embed</strong>" to preview.</li> | |
| 19 | + <li>For more details, visit <a href="https://tagembed.com/support/social-media-feed-plugin-for-wordpress/" target="_blank">Installation Guide</a></li> | |
| 20 | + <li><strong>Note : </strong> Are you not able to find tagembed Block ? Don't worry, simply paste the short code under code | |
| 21 | + < /> block. | |
| 22 | + </li> | |
| 23 | + </ol> | |
| 24 | + </div> | |
| 25 | + <div class="__tagembed__copycode"> | |
| 26 | + <div class="__tabembed__fromrow"> | |
| 27 | + <span><i class="fa fa-code" aria-hidden="true"></i></span> | |
| 28 | + <div onclick="__tagembed__copyCodeEmbed('shortCode', '__tagembed__shortCode');" id="__tagembed__shortCode" class="__tagembed__copyvalue"></div> | |
| 29 | + </div> | |
| 30 | + <div class="__tagembed__formrow"><button onclick="__tagembed__copyCodeEmbed('shortCode', '__tagembed__shortCode');" class="__tagembed__btn">Copy Code</button></div> | |
| 31 | + </div> | |
| 32 | + </div> | |
| 33 | + </div> | |
| 34 | + <div class="__tagembed__accordionItem __tagembed__close"> | |
| 35 | + <h2 class="__tagembed__accordionItemHeading">HTML/JS Code</h2> | |
| 36 | + <div class="__tagembed__accordionItemContent"> | |
| 37 | + <div class="__tagembed__htmlcode"> | |
| 38 | + <div class="__tabembed__fromrow" style="flex-wrap:wrap;"> | |
| 39 | + <p>Your web embed code to be placed under custom HTML block.</p> | |
| 40 | + <p style="margin-top:0;">You can set Height in Pixels (px) like 800px or in Percentage ( % ) like 100%</p> | |
| 41 | + <textarea onclick="__tagembed__copyCodeEmbed('embedCode', '__tagembed__html_embed_code');" id="__tagembed__html_embed_code" rows="4" readonly="readonly"></textarea> | |
| 42 | + </div> | |
| 43 | + <div class="__tagembed__formrow"><button onclick="__tagembed__copyCodeEmbed('embedCode', '__tagembed__html_embed_code');" class="__tagembed__btn">Copy Code</button></div> | |
| 44 | + </div> | |
| 45 | + </div> | |
| 46 | + </div> | |
| 47 | + <div class="__tagembed__accordionItem __tagembed__close"> | |
| 48 | + <h2 class="__tagembed__accordionItemHeading">Iframe Code</h2> | |
| 49 | + <div class="__tagembed__accordionItemContent"> | |
| 50 | + <div class="__tagembed__iframecode"> | |
| 51 | + <p>Your web embed code to be placed under the code block.</p> | |
| 52 | + <p style="margin-top:0;">You can set Height in Pixels (px) like 800px or in Percentage ( % ) like 100%</p> | |
| 53 | + <textarea onclick="__tagembed__copyCodeEmbed('embedCode', '__tagembed__iframe_embed_code');" id="__tagembed__iframe_embed_code" rows="6" readonly="readonly"></textarea> | |
| 54 | + </div> | |
| 55 | + <div class="__tagembed__formrow"><button onclick="__tagembed__copyCodeEmbed('embedCode', '__tagembed__iframe_embed_code');" class="__tagembed__btn">Copy Code</button></div> | |
| 56 | + </div> | |
| 57 | + </div> | |
| 58 | + <!--End-- Accordion --> | |
| 59 | + </div> | |
| 60 | + <div class="__tagembed__displayright"> | |
| 61 | + <div class="__tagembed__previewarea"> | |
| 62 | + <div class="__tagembed__previewation"> | |
| 63 | + <ul> | |
| 64 | + <li> | |
| 65 | + <a id="__tagembed__previewdesk" class="__tagembed__tabcommpreivew __tagembed__previewactive" href="javascript:void(0);" onclick="__tagembed__displayPreview('__tagembed__previewdesk')"> | |
| 66 | + <svg xmlns="http://www.w3.org/2000/svg" width="26.85" height="24.165" viewBox="0 0 26.85 24.165"> | |
| 67 | + <g id="Group_5409" data-name="Group 5409" transform="translate(-1742.575 -95)"> | |
| 68 | + <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> | |
| 69 | + </g> | |
| 70 | + </svg> | |
| 71 | + </a> | |
| 72 | + </li> | |
| 73 | + <li> | |
| 74 | + <a id="__tagembed__previewtab" class="__tagembed__tabcommpreivew" href="javascript:void(0);" onclick="__tagembed__displayPreview('__tagembed__previewtab')"> | |
| 75 | + <svg xmlns="http://www.w3.org/2000/svg" width="20.388" height="24.33" viewBox="0 0 20.388 24.33"> | |
| 76 | + <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> | |
| 77 | + </svg> | |
| 78 | + </a> | |
| 79 | + </li> | |
| 80 | + <li> | |
| 81 | + <a id="__tagembed__previewmob" class="__tagembed__tabcommpreivew" href="javascript:void(0);" onclick="__tagembed__displayPreview('__tagembed__previewmob')"> | |
| 82 | + <svg xmlns="http://www.w3.org/2000/svg" width="26" height="30" viewBox="0 0 26 30"> | |
| 83 | + <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> | |
| 84 | + <circle id="Ellipse_169" data-name="Ellipse 169" cx="1" cy="1" r="1" transform="translate(12.191 20.059)" fill="#626262"></circle> | |
| 85 | + </svg> | |
| 86 | + </a> | |
| 87 | + </li> | |
| 88 | + </ul> | |
| 89 | + <span onclick="__tagembed__openFullscreen();" class="__tagembed_expand"> | |
| 90 | + <i class="fas fa-expand-arrows-alt"></i> | |
| 91 | + </span> | |
| 92 | + </div> | |
| 93 | + <div class="__tagembed__viewofpreview"> | |
| 94 | + <div class="__tagembed__previewdesk" id="__tagembed__widget_display_preview_id"></div> | |
| 95 | + </div> | |
| 96 | + </div> | |
| 97 | + </div> | |
| 98 | + </div> | |
| 99 | + </div> | |
| 103 | 100 | <?php endif; ?> |
| 104 | -<?php include_once TAGEMBED_PLUGIN_DIR_PATH . 'views/includes/footerView.php'; ?> | |
| 101 | +<?php include_once TAGEMBED_PLUGIN_DIR_PATH . "views/includes/footerView.php"; ?> | |