/** * * @since 4.0.0 */ public static function cherry_options_page_build() { global $cherry_options_framework; $option_inteface_builder = new Cherry_Interface_Builder(); $option_inteface_builder->enqueue_builder_scripts(); $option_inteface_builder->enqueue_builder_styles(); $section_index = 0; $cherry_options = $cherry_options_framework->get_current_settings(); $cherry_options = self::child_priority_sorting($cherry_options); $cherry_options = self::priority_sorting($cherry_options); ?> <?php settings_errors('cherry-options'); ?> <form id="cherry-options" class="cherry-ui-core" method="post"> <?php settings_fields('cherry-options'); ?> <input class="active-section-field" type="hidden" name="active_section" value=""> <div class="cherry-sections-wrapper"> <ul class="cherry-option-section-tab vertical-tabs_ vertical-tabs_width_mid_"> <?php foreach ($cherry_options as $section_key => $section_value) { $parent = !empty($section_value['parent']) ? $section_value['parent'] : ''; $parent !== '' ? $subClass = 'subitem' : ($subClass = ''); $priority_value = $section_value['priority']; ?> <li class="tabitem-<?php echo $section_index; ?> <?php echo $subClass; ?> <?php echo $parent; ?> " data-section-name="<?php echo $section_key; ?> "><a href="javascript:void(0)"><i class="<?php echo $section_value["icon"]; ?> "></i><span><?php echo $section_value["name"]; ?> </span></a></li> <?php $section_index++; } ?> </ul> <div class="cherry-option-group-list"></div> <div class="clear"></div> </div> <div class="cherry-submit-wrapper"> <div class="cherry-options-export-import"> <div class="wrap-cherry-import-options"> <a href="javascript:void(0)" id="cherry-export-import-options" class="button button-default_"> <?php _e('Export/Import', 'cherry'); ?> </a> </div> <div class="wrap-cherry-default-options-backup"> <a href="#" id="cherry-default-options-backup" class="button button-primary_"> <?php _e('Default options', 'cherry'); ?> <div class="cherry-spinner-wordpress spinner-wordpress-type-2"><span class="cherry-inner-circle"></span></div> </a> </div> </div> <div id="wrap-cherry-save-options"> <a href="javascript:void(0)" id="cherry-save-options" class="button button-secondary_"> <?php echo __('Save options', 'cherry'); ?> <div class="cherry-spinner-wordpress spinner-wordpress-type-2"><span class="cherry-inner-circle"></span></div> </a> </div> <div id="wrap-cherry-restore-section"> <a href="javascript:void(0)" id="cherry-restore-section" class="button button-primary_"> <?php echo __('Restore section', 'cherry'); ?> </a> </div> <div id="wrap-cherry-restore-options"> <a href="javascript:void(0)" id="cherry-restore-options" class="button button-primary_"> <?php echo __('Restore options', 'cherry'); ?> </a> </div> </div> </form> <div class="export-import-wrapper cherry-ui-core"> <div class="export-control"> <h4><?php _e('Export', 'cherry'); ?> </h4> <a href="<?php echo esc_url(self::$options_export_url); ?> " id="cherry-export-options" class="button button-default_"><?php _e('Export', 'cherry'); ?> </a> <?php wp_nonce_field('cherry_partial_export', 'partial-export-nonce', false); ?> <a href="javascript:void(0)" id="cherry-partial-export-options" class="button button-default_"><?php _e('Partial export', 'cherry'); ?> <div class="cherry-spinner-wordpress spinner-wordpress-type-3"><span class="cherry-inner-circle"></span></div></a> <div class="use-statics-wrap"> <?php $ui_checkbox = new UI_Checkbox(array('id' => 'cherry-export-use-static-setting', 'name' => 'cherry-export-use-static-setting', 'value' => array(), 'options' => array('use-statics' => __('Attach statics settings', 'cherry')), 'class' => 'cherry-export-use-static-setting')); echo $ui_checkbox->render(); ?> </div> </div> <div class="import-control"> <h4><?php _e('Import', 'cherry'); ?> </h4> <?php wp_nonce_field('cherry_import_options', 'import-options-nonce', false); ?> <input type="hidden" autocomplete="off" id="cherry-import-options-file-id" value=""> <input type="hidden" autocomplete="off" id="cherry-import-options-file-type" value=""> <a href="#" id="cherry-import-options-file" class="button button-default_"><?php _e('Select file', 'cherry'); ?> </a> <a href="#" id="cherry-import-options-start" class="button button-primary_"><?php _e('Start import', 'cherry'); ?> <div class="cherry-spinner-wordpress spinner-wordpress-type-2"><span class="cherry-inner-circle"></span></div></a> <div class="cherry-import-file-name"></div> </div> <div class="clear"></div> </div> <div id="restore-options-confirm" class="confirm-message" title="<?php echo __('Are you sure?', 'cherry'); ?> "> <span class="dashicons dashicons-info"></span> <p><?php echo __('Current options will be reset to the defaults, page will be refreshed.', 'cherry'); ?> </p> </div> <div id="restore-section-confirm" class="confirm-message" title="<?php echo __('Are you sure?', 'cherry'); ?> "> <span class="dashicons dashicons-info"></span> <p><?php echo __('Active section will be reset to the defaults, page will be refreshed.', 'cherry'); ?> </p> </div> <?php }
/** * Enqueue admin-specific javascript. * * @since 4.0.0 */ public function enqueue_builder_scripts($hook_suffix) { UI_Text::enqueue_assets(); UI_Textarea::enqueue_assets(); UI_Select::enqueue_assets(); UI_Checkbox::enqueue_assets(); UI_Radio::enqueue_assets(); UI_Switcher::enqueue_assets(); UI_Colorpicker::enqueue_assets(); UI_Repeater::enqueue_assets(); UI_Media::enqueue_assets(); UI_Stepper::enqueue_assets(); UI_Slider::enqueue_assets(); UI_Range_Slider::enqueue_assets(); UI_Background::enqueue_assets(); UI_Typography::enqueue_assets(); UI_Ace_Editor::enqueue_assets(); UI_Layout_Editor::enqueue_assets(); UI_Static_Area_Editor::enqueue_assets(); UI_Tooltip::enqueue_assets(); wp_enqueue_script('editor'); wp_enqueue_script('interface-builder'); }
/** * Enqueue admin-specific javascript. * * @since 4.0.0 */ public function enqueue_builder_scripts($hook_suffix = false) { UI_Text::enqueue_assets(); UI_Textarea::enqueue_assets(); UI_Select::enqueue_assets(); UI_Checkbox::enqueue_assets(); UI_Radio::enqueue_assets(); UI_Switcher::enqueue_assets(); UI_Colorpicker::enqueue_assets(); UI_Repeater::enqueue_assets(); UI_Media::enqueue_assets(); UI_Stepper::enqueue_assets(); UI_Slider::enqueue_assets(); UI_Range_Slider::enqueue_assets(); UI_Background::enqueue_assets(); UI_Typography::enqueue_assets(); UI_Ace_Editor::enqueue_assets(); UI_Layout_Editor::enqueue_assets(); UI_Tooltip::enqueue_assets(); UI_Webfont::enqueue_assets(); wp_enqueue_script('editor'); wp_enqueue_script('jquery-ui-dialog'); wp_enqueue_script('interface-builder', trailingslashit(CHERRY_URI) . 'admin/assets/js/interface-builder.js', array('jquery'), CHERRY_VERSION, true); }