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']);
?>
">
