PluginProbe ʕ •ᴥ•ʔ
Superb Addons: Blocks, Patterns, Pre-built Pages, Sliders, Popups, Free Forms, Animations & More / 4.0.0
Superb Addons: Blocks, Patterns, Pre-built Pages, Sliders, Popups, Free Forms, Animations & More v4.0.0
4.0.7 4.0.6 4.0.5 4.0.4 4.0.3 4.0.2 4.0.1 4.0.0 trunk 1.0.0 2.0.0 2.0.1 2.0.2 2.0.3 3.0 3.0.1 3.0.2 3.0.5 3.0.6 3.0.7 3.0.8 3.0.9 3.1.0 3.1.2 3.1.3 3.2.0 3.2.1 3.2.2 3.2.4 3.2.5 3.2.7 3.2.8 3.2.9 3.3.0 3.3.1 3.3.2 3.4.0 3.4.1 3.4.2 3.4.5 3.4.6 3.5.0 3.5.1 3.5.2 3.5.3 3.5.4 3.5.6 3.5.7 3.5.8 3.5.9 3.6.0 3.6.1 3.6.2 3.7.0 3.7.1
superb-blocks / src / library / templates / library-page.php
superb-blocks / src / library / templates Last commit date
library-item.php 2 months ago library-menu-item.php 2 months ago library-page.php 2 months ago
library-page.php
168 lines
1 <?php
2 defined('ABSPATH') || exit();
3
4 use SuperbAddons\Admin\Utils\AdminLinkSource;
5 use SuperbAddons\Admin\Utils\AdminLinkUtil;
6 use SuperbAddons\Components\Admin\EnhancementSettingsComponent;
7 use SuperbAddons\Components\Badges\ExternalPluginRequiredBadge;
8 use SuperbAddons\Components\Badges\PremiumBadge;
9 use SuperbAddons\Components\Badges\UpdateRequiredBadge;
10 use SuperbAddons\Components\Buttons\InsertButton;
11 use SuperbAddons\Components\Buttons\PremiumButton;
12 use SuperbAddons\Components\Buttons\PreviewButton;
13 ?>
14
15 <div class="superb-addons-template-library-wrapper-overlay"></div>
16 <div class="superb-addons-template-library-page-frame">
17 <div class="superb-addons-template-library-page-header">
18 <div class="superb-addons-template-library-page-header-logo-area">
19 <div class="superb-addons-template-library-page-header-logo">
20 <img src="<?php echo esc_url(SUPERBADDONS_ASSETS_PATH . '/img/icon-superb.svg'); ?>" />
21 <span class="superbaddons-element-text-md superbaddons-element-text-800 superbaddons-element-text-dark"><?php echo esc_html__("Design Library", "superb-blocks"); ?></span>
22 </div>
23 </div>
24 <div class="superb-addons-template-library-page-header-search-area">
25 <div id="superb-addons-template-library-page-search-wrapper">
26 <label for="superb-addons-template-library-page-search-input"><img src="<?php echo esc_url(SUPERBADDONS_ASSETS_PATH . "/img/magnifying-glass.svg"); ?>" /></label>
27 <input id="superb-addons-template-library-page-search-input" type="text" placeholder="<?php echo esc_attr__('Search anything...', "superb-blocks"); ?>" autocomplete="off" />
28 <span class="superb-addons-template-library-search-shortcut"><?php echo esc_html__("Press /", "superb-blocks"); ?></span>
29 </div>
30 <div id="superb-addons-template-library-search-autocomplete" class="sba-library-autocomplete" style="display:none;"></div>
31 </div>
32 <div class="superb-addons-template-library-page-header-items-area">
33 <div class="superb-addons-template-library-header-btn superb-addons-template-library-filters-btn" title="<?php echo esc_attr__('Filters', "superb-blocks"); ?>"><img src="<?php echo esc_url(SUPERBADDONS_ASSETS_PATH . "/img/magnifying-glass.svg"); ?>" alt="<?php echo esc_attr__('Filters', "superb-blocks"); ?>" /></div>
34 <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">
35 <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>
36 </svg></div>
37 <div class="superb-addons-template-library-header-btn superb-addons-template-library-close-btn"><img src="<?php echo esc_url(SUPERBADDONS_ASSETS_PATH . "/img/x.svg"); ?>" alt="<?php echo esc_attr__("Close", "superb-blocks"); ?>" /></div>
38 </div>
39 </div>
40 <div class="superb-addons-template-library-page-content">
41 <div class="superb-addons-template-library-page-content-inner" style="display:none;">
42 <div class="superb-addons-template-library-dashboard-banner" style="display:none;">
43 <div class="superb-addons-template-library-dashboard-banner-icon">
44 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" viewBox="0 0 256 256"><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm16-40a8,8,0,0,1-8,8,16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40A8,8,0,0,1,144,176ZM112,84a12,12,0,1,1,12,12A12,12,0,0,1,112,84Z"></path></svg>
45 </div>
46 <div class="superb-addons-template-library-dashboard-banner-text">
47 <strong><?php echo esc_html__("You are browsing the Design Library.", "superb-blocks"); ?></strong>
48 <span><?php echo esc_html__("To insert a pattern, open any page, post, or template and click \"Design Library\" in the editor toolbar.", "superb-blocks"); ?></span>
49 </div>
50 <a class="superb-addons-template-library-dashboard-banner-action" href="#" target="_blank" rel="noopener"><?php echo esc_html__("Watch Tutorial", "superb-blocks"); ?></a>
51 <button type="button" class="superb-addons-template-library-dashboard-banner-dismiss" aria-label="<?php echo esc_attr__("Dismiss", "superb-blocks"); ?>"><img src="<?php echo esc_url(SUPERBADDONS_ASSETS_PATH . "/img/x.svg"); ?>" alt="<?php echo esc_attr__("Dismiss", "superb-blocks"); ?>" /></button>
52 </div>
53 <div class="superb-addons-template-library-body">
54 <aside class="superb-addons-template-library-sidebar">
55 <div class="superb-addons-template-library-sidebar-section superb-addons-template-library-sidebar-browse">
56 <h4 class="superb-addons-template-library-sidebar-title"><?php echo esc_html__("Browse", "superb-blocks"); ?></h4>
57 <ul id="superb-addons-template-library-type-list" class="superb-addons-template-library-sidebar-list"></ul>
58 </div>
59 <div class="superb-addons-template-library-sidebar-section superb-addons-template-library-sidebar-style" style="display:none;">
60 <h4 class="superb-addons-template-library-sidebar-title"><?php echo esc_html__("Style", "superb-blocks"); ?></h4>
61 <ul id="superb-addons-template-library-style-list" class="superb-addons-template-library-sidebar-list"></ul>
62 </div>
63 <div class="superb-addons-template-library-sidebar-section superb-addons-template-library-sidebar-categories">
64 <h4 class="superb-addons-template-library-sidebar-title"><?php echo esc_html__("Categories", "superb-blocks"); ?></h4>
65 <ul id="superb-addons-template-library-category-list" class="superb-addons-template-library-sidebar-list"></ul>
66 </div>
67 </aside>
68 <div class="superb-addons-template-library-main">
69 <div class="superb-addons-template-library-active-filters">
70 <span class="superb-addons-template-library-result-count"></span>
71 <button type="button" class="superb-addons-template-library-favorites-filter-btn" aria-pressed="false" style="display:none;">
72 <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" viewBox="0 0 256 256"><path d="M178,32c-20.65,0-38.73,8.88-50,23.89C116.73,40.88,98.65,32,78,32A62.07,62.07,0,0,0,16,94c0,70,103.79,126.66,108.21,129a8,8,0,0,0,7.58,0C136.21,220.66,240,164,240,94A62.07,62.07,0,0,0,178,32ZM128,206.8C109.74,196.16,32,147.69,32,94A46.06,46.06,0,0,1,78,48c19.45,0,35.78,10.36,42.6,27a8,8,0,0,0,14.8,0c6.82-16.67,23.15-27,42.6-27a46.06,46.06,0,0,1,46,46C224,147.61,146.24,196.15,128,206.8Z"></path></svg>
73 <span class="superb-addons-template-library-favorites-filter-label"><?php echo esc_html__("Favorites", "superb-blocks"); ?></span>
74 <span class="superb-addons-template-library-favorites-filter-count">0</span>
75 </button>
76 <div class="superb-addons-template-library-chips"></div>
77 <button type="button" class="superb-addons-template-library-clear-all" style="display:none;"><?php echo esc_html__("Clear all", "superb-blocks"); ?></button>
78 </div>
79 <div class="superb-addons-template-library-page-content-list">
80 <div class="superb-addons-template-library-page-content-inner-list">
81 <!-- JS -->
82 </div>
83 <div class="superb-addons-template-library-empty-state" style="display:none;">
84 <div class="superb-addons-template-library-empty-state-icon">
85 <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" fill="#CFD8DC" viewBox="0 0 256 256"><path d="M216,72H131.31L104,44.69A15.86,15.86,0,0,0,92.69,40H40A16,16,0,0,0,24,56V200.62A15.4,15.4,0,0,0,39.38,216H216.89A15.13,15.13,0,0,0,232,200.89V88A16,16,0,0,0,216,72ZM40,56H92.69l16,16H40ZM216,200H40V88H216Z"></path></svg>
86 </div>
87 <div class="superb-addons-template-library-empty-state-title"><?php echo esc_html__("No items match your filters.", "superb-blocks"); ?></div>
88 <div class="superb-addons-template-library-empty-state-hints"></div>
89 <div class="superb-addons-template-library-empty-state-actions">
90 <button type="button" class="superb-addons-template-library-button superb-addons-template-library-button-primary superb-addons-template-library-empty-clear-btn"><?php echo esc_html__("Clear filters", "superb-blocks"); ?></button>
91 </div>
92 </div>
93 <div class="superb-addons-template-library-page-content-inner-list-footer">
94 <div class="superb-addons-template-library-footer-suggest">
95 <span class="superb-addons-template-library-footer-suggest-text"><?php echo esc_html__("Have a pattern request?", "superb-blocks"); ?></span>
96 <a href="<?php echo esc_url(AdminLinkUtil::GetLink(AdminLinkSource::DEFAULT, array("url" => "https://superbthemes.com/contact/", "anchor" => "create-ticket"))); ?>" target="_blank" rel="noopener" class="superb-addons-template-library-footer-suggest-link"><?php echo esc_html__("Suggest a design", "superb-blocks"); ?></a>
97 </div>
98 </div>
99 </div>
100 </div>
101 </div>
102 </div>
103 <div class="superb-addons-template-library-page-content-settings" style="display:none;">
104 <div class="superbaddons-library-page-settings-content-wrapper">
105 <?php new EnhancementSettingsComponent(); ?>
106 </div>
107 </div>
108 <div class="superb-addons-loading">
109 <div class="superb-addons-loader-wrapper">
110 <div class="superbaddons-spinner-wrapper">
111 <img class="spbaddons-spinner" src="<?php echo esc_url(SUPERBADDONS_ASSETS_PATH . "/img/blocks-spinner.svg"); ?>" />
112 </div>
113 <div class="superbaddons-loading-title superbaddons-element-text-dark superbaddons-element-text-800 superbaddons-element-text-md"><?php echo esc_html__("Loading", "superb-blocks"); ?></div>
114 </div>
115 </div>
116 </div>
117 <div class="superb-addons-template-library-preview-wrapper" style="display:none;">
118 <div class="superb-addons-template-library-preview-overlay"></div>
119 <div class="superb-addons-template-library-preview-modal">
120 <div class="superb-addons-template-library-preview-header">
121 <span class="superb-addons-template-library-preview-title superbaddons-element-text-lg superbaddons-element-text-dark superbaddons-element-text-800"></span>
122 <?php new PremiumBadge(); ?>
123 <div id="superb-addons-template-library-preview-close-button" class="superb-addons-template-library-button superb-addons-template-library-button-secondary"><img src="<?php echo esc_url(SUPERBADDONS_ASSETS_PATH . "/img/x.svg"); ?>" alt="<?php echo esc_attr__("Close", "superb-blocks"); ?>" /></div>
124 </div>
125 <div class="superb-addons-template-library-preview-modal-content">
126 <div class="superb-addons-template-library-preview-top">
127 <div class="superb-addons-template-library-preview-left">
128 <p><?php echo esc_html__('This preview is an image.', "superb-blocks"); ?> <span class="superb-addons-template-library-preview-left-livepreview-explain" style="display:none;"><?php echo esc_html__('To see the element live, click the "Live Preview" button.', "superb-blocks"); ?></span></p>
129 <span class="superbaddons-element-text-xxs superbaddons-element-text-gray"><?php echo esc_html__("Please note that colors and other aspects may vary slightly depending on your current theme.", "superb-blocks") ?></span>
130 </div>
131 <div class="superb-addons-template-library-preview-right">
132 <?php
133 new PreviewButton(__("Live Preview", "superb-blocks"), '_blank');
134 new UpdateRequiredBadge();
135 new ExternalPluginRequiredBadge();
136 new PremiumButton(AdminLinkSource::LIBRARY_ITEM);
137 new InsertButton();
138 ?>
139 <button type="button" class="superb-addons-template-library-help-indicator superb-addons-template-library-help-indicator-preview superbaddons-item-dashboard-element" style="display:none;">
140 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 256 256"><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm16-40a8,8,0,0,1-8,8,16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40A8,8,0,0,1,144,176ZM112,84a12,12,0,1,1,12,12A12,12,0,0,1,112,84Z"></path></svg>
141 <span><?php echo esc_html__("How to insert this", "superb-blocks"); ?></span>
142 </button>
143 </div>
144 </div>
145 </div>
146 <div class="superb-addons-template-library-preview-image-wrapper">
147 <img id="superb-addons-template-library-preview" />
148 <div class="superbaddons-spinner-wrapper" style="display:none;">
149 <img class="spbaddons-spinner" src="<?php echo esc_url(SUPERBADDONS_ASSETS_PATH . "/img/blocks-spinner.svg"); ?>" />
150 </div>
151 </div>
152 </div>
153 </div>
154 <div class="superb-addons-template-library-help-popover" style="display:none;">
155 <div class="superb-addons-template-library-help-popover-inner">
156 <div class="superb-addons-template-library-help-popover-title"><?php echo esc_html__("To insert this pattern:", "superb-blocks"); ?></div>
157 <ol class="superb-addons-template-library-help-popover-steps">
158 <li><?php echo esc_html__("Open any page, post, or template.", "superb-blocks"); ?></li>
159 <li><?php echo esc_html__("Click \"Design Library\" in the editor toolbar.", "superb-blocks"); ?></li>
160 </ol>
161 <div class="superb-addons-template-library-help-popover-actions">
162 <a class="superb-addons-template-library-help-popover-tutorial" href="#" target="_blank" rel="noopener"><?php echo esc_html__("Watch Tutorial", "superb-blocks"); ?></a>
163 <button type="button" class="superb-addons-template-library-help-popover-close"><?php echo esc_html__("Close", "superb-blocks"); ?></button>
164 </div>
165 </div>
166 </div>
167 </div>
168