options-menu-item.php
192 lines
| 1 | <div class="attr-modal attr-fade" id="attr_menu_control_panel_modal" tabindex="-1" role="dialog"> |
| 2 | <div class="attr-modal-dialog attr-modal-dialog-centered" role="document"> |
| 3 | <div class="attr-modal-content ekit_menu_modal_content"> |
| 4 | <div class="attr-modal-header"> |
| 5 | <ul class="tb-nav tb-nav-tabs ekit_menu_control_nav" role="tablist"> |
| 6 | <li role="presentation" id="attr_content_nav" class="attr-active"><a class="attr-nav-link" href="#attr_content_tab" aria-controls="attr_content_tab" |
| 7 | role="tab" data-attr-toggle="tab"><?php esc_html_e( 'Content', 'elementskit-lite' ); ?></a></li> |
| 8 | <li role="presentation" id="attr_icon_nav"><a class="attr-nav-link ekit-<?php echo esc_attr(ElementsKit_Lite::package_type()); ?>-labal" href="#attr_icon_tab" aria-controls="attr_icon_tab" role="tab" |
| 9 | data-attr-toggle="tab"><?php esc_html_e( 'Icon', 'elementskit-lite' ); ?></a></li> |
| 10 | <li role="presentation" id="attr_badge_nav"><a class="attr-nav-link ekit-<?php echo esc_attr(ElementsKit_Lite::package_type()); ?>-labal" href="#attr_badge_tab" aria-controls="attr_badge_tab" |
| 11 | role="tab" data-attr-toggle="tab"><?php esc_html_e( 'Badge', 'elementskit-lite' ); ?></a></li> |
| 12 | <li role="presentation" id="attr_badge_nav"><a class="attr-nav-link" href="#attr_vertical_menu_setting_tab" aria-controls="attr_vertical_menu_setting_tab" |
| 13 | role="tab" data-attr-toggle="tab"><?php esc_html_e( 'Settings', 'elementskit-lite' ); ?></a></li> |
| 14 | </ul> |
| 15 | </div> |
| 16 | <div class="attr-modal-body ekit-wid-con"> |
| 17 | <div class="attr-tab-content"> |
| 18 | <div role="tabpanel" class="attr-tab-pane attr-active" id="attr_content_tab"> |
| 19 | <?php if ( defined( 'ELEMENTOR_VERSION' ) ) : ?> |
| 20 | <div class="switch-wrapper"> |
| 21 | <input type="checkbox" value="1" id="elementskit-menu-item-enable" /> |
| 22 | <label for="elementskit-menu-item-enable"><span><em></em></span></label> |
| 23 | </div> |
| 24 | <div id="elementskit-menu-builder-warper"> |
| 25 | <small |
| 26 | class="elementskit-menu-mega-submenu enabled_item"><?php esc_html_e( 'Megamenu enabled', 'elementskit-lite' ); ?></small> |
| 27 | <small |
| 28 | class="elementskit-menu-mega-submenu disabled_item"><?php esc_html_e( 'Megamenu disabled', 'elementskit-lite' ); ?></small> |
| 29 | |
| 30 | <button disabled type="button" id="elementskit-menu-builder-trigger" |
| 31 | class="elementskit-menu-elementor-button button" data-attr-toggle="modal" |
| 32 | data-target="#elementskit-menu-builder-modal"> |
| 33 | <img src="<?php echo esc_url( $this->url ); ?>/assets/images/elementor-icon.png" |
| 34 | alt="<?php esc_attr_e( 'elementskit megamenu', 'elementskit-lite' ); ?>" /> |
| 35 | <?php esc_html_e( 'Edit megamenu content', 'elementskit-lite' ); ?> |
| 36 | </button> |
| 37 | |
| 38 | <div id="mobile_submenu_content_type" class="ekit-<?php echo esc_attr(ElementsKit_Lite::package_type()); ?>-labal ekit-<?php echo esc_attr(ElementsKit_Lite::package_type()); ?>-labal-container"> |
| 39 | <strong><?php esc_html_e( 'Use mobile submenu as:', 'elementskit-lite' ); ?></strong> |
| 40 | <span><input type="radio" name="content_type" checked value="builder_content"> <?php esc_html_e( 'builder content', 'elementskit-lite' ); ?></span> |
| 41 | <span><input type="radio" name="content_type" value="submenu_list"> <?php esc_html_e( 'wp submenu list', 'elementskit-lite' ); ?></span> |
| 42 | </div> |
| 43 | </div> |
| 44 | <?php else : ?> |
| 45 | <p class="no-elementor-notice"> |
| 46 | <?php esc_html_e( 'This plugin requires Elementor page builder to edt megamenu items content', 'elementskit-lite' ); ?> |
| 47 | </p> |
| 48 | <?php endif; ?> |
| 49 | </div> |
| 50 | <div role="tabpanel" class="attr-tab-pane" id="attr_icon_tab"> |
| 51 | <table class="option-table ekit-<?php echo esc_attr(ElementsKit_Lite::package_type()); ?>-labal-container"> |
| 52 | <tbody> |
| 53 | <tr> |
| 54 | <td><strong><?php esc_html_e( 'Choose icon color', 'elementskit-lite' ); ?></strong></td> |
| 55 | <td class="alignright"> |
| 56 | <input type="text" value="#bada55" class="elementskit-menu-wpcolor-picker" |
| 57 | id="elementskit-menu-icon-color-field" /> |
| 58 | </td> |
| 59 | </tr> |
| 60 | <tr> |
| 61 | <td><strong><?php esc_html_e( 'Select icon', 'elementskit-lite' ); ?></strong></td> |
| 62 | <td class="alignright"> |
| 63 | <select id="elementskit-menu-icon-field" class="elementskit-menu-icon-picker"> |
| 64 | <option value=""><?php esc_html_e( 'No icon', 'elementskit-lite' ); ?></option> |
| 65 | <?php |
| 66 | foreach ( self::get_icons() as $icon_class ) { |
| 67 | echo "<option value='" . esc_attr( $icon_class ) . "'>'" . esc_html( $icon_class ) . "'</option>"; |
| 68 | } |
| 69 | ?> |
| 70 | </select> |
| 71 | </td> |
| 72 | </tr> |
| 73 | </tbody> |
| 74 | </table> |
| 75 | </div> |
| 76 | <div role="tabpanel" class="attr-tab-pane" id="attr_badge_tab"> |
| 77 | <table class="option-table ekit-<?php echo esc_attr(ElementsKit_Lite::package_type()); ?>-labal ekit-<?php echo esc_attr(ElementsKit_Lite::package_type()); ?>-labal-container"> |
| 78 | <tbody> |
| 79 | <tr> |
| 80 | <td><strong><?php esc_html_e( 'Badge text', 'elementskit-lite' ); ?></strong></td> |
| 81 | <td class="alignright"> |
| 82 | <input type="text" |
| 83 | placeholder="<?php esc_html_e( 'Badge Text', 'elementskit-lite' ); ?>" |
| 84 | id="elementskit-menu-badge-text-field" /> |
| 85 | </td> |
| 86 | </tr> |
| 87 | |
| 88 | <tr> |
| 89 | <td><strong><?php esc_html_e( 'Choose badge color', 'elementskit-lite' ); ?></strong></td> |
| 90 | <td class="alignright"> |
| 91 | <input type="text" class="elementskit-menu-wpcolor-picker" value="#ffffff" |
| 92 | id="elementskit-menu-badge-color-field" /> |
| 93 | </td> |
| 94 | </tr> |
| 95 | |
| 96 | <tr> |
| 97 | <td><strong><?php esc_html_e( 'Choose badge background', 'elementskit-lite' ); ?></strong> |
| 98 | </td> |
| 99 | <td class="alignright"> |
| 100 | <input type="text" class="elementskit-menu-wpcolor-picker" value="#bada55" |
| 101 | id="elementskit-menu-badge-background-field" /> |
| 102 | </td> |
| 103 | </tr> |
| 104 | |
| 105 | </tbody> |
| 106 | </table> |
| 107 | </div> |
| 108 | <div role="tabpanel" class="attr-tab-pane" id="attr_vertical_menu_setting_tab"> |
| 109 | <table class="option-table"> |
| 110 | <tbody class="xs_menu_settings_panel"> |
| 111 | <tr id="xs_megamenu_width_type"> |
| 112 | <td><strong><?php esc_html_e( 'Mega Menu Width as:', 'elementskit-lite' ); ?></strong></td> |
| 113 | <td class="alignright ekit_width_lists"> |
| 114 | <input type="radio" name="width_type" id="width_type_default" value="default_width" checked> |
| 115 | <label for="width_type_default"><?php esc_html_e( 'Default Width', 'elementskit-lite' ); ?></label> |
| 116 | <input type="radio" id="width_type_full" name="width_type" value="full_width"> |
| 117 | <label for="width_type_full"><?php esc_html_e( 'Full Width', 'elementskit-lite' ); ?></label> |
| 118 | <input type="radio" id="width_type_custom" name="width_type" value="custom_width"> |
| 119 | <label for="width_type_custom"><?php esc_html_e( 'Custom Width', 'elementskit-lite' ); ?></label> |
| 120 | </td> |
| 121 | </tr> |
| 122 | <tr class="menu-width-container"> |
| 123 | <td><strong><?php esc_html_e( 'Menu Width', 'elementskit-lite' ); ?></strong></td> |
| 124 | <td class="alignright"> |
| 125 | <input type="text" placeholder="<?php esc_html_e( '750px', 'elementskit-lite' ); ?>" id="elementskit-menu-vertical-menu-width-field" /> |
| 126 | </td> |
| 127 | </tr> |
| 128 | <tr id="vertical_megamenu_position_type"> |
| 129 | <td><strong><?php esc_html_e( 'Mega Menu Position as:', 'elementskit-lite' ); ?></strong></td> |
| 130 | <td class="alignright"> |
| 131 | <input type="radio" id="position_type_top" name="position_type" value="top_position"> |
| 132 | <label for="position_type_top"><?php esc_html_e( 'Default', 'elementskit-lite' ); ?></label> |
| 133 | <input type="radio" name="position_type" id="position_type_relative" checked value="relative_position"> |
| 134 | <label for="position_type_relative"><?php esc_html_e( 'Relative', 'elementskit-lite' ); ?></label> |
| 135 | </td> |
| 136 | </tr> |
| 137 | <tr id="enable_ajax_load"> |
| 138 | <td><strong><?php esc_html_e( 'Enable Ajax Load:', 'elementskit-lite' ); ?></strong></td> |
| 139 | <td class="alignright"> |
| 140 | <input type="radio" id="ajax_load_yes" name="megamenu_ajax_load" value="yes"> |
| 141 | <label for="ajax_load_yes"><?php esc_html_e( 'Yes', 'elementskit-lite' ); ?></label> |
| 142 | <input type="radio" id="ajax_load_no" name="megamenu_ajax_load" checked value="no"> |
| 143 | <label for="ajax_load_no"><?php esc_html_e( 'No', 'elementskit-lite' ); ?></label> |
| 144 | </td> |
| 145 | </tr> |
| 146 | </tbody> |
| 147 | </table> |
| 148 | </div> |
| 149 | </div> |
| 150 | </div> |
| 151 | <div class="attr-modal-footer"> |
| 152 | <input type="hidden" id="elementskit-menu-modal-menu-id"> |
| 153 | <input type="hidden" id="elementskit-menu-modal-menu-has-child"> |
| 154 | <div class="clearfix ekit-modal-controls"> |
| 155 | <div class="left-content"> |
| 156 | <button class="btn-modal-close" type="button" data-dismiss="modal"> |
| 157 | <svg width="14" height="14" viewBox="0 0 14 14" xmlns="https://www.w3.org/2000/svg"> |
| 158 | <line fill="none" stroke="#000" stroke-width="1.1" x1="1" y1="1" x2="13" y2="13"></line> |
| 159 | <line fill="none" stroke="#000" stroke-width="1.1" x1="13" y1="1" x2="1" y2="13"></line> |
| 160 | </svg> |
| 161 | </button> |
| 162 | |
| 163 | </div> |
| 164 | <div class="right-content"> |
| 165 | <a class="button button-default alignleft" href="https://help.wpmet.com/docs/mega-menu-module/" target="_blank" >Megamenu Turorial</a> |
| 166 | |
| 167 | <span class='spinner'></span> |
| 168 | <?php echo wp_kses( get_submit_button( esc_html__( 'Save', 'elementskit-lite' ), 'elementskit-menu-item-save button-primary alignright', '', false ), ['input'=>['class'=>[], 'type'=>[], 'value'=>[]]] ); ?> |
| 169 | </div> |
| 170 | </div> |
| 171 | </div> |
| 172 | <span id="elementskit-menu-modal-spinner" class='spinner'></span> |
| 173 | </div> |
| 174 | </div> |
| 175 | </div> |
| 176 | |
| 177 | <div class="attr-modal attr-fade" id="elementskit-menu-builder-modal" tabindex="-1" role="dialog" |
| 178 | aria-labelledby="exampleModalCenterTitle" aria-hidden="true"> |
| 179 | <div class="attr-modal-dialog attr-modal-dialog-centered" role="document"> |
| 180 | <div class="attr-modal-content"> |
| 181 | <div class="attr-modal-body"> |
| 182 | <button class="ekit_close" type="button" data-dismiss="modal"><svg width="20" height="20" |
| 183 | viewBox="0 0 20 20" xmlns="https://www.w3.org/2000/svg"> |
| 184 | <line fill="none" stroke="#fff" stroke-width="1.4" x1="1" y1="1" x2="19" y2="19"></line> |
| 185 | <line fill="none" stroke="#fff" stroke-width="1.4" x1="19" y1="1" x2="1" y2="19"></line> |
| 186 | </svg></button> |
| 187 | <iframe id="elementskit-menu-builder-iframe" src="" frameborder="0"></iframe> |
| 188 | </div> |
| 189 | </div> |
| 190 | </div> |
| 191 | </div> |
| 192 |