/**
* Load and print the correspondent field type.
*
* @param @field
* @return string
*/
public static function display( $value, $dep ) {
ob_start(); ?>
<div id="<?php echo $value['id_container'] ?>" <?php if($dep): ?>data-field="<?php echo $dep['field'] ?>" data-dep="<?php echo $dep['dep'] ?>" data-value="<?php echo $dep['value'] ?>" <?php endif ?>class="yit_options rm_option rm_input rm_text rm_connectedlist">
<div class="option">
<label for="<?php echo $value['id'] ?>"><?php echo $value['name'] ?></label>
<?php $yit_option = json_decode( stripslashes( yit_get_option( $value['id'] ) ), true ); ?>
<?php $value['lists'] = is_array($yit_option) ? $yit_option : $value['lists']; ?>
<?php foreach( $value['lists'] as $list=>$options ): ?>
<div class="list_container">
<h4><?php echo $value['heads'][$list] ?></h4>
<ul id="list_<?php echo $list ?>" class="connectedSortable" data-list="<?php echo $list ?>">
<?php foreach( $options as $option=>$label ): ?>
<li data-option="<?php echo $option ?>" class="ui-state-default"><?php echo $label ?></li>
<?php endforeach ?>
</ul>
</div>
<?php endforeach ?>
<input type="hidden" name="<?php yit_field_name( $value['id'] ) ?>" id="<?php echo $value['id'] ?>" value='<?php echo yit_get_option( $value['id'] ) ?>' />
</div>
<div class="description">
<?php echo $value['desc'] ?>
</div>
<div class="clear"></div>
</div>
<?php
return ob_get_clean();
}
/**
* Load and print the correspondent field type.
*
* @param @field
* @return string
*/
public static function display($value, $dep)
{
ob_start();
?>
<div id="<?php
echo $value['id_container'];
?>
" <?php
if ($dep) {
?>
data-field="<?php
echo $dep['field'];
?>
" data-dep="<?php
echo $dep['dep'];
?>
" data-value="<?php
echo $dep['value'];
?>
" <?php
}
?>
class="yit_options rm_option rm_input rm_text">
<div class="option">
<label for="<?php
echo $value['id'];
?>
"><?php
echo $value['name'];
?>
</label>
<input type="text" name="<?php
yit_field_name($value['id']);
?>
" id="<?php
echo $value['id'];
?>
" value="<?php
echo yit_get_option($value['id']);
?>
" />
<input type="submit" value="<?php
echo $value['submit'];
?>
" id="<?php
echo $value['id'];
?>
-button" class="input_button button" />
</div>
<div class="description">
<?php
echo $value['desc'];
?>
</div>
<div class="clear"></div>
</div>
<?php
return ob_get_clean();
}
/**
* Load and print the correspondent field type.
*
* @param @field
* @return string
*/
public static function display($value, $dep)
{
ob_start();
?>
<div id="<?php
echo $value['id_container'];
?>
" <?php
if ($dep) {
?>
data-field="<?php
echo $dep['field'];
?>
" data-dep="<?php
echo $dep['dep'];
?>
" data-value="<?php
echo $dep['value'];
?>
" <?php
}
?>
class="yit_options rm_option rm_input rm_checkbox">
<div class="option">
<label for="<?php
echo $value['id'];
?>
"><?php
echo $value['name'];
?>
</label>
<input type="checkbox" class="checkbox-inline" name="<?php
yit_field_name($value['id']);
?>
" id="<?php
echo $value['id'];
?>
" value="1" <?php
checked(yit_get_option($value['id']), true);
?>
/> <label for="<?php
echo $value['id'];
?>
"><?php
echo $value['name'];
?>
</label>
</div>
<div class="description">
<?php
echo $value['desc'];
?>
</div>
<div class="clear"></div>
</div>
<?php
return ob_get_clean();
}
/**
* Load and print the correspondent field type.
*
* @param @field
* @return string
*/
public static function display($value, $dep)
{
ob_start();
?>
<div id="<?php
echo $value['id_container'];
?>
" <?php
if ($dep) {
?>
data-field="<?php
echo $dep['field'];
?>
" data-dep="<?php
echo $dep['dep'];
?>
" data-value="<?php
echo $dep['value'];
?>
" <?php
}
?>
class="yit_options rm_option rm_input rm_text">
<div class="option">
<label for="<?php
echo $value['id'];
?>
"><?php
echo $value['name'];
?>
</label>
<textarea name="<?php
yit_field_name($value['id']);
?>
" id="<?php
echo $value['id'];
?>
" cols="" rows=""><?php
echo yit_get_option($value['id']);
?>
</textarea>
</div>
<div class="description">
<?php
echo $value['desc'];
?>
</div>
<div class="clear"></div>
</div>
<?php
return ob_get_clean();
}
/**
* Load and print the correspondent field type.
*
* @param @field
* @return string
*/
public static function display( $value, $dep ) {
$option_value = yit_get_option( $value['id'] );
$width = 160;
$height = 160;
$crop = '';
if ( is_array( $option_value ) ) {
if ( isset( $option_value['width'] ) ) {
$width = $option_value['width'];
}
if ( isset( $option_value['height'] ) ) {
$height = $option_value['height'];
}
if ( isset( $option_value['crop'] ) ) {
if( $option_value['crop'] == '1' || $option_value['crop']==true ) {
$crop = 'value="1" checked';
}
}
}
ob_start(); ?>
<div id="<?php echo $value['id_container'] ?>" <?php if($dep): ?>data-field="<?php echo $dep['field'] ?>" data-dep="<?php echo $dep['dep'] ?>" data-value="<?php echo $dep['value'] ?>" <?php endif ?>class="yit_options rm_option rm_image_size">
<div class="option">
<label for="<?php echo $value['id'] ?>"><?php echo $value['name'] ?></label>
<input name="<?php yit_field_name( $value['id'] ); ?>[width]" id="<?php yit_field_name( $value['id'] ); ?>-width" type="text" size="3"
value="<?php echo $width; ?>" /> ×
<input name="<?php yit_field_name( $value['id'] ); ?>[height]" id="<?php yit_field_name( $value['id'] ); ?>-height" type="text" size="3"
value="<?php echo $height; ?>" />px
<input name="<?php yit_field_name( $value['id'] ); ?>[crop]" id="<?php yit_field_name( $value['id'] ); ?>-crop" type="checkbox"
<?php echo $crop; ?> /> <?php _e( 'Hard Crop?', 'yit' ); ?>
</div>
<div class="description">
<?php echo $value['desc'] ?>
</div>
<div class="clear"></div>
</div>
<?php
return ob_get_clean();
}
/**
* Load and print the correspondent field type.
*
* @param @field
* @return string
*/
public static function display( $value, $dep ) {
$config = YIT_Config::load();
$area = isset($value['area']) ? $value['area'] : 'body';
$bg = yit_get_option( $value['id'] );
ob_start(); ?>
<div id="<?php echo $value['id_container'] ?>" <?php if($dep): ?>data-field="<?php echo $dep['field'] ?>" data-dep="<?php echo $dep['dep'] ?>" data-value="<?php echo $dep['value'] ?>" <?php endif ?>class="yit_options rm_option rm_input rm_select rm_bg-preview">
<div class="option">
<label for="<?php echo $value['id'] ?>"><?php echo $value['name'] ?></label>
<div class="select_wrapper" style="margin-right: 30px">
<select name="<?php yit_field_name( $value['id'] ); ?>[image]" id="<?php echo $value['id'] ?>_image">
<option value=""><?php _e( 'Select a background', 'yit' ) ?></option>
<?php foreach ( $config[ $area . '_backgrounds'] as $val => $option ): ?>
<option value="<?php echo $val ?>"<?php selected( $bg['image'], $val ) ?>><?php echo $option; ?></option>
<?php endforeach; ?>
</select>
</div>
<div id="<?php echo $value['id'] ?>_color_container" class="colorpicker_container"><div style="background-color: <?php echo $bg['color'] ?>"></div></div>
<input type="text" name="<?php yit_field_name( $value['id'] ) ?>[color]" id="<?php echo $value['id'] ?>_color" style="width:90px" value="<?php echo $bg['color'] ?>" />
<div class="clear"></div>
<div class="bg-preview" id="<?php echo $value['id'] ?>_preview"><div style="background: <?php echo $bg['color']; if($bg['image'] != 'custom'): ?> url('<?php echo $bg['image'] ?>') 50% 0<?php endif ?>"></div></div>
</div>
<div class="description">
<?php echo $value['desc'] ?> <?php printf( __( '(Default: %s)', 'yit' ), ( !empty( $value['std']['image'] ) ? $value['std']['image'] . ', ' : '' ) . $value['std']['color'] ) ?>
</div>
<div class="clear"></div>
</div>
<?php
return ob_get_clean();
}
/**
* Load and print the correspondent field type.
*
* @param @field
* @return string
*/
public static function display($value, $dep)
{
$config = YIT_Config::load();
$area = isset($value['area']) ? $value['area'] : 'body';
$bg = yit_get_option($value['id']);
ob_start();
?>
<div id="<?php
echo $value['id_container'];
?>
" <?php
if ($dep) {
?>
data-field="<?php
echo $dep['field'];
?>
" data-dep="<?php
echo $dep['dep'];
?>
" data-value="<?php
echo $dep['value'];
?>
" <?php
}
?>
class="yit_options rm_option rm_input rm_select rm_bg-preview">
<div class="option">
<label for="<?php
echo $value['id'];
?>
"><?php
echo $value['name'];
?>
</label>
<div class="select_wrapper" style="margin-right: 30px">
<select name="<?php
yit_field_name($value['id']);
?>
[image]" id="<?php
echo $value['id'];
?>
_image">
<option value=""><?php
_e('Select a background', 'yit');
?>
</option>
<?php
foreach ($config[$area . '_backgrounds'] as $val => $option) {
?>
<option value="<?php
echo $val;
?>
"<?php
selected($bg['image'], $val);
?>
><?php
echo $option;
?>
</option>
<?php
}
?>
</select>
</div>
<div id="<?php
echo $value['id'];
?>
_color_container" class="colorpicker_container"><div style="background-color: <?php
echo $bg['color'];
?>
"></div></div>
<input type="text" name="<?php
yit_field_name($value['id']);
?>
[color]" id="<?php
echo $value['id'];
?>
_color" style="width:90px" value="<?php
echo $bg['color'];
?>
" />
<div class="clear"></div>
<div class="bg-preview" id="<?php
echo $value['id'];
?>
_preview"><div style="background: <?php
echo $bg['color'];
?>
url('<?php
echo $bg['image'] != 'custom' ? $bg['image'] : '';
?>
') 50% 0"></div></div>
</div>
<div class="description">
<?php
echo $value['desc'];
?>
<?php
printf(__('(Default: %s)', 'yit'), (!empty($value['std']['image']) ? $value['std']['image'] . ', ' : '') . $value['std']['color']);
?>
</div>
<div class="clear"></div>
</div>
<script type="text/javascript">
jQuery(document).ready( function( $ ) {
var preview = "#<?php
echo $value['id'];
?>
_preview div";
if( $('#<?php
echo $value['id'];
?>
_image').val() == 'custom' || $('#<?php
echo $value['id'];
?>
_image').val() == '' ) {
$(preview).hide();
}
$('#<?php
echo $value['id'];
?>
_image').change(function(){
if( $(this).val() == 'custom' || $('#<?php
echo $value['id'];
?>
_image').val() == '' ) {
$(preview).hide();
} else {
$(preview).css('background-image', 'url('+$( 'option:selected', this).val()+')').show();
}
});
$('#<?php
echo $value['id'];
?>
_color_container').ColorPicker({
color: '<?php
echo $bg['color'];
?>
',
onShow: function (colpkr) {
$(colpkr).fadeIn(500);
return false;
},
onHide: function (colpkr) {
$(colpkr).fadeOut(500);
return false;
},
onChange: function (hsb, hex, rgb) {
$('#<?php
echo $value['id'];
?>
_color_container div').css('backgroundColor', '#' + hex);
$( '#<?php
echo $value['id'];
?>
_color_container' ).next( 'input' ).attr( 'value', '#' + hex );
$(preview).css('backgroundColor', '#' + hex);
}
});
});
</script>
<?php
return ob_get_clean();
}
/**
* Load and print the correspondent field type.
*
* @param @field
* @return string
*/
public static function display($value, $dep)
{
$pags = $value['value'];
$class = $descr = $ext = '';
$cols = 1;
$heads = false;
if (isset($value['cols']) && $value['cols']) {
$heads = false;
if (isset($value['heads'])) {
$heads = true;
}
$cols = $value['cols'];
$class = ' small';
}
ob_start();
?>
<div id="<?php
echo $value['id_container'];
?>
" <?php
if ($dep) {
?>
data-field="<?php
echo $dep['field'];
?>
" data-dep="<?php
echo $dep['dep'];
?>
" data-value="<?php
echo $dep['value'];
?>
" <?php
}
?>
class="yit_options rm_option rm_input rm_multi_checkbox">
<label for="<?php
echo $value['id'];
?>
"><?php
echo $value['name'];
if ($cols > 1) {
?>
<small><?php
echo $value['desc'];
?>
</small><?php
}
?>
</label>
<?php
for ($i = 1; $i <= $cols; $i++) {
$ext = $cols > 1 ? "{$i}" : '';
?>
<ul id="<?php
echo $value['id'] . $ext;
?>
" class="list-sortable<?php
echo $class;
?>
">
<?php
if ($heads) {
echo '<li class="head">' . $value['heads'][$i - 1] . '</li>';
}
$c = 0;
foreach ($pags as $k => $pag) {
?>
<li>
<label class="radio-inline">
<input type="checkbox" name="<?php
yit_field_name($value['id']);
?>
[]" value="<?php
echo $k;
?>
" <?php
if (yit_get_option($value['id']) && in_array($k, yit_get_option($value['id']))) {
?>
checked="checked"<?php
}
?>
id="<?php
echo $value['id'];
?>
-<?php
echo $pag;
?>
" />
<?php
echo $pag;
?>
</label>
</li>
<?php
$c++;
}
?>
</ul>
<?php
}
?>
<?php
if ($cols == 1) {
?>
<small><?php
echo $value['desc'];
?>
</small><?php
}
?>
<div class="clear"></div>
</div>
<?php
return ob_get_clean();
}
/**
* Load and print the correspondent field type.
*
* @param @field
* @return string
*/
public static function display($value, $dep)
{
ob_start();
?>
<div id="<?php
echo $value['id_container'];
?>
" <?php
if ($dep) {
?>
data-field="<?php
echo $dep['field'];
?>
" data-dep="<?php
echo $dep['dep'];
?>
" data-value="<?php
echo $dep['value'];
?>
" <?php
}
?>
class="slider_container yit_options rm_option rm_input slider_control slider">
<div class="option">
<label for="<?php
echo $value['id'];
?>
"><?php
echo $value['name'];
?>
</label>
<?php
$labels = isset($value['label']) ? ' ' . $value['label'] : '';
?>
<div class="ui-slider">
<span class="minCaption"><?php
echo $value['min'] . $labels;
?>
</span>
<span class="maxCaption"><?php
echo $value['max'] . $labels;
?>
</span>
<span id="<?php
echo $value['id'];
?>
-feedback" class="feedback"><strong><?php
echo yit_get_option($value['id'], $value['std']) . $labels;
?>
</strong></span>
<div id="<?php
echo $value['id'];
?>
-div" data-step="<?php
echo isset($value['step']) ? $value['step'] : 1;
?>
" data-labels="<?php
echo $labels;
?>
" data-min="<?php
echo $value['min'];
?>
" data-max="<?php
echo $value['max'];
?>
" data-val="<?php
echo yit_get_option($value['id'], $value['std']);
?>
" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all">
<input id="<?php
echo $value['id'];
?>
" type="hidden" name="<?php
yit_field_name($value['id']);
?>
" value="<?php
echo yit_get_option($value['id'], $value['std']);
?>
" />
</div>
</div>
</div>
<div class="description">
<?php
echo $value['desc'];
?>
<?php
printf(__('(Default: %s)', 'yit'), $value['std']);
?>
</div>
<div class="clear"></div>
</div>
<?php
return ob_get_clean();
}
/**
* Load and print the correspondent field type.
*
* @param @field
* @return string
*/
public static function display($value, $dep)
{
ob_start();
?>
<div id="<?php
echo $value['id_container'];
?>
" <?php
if ($dep) {
?>
data-field="<?php
echo $dep['field'];
?>
" data-dep="<?php
echo $dep['dep'];
?>
" data-value="<?php
echo $dep['value'];
?>
" <?php
}
?>
class="onoff_container yit_options rm_option rm_input rm_onoff">
<div class="option">
<label><?php
echo $value['name'];
?>
</label>
<input type="checkbox" name="<?php
yit_field_name($value['id']);
?>
" id="<?php
echo $value['id'];
?>
" value="<?php
echo 1 * yit_get_option($value['id']);
?>
" <?php
checked(1 * yit_get_option($value['id']), 1);
?>
class="on_off<?php
if (1 * yit_get_option($value['id'])) {
?>
onoffchecked<?php
}
?>
" />
<span> </span>
</div>
<div class="description">
<?php
echo $value['desc'];
?>
<?php
printf(__('(Default: %s)', 'yit'), $value['std'] ? __('On', 'yit') : __('Off', 'yit'));
?>
</div>
<div class="clear"></div>
</div>
<?php
return ob_get_clean();
}
/**
* Load and print the correspondent field type.
*
* @param @field
* @return string
*/
public static function display($value, $dep)
{
$config = YIT_Config::load();
$icon_value = maybe_unserialize(yit_get_option($value['id'], $value['std']));
if (!is_array($icon_value)) {
$icon_value = array('icon' => $icon_value, 'custom' => '');
}
$explode_std = isset($value['std']['icon']) ? explode('-', $value['std']['icon']) : array();
ob_start();
?>
<div id="<?php
echo $value['id_container'];
?>
" <?php
if ($dep) {
?>
data-field="<?php
echo $dep['field'];
?>
" data-dep="<?php
echo $dep['dep'];
?>
" data-value="<?php
echo $dep['value'];
?>
" <?php
}
?>
class="yit_options rm_option rm_input rm_text">
<div class="option">
<label for="<?php
echo $value['id'];
?>
"><?php
echo $value['name'];
?>
</label>
<div class="select_wrapper">
<select name="<?php
yit_field_name($value['id']);
?>
[icon]" id="<?php
echo $value['id'];
?>
">
<?php
foreach ($config['awesome_icons'] as $val => $option) {
?>
<option value="<?php
echo $val;
?>
"<?php
selected($icon_value['icon'], $val);
?>
><?php
echo $option;
?>
</option>
<?php
}
?>
</select>
</div>
<div class="icon-preview"><span class="<?php
echo $icon_value['icon'];
?>
"></span></div>
<?php
if (isset($value['upload']) && $value['upload']) {
?>
<div class="clearboth"></div>
<div class="upload-button">
<?php
_e('or upload your own icon:', 'yit');
?>
<input type="text" style="width:200px;" id="<?php
echo $value['id'];
?>
_custom" name="<?php
yit_field_name($value['id']);
?>
[custom]" value="<?php
if (isset($icon_value['custom'])) {
echo $icon_value['custom'];
}
?>
" />
<a href="#" class="button-secondary" id="<?php
echo $value['id'];
?>
_upload_button"><?php
_e('Upload', 'yit');
?>
</a>
</div>
<?php
}
?>
</div>
<div class="description">
<?php
echo $value['desc'];
?>
<?php
printf(__('(Default: %s)', 'yit'), ucfirst(end($explode_std)));
?>
</div>
<div class="clear"></div>
</div>
<script type="text/javascript">
jQuery(document).ready( function( $ ) {
$( '#<?php
echo $value['id'];
?>
_icon' ).attr( 'class', $( '#<?php
echo $value['id'];
?>
' ).val() );
$( '#<?php
echo $value['id'];
?>
' ).change( function() {
$( '#<?php
echo $value['id'];
?>
_icon' ).removeAttr( 'class' );
$( '#<?php
echo $value['id'];
?>
_icon' ).attr( 'class', $( this ).val() );
$(this).parents('.yit_options').find('.icon-preview span').attr( 'class', $( this ).val() );
});
$('#<?php
echo $value['id'];
?>
_upload_button').live('click', function(){
var yit_this_object = $(this).prev();
tb_show('', 'media-upload.php?post_id=0&type=image&TB_iframe=true');
window.send_to_editor = function(html) {
imgurl = $('img', html).attr('src');
yit_this_object.val(imgurl);
tb_remove();
}
return false;
});
});
</script>
<?php
return ob_get_clean();
}
/**
* Load and print the correspondent field type.
*
* @param @field
* @return string
* @todo check why if the fields is empty, then prints 1 (string value)
*/
public static function display($value, $dep)
{
ob_start();
?>
<div id="<?php
echo $value['id_container'];
?>
" <?php
if ($dep) {
?>
data-field="<?php
echo $dep['field'];
?>
" data-dep="<?php
echo $dep['dep'];
?>
" data-value="<?php
echo $dep['value'];
?>
" <?php
}
?>
class="yit_options rm_option rm_input rm_text rm_upload">
<div class="option">
<label for="<?php
echo $value['id'];
?>
"><?php
echo $value['name'];
?>
</label>
<input type="text" name="<?php
yit_field_name($value['id']);
?>
" id="<?php
echo $value['id'];
?>
" value="<?php
echo yit_get_option($value['id']) == '1' ? '' : yit_get_option($value['id']);
?>
" class="upload_img_url" />
<input type="button" value="<?php
_e('Upload', 'yit');
?>
" id="<?php
echo $value['id'];
?>
-button" class="upload_button button" />
</div>
<div class="clear"></div>
<div class="description"><?php
echo $value['desc'];
?>
</div>
<div class="clear"></div>
<div class="upload_img_preview" style="margin-top:10px;">
<?php
$file = yit_get_option($value['id']);
if (preg_match('/(jpg|jpeg|png|gif|ico)$/', $file)) {
echo "<img src=\"" . YIT_CORE_ASSETS_URL . "/images/sleep.png\" data-src=\"{$file}\" />";
}
?>
</div>
</div>
<?php
return ob_get_clean();
}
/**
* Load and print the correspondent field type.
*
* @param @field
* @return string
*/
public static function display($value, $dep)
{
ob_start();
?>
<div id="<?php
echo $value['id_container'];
?>
" <?php
if ($dep) {
?>
data-field="<?php
echo $dep['field'];
?>
" data-dep="<?php
echo $dep['dep'];
?>
" data-value="<?php
echo $dep['value'];
?>
" <?php
}
?>
class="yit_options rm_option rm_input rm_radio">
<div class="option">
<label for="<?php
echo $value['id'];
?>
"><?php
echo $value['name'];
?>
</label>
<div class="rm_radio">
<?php
foreach ($value['options'] as $val => $option) {
?>
<label class="radio-inline">
<input type="radio" name="<?php
yit_field_name($value['id']);
?>
" id="<?php
echo $value['id'] . '-' . $val;
?>
" value="<?php
echo $val;
?>
" <?php
checked(yit_get_option($value['id']), $val);
?>
/> <?php
echo $option;
?>
</label>
<?php
}
?>
</div>
</div>
<div class="description"><?php
echo $value['desc'];
?>
</div>
<div class="clear"></div>
</div>
<?php
return ob_get_clean();
}
/**
* Load and print the correspondent field type.
*
* @param @field
* @return string
*/
public static function display($value, $dep)
{
ob_start();
?>
<div id="<?php
echo $value['id_container'];
?>
" <?php
if ($dep) {
?>
data-field="<?php
echo $dep['field'];
?>
" data-dep="<?php
echo $dep['dep'];
?>
" data-value="<?php
echo $dep['value'];
?>
" <?php
}
?>
class="yit_options rm_option rm_input rm_text">
<div class="option">
<label for="<?php
echo $value['id'];
?>
"><?php
echo $value['name'];
?>
</label>
<input type="text" name="<?php
yit_field_name($value['id']);
?>
" id="<?php
echo $value['id'];
?>
" <?php
if (!isset($value['button'])) {
?>
value="<?php
echo str_replace('"', "'", yit_get_option($value['id']));
?>
"<?php
}
?>
/>
<?php
if (isset($value['button'])) {
?>
<input type="submit" value="<?php
echo $value['button'];
?>
" class="button" name="button_save" id="<?php
echo $value['id'];
?>
_save">
<?php
}
?>
</div>
<div class="description">
<?php
echo $value['desc'];
?>
</div>
<div class="clear"></div>
</div>
<?php
return ob_get_clean();
}
/**
* Load and print the correspondent field type.
*
* @param @field
* @return string
*/
public static function display($value, $dep)
{
ob_start();
?>
<div id="<?php
echo $value['id_container'];
?>
" <?php
if ($dep) {
?>
data-field="<?php
echo $dep['field'];
?>
" data-dep="<?php
echo $dep['dep'];
?>
" data-value="<?php
echo $dep['value'];
?>
" <?php
}
?>
class="yit_options rm_option rm_input rm_sidebarlayout">
<div class="option">
<label for="<?php
echo $value['id'];
?>
"><?php
echo $value['name'];
?>
</label>
<div class="rm_radio yit-sidebar-layout">
<input type="radio" name="<?php
yit_field_name($value['id']);
?>
" id="<?php
echo $value['id'] . '-left';
?>
" value="sidebar-left" <?php
checked(yit_get_option($value['id']), 'sidebar-left');
?>
/>
<img src="<?php
echo YIT_CORE_ASSETS_URL;
?>
/images/sideleft.png" title="<?php
_e('Left sidebar', 'yit');
?>
" alt="<?php
_e('Left sidebar', 'yit');
?>
" />
<input type="radio" name="<?php
yit_field_name($value['id']);
?>
" id="<?php
echo $value['id'] . '-no';
?>
" value="sidebar-no" <?php
checked(yit_get_option($value['id']), 'sidebar-no');
?>
/>
<img src="<?php
echo YIT_CORE_ASSETS_URL;
?>
/images/noside.png" title="<?php
_e('No sidebar', 'yit');
?>
" alt="<?php
_e('No sideabr', 'yit');
?>
" />
<input type="radio" name="<?php
yit_field_name($value['id']);
?>
" id="<?php
echo $value['id'] . '-right';
?>
" value="sidebar-right" <?php
checked(yit_get_option($value['id']), 'sidebar-right');
?>
/>
<img src="<?php
echo YIT_CORE_ASSETS_URL;
?>
/images/sideright.png" title="<?php
_e('Right sidebar', 'yit');
?>
" alt="<?php
_e('Right sidebar', 'yit');
?>
" />
</div>
</div>
<div class="description">
<?php
$std_layout = ucfirst(end(explode('-', $value['std'])));
echo $value['desc'];
printf(__('(Default: %s)', 'yit'), $std_layout);
?>
</div>
<div class="clear"></div>
</div>
<script type="text/javascript">
jQuery( document ).ready( function( $ ) {
$( '#<?php
echo $value['id_container'];
?>
.yit-sidebar-layout img' ).click( function() {
$( '#<?php
echo $value['id_container'];
?>
.yit-sidebar-layout :radio' ).attr( 'checked', false );
$( this ).prev( ':radio' ).attr( 'checked', true );
});
} );
</script>
<?php
return ob_get_clean();
}
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://www.gnu.org/licenses/gpl-3.0.txt
*/
/**
* Text Area Editor Admin View
*
* @package Yithemes
* @author Antonino Scarfi' <*****@*****.**>
* @since 1.0.0
*/
if (!defined('ABSPATH')) {
exit;
}
// Exit if accessed directly
$editor_args = array('wpautop' => false, 'media_buttons' => false, 'textarea_name' => yit_field_name($id, false), 'textarea_rows' => 30, 'tabindex' => '', 'editor_css' => '', 'editor_class' => '', 'teeny' => false, 'tinymce' => true, 'quicktags' => true);
?>
<div id="<?php
echo $id;
?>
-container" <?php
if (isset($deps)) {
?>
data-field="<?php
echo $deps['field'];
?>
" data-dep="<?php
echo $deps['dep'];
?>
" data-value="<?php
/**
* Load and print the correspondent field type.
*
* @param @field
* @return string
*/
public static function display($value, $dep)
{
ob_start();
?>
<div id="<?php
echo $value['id_container'];
?>
" <?php
if ($dep) {
?>
data-field="<?php
echo $dep['field'];
?>
" data-dep="<?php
echo $dep['dep'];
?>
" data-value="<?php
echo $dep['value'];
?>
" <?php
}
?>
class="yit_options rm_option rm_input rm_colorpicker">
<div class="option">
<label for="<?php
echo $value['id'];
?>
"><?php
echo $value['name'];
?>
</label>
<div id="<?php
echo $value['id'];
?>
_container" class="colorpicker_container" data-color="<?php
echo yit_get_option($value['id']);
?>
"><div style="background-color: <?php
echo yit_get_option($value['id']);
?>
"></div></div>
<input type="text" name="<?php
yit_field_name($value['id']);
?>
" id="<?php
echo $value['id'];
?>
" style="width:150px" value="<?php
echo yit_get_option($value['id']);
?>
" />
</div>
<div class="description">
<?php
echo $value['desc'];
?>
<?php
printf(__('(Default: %s)', 'yit'), $value['std']);
?>
</div>
<div class="clear"></div>
</div>
<?php
return ob_get_clean();
}
echo $deps['ids'];
?>
" data-value="<?php
echo $deps['values'];
?>
" <?php
}
?>
class="onoff_container yit_options rm_option rm_input rm_onoff">
<div class="option">
<label><?php
echo $name;
?>
</label>
<input type="checkbox" name="<?php
yit_field_name($id);
?>
" id="<?php
echo $id;
?>
" value="<?php
echo esc_attr(yit_get_option($id));
?>
" <?php
checked(yit_get_option($id), 'yes');
?>
class="on_off<?php
if (yit_get_option($id) == 'yes') {
?>
onoffchecked<?php
}
/**
* Load and print the correspondent field type.
*
* @param @field
* @return string
*/
public static function display($value, $dep)
{
$std = yit_get_option($value['id']);
ob_start();
?>
<div id="<?php
echo $value['id_container'];
?>
" <?php
if ($dep) {
?>
data-field="<?php
echo $dep['field'];
?>
" data-dep="<?php
echo $dep['dep'];
?>
" data-value="<?php
echo $dep['value'];
?>
" <?php
}
?>
class="yit_options rm_option rm_input rm_sidebar rm_customsidebar">
<div class="option">
<label for="<?php
echo $value['id'];
?>
"><?php
echo $value['name'];
?>
</label>
<div class="rm_radio yit-sidebar-layout">
<input type="radio" name="<?php
yit_field_name($value['id']);
?>
[layout]" id="<?php
echo $value['id'] . '-left';
?>
" value="sidebar-left" <?php
checked($std['layout'], 'sidebar-left');
?>
/>
<img src="<?php
echo YIT_CORE_ASSETS_URL;
?>
/images/sideleft.png" title="<?php
_e('Left sidebar', 'yit');
?>
" alt="<?php
_e('Left sidebar', 'yit');
?>
" />
<input type="radio" name="<?php
yit_field_name($value['id']);
?>
[layout]" id="<?php
echo $value['id'] . '-no';
?>
" value="sidebar-no" <?php
checked($std['layout'], 'sidebar-no');
?>
/>
<img src="<?php
echo YIT_CORE_ASSETS_URL;
?>
/images/noside.png" title="<?php
_e('No sidebar', 'yit');
?>
" alt="<?php
_e('No sideabr', 'yit');
?>
" />
<input type="radio" name="<?php
yit_field_name($value['id']);
?>
[layout]" id="<?php
echo $value['id'] . '-right';
?>
" value="sidebar-right" <?php
checked($std['layout'], 'sidebar-right');
?>
/>
<img src="<?php
echo YIT_CORE_ASSETS_URL;
?>
/images/sideright.png" title="<?php
_e('Right sidebar', 'yit');
?>
" alt="<?php
_e('Right sidebar', 'yit');
?>
" />
</div>
<div class="select_wrapper">
<select name="<?php
yit_field_name($value['id']);
?>
[sidebar]" id="<?php
echo $value['id'];
?>
-sidebar">
<option value="-1"><?php
_e('Choose a sidebar', 'yit');
?>
</option>
<?php
foreach (yit_registered_sidebars() as $val => $option) {
?>
<option value="<?php
echo $val;
?>
" <?php
selected($std['sidebar'], $val);
?>
><?php
echo $option;
?>
</option>
<?php
}
?>
</select>
</div>
</div>
<div class="description">
<?php
$std_layout = ucfirst(end(explode('-', $std['layout'])));
echo $value['desc'];
printf(__('(Default: %s)', 'yit'), $std['sidebar'] . ', ' . $std_layout);
?>
</div>
<div class="clear"></div>
</div>
<script type="text/javascript">
jQuery( document ).ready( function( $ ) {
$( '#<?php
echo $value['id_container'];
?>
.yit-sidebar-layout img' ).click( function() {
$( '#<?php
echo $value['id_container'];
?>
.yit-sidebar-layout :radio' ).attr( 'checked', false );
$( this ).prev( ':radio' ).attr( 'checked', true );
});
if( $( '#<?php
echo $value['id'] . '-no';
?>
' ).attr( 'checked' ) ) {
$( '#<?php
echo $value['id_container'];
?>
.select_wrapper' ).hide();
}
$( '#<?php
echo $value['id_container'];
?>
:radio' ).next( 'img' ).click( function() {
if( $( this ).prev( ':radio' ).val() == 'sidebar-no' ) {
$( '#<?php
echo $value['id_container'];
?>
.select_wrapper' ).fadeOut();
} else {
$( '#<?php
echo $value['id_container'];
?>
.select_wrapper' ).fadeIn();
}
} );
} );
</script>
<?php
return ob_get_clean();
}
/**
* Load and print the correspondent field type.
*
* @param @field
* @return string
*/
public static function display( $value, $dep ) {
global $web_fonts_select, $google_fonts_select, $google_fonts_json;
if ( ! isset( $google_fonts_json ) ) {
$google_fonts_json = yit_get_json_google_fonts();
$web_fonts_json = yit_get_json_web_fonts();
echo "<script>";
echo "var yit_google_fonts = '" . $google_fonts_json . "';\n";
echo "var yit_web_fonts = '" . $web_fonts_json . "';\n";
echo "var yit_family_string = '';\n";
echo "</script>\n";
}
$std = yit_get_option( $value['id'] );
ob_start(); ?>
<?php if( yit_is_safari_on_mavericks() ): ?>
<div id="<?php echo $value['id_container'] ?>" class="yit_options rm_option rm_input rm_text">
<h3><?php echo $value['name'] ?></h3>
<p><p><?php _e("We're sorry but there are some issues with new version of Safari on Mavericks. In order to use typography options please use another browser as Chrome or Firefox. We're alredy working hard to check the issue out.", 'yit'); ?></p>
</div>
<?php else: ?>
<div id="<?php echo $value['id_container'] ?>" <?php if($dep): ?>data-field="<?php echo $dep['field'] ?>" data-dep="<?php echo $dep['dep'] ?>" data-value="<?php echo $dep['value'] ?>" <?php endif ?>class="typography_container yit_options rm_typography rm_option rm_input rm_number rm_text">
<div class="option">
<label for="<?php echo $value['id'] ?>"><?php echo $value['name'] ?> <small><?php echo $value['desc'] ?> <?php printf( __( '(Default: %s)', 'yit' ), $value['std']['size'] . $value['std']['unit'] . ', ' . $value['std']['family'] . ', ' . ucfirst( str_replace( '-', ' ', $value['std']['style'] ) ) . ', ' . $value['std']['color'] ) ?></small></label>
<!-- Size -->
<div class="spinner_container">
<input class="typography_size number" type="text" name="<?php yit_field_name( $value['id'] ) ?>[size]" id="<?php echo $value['id'] ?>-size" value="<?php echo $std['size'] ?>" data-min="<?php if(isset( $value['min'] )) echo $value['min'] ?>" data-max="<?php if(isset( $value['max'] )) echo $value['max'] ?>" />
</div>
<!-- Unit -->
<div class="select_wrapper font-unit">
<select class="typography_unit" name="<?php yit_field_name( $value['id'] ) ?>[unit]" id="<?php echo $value['id'] ?>-unit">
<option value="px" <?php selected( $std['unit'], 'px' ) ?>><?php _e( 'px', 'yit' ) ?></option>
<option value="em" <?php selected( $std['unit'], 'em' ) ?>><?php _e( 'em', 'yit' ) ?></option>
<option value="pt" <?php selected( $std['unit'], 'pt' ) ?>><?php _e( 'pt', 'yit' ) ?></option>
<option value="rem" <?php selected( $std['unit'], 'rem' ) ?>><?php _e( 'rem', 'yit' ) ?></option>
</select>
</div>
<!-- Family -->
<div class="select_wrapper font-family">
<select class="typography_family" name="<?php yit_field_name( $value['id'] ) ?>[family]" id="<?php echo $value['id'] ?>-family" data-instance="false">
<?php if( $std['family'] ): ?>
<option value="<?php echo stripslashes( $std['family'] ) ?>"><?php echo $std['family'] ?></option>
<?php else: ?>
<option value=""><?php _e('Select a font family', 'yit') ?></option>
<?php endif ?>
</select>
</div>
<!-- Style -->
<div class="select_wrapper font-style">
<select class="typography_style" name="<?php yit_field_name( $value['id'] ) ?>[style]" id="<?php echo $value['id'] ?>-style">
<option value="regular" <?php selected( $std['style'], 'regular' ) ?>><?php _e( 'Regular', 'yit' ) ?></option>
<option value="bold" <?php selected( $std['style'], 'bold' ) ?>><?php _e( 'Bold', 'yit' ) ?></option>
<option value="extra-bold" <?php selected( $std['style'], 'extra-bold' ) ?>><?php _e( 'Extra bold', 'yit' ) ?></option>
<option value="italic" <?php selected( $std['style'], 'italic' ) ?>><?php _e( 'Italic', 'yit' ) ?></option>
<option value="bold-italic" <?php selected( $std['style'], 'bold-italic' ) ?>><?php _e( 'Italic bold', 'yit' ) ?></option>
</select>
</div>
<!-- Color -->
<div id="<?php echo $value['id'] ?>_container" class="typography_color colorpicker_container" data-color="<?php echo $std['color'] ?>"><div style="background-color: <?php echo $std['color'] ?>"></div></div>
<input type="text" name="<?php yit_field_name( $value['id'] ) ?>[color]" id="<?php echo $value['id'] ?>-color" style="width:150px" value="<?php echo $std['color'] ?>" />
</div>
<div class="clear"></div>
<div class="font-preview">
<p>The quick brown fox jumps over the lazy dog</p>
<!-- Refresh -->
<div class="refresh_container"><button class="refresh"><img src="<?php echo YIT_CORE_ASSETS_URL ?>/images/search.png" title="<?php _e( 'Click to preview', 'yit' ) ?>" alt="" /><?php _e( 'Click to preview', 'yit' ) ?></button></div>
</div>
</div>
<?php endif ?>
<?php
return ob_get_clean();
}
/**
* Load and print the correspondent field type.
*
* @param @field
* @return string
*/
public static function display($value, $dep)
{
ob_start();
?>
<div id="<?php
echo $value['id_container'];
?>
" <?php
if ($dep) {
?>
data-field="<?php
echo $dep['field'];
?>
" data-dep="<?php
echo $dep['dep'];
?>
" data-value="<?php
echo $dep['value'];
?>
" <?php
}
?>
class="number_container yit_options rm_option rm_input rm_number rm_text">
<div class="option">
<label for="<?php
echo $value['id'];
?>
"><?php
echo $value['name'];
?>
</label>
<input class="number" type="text" name="<?php
yit_field_name($value['id']);
?>
" id="<?php
echo $value['id'];
?>
" value="<?php
echo yit_get_option($value['id']);
?>
" data-min="<?php
if (isset($value['min'])) {
echo $value['min'];
}
?>
" data-max="<?php
if (isset($value['max'])) {
echo $value['max'];
}
?>
" />
</div>
<div class="description">
<?php
echo $value['desc'];
?>
<?php
printf(__('(Default: %s)', 'yit'), $value['std']);
?>
</div>
<div class="clear"></div>
</div>
<?php
return ob_get_clean();
}
/**
* Load and print the correspondent field type.
*
* @param @field
* @return string
*/
public static function display($value, $dep)
{
$multiple = isset($value['multiple']) && $value['multiple'] == 1 ? 'multiple' : '';
ob_start();
?>
<div id="<?php
echo $value['id_container'];
?>
" <?php
if ($dep) {
?>
data-field="<?php
echo $dep['field'];
?>
" data-dep="<?php
echo $dep['dep'];
?>
" data-value="<?php
echo $dep['value'];
?>
" <?php
}
?>
class="yit_options rm_option rm_input rm_text">
<div class="option">
<label for="<?php
echo $value['id'];
?>
"><?php
echo $value['name'];
?>
</label>
<div class="select_wrapper">
<select <?php
echo $multiple;
?>
name="<?php
yit_field_name($value['id']);
?>
" id="<?php
echo $value['id'];
?>
">
<?php
foreach ($value['options'] as $val => $option) {
?>
<option value="<?php
echo $val;
?>
"<?php
selected(yit_get_option($value['id']), $val);
?>
><?php
echo $option;
?>
</option>
<?php
}
?>
</select>
</div>
</div>
<div class="description">
<?php
$std = isset($value['options'][$value['std']]) ? $value['options'][$value['std']] : '';
?>
<?php
echo $value['desc'];
?>
<?php
printf(__('(Default: %s)', 'yit'), $std);
?>
</div>
<div class="clear"></div>
</div>
<?php
return ob_get_clean();
}
/**
* Load and print the correspondent field type.
*
* @param @field
* @return string
*/
public static function display($value, $dep)
{
$cats = get_categories('orderby=name&use_desc_for_title=1&hierarchical=1&style=0&hide_empty=0');
$class = $descr = $ext = '';
$cols = 1;
if (isset($value['cols']) && $value['cols']) {
$heads = false;
if (isset($value['heads'])) {
$heads = true;
}
$cols = $value['cols'];
$class = ' small';
}
$checked_items = yit_get_option($value['id']);
ob_start();
?>
<div id="<?php
echo $value['id_container'];
?>
" <?php
if ($dep) {
?>
data-field="<?php
echo $dep['field'];
?>
" data-dep="<?php
echo $dep['dep'];
?>
" data-value="<?php
echo $dep['value'];
?>
" <?php
}
?>
class="yit_options rm_option rm_input rm_multi_checkbox">
<label for="<?php
echo $value['id'];
?>
"><?php
echo $value['name'];
if ($cols > 1) {
?>
<small><?php
echo $value['desc'];
?>
</small><?php
}
?>
</label>
<?php
for ($i = 1; $i <= $cols; $i++) {
$ext = $cols > 1 ? "{$i}" : '';
?>
<ul id="<?php
echo $value['id'] . $ext;
?>
" class="list-sortable<?php
echo $class;
?>
">
<?php
if ($heads) {
echo '<li class="head">' . $value['heads'][$i - 1] . '</li>';
}
$c = 0;
foreach ($cats as $cat) {
$checked = isset($checked_items[$i]) ? $checked_items[$i] : array();
?>
<li>
<label class="radio-inline">
<input type="checkbox" name="<?php
yit_field_name($value['id']);
?>
[<?php
echo $i;
?>
][]" value="<?php
echo $cat->cat_ID;
?>
" <?php
checked(in_array($cat->cat_ID, $checked), true);
?>
id="<?php
echo $value['id'];
?>
-<?php
echo $c . $ext;
?>
" />
<?php
echo $cat->cat_name;
?>
</label>
</li>
<?php
$c++;
}
?>
</ul>
<?php
}
?>
<?php
if ($cols == 1) {
?>
<small><?php
echo $value['desc'];
?>
</small><?php
}
?>
<div class="clear"></div>
</div>
<?php
return ob_get_clean();
}
/**
* Load and print the correspondent field type.
*
* @param @field
* @return string
*/
public static function display($value, $dep)
{
$std = yit_get_option($value['id']);
ob_start();
?>
<div id="<?php
echo $value['id_container'];
?>
" <?php
if ($dep) {
?>
data-field="<?php
echo $dep['field'];
?>
" data-dep="<?php
echo $dep['dep'];
?>
" data-value="<?php
echo $dep['value'];
?>
" <?php
}
?>
class="typography_container yit_options rm_typography rm_option rm_input rm_number rm_text">
<div class="option">
<label for="<?php
echo $value['id'];
?>
"><?php
echo $value['name'];
?>
<small><?php
echo $value['desc'];
?>
<?php
printf(__('(Default: %s)', 'yit'), $value['std']['size'] . $value['std']['unit'] . ', ' . $value['std']['family'] . ', ' . ucfirst(str_replace('-', ' ', $value['std']['style'])) . ', ' . $value['std']['color']);
?>
</small></label>
<!-- Size -->
<div class="spinner_container">
<input class="typography_size number" type="text" name="<?php
yit_field_name($value['id']);
?>
[size]" id="<?php
echo $value['id'];
?>
-size" value="<?php
echo $std['size'];
?>
" data-min="<?php
if (isset($value['min'])) {
echo $value['min'];
}
?>
" data-max="<?php
if (isset($value['max'])) {
echo $value['max'];
}
?>
" />
</div>
<!-- Unit -->
<div class="select_wrapper font-unit">
<select class="typography_unit" name="<?php
yit_field_name($value['id']);
?>
[unit]" id="<?php
echo $value['id'];
?>
-unit">
<option value="px" <?php
selected($std['unit'], 'px');
?>
><?php
_e('px', 'yit');
?>
</option>
<option value="em" <?php
selected($std['unit'], 'em');
?>
><?php
_e('em', 'yit');
?>
</option>
<option value="pt" <?php
selected($std['unit'], 'pt');
?>
><?php
_e('pt', 'yit');
?>
</option>
<option value="rem" <?php
selected($std['unit'], 'rem');
?>
><?php
_e('rem', 'yit');
?>
</option>
</select>
</div>
<!-- Family -->
<div class="select_wrapper font-family">
<select class="typography_family" name="<?php
yit_field_name($value['id']);
?>
[family]" id="<?php
echo $value['id'];
?>
-family">
<?php
$web_fonts = yit_get_web_fonts();
$google_fonts = yit_get_google_fonts();
if (!empty($web_fonts)) {
echo '<optgroup label="' . __('Web fonts', 'yit') . '">';
foreach ($web_fonts as $name => $rule) {
?>
<option value='<?php
echo $rule;
?>
' <?php
selected(stripslashes($std['family']), $rule);
?>
><?php
echo $name;
?>
</option>
<?php
}
echo '</optgroup>';
}
if (!empty($google_fonts)) {
echo '<optgroup label="' . __('Google fonts', 'yit') . '">';
foreach ($google_fonts->items as $font) {
// $font_human = trim( stripslashes( end( array_slice( explode( ',', $font ), 0, 1 ) ) ), "'" );
// $std_human = trim( stripslashes( end( array_slice( explode( ',', $std['family'] ), 0, 1 ) ) ), "'" );
//if( isset($font->family) ):
//Only me and god know what happen on this line...
?>
<option value="<?php
echo $font;
?>
" <?php
selected($std['family'], $font);
?>
><?php
echo $font;
?>
</option>
<?php
//endif;
}
echo '</optgroup>';
}
?>
</select>
</div>
<!-- Style -->
<div class="select_wrapper font-style">
<select class="typography_style" name="<?php
yit_field_name($value['id']);
?>
[style]" id="<?php
echo $value['id'];
?>
-style">
<option value="regular" <?php
selected($std['style'], 'regular');
?>
><?php
_e('Regular', 'yit');
?>
</option>
<option value="bold" <?php
selected($std['style'], 'bold');
?>
><?php
_e('Bold', 'yit');
?>
</option>
<option value="extra-bold" <?php
selected($std['style'], 'extra-bold');
?>
><?php
_e('Extra bold', 'yit');
?>
</option>
<option value="italic" <?php
selected($std['style'], 'italic');
?>
><?php
_e('Italic', 'yit');
?>
</option>
<option value="bold-italic" <?php
selected($std['style'], 'bold-italic');
?>
><?php
_e('Italic bold', 'yit');
?>
</option>
</select>
</div>
<!-- Color -->
<div id="<?php
echo $value['id'];
?>
_container" class="typography_color colorpicker_container" data-color="<?php
echo $std['color'];
?>
"><div style="background-color: <?php
echo $std['color'];
?>
"></div></div>
<input type="text" name="<?php
yit_field_name($value['id']);
?>
[color]" id="<?php
echo $value['id'];
?>
-color" style="width:150px" value="<?php
echo $std['color'];
?>
" />
</div>
<div class="clear"></div>
<div class="font-preview">
<p>The quick brown fox jumps over the lazy dog</p>
<!-- Refresh -->
<div class="refresh_container"><button class="refresh"><img src="<?php
echo YIT_CORE_ASSETS_URL;
?>
/images/search.png" title="<?php
_e('Click to preview', 'yit');
?>
" alt="" /><?php
_e('Click to preview', 'yit');
?>
</button></div>
</div>
</div>
<?php
return ob_get_clean();
}
