public function render_content($vals = null) { $input_value = $vals != null ? $this->field->saved : $this->get_value(); $font_family = isset($this->field->family) ? $this->field->family : 'Open Sans'; $font_weight = $this->field->weight != '' ? $this->field->weight : 'normal'; $font_size = $this->field->size != '' ? $this->field->size : '20px'; $font_style = isset($this->field->style) && $this->field->style != '' ? $this->field->style : 'normal'; $font_color = isset($this->field->color) && $this->field->color != '' ? $this->field->color : '#000000'; $previewText = isset($this->field->previewText) ? $this->field->previewText : ''; global $developer_tools; $current_theme = rw_get_theme_data(); $t = runway_admin_themes_list_prepare($current_theme); $options = $developer_tools->load_settings($t['folder']); $google_fonts = $this->wp_get_google_webfonts_list(isset($options['WebFontAPIKey']) ? $options['WebFontAPIKey'] : ''); if (is_array($input_value)) { if (isset($input_value['family'])) { $font_family = $input_value['family']; } if (isset($input_value['style'])) { $font_style = $input_value['style']; } if (isset($input_value['weight'])) { $font_weight = $input_value['weight']; } if (isset($input_value['size'])) { $font_size = $input_value['size']; } if (isset($input_value['color'])) { $font_color = $input_value['color']; } if (isset($input_value['previewText'])) { $previewText = $input_value['previewText']; } } ?> <div class="<?php echo esc_attr($this->field->alias); ?> custom-data-type"> <div style="font-family: <?php echo esc_attr($font_family); ?> ; <?php if (isset($font_style) && !empty($font_style)) { ?> font-style: <?php echo esc_attr($font_style); ?> ; <?php } ?> font-weight: <?php echo esc_attr($font_weight); ?> ; font-size: <?php echo esc_attr($font_size); ?> ; <?php if (isset($font_color) && !empty($font_color)) { ?> color: <?php echo esc_attr($font_color); ?> <?php } ?> "> <?php echo $previewText != '' ? $previewText : ucwords(str_replace('-', ' ', $font_family)); ?> </div> <input class="custom-data-type" <?php echo parent::add_data_conditional_display($this->field); ?> data-set="<?php echo esc_attr($this->field->alias); ?> [previewText]" name="<?php echo esc_attr($this->field->alias); ?> [previewText]" value="<?php echo esc_attr($previewText); ?> " type="hidden"/> <input class="custom-data-type" <?php echo parent::add_data_conditional_display($this->field); ?> data-set="<?php echo esc_attr($this->field->alias); ?> [family]" name="<?php echo esc_attr($this->field->alias); ?> [family]" value="<?php echo esc_attr($font_family); ?> " type="hidden"/> <input class="custom-data-type" <?php echo parent::add_data_conditional_display($this->field); ?> data-set="<?php echo esc_attr($this->field->alias); ?> [style]" name="<?php echo esc_attr($this->field->alias); ?> [style]" value="<?php echo esc_attr($font_style); ?> " type="hidden"/> <input class="custom-data-type" <?php echo parent::add_data_conditional_display($this->field); ?> data-set="<?php echo esc_attr($this->field->alias); ?> [weight]" name="<?php echo esc_attr($this->field->alias); ?> [weight]" value="<?php echo esc_attr($font_weight); ?> " type="hidden"/> <input class="custom-data-type" <?php echo parent::add_data_conditional_display($this->field); ?> data-set="<?php echo esc_attr($this->field->alias); ?> [size]" name="<?php echo esc_attr($this->field->alias); ?> [size]" value="<?php echo esc_attr($font_size); ?> " type="hidden"/> <input class="custom-data-type" <?php echo parent::add_data_conditional_display($this->field); ?> data-set="<?php echo esc_attr($this->field->alias); ?> [color]" name="<?php echo esc_attr($this->field->alias); ?> [color]" value="<?php echo esc_attr($font_color); ?> " type="hidden"/> <div class="<?php echo esc_attr($this->field->alias); ?> "> <a href="#" onclick="return false" class="edit-font-options-a button"><?php echo __('Edit Font Options', 'framework'); ?> </a> <div class="font-options-container pop" style="display:none"> <div class="settings-font-options-dialog"> <div class="toogle-font-select-container"> <div class="settings-container preview-text-input"> <label class="settings-title"> <?php echo __('Preview text', 'framework'); ?> : </label> <div class="settings-in"> <input data-set="<?php echo esc_attr($this->field->alias); ?> [_previewText]" name="<?php echo esc_attr($this->field->alias); ?> [_previewText]" value="<?php echo esc_attr($previewText); ?> " type="text" placeholder="<?php echo __('Preview Test', 'framework'); ?> "/> <p class="settings-field-caption description"><?php echo __('Preview text.', 'framework'); ?> </p> </div> <div class="clear"></div> </div> <div class="ui-dialog-content"> <div class="settings-container"> <label class="settings-title"> <?php echo __('Family', 'framework'); ?> : </label> <div class="settings-in"> <select data-set="<?php echo esc_attr($this->field->alias); ?> [_family]" name="<?php echo esc_attr($this->field->alias); ?> [_family]" data-type="font-select" class="settings-select"> <?php if (is_array($google_fonts) && !empty($google_fonts)) { ?> <?php foreach ($google_fonts as $font) { ?> <option <?php if ($font_family == $font) { echo "selected='true'"; } ?> value="<?php echo esc_attr($font); ?> "><?php echo esc_attr($font); ?> </option> <?php } ?> <?php } else { ?> <option selected="true" value="open sans"><?php echo __('Open Sans', 'framework'); ?> </option> <?php } ?> </select> </div> <div class="clear"></div> </div> <div class="settings-container"> <label class="settings-title"> <?php echo __('Style', 'framework'); ?> : </label> <div class="settings-in"> <select data-set="<?php echo esc_attr($this->field->alias); ?> [_style]" name="<?php echo esc_attr($this->field->alias); ?> [_style]" data-type="font-select" class="settings-select"> <option <?php if ($font_style == '' || $font_style == 'normal') { ?> selected="true" <?php } ?> value="normal"><?php echo __('Normal', 'framework'); ?> </option> <option <?php if ($font_style == 'italic') { ?> selected="true" <?php } ?> value="italic"><?php echo __('Italic', 'framework'); ?> </option> </select> </div> <div class="clear"></div> </div> <div class="settings-container"> <label class="settings-title"> <?php echo __('Weight', 'framework'); ?> : </label> <div class="settings-in"> <input data-set="<?php echo esc_attr($this->field->alias); ?> [_weight]" name="<?php echo esc_attr($this->field->alias); ?> [_weight]" value="<?php if ($this->field->weight == '') { ?> bold<?php } else { echo esc_attr($font_weight); } ?> " type="text" data-type="font-select" /> <p class="settings-field-caption description"><?php echo __('normal, bold, 300, 600, 800', 'framework'); ?> </p> </div> <div class="clear"></div> </div> <div class="settings-container"> <label class="settings-title"> <?php echo __('Size', 'framework'); ?> : </label> <div class="settings-in"> <input data-set="<?php echo esc_attr($this->field->alias); ?> [_size]" name="<?php echo esc_attr($this->field->alias); ?> [_size]" value="<?php if ($this->field->size == '') { ?> 32px<?php } else { echo esc_attr($font_size); } ?> " type="text" data-type="font-select" /> <p class="settings-field-caption description"><?php echo __('12, 24px, 1em, 1.75', 'framework'); ?> </p> </div> <div class="clear"></div> </div> <div class="settings-container"> <label class="settings-title"> <?php echo __('Color', 'framework'); ?> : </label> <div class="settings-in"> <input data-set="<?php echo esc_attr($this->field->alias); ?> [_color]" name="<?php echo esc_attr($this->field->alias); ?> [_color]" value="<?php echo $font_color != '' ? $font_color : '#000000'; ?> " type="text" class="color-picker-hex" data-type="font-select" /> </div> <div class="clear"></div> </div> </div> <input class="button" type="button" value="<?php _e('Close', 'framework'); ?> " name="<?php echo esc_attr($this->field->alias); ?> _save"/> <!-- <a href="#" class="<?php echo esc_attr($this->field->alias); ?> _cancel"><?php _e('Cancel', 'framework'); ?> </a> --> </div> <script type="text/javascript"> var alias = '<?php echo esc_js($this->field->alias); ?> '; jQuery(document).ready(function($){ function deselect(e) { $('.<?php echo esc_js($this->field->alias); ?> .pop').slideFadeToggle(function() { e.removeClass('font-edit'); }); } $.fn.slideFadeToggle = function(easing, callback) { return this.animate({ opacity: 'toggle', height: 'toggle' }, 'fast', easing, callback); }; jQuery('.<?php echo esc_js($this->field->alias); ?> .toogle-font-select-container .color-picker-hex').wpColorPicker({ change: function () { var hexcolor = jQuery( this ).wpColorPicker( 'color' ); //setTimeout(function () { $('.<?php echo esc_js($this->field->alias); ?> .toogle-font-select-container .color-picker-hex').attr('value', hexcolor).val(hexcolor).trigger('change'); //}, 50); }}); //); $('input[name=<?php echo esc_js($this->field->alias); ?> _save]').on('click', function(e){ e.preventDefault(); e.stopPropagation(); var alias = "<?php echo esc_js($this->field->alias); ?> "; $('input[name="'+alias+'[previewText]"]').val($('input[name="'+alias+'[_previewText]"]').val()); $('input[name="'+alias+'[family]"]').val($('select[name="'+alias+'[_family]"]').val()); $('input[name="'+alias+'[style]"]').val($('select[name="'+alias+'[_style]"]').val()); $('input[name="'+alias+'[weight]"]').val($('input[name="'+alias+'[_weight]"]').val()); $('input[name="'+alias+'[size]"]').val($('input[name="'+alias+'[_size]"]').val()); $('input[name="'+alias+'[color]"]').val($('input[name="'+alias+'[_color]"]').val()); if ( wp.customize ) { var api = wp.customize; var values_array = {}; $('.<?php echo esc_js($this->field->alias); ?> .settings-font-options-dialog .toogle-font-select-container input[type=text]').each(function(){ var name = $(this).attr('name').replace(alias, '').replace("[", "").replace("]", ""); values_array[name] = $(this).val(); //api.instance($(this).attr('name')).set($(this).val()); }); $('.<?php echo esc_js($this->field->alias); ?> .toogle-font-select-container select option:selected').each(function(){ var name = $(this).parent('select').attr('name').replace(alias, '').replace("[", "").replace("]", ""); values_array[name] = $(this).attr('value'); //api.instance($(this).parent('select').attr('name')).set($(this).attr('value')); }); var name = $('.<?php echo esc_js($this->field->alias); ?> .toogle-font-select-container .color-picker-hex').attr('name').replace(alias, '').replace("[", "").replace("]", ""); values_array[name] = $('.<?php echo esc_js($this->field->alias); ?> .toogle-font-select-container .color-picker-hex').val(); api.instance(alias).set(values_array); //api.instance($('.<?php echo esc_js($this->field->alias); ?> .edit-font-options-inner .color-picker-hex').attr('name')).set($('.<?php echo esc_js($this->field->alias); ?> .edit-font-options-inner .color-picker-hex').val()); } deselect($(this)); }); $('.<?php echo esc_js($this->field->alias); ?> .toogle-font-select-container .color-picker-hex').wpColorPicker({ change: function () { var hexcolor = jQuery( this ).wpColorPicker( 'color' ); //setTimeout(function () { $('.<?php echo esc_js($this->field->alias); ?> .toogle-font-select-container .color-picker-hex').attr('value', hexcolor).val(hexcolor).trigger('change'); //}, 50); }}); $('.<?php echo esc_js($this->field->alias); ?> a.edit-font-options-a').on('click', function(e){console.log('11111'); e.preventDefault(); e.stopPropagation(); if($(this).hasClass('font-edit')) { deselect($(this)); } else { $(this).addClass('font-edit'); $('.<?php echo esc_js($this->field->alias); ?> .pop').slideFadeToggle(); } }); /*$('.<?php echo esc_js($this->field->alias); ?> _cancel').on('click', function(e) { e.preventDefault(); e.stopPropagation(); deselect($(this)); //return false; });*/ }); </script> </div> </div> </div> </div> <?php }
<div class="dashicons dashicons-download" data-code="f316"><?php echo $t['downloadLink']; ?> </div> </div> <?php } ?> </div> </div> <?php foreach ($themes_list as $theme) { ?> <?php $t = runway_admin_themes_list_prepare($theme); if (!isset($theme['Template']) || empty($theme['Template'])) { $theme['Template'] = strtolower($theme['Folder']); } $theme_obj = wp_get_theme($theme['Folder']); $allowed = $theme_obj->is_allowed('network'); if (is_multisite() && is_admin()) { $url = 'themes.php?'; $s = ''; $ms_enable_theme_link = network_admin_url() . esc_url(wp_nonce_url($url . 'action=enable&theme=' . $theme['Folder'] . '&paged=' . 1 . '&s=' . $s, 'enable-theme_' . $theme['Folder'])); } ?> <div class="theme" tabindex="0" data-themeid="<?php echo esc_attr($theme['Folder']); ?> ">