library-page.php
100 lines
| 1 | <?php |
| 2 | defined('ABSPATH') || exit(); |
| 3 | |
| 4 | use SuperbAddons\Components\Badges\AvailableBadge; |
| 5 | use SuperbAddons\Components\Badges\PremiumBadge; |
| 6 | use SuperbAddons\Components\Buttons\InsertButton; |
| 7 | use SuperbAddons\Components\Buttons\PremiumButton; |
| 8 | use SuperbAddons\Components\Buttons\PreviewButton; |
| 9 | ?> |
| 10 | |
| 11 | <div class="superb-addons-template-library-wrapper-overlay"></div> |
| 12 | <div class="superb-addons-template-library-page-frame"> |
| 13 | <div class="superb-addons-template-library-page-header"> |
| 14 | <div class="superb-addons-template-library-page-header-logo-area"> |
| 15 | <div class="superb-addons-template-library-page-header-logo"> |
| 16 | <img src="<?= esc_url(SUPERBADDONS_ASSETS_PATH . '/img/icon-superb.svg'); ?>" /> |
| 17 | <span class="superbaddons-element-text-md superbaddons-element-text-800 superbaddons-element-text-dark">Superb Addons</span> |
| 18 | </div> |
| 19 | </div> |
| 20 | <div class="superb-addons-template-library-page-header-items-area"> |
| 21 | <div class="superb-addons-template-library-close-btn"><img src="<?= SUPERBADDONS_ASSETS_PATH . "/img/x.svg"; ?>" alt="<?= esc_attr__("Close", "superbaddons"); ?>" /></div> |
| 22 | </div> |
| 23 | </div> |
| 24 | <div class="superb-addons-template-library-page-content"> |
| 25 | <div class="superb-addons-template-library-page-content-inner" style="display:none;"> |
| 26 | <div id="superb-addons-template-library-header-menu"> |
| 27 | <div class="superb-addons-template-library-header-menu-item"><?= esc_html__('Menu Item', 'superbaddons'); ?></div> |
| 28 | </div> |
| 29 | <div class="superb-addons-template-library-page-content-inner-menu"> |
| 30 | <div class="superb-addons-template-library-page-content-inner-menu-left"> |
| 31 | <div id="superb-addons-template-library-page-search-wrapper"> |
| 32 | <label for="superb-addons-template-library-page-search-input"><img src="<?= SUPERBADDONS_ASSETS_PATH . "/img/magnifying-glass.svg"; ?>" /></label> |
| 33 | <input id="superb-addons-template-library-page-search-input" type="text" placeholder="<?= esc_attr__('Search', 'superbaddons'); ?>" /> |
| 34 | </div> |
| 35 | </div> |
| 36 | <div class="superb-addons-template-library-page-content-inner-menu-right"> |
| 37 | <div class="superb-addons-template-library-page-select-wrapper"> |
| 38 | <select id="superb-addons-template-library-page-category-select"> |
| 39 | </select> |
| 40 | </div> |
| 41 | <div class="superb-addons-template-library-page-select-wrapper"> |
| 42 | <select id="superb-addons-template-library-page-style-select"> |
| 43 | </select> |
| 44 | </div> |
| 45 | </div> |
| 46 | </div> |
| 47 | <div class="superb-addons-template-library-page-content-list"> |
| 48 | <div class="superb-addons-template-library-page-content-inner-list"> |
| 49 | <!-- JS --> |
| 50 | </div> |
| 51 | <div class="superb-addons-template-library-page-content-inner-list-footer"> |
| 52 | <img src="<?= SUPERBADDONS_ASSETS_PATH . "/img/icon-superb.svg"; ?>" /> |
| 53 | <div class="superb-addons-template-library-footer-excerpt"> |
| 54 | <?= sprintf(esc_html__('Stay tuned! More awesome %s coming real soon ✌️', 'superbaddons'), '<span></span>'); ?> |
| 55 | </div> |
| 56 | </div> |
| 57 | </div> |
| 58 | </div> |
| 59 | <div class="superb-addons-loading"> |
| 60 | <div class="superb-addons-loader-wrapper"> |
| 61 | <div class="superbaddons-spinner-wrapper"> |
| 62 | <img class="spbaddons-spinner" src="<?= SUPERBADDONS_ASSETS_PATH ?>/img/blocks-spinner.svg" /> |
| 63 | </div> |
| 64 | <div class="superbaddons-loading-title superbaddons-element-text-dark superbaddons-element-text-800 superbaddons-element-text-md"><?= esc_html__("Loading", 'superbaddons'); ?></div> |
| 65 | </div> |
| 66 | </div> |
| 67 | </div> |
| 68 | <div class="superb-addons-template-library-preview-wrapper" style="display:none;"> |
| 69 | <div class="superb-addons-template-library-preview-overlay"></div> |
| 70 | <div class="superb-addons-template-library-preview-modal"> |
| 71 | <div class="superb-addons-template-library-preview-header"> |
| 72 | <span class="superb-addons-template-library-preview-title superbaddons-element-text-lg superbaddons-element-text-dark superbaddons-element-text-800"></span> |
| 73 | <?php new PremiumBadge(); ?> |
| 74 | <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", "superbaddons"); ?>" /></div> |
| 75 | </div> |
| 76 | <div class="superb-addons-template-library-preview-modal-content"> |
| 77 | <div class="superb-addons-template-library-preview-top"> |
| 78 | <div class="superb-addons-template-library-preview-left"> |
| 79 | <p><?= esc_html__('This preview is an image.', 'superbaddons'); ?> <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.', 'superbaddons'); ?></span></p> |
| 80 | <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> |
| 81 | </div> |
| 82 | <div class="superb-addons-template-library-preview-right"> |
| 83 | <?php |
| 84 | new PreviewButton(__("Live Preview", "superbaddons"), '_blank'); |
| 85 | new AvailableBadge(); |
| 86 | new PremiumButton(); |
| 87 | new InsertButton(); |
| 88 | ?> |
| 89 | </div> |
| 90 | </div> |
| 91 | </div> |
| 92 | <div class="superb-addons-template-library-preview-image-wrapper"> |
| 93 | <img id="superb-addons-template-library-preview" /> |
| 94 | <div class="superbaddons-spinner-wrapper" style="display:none;"> |
| 95 | <img class="spbaddons-spinner" src="<?= SUPERBADDONS_ASSETS_PATH ?>/img/blocks-spinner.svg" /> |
| 96 | </div> |
| 97 | </div> |
| 98 | </div> |
| 99 | </div> |
| 100 | </div> |