additional-template.php
11 months ago
dashboard-content.php
11 months ago
plugins-content.php
11 months ago
templates-content.php
11 months ago
widgets-content.php
11 months ago
templates-content.php
217 lines
| 1 | <section> |
| 2 | <div class="container-fluid py-4"> |
| 3 | <div class="row"> |
| 4 | <div class="col-sm-12 col-md-2 col-lg-2 col-xl-2 align-self-center"> |
| 5 | <div class="flex-templates"> |
| 6 | <svg id="Group_65" data-name="Group 65" xmlns="http://www.w3.org/2000/svg" width="18.571" |
| 7 | height="20" viewBox="0 0 18.571 20"> |
| 8 | <path id="Path_46" data-name="Path 46" |
| 9 | d="M51.182,49.415h10.96v-.354A1.061,1.061,0,0,0,61.081,48H49.061A1.061,1.061,0,0,0,48,49.062V62.509a1.061,1.061,0,0,0,1.061,1.062h.354V51.185A1.771,1.771,0,0,1,51.182,49.415Zm0,0" |
| 10 | transform="translate(-45.785 -45.785)" /> |
| 11 | <path id="Path_47" data-name="Path 47" |
| 12 | d="M110.766,160H96v12.182a1.108,1.108,0,0,0,1.107,1.107h12.551a1.108,1.108,0,0,0,1.107-1.107Zm0,0" |
| 13 | transform="translate(-92.195 -153.29)" /> |
| 14 | <path id="Path_48" data-name="Path 48" |
| 15 | d="M3.322,1.477H14.766V1.107A1.108,1.108,0,0,0,13.659,0H1.107A1.108,1.108,0,0,0,0,1.107V15.135a1.108,1.108,0,0,0,1.107,1.107h.369V3.322A1.848,1.848,0,0,1,3.322,1.477Zm0,0" /> |
| 16 | <path id="Path_49" data-name="Path 49" |
| 17 | d="M110.766,97.107A1.108,1.108,0,0,0,109.659,96H97.107A1.108,1.108,0,0,0,96,97.107v1.107h14.766Zm-13.319.14a.429.429,0,0,1-.078.122.365.365,0,0,1-.4.078.381.381,0,0,1-.122-.078.429.429,0,0,1-.078-.122.348.348,0,0,1,0-.28.381.381,0,0,1,.078-.122.386.386,0,0,1,.524,0,.381.381,0,0,1,.078.122A.347.347,0,0,1,97.447,97.248Zm1.107,0a.43.43,0,0,1-.078.122.365.365,0,0,1-.4.078.333.333,0,0,1-.2-.2.309.309,0,0,1-.03-.14.368.368,0,0,1,.03-.14.381.381,0,0,1,.078-.122.386.386,0,0,1,.524,0,.381.381,0,0,1,.078.122A.347.347,0,0,1,98.555,97.248Zm1.03.122a.369.369,0,0,1-.631-.262.309.309,0,0,1,.03-.14.381.381,0,0,1,.078-.122.386.386,0,0,1,.524,0,.381.381,0,0,1,.078.122A.365.365,0,0,1,99.584,97.37Zm0,0" |
| 18 | transform="translate(-92.195 -91.732)" /> |
| 19 | </svg> |
| 20 | <p class="flex-template-title">Templates</p> |
| 21 | </div> |
| 22 | </div> |
| 23 | <div class="col-sm-12 col-md-10 col-lg-10 col-xl-10"> |
| 24 | |
| 25 | <div class="flex-template-form"> |
| 26 | <form action=""> |
| 27 | <div class="flex-search text-right"> |
| 28 | <div class="search-flex"><input type="text" id="fname" name="fname" |
| 29 | placeholder="Search Templates" class="flex-search-input" /> |
| 30 | <svg class="absolute right-3 top-1/2 transform -translate-y-1/2 text-gray-400 pointer-events-none" |
| 31 | xmlns="" width="20" height="20" fill="none" viewBox="0 0 24 24" |
| 32 | stroke="currentColor"> |
| 33 | <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" |
| 34 | d="M21 21l-4.35-4.35M10 18a8 8 0 100-16 8 8 0 000 16z" /> |
| 35 | </svg> |
| 36 | </div> |
| 37 | |
| 38 | </div> |
| 39 | </form> |
| 40 | |
| 41 | </div> |
| 42 | </div> |
| 43 | </div> |
| 44 | </div> |
| 45 | </section> |
| 46 | |
| 47 | <!-- main templates display from here --> |
| 48 | |
| 49 | <div class="section"> |
| 50 | <div class="container-fluid"> |
| 51 | <div class="row"> |
| 52 | <div class="col-sm-12 col-lg-4 col-xl-2 widget-list mb-lg-0 mb-3 p-0"> |
| 53 | <div class="fleximp-template-categories-box d-flex p-3" style="justify-content: space-between;"> |
| 54 | <div class="flex-template-categories"> Template Categories </div> |
| 55 | <div class="flex-template-categories-icon"> + </div> |
| 56 | </div> |
| 57 | <div class="line"> </div> |
| 58 | <div id="categories-list" style="border-right: 1px solid #ddd"> |
| 59 | |
| 60 | <ul class="flex-template-categories-list"></ul> |
| 61 | </div> |
| 62 | </div> |
| 63 | <div class="col-sm-12 col-lg-8 col-xl-10 px-md-0 px-lg-2 p-0 pt-md-2 pt-sm-2 grid-container-column"> |
| 64 | |
| 65 | <div id="templates-list" class="grid-container my_grid_container"> |
| 66 | <!-- <div style=""> --> |
| 67 | <!-- This will display the templates list --> |
| 68 | <!-- </div> --> |
| 69 | </div> |
| 70 | |
| 71 | </div> |
| 72 | </div> |
| 73 | <div class="row"> |
| 74 | <div class="col-lg-2 col-md-12 col-sm-12 col-xl-2 widget-social-media "> |
| 75 | <div class="flex-wp-social-media-icons templates-imgs"> |
| 76 | <img src="<?php echo esc_url(plugin_dir_url(__FILE__) . '../assets/images/follow-us.png'); ?>" |
| 77 | alt="<?php esc_attr_e('Plugin Logo', 'flex-import'); ?>" style="max-width:75px;" |
| 78 | class="video-img mt-1"> |
| 79 | <a href="https://in.pinterest.com/flextheme/" target="_blank" rel="noopener"><img |
| 80 | src="<?php echo esc_url(plugin_dir_url(__FILE__) . '../assets/images/pintrest.png'); ?>" |
| 81 | style="max-width:35px; max-height:35px;" alt="facebook" style="" class="video-img mt-1"></a> |
| 82 | <a href="https://www.quora.com/profile/Flex-Theme" target="_blank" rel="noopener"><img |
| 83 | src="<?php echo esc_url(plugin_dir_url(__FILE__) . '../assets/images/quora.png'); ?>" |
| 84 | style="max-width:35px; max-height:35px;" alt="instgram" style="" class="video-img mt-1"></a> |
| 85 | </div> |
| 86 | </div> |
| 87 | </div> |
| 88 | </div> |
| 89 | </div> |
| 90 | |
| 91 | |
| 92 | |
| 93 | <!-- Modal for Template Import --> |
| 94 | <div id="import-modal" |
| 95 | style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 999;"> |
| 96 | |
| 97 | <div |
| 98 | style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: white; padding: 30px; width: 700px;"> |
| 99 | <!-- Step 1: Confirm Template Import --> |
| 100 | <div id="step-confirm-import"> |
| 101 | <div class="flex-model-div-main"> |
| 102 | <div><img id="modal-template-mobile-image" src="" alt="Template Mobile Image" style=""></div> |
| 103 | <div> |
| 104 | <div class="flex-main-dive"> |
| 105 | <p id="modal-template-title"></p> |
| 106 | <p class="flex-modal-content">Are you sure you want to import this template?</p> |
| 107 | </div> |
| 108 | |
| 109 | </div> |
| 110 | |
| 111 | </div> |
| 112 | <div class="flex-modal-btns text-center"> |
| 113 | <button id="flex-confirm-import" class="btn text-white flex-import-btn"> |
| 114 | Import Demo |
| 115 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> |
| 116 | <path |
| 117 | d="M288 32c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 242.7-73.4-73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l128 128c12.5 12.5 32.8 12.5 45.3 0l128-128c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L288 274.7 288 32zM64 352c-35.3 0-64 28.7-64 64l0 32c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-32c0-35.3-28.7-64-64-64l-101.5 0-45.3 45.3c-25 25-65.5 25-90.5 0L165.5 352 64 352zm368 56a24 24 0 1 1 0 48 24 24 0 1 1 0-48z" /> |
| 118 | </svg> |
| 119 | </button> |
| 120 | <button id="flex-cancel-import" class="btn text-white flex-import-btn">Cancel |
| 121 | |
| 122 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"> |
| 123 | <path |
| 124 | d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z" /> |
| 125 | </svg> |
| 126 | </button> |
| 127 | </div> |
| 128 | |
| 129 | </div> |
| 130 | <!-- end --> |
| 131 | <!-- Step 2: Import Plugin --> |
| 132 | <div id="step-plugins" style="display: none;"> |
| 133 | <!-- Add mobile image and title for step 2 --> |
| 134 | <h3 id="modal-template-mobile-title" class="importing-process-title-1 text-center steps-done"> </h3> |
| 135 | |
| 136 | <!-- Template Title for Step 2 --> |
| 137 | <div class="import-modal-main"> |
| 138 | <div class="fleximp-temp-tab-image"> |
| 139 | <img src="<?php echo esc_url(plugin_dir_url(__FILE__) . '../assets/images/group.png'); ?>" |
| 140 | alt="" class="fleximp-temp-image"> |
| 141 | </div> |
| 142 | <div class="flex-installing-process"> |
| 143 | <p id="modal-template-mobile-title" class="flex-modal-template-mobile-title"></p> |
| 144 | <!-- Template Title for Step 2 --> |
| 145 | <ul id="flex-template-plugins-list" class="flex-modal-icons"> |
| 146 | <li> |
| 147 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> |
| 148 | <path |
| 149 | d="M288 32c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 242.7-73.4-73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l128 128c12.5 12.5 32.8 12.5 45.3 0l128-128c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L288 274.7 288 32zM64 352c-35.3 0-64 28.7-64 64l0 32c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-32c0-35.3-28.7-64-64-64l-101.5 0-45.3 45.3c-25 25-65.5 25-90.5 0L165.5 352 64 352zm368 56a24 24 0 1 1 0 48 24 24 0 1 1 0-48z" /> |
| 150 | </svg> |
| 151 | <p class="flex-insatlling-pluins-title"> Installing plugins</p> |
| 152 | <span id="plugin-loader" class="loader"></span> |
| 153 | </li> |
| 154 | <li> |
| 155 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> |
| 156 | <path |
| 157 | d="M128 64c0-35.3 28.7-64 64-64L352 0l0 128c0 17.7 14.3 32 32 32l128 0 0 288c0 35.3-28.7 64-64 64l-256 0c-35.3 0-64-28.7-64-64l0-112 174.1 0-39 39c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l80-80c9.4-9.4 9.4-24.6 0-33.9l-80-80c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l39 39L128 288l0-224zm0 224l0 48L24 336c-13.3 0-24-10.7-24-24s10.7-24 24-24l104 0zM512 128l-128 0L384 0 512 128z" /> |
| 158 | </svg> |
| 159 | <p class="flex-insatlling-pluins-title"> Importing inner pages</p> |
| 160 | <!-- Add this for inner pages --> |
| 161 | <span id="inner-pages-loader" class="loader" style="display: none;"></span> |
| 162 | </li> |
| 163 | |
| 164 | <li> |
| 165 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"> |
| 166 | <path |
| 167 | d="M96 0C43 0 0 43 0 96L0 416c0 53 43 96 96 96l288 0 32 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l0-64c17.7 0 32-14.3 32-32l0-320c0-17.7-14.3-32-32-32L384 0 96 0zm0 384l256 0 0 64L96 448c-17.7 0-32-14.3-32-32s14.3-32 32-32zm32-240c0-8.8 7.2-16 16-16l192 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-192 0c-8.8 0-16-7.2-16-16zm16 48l192 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-192 0c-8.8 0-16-7.2-16-16s7.2-16 16-16z" /> |
| 168 | </svg> |
| 169 | <p class="flex-insatlling-pluins-title"> Importing content</p> |
| 170 | <span id="content-loader" class="loader" style="display: none;"></span> |
| 171 | </li> |
| 172 | </ul> |
| 173 | </div> |
| 174 | </div> |
| 175 | <!-- Progress Bar --> |
| 176 | <div style="margin: 20px 0;"> |
| 177 | <p id="import-progress-text" style="text-align: right; margin-top: 20px;">0%</p> |
| 178 | <div style="background: #e0e0e0; border-radius: 2px; overflow: hidden; height: 20px; outline: 3px solid #182E60; |
| 179 | outline-offset: 5px;"> |
| 180 | <div id="import-progress-bar" |
| 181 | style="width: 0%; background: #182E60; height: 100%; transition: width 0.3s;"></div> |
| 182 | </div> |
| 183 | </div> |
| 184 | |
| 185 | <button id="flex-continue-install" class="btn btn-primary" style="display: none;">Continue</button> |
| 186 | </div> |
| 187 | <!-- Step 2 Ended Here --> |
| 188 | |
| 189 | <!-- Step 3: Done --> |
| 190 | <div id="step-done" style="display: none;"> |
| 191 | <h3 class="text-center steps-done">Congratulations Your Site Is Ready!</h3> |
| 192 | <div class="fleximp-temp-tab-image text-center"> |
| 193 | <img id="modal-template-responsive-image" src="" alt="Template Responsive Image" |
| 194 | style="width: 100%; height: auto; margin-top: 20px;"> |
| 195 | </div> |
| 196 | <div style="margin-top: 20px; text-center " class="view-btton-div"> |
| 197 | <a href="<?php echo esc_url(home_url()); ?>" class="button view-site" target="_blank">View Site <svg |
| 198 | xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> |
| 199 | <path |
| 200 | d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z" /> |
| 201 | </svg></a> |
| 202 | <a href="<?php echo esc_url(admin_url()); ?>" class="button view-site" target="_blank">Dashboard <svg |
| 203 | xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"> |
| 204 | <path |
| 205 | d="M575.8 255.5c0 18-15 32.1-32 32.1l-32 0 .7 160.2c0 2.7-.2 5.4-.5 8.1l0 16.2c0 22.1-17.9 40-40 40l-16 0c-1.1 0-2.2 0-3.3-.1c-1.4 .1-2.8 .1-4.2 .1L416 512l-24 0c-22.1 0-40-17.9-40-40l0-24 0-64c0-17.7-14.3-32-32-32l-64 0c-17.7 0-32 14.3-32 32l0 64 0 24c0 22.1-17.9 40-40 40l-24 0-31.9 0c-1.5 0-3-.1-4.5-.2c-1.2 .1-2.4 .2-3.6 .2l-16 0c-22.1 0-40-17.9-40-40l0-112c0-.9 0-1.9 .1-2.8l0-69.7-32 0c-18 0-32-14-32-32.1c0-9 3-17 10-24L266.4 8c7-7 15-8 22-8s15 2 21 7L564.8 231.5c8 7 12 15 11 24z" /> |
| 206 | </svg></a> |
| 207 | <a href="<?php echo esc_url(admin_url('post.php?post=' . get_option('page_on_front') . '&action=elementor')); ?>" |
| 208 | class="button view-site" target="_blank">Edit with Elementor <svg |
| 209 | xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> |
| 210 | <path |
| 211 | d="M471.6 21.7c-21.9-21.9-57.3-21.9-79.2 0L362.3 51.7l97.9 97.9 30.1-30.1c21.9-21.9 21.9-57.3 0-79.2L471.6 21.7zm-299.2 220c-6.1 6.1-10.8 13.6-13.5 21.9l-29.6 88.8c-2.9 8.6-.6 18.1 5.8 24.6s15.9 8.7 24.6 5.8l88.8-29.6c8.2-2.7 15.7-7.4 21.9-13.5L437.7 172.3 339.7 74.3 172.4 241.7zM96 64C43 64 0 107 0 160L0 416c0 53 43 96 96 96l256 0c53 0 96-43 96-96l0-96c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 96c0 17.7-14.3 32-32 32L96 448c-17.7 0-32-14.3-32-32l0-256c0-17.7 14.3-32 32-32l96 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L96 64z" /> |
| 212 | </svg></a> |
| 213 | </div> |
| 214 | </div> |
| 215 | |
| 216 | </div> |
| 217 | </div> |