| Current Path : /home/x/b/o/xbodynamge/namtation/wp-content/ |
| Current File : /home/x/b/o/xbodynamge/namtation/wp-content/class-control-css-ruler.php.tar |
lebauwcentre/wp-content/themes/customify/inc/customizer/controls/class-control-css-ruler.php 0000644 00000011001 15114051233 0031654 0 ustar 00 home/xbodynamge <?php
class Customify_Customizer_Control_Css_Ruler extends Customify_Customizer_Control_Base {
static function field_template() {
?>
<script type="text/html" id="tmpl-field-customify-css_ruler">
<?php
self::before_field();
?>
<#
if ( ! _.isObject( field.value ) ) {
field.value = { link: 1 };
}
var fields_disabled;
if ( ! _.isObject( field.fields_disabled ) ) {
fields_disabled = {};
} else {
fields_disabled = _.clone( field.fields_disabled );
}
var defaultpl = <?php echo json_encode( __( 'Auto', 'customify' ) ); // phpcs:ignore ?>;
_.each( [ 'top', 'right', 'bottom', 'left' ], function( key ){
if ( ! _.isUndefined( fields_disabled[ key ] ) ) {
if ( ! fields_disabled[ key ] ) {
fields_disabled[ key ] = defaultpl;
}
} else {
fields_disabled[ key ] = false;
}
} );
var uniqueID = field.name + ( new Date().getTime() );
#>
<?php echo self::field_header(); ?>
<div class="customify-field-settings-inner">
<div class="customify--css-unit" title="<?php esc_attr_e( 'Chose an unit', 'customify' ); ?>">
<label class="<# if ( field.value.unit == 'px' || ! field.value.unit ){ #> customify--label-active <# } #>">
<?php _e( 'px', 'customify' ); ?>
<input type="radio" class="customify-input customify--label-parent change-by-js" <# if ( field.value.unit == 'px' || ! field.value.unit ){ #> checked="checked" <# } #> data-name="{{ field.name }}-unit" name="r{{ uniqueID }}" value="px">
</label>
<label class="<# if ( field.value.unit == 'rem' ){ #> customify--label-active <# } #>">
<?php _e( 'rem', 'customify' ); ?>
<input type="radio" class="customify-input customify--label-parent change-by-js" <# if ( field.value.unit == 'rem' ){ #> checked="checked" <# } #> data-name="{{ field.name }}-unit" name="r{{ uniqueID }}" value="rem">
</label>
<label class="<# if ( field.value.unit == 'em' ){ #> customify--label-active <# } #>">
<?php _e( 'em', 'customify' ); ?>
<input type="radio" class="customify-input customify--label-parent change-by-js" <# if ( field.value.unit == 'em' ){ #> checked="checked" <# } #> data-name="{{ field.name }}-unit" name="r{{ uniqueID }}" value="em">
</label>
<label class="<# if ( field.value.unit == '%' ){ #> customify--label-active <# } #>">
<?php _e( '%', 'customify' ); ?>
<input type="radio" class="customify-input customify--label-parent change-by-js" <# if ( field.value.unit == '%' ){ #> checked="checked" <# } #> data-name="{{ field.name }}-unit" name="r{{ uniqueID }}" value="%">
</label>
</div>
<div class="customify--css-ruler customify--gr-inputs">
<span>
<input type="number" class="customify-input customify-input-css change-by-js" <# if ( fields_disabled['top'] ) { #> disabled="disabled" placeholder="{{ fields_disabled['top'] }}" <# } #> data-name="{{ field.name }}-top" value="{{ field.value.top }}">
<span class="customify--small-label"><?php _e( 'Top', 'customify' ); ?></span>
</span>
<span>
<input type="number" class="customify-input customify-input-css change-by-js" <# if ( fields_disabled['right'] ) { #> disabled="disabled" placeholder="{{ fields_disabled['right'] }}" <# } #> data-name="{{ field.name }}-right" value="{{ field.value.right }}">
<span class="customify--small-label"><?php _e( 'Right', 'customify' ); ?></span>
</span>
<span>
<input type="number" class="customify-input customify-input-css change-by-js" <# if ( fields_disabled['bottom'] ) { #> disabled="disabled" placeholder="{{ fields_disabled['bottom'] }}" <# } #> data-name="{{ field.name }}-bottom" value="{{ field.value.bottom }}">
<span class="customify--small-label"><?php _e( 'Bottom', 'customify' ); ?></span>
</span>
<span>
<input type="number" class="customify-input customify-input-css change-by-js" <# if ( fields_disabled['left'] ) { #> disabled="disabled" placeholder="{{ fields_disabled['left'] }}" <# } #> data-name="{{ field.name }}-left" value="{{ field.value.left }}">
<span class="customify--small-label"><?php _e( 'Left', 'customify' ); ?></span>
</span>
<label title="<?php esc_attr_e( 'Toggle values together', 'customify' ); ?>" class="customify--css-ruler-link <# if ( field.value.link == 1 ){ #> customify--label-active <# } #>">
<input type="checkbox" class="customify-input customify--label-parent change-by-js" <# if ( field.value.link == 1 ){ #> checked="checked" <# } #> data-name="{{ field.name }}-link" value="1">
</label>
</div>
</div>
<?php
self::after_field();
?>
</script>
<?php
}
}