library-page.php
109 lines
| 1 | <?php |
| 2 | defined('ABSPATH') || exit(); |
| 3 | |
| 4 | use SuperbAddons\Components\Admin\EnhancementSettingsComponent; |
| 5 | use SuperbAddons\Components\Badges\AvailableBadge; |
| 6 | use SuperbAddons\Components\Badges\PremiumBadge; |
| 7 | use SuperbAddons\Components\Buttons\InsertButton; |
| 8 | use SuperbAddons\Components\Buttons\PremiumButton; |
| 9 | use SuperbAddons\Components\Buttons\PreviewButton; |
| 10 | ?> |
| 11 | |
| 12 | <div class="superb-addons-template-library-wrapper-overlay"></div> |
| 13 | <div class="superb-addons-template-library-page-frame"> |
| 14 | <div class="superb-addons-template-library-page-header"> |
| 15 | <div class="superb-addons-template-library-page-header-logo-area"> |
| 16 | <div class="superb-addons-template-library-page-header-logo"> |
| 17 | <img src="<?= esc_url(SUPERBADDONS_ASSETS_PATH . '/img/icon-superb.svg'); ?>" /> |
| 18 | <span class="superbaddons-element-text-md superbaddons-element-text-800 superbaddons-element-text-dark">Superb Addons</span> |
| 19 | </div> |
| 20 | </div> |
| 21 | <div class="superb-addons-template-library-page-header-items-area"> |
| 22 | <div class="superb-addons-template-library-header-btn superb-addons-template-library-settings-btn"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="#000000" viewBox="0 0 256 256"> |
| 23 | <path d="M128,80a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Zm88-29.84q.06-2.16,0-4.32l14.92-18.64a8,8,0,0,0,1.48-7.06,107.21,107.21,0,0,0-10.88-26.25,8,8,0,0,0-6-3.93l-23.72-2.64q-1.48-1.56-3-3L186,40.54a8,8,0,0,0-3.94-6,107.71,107.71,0,0,0-26.25-10.87,8,8,0,0,0-7.06,1.49L130.16,40Q128,40,125.84,40L107.2,25.11a8,8,0,0,0-7.06-1.48A107.6,107.6,0,0,0,73.89,34.51a8,8,0,0,0-3.93,6L67.32,64.27q-1.56,1.49-3,3L40.54,70a8,8,0,0,0-6,3.94,107.71,107.71,0,0,0-10.87,26.25,8,8,0,0,0,1.49,7.06L40,125.84Q40,128,40,130.16L25.11,148.8a8,8,0,0,0-1.48,7.06,107.21,107.21,0,0,0,10.88,26.25,8,8,0,0,0,6,3.93l23.72,2.64q1.49,1.56,3,3L70,215.46a8,8,0,0,0,3.94,6,107.71,107.71,0,0,0,26.25,10.87,8,8,0,0,0,7.06-1.49L125.84,216q2.16.06,4.32,0l18.64,14.92a8,8,0,0,0,7.06,1.48,107.21,107.21,0,0,0,26.25-10.88,8,8,0,0,0,3.93-6l2.64-23.72q1.56-1.48,3-3L215.46,186a8,8,0,0,0,6-3.94,107.71,107.71,0,0,0,10.87-26.25,8,8,0,0,0-1.49-7.06Zm-16.1-6.5a73.93,73.93,0,0,1,0,8.68,8,8,0,0,0,1.74,5.48l14.19,17.73a91.57,91.57,0,0,1-6.23,15L187,173.11a8,8,0,0,0-5.1,2.64,74.11,74.11,0,0,1-6.14,6.14,8,8,0,0,0-2.64,5.1l-2.51,22.58a91.32,91.32,0,0,1-15,6.23l-17.74-14.19a8,8,0,0,0-5-1.75h-.48a73.93,73.93,0,0,1-8.68,0,8,8,0,0,0-5.48,1.74L100.45,215.8a91.57,91.57,0,0,1-15-6.23L82.89,187a8,8,0,0,0-2.64-5.1,74.11,74.11,0,0,1-6.14-6.14,8,8,0,0,0-5.1-2.64L46.43,170.6a91.32,91.32,0,0,1-6.23-15l14.19-17.74a8,8,0,0,0,1.74-5.48,73.93,73.93,0,0,1,0-8.68,8,8,0,0,0-1.74-5.48L40.2,100.45a91.57,91.57,0,0,1,6.23-15L69,82.89a8,8,0,0,0,5.1-2.64,74.11,74.11,0,0,1,6.14-6.14A8,8,0,0,0,82.89,69L85.4,46.43a91.32,91.32,0,0,1,15-6.23l17.74,14.19a8,8,0,0,0,5.48,1.74,73.93,73.93,0,0,1,8.68,0,8,8,0,0,0,5.48-1.74L155.55,40.2a91.57,91.57,0,0,1,15,6.23L173.11,69a8,8,0,0,0,2.64,5.1,74.11,74.11,0,0,1,6.14,6.14,8,8,0,0,0,5.1,2.64l22.58,2.51a91.32,91.32,0,0,1,6.23,15l-14.19,17.74A8,8,0,0,0,199.87,123.66Z"></path> |
| 24 | </svg></div> |
| 25 | <div class="superb-addons-template-library-header-btn superb-addons-template-library-close-btn"><img src="<?= SUPERBADDONS_ASSETS_PATH . "/img/x.svg"; ?>" alt="<?= esc_attr__("Close", "superb-blocks"); ?>" /></div> |
| 26 | </div> |
| 27 | </div> |
| 28 | <div class="superb-addons-template-library-page-content"> |
| 29 | <div class="superb-addons-template-library-page-content-inner" style="display:none;"> |
| 30 | <div id="superb-addons-template-library-header-menu"> |
| 31 | <div class="superb-addons-template-library-header-menu-item"><?= esc_html__('Menu Item', "superb-blocks"); ?></div> |
| 32 | </div> |
| 33 | <div class="superb-addons-template-library-page-content-inner-menu"> |
| 34 | <div class="superb-addons-template-library-page-content-inner-menu-left"> |
| 35 | <div id="superb-addons-template-library-page-search-wrapper"> |
| 36 | <label for="superb-addons-template-library-page-search-input"><img src="<?= SUPERBADDONS_ASSETS_PATH . "/img/magnifying-glass.svg"; ?>" /></label> |
| 37 | <input id="superb-addons-template-library-page-search-input" type="text" placeholder="<?= esc_attr__('Search', "superb-blocks"); ?>" /> |
| 38 | </div> |
| 39 | </div> |
| 40 | <div class="superb-addons-template-library-page-content-inner-menu-right"> |
| 41 | <div class="superb-addons-template-library-page-select-wrapper"> |
| 42 | <select id="superb-addons-template-library-page-category-select"> |
| 43 | </select> |
| 44 | </div> |
| 45 | <div class="superb-addons-template-library-page-select-wrapper"> |
| 46 | <select id="superb-addons-template-library-page-style-select"> |
| 47 | </select> |
| 48 | </div> |
| 49 | </div> |
| 50 | </div> |
| 51 | <div class="superb-addons-template-library-page-content-list"> |
| 52 | <div class="superb-addons-template-library-page-content-inner-list"> |
| 53 | <!-- JS --> |
| 54 | </div> |
| 55 | <div class="superb-addons-template-library-page-content-inner-list-footer"> |
| 56 | <img src="<?= SUPERBADDONS_ASSETS_PATH . "/img/icon-superb.svg"; ?>" /> |
| 57 | <div class="superb-addons-template-library-footer-excerpt"> |
| 58 | <?= sprintf(esc_html__('Stay tuned! More awesome %s coming real soon ✌️', "superb-blocks"), '<span></span>'); ?> |
| 59 | </div> |
| 60 | </div> |
| 61 | </div> |
| 62 | </div> |
| 63 | <div class="superb-addons-template-library-page-content-settings" style="display:none;"> |
| 64 | <div class="superbaddons-library-page-settings-content-wrapper"> |
| 65 | <?php new EnhancementSettingsComponent(); ?> |
| 66 | </div> |
| 67 | </div> |
| 68 | <div class="superb-addons-loading"> |
| 69 | <div class="superb-addons-loader-wrapper"> |
| 70 | <div class="superbaddons-spinner-wrapper"> |
| 71 | <img class="spbaddons-spinner" src="<?= SUPERBADDONS_ASSETS_PATH ?>/img/blocks-spinner.svg" /> |
| 72 | </div> |
| 73 | <div class="superbaddons-loading-title superbaddons-element-text-dark superbaddons-element-text-800 superbaddons-element-text-md"><?= esc_html__("Loading", "superb-blocks"); ?></div> |
| 74 | </div> |
| 75 | </div> |
| 76 | </div> |
| 77 | <div class="superb-addons-template-library-preview-wrapper" style="display:none;"> |
| 78 | <div class="superb-addons-template-library-preview-overlay"></div> |
| 79 | <div class="superb-addons-template-library-preview-modal"> |
| 80 | <div class="superb-addons-template-library-preview-header"> |
| 81 | <span class="superb-addons-template-library-preview-title superbaddons-element-text-lg superbaddons-element-text-dark superbaddons-element-text-800"></span> |
| 82 | <?php new PremiumBadge(); ?> |
| 83 | <div id="superb-addons-template-library-preview-close-button" class="superb-addons-template-library-button superb-addons-template-library-button-secondary"><img src="<?= SUPERBADDONS_ASSETS_PATH . "/img/x.svg"; ?>" alt="<?= esc_attr__("Close", "superb-blocks"); ?>" /></div> |
| 84 | </div> |
| 85 | <div class="superb-addons-template-library-preview-modal-content"> |
| 86 | <div class="superb-addons-template-library-preview-top"> |
| 87 | <div class="superb-addons-template-library-preview-left"> |
| 88 | <p><?= esc_html__('This preview is an image.', "superb-blocks"); ?> <span clsas="superb-addons-template-library-preview-left-livepreview-explain" style="display:none;"><?= esc_html__('To see the element live, click the "Live Preview" button.', "superb-blocks"); ?></span></p> |
| 89 | <span class="superbaddons-element-text-xxs superbaddons-element-text-gray"><?= esc_html__("Please note that colors and other aspects may vary slightly depending on your current theme.") ?></span> |
| 90 | </div> |
| 91 | <div class="superb-addons-template-library-preview-right"> |
| 92 | <?php |
| 93 | new PreviewButton(__("Live Preview", "superb-blocks"), '_blank'); |
| 94 | new AvailableBadge(); |
| 95 | new PremiumButton(); |
| 96 | new InsertButton(); |
| 97 | ?> |
| 98 | </div> |
| 99 | </div> |
| 100 | </div> |
| 101 | <div class="superb-addons-template-library-preview-image-wrapper"> |
| 102 | <img id="superb-addons-template-library-preview" /> |
| 103 | <div class="superbaddons-spinner-wrapper" style="display:none;"> |
| 104 | <img class="spbaddons-spinner" src="<?= SUPERBADDONS_ASSETS_PATH ?>/img/blocks-spinner.svg" /> |
| 105 | </div> |
| 106 | </div> |
| 107 | </div> |
| 108 | </div> |
| 109 | </div> |