/** * Render html UI_Background. * * @since 4.0.0 */ public function render() { $html = ''; $background_options = array('repeat' => array('no-repeat' => __('No repeat', 'cherry'), 'repeat' => __('Repeat All', 'cherry'), 'repeat-x' => __('Repeat Horizontally', 'cherry'), 'repeat-y' => __('Repeat Vertically', 'cherry')), 'position' => array('top-left' => __('Top Left', 'cherry'), 'top' => __('Top Center', 'cherry'), 'right-top' => __('Top Right', 'cherry'), 'left' => __('Middle Left', 'cherry'), 'center' => __('Middle Center', 'cherry'), 'right' => __('Middle Right', 'cherry'), 'bottom-left' => __('Bottom Left', 'cherry'), 'bottom' => __('Bottom Center', 'cherry'), 'bottom-right' => __('Bottom Right', 'cherry')), 'attachment' => array('notdefined' => __('Not defined', 'cherry'), 'scroll' => __('Scroll Normally', 'cherry'), 'fixed' => __('Fixed in Place', 'cherry')), 'clip' => array('notdefined' => __('Not defined', 'cherry'), 'padding-box' => __('Padding box', 'cherry'), 'border-box' => __('Border box', 'cherry'), 'content-box' => __('Content box', 'cherry')), 'size' => array('notdefined' => __('Not defined', 'cherry'), 'auto' => __('Auto', 'cherry'), 'cover' => __('Cover', 'cherry'), 'contain' => __('Contain', 'cherry')), 'origin' => array('notdefined' => __('Not defined', 'cherry'), 'padding-box' => __('Padding box', 'cherry'), 'border-box' => __('Border box', 'cherry'), 'content-box' => __('Content box', 'cherry'))); $ui_media = new UI_Media(array('id' => $this->settings['id'] . '-image', 'name' => $this->settings['name'] . '[image]', 'value' => $this->settings['value']['image'], 'multi_upload' => $this->settings['multi_upload'], 'library_type' => $this->settings['library_type'])); $ui_colorpicker = new UI_Colorpicker(array('id' => $this->settings['id'] . '-color', 'name' => $this->settings['name'] . '[color]', 'value' => $this->settings['value']['color'])); $html .= '<div class="cherry-ui-background-wrap">'; $html .= '<div class="cherry-ui-background-media">'; $html .= $ui_media->render(); $html .= '</div>'; $html .= '<div class="cherry-ui-background-settings">'; $html .= '<label for="' . $this->settings['id'] . '-settings">' . __('Background Settings', 'cherry') . '</label> '; $html .= '<div class="cherry-ui-background-color">'; $html .= '<label for="' . $this->settings['id'] . '-color">' . __('Background Color', 'cherry') . '</label> '; $html .= $ui_colorpicker->render(); $html .= '</div>'; foreach ($background_options as $options_key => $options_settings) { if (isset($this->settings['value'][$options_key])) { $html .= '<div class="cherry-background-setting-item">'; $ui_select = new UI_Select(array('id' => $this->settings['id'] . '[' . $options_key . ']', 'name' => $this->settings['name'] . '[' . $options_key . ']', 'value' => $this->settings['value'][$options_key], 'options' => $options_settings)); $label = sprintf(__('Background %s', 'cherry'), $options_key); $html .= '<label for="' . $this->settings['id'] . '[$options_key]">' . $label . '</label> '; $html .= $ui_select->render(); $html .= '</div>'; } } $html .= '<div class="clear"></div>'; $html .= '</div>'; $html .= '</div>'; return $html; }
/** * 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); }