Ejemplo n.º 1
0
/**
 * Typography Menu Option
 *
 * @access public
 *
 * @param array $value
 * @param array $settings
 * @param int $int
 *
 * @return string
 */
function option_tree_typography_menu($value, $settings, $int)
{
    ?>
  <div class="option option-font">
    <div class="lambda-opttitle">
        <div class="lambda-opttitle-pad">
		<?php 
    echo htmlspecialchars_decode($value->item_title);
    ?>
		<span class="infoButton right">
				<img class="infoImage" src="<?php 
    echo FRAMEWORK_WEB_ROOT;
    ?>
/assets/images/info.png" width="40px" height="20px" alt="Info" style="left: 0px;">
		</span>  
        </div>
      </div>
	  
	  <div class="section clearfix">
      <div class="element clearfix">
        
		
  		<script type="text/javascript">
        jQuery(document).ready(function($) {  
          $('#<?php 
    echo $value->item_id;
    ?>
-picker').ColorPicker({
            onSubmit: function(hsb, hex, rgb) {
            	$('#<?php 
    echo $value->item_id;
    ?>
').val('#'+hex);
            },
            onBeforeShow: function () {
            	$(this).ColorPickerSetColor(this.value);
            	return false;
            },
            onChange: function (hsb, hex, rgb) {
            	$('#cp_<?php 
    echo $value->item_id;
    ?>
 div').css({'backgroundColor':'#'+hex});
            	$('#cp_<?php 
    echo $value->item_id;
    ?>
').next('input').attr('value', '#'+hex);
				
				//theme scheme color changer
				if("<?php 
    echo $value->item_id;
    ?>
" == "themecolor") {
					$('#color_scheme_1').val('#'+hex);
					$('.color_scheme_1').css('background-color', '#'+hex);			
				}
				
            }
          }).bind('keyup', function(){
            $(this).ColorPickerSetColor(this.value);
          });
        });
        </script>
		
        <div class="select_wrapper">
            <label><?php 
    _e('Font Color', 'delaware-theme');
    ?>
</label>
            <div id="cp_<?php 
    echo $value->item_id;
    ?>
" class="cp_box">
              <div style="background-color:<?php 
    echo isset($settings[$value->item_id]['font-color']) ? $settings[$value->item_id]['font-color'] : '#000';
    ?>
;"> 
              </div>
            </div>
            <input style="width:175px;" type="text" name="<?php 
    echo $value->item_id;
    ?>
[font-color]" id="<?php 
    echo $value->item_id;
    ?>
-picker" value="<?php 
    echo isset($settings[$value->item_id]['font-color']) ? stripslashes($settings[$value->item_id]['font-color']) : '';
    ?>
" class="cp_input" />
            
        </div>
		<div class="clear"></div>
		
		<div class="select_wrapper typography-family">
          <p>
		  <label><?php 
    _e('Font Family', 'delaware-theme');
    ?>
</label>
		  <select name="<?php 
    echo $value->item_id;
    ?>
[font-family]" class="select">
            <?php 
    echo '<option value="">font-family</option>';
    foreach (recognized_font_families() as $key => $family) {
        echo '<option value="' . esc_attr($key) . '" ' . selected($settings[$value->item_id]['font-family'], $key, false) . '>' . esc_html($family) . '</option>';
    }
    ?>
          </select>
		  </p>
        </div>
        
		
		<div class="select_wrapper typography-style" style="width:165px;">
          <p>
          <label><?php 
    _e('Font Style', 'delaware-theme');
    ?>
</label>
		  <select name="<?php 
    echo $value->item_id;
    ?>
[font-style]" class="select">
            <?php 
    echo '<option value="">font-style</option>';
    foreach (recognized_font_styles() as $key => $style) {
        echo '<option value="' . esc_attr($key) . '" ' . selected($settings[$value->item_id]['font-style'], $key, false) . '>' . esc_html($style) . '</option>';
    }
    ?>
          </select>
		  </p>
        </div>
        
		
		<div class="select_wrapper typography-transform" style="width:165px;">
          <p>
		  <label><?php 
    _e('Font Transform', 'delaware-theme');
    ?>
</label>
		  <select name="<?php 
    echo $value->item_id;
    ?>
[font-transform]" class="select">
            <?php 
    echo '<option value="">font-transform</option>';
    foreach (recognized_font_transforms() as $key => $variant) {
        echo '<option value="' . esc_attr($key) . '" ' . selected($settings[$value->item_id]['font-transform'], $key, false) . '>' . esc_html($variant) . '</option>';
    }
    ?>
          </select>
		  </p>
        </div>
		
        
		<div class="select_wrapper typography-weight" style="width:165px;">
  		  <p>
		  <label><?php 
    _e('Font Weight', 'delaware-theme');
    ?>
</label>
		  <select name="<?php 
    echo $value->item_id;
    ?>
[font-weight]" class="select">
            <?php 
    echo '<option value="">font-weight</option>';
    foreach (recognized_font_weights() as $key => $weight) {
        echo '<option value="' . esc_attr($key) . '" ' . selected($settings[$value->item_id]['font-weight'], $key, false) . '>' . esc_html($weight) . '</option>';
    }
    ?>
          </select>
		  </p>
        </div>
        
		<div class="select_wrapper typography-size" style="width:165px;">
   		  <p>
		  <label><?php 
    _e('Font Size', 'delaware-theme');
    ?>
</label>
		  <select name="<?php 
    echo $value->item_id;
    ?>
[font-size]" class="select">
            <?php 
    echo '<option value="">font-size</option>';
    for ($i = 8; $i <= 72; $i++) {
        $size = $i . 'px';
        echo '<option value="' . esc_attr($size) . '" ' . selected($settings[$value->item_id]['font-size'], $size, false) . '>' . esc_html($size) . '</option>';
    }
    ?>
          </select>
		  </p>
        </div>
		
      </div>
      <?php 
    if ($value->item_desc) {
        ?>
        <div class="desc alert-neutral"><?php 
        echo htmlspecialchars_decode($value->item_desc);
        ?>
</div>
		<div class="clear"></div>
      <?php 
    }
    ?>
    </div>
  </div>
<?php 
}
Ejemplo n.º 2
0
/**
 * Typography Option
 *
 * @access public
 * @since 1.1.8
 *
 * @param array $value
 * @param array $settings
 * @param int $int
 *
 * @return string
 */
function option_tree_typography_headlines($value, $settings, $int)
{
    ?>
  <div class="option option-font" id="<?php 
    echo $value->item_id;
    ?>
_div">
    
	<div class="lambda-opttitle">
        <div class="lambda-opttitle-pad">
			<?php 
    echo htmlspecialchars_decode($value->item_title);
    ?>
			<span class="infoButton right">
				<img class="infoImage" src="<?php 
    echo FRAMEWORK_WEB_ROOT;
    ?>
/assets/images/info.png" width="40px" height="20px" alt="Info" style="left: 0px;">
			</span>  
        </div>
    </div>
	
	<div class="section clearfix">
      <div class="element clearfix">

		<div class="select_wrapper typography-family">
          <p>
		  <label><?php 
    _e('Font Family', 'delaware-theme');
    ?>
</label>
		  <select name="<?php 
    echo $value->item_id;
    ?>
[font-family]" class="select">
            <?php 
    echo '<option value="">font-family</option>';
    foreach (recognized_font_families() as $key => $family) {
        echo '<option value="' . esc_attr($key) . '" ' . selected($settings[$value->item_id]['font-family'], $key, false) . '>' . esc_html($family) . '</option>';
    }
    ?>
          </select>
		  </p>
        </div>
        
		<div class="select_wrapper typography-style">
          <p>
          <label><?php 
    _e('Font Style', 'delaware-theme');
    ?>
</label>
		  <select name="<?php 
    echo $value->item_id;
    ?>
[font-style]" class="select">
            <?php 
    echo '<option value="">font-style</option>';
    foreach (recognized_font_styles() as $key => $style) {
        echo '<option value="' . esc_attr($key) . '" ' . selected($settings[$value->item_id]['font-style'], $key, false) . '>' . esc_html($style) . '</option>';
    }
    ?>
          </select>
		  </p>
        </div>
                
		<div class="select_wrapper typography-weight">
  		  <p>
		  <label><?php 
    _e('Font Weight', 'delaware-theme');
    ?>
</label>
		  <select name="<?php 
    echo $value->item_id;
    ?>
[font-weight]" class="select">
            <?php 
    echo '<option value="">font-weight</option>';
    foreach (recognized_font_weights() as $key => $weight) {
        echo '<option value="' . esc_attr($key) . '" ' . selected($settings[$value->item_id]['font-weight'], $key, false) . '>' . esc_html($weight) . '</option>';
    }
    ?>
          </select>
		  </p>
        </div>
        
      </div>
      <?php 
    if ($value->item_desc) {
        ?>
        <div class="desc alert-neutral"><?php 
        echo htmlspecialchars_decode($value->item_desc);
        ?>
</div>
	<div class="clear"></div>
      <?php 
    }
    ?>
    </div>
  </div>
<?php 
}
Ejemplo n.º 3
0
/**
 * Typography Option
 *
 * @access public
 * @since 1.1.8
 *
 * @param array $value
 * @param array $settings
 * @param int $int
 *
 * @return string
 */
function option_tree_typography($value, $settings, $int)
{
    ?>
  <div class="option option-font">
    <h3><?php 
    echo htmlspecialchars_decode($value->item_title);
    ?>
</h3>
    <div class="section">
      <div class="element">
        <script type="text/javascript">
        jQuery(document).ready(function($) {  
          $('#<?php 
    echo $value->item_id;
    ?>
-picker').ColorPicker({
            onSubmit: function(hsb, hex, rgb) {
            	$('#<?php 
    echo $value->item_id;
    ?>
-picker').val('#'+hex);
            },
            onBeforeShow: function () {
            	$(this).ColorPickerSetColor(this.value);
            	return false;
            },
            onChange: function (hsb, hex, rgb) {
            	$('#cp_<?php 
    echo $value->item_id;
    ?>
 div').css({'backgroundColor':'#'+hex, 'backgroundImage': 'none', 'borderColor':'#'+hex});
            	$('#cp_<?php 
    echo $value->item_id;
    ?>
').prev('input').attr('value', '#'+hex);
            }
          })	
          .bind('keyup', function(){
            $(this).ColorPickerSetColor(this.value);
          });
        });
        </script>
        <input type="text" name="<?php 
    echo $value->item_id;
    ?>
[font-color]" id="<?php 
    echo $value->item_id;
    ?>
-picker" value="<?php 
    echo isset($settings[$value->item_id]['font-color']) ? stripslashes($settings[$value->item_id]['font-color']) : '';
    ?>
" class="cp_input" />
        <div id="cp_<?php 
    echo $value->item_id;
    ?>
" class="cp_box">
          <div style="background-color:<?php 
    echo isset($settings[$value->item_id]['font-color']) ? $settings[$value->item_id]['font-color'] : '#ffffff';
    ?>
;<?php 
    if (isset($settings[$value->item_id]['font-color'])) {
        echo 'background-image:none;border-color:' . $settings[$value->item_id]['font-color'] . ';';
    }
    ?>
"> 
          </div>
        </div>
        <div class="select_wrapper typography-family">
          <select name="<?php 
    echo $value->item_id;
    ?>
[font-family]" class="select">
            <?php 
    echo '<option value="">font-family</option>';
    foreach (recognized_font_families() as $key => $family) {
        echo '<option value="' . esc_attr($key) . '" ' . selected($settings[$value->item_id]['font-family'], $key, false) . '>' . esc_html($family) . '</option>';
    }
    ?>
          </select>
        </div>
        <div class="select_wrapper typography-style" style="width:165px;">
          <select name="<?php 
    echo $value->item_id;
    ?>
[font-style]" class="select">
            <?php 
    echo '<option value="">font-style</option>';
    foreach (recognized_font_styles() as $key => $style) {
        echo '<option value="' . esc_attr($key) . '" ' . selected($settings[$value->item_id]['font-style'], $key, false) . '>' . esc_html($style) . '</option>';
    }
    ?>
          </select>
        </div>
        <div class="select_wrapper typography-variant" style="width:166px;margin-left:10px;">
          <select name="<?php 
    echo $value->item_id;
    ?>
[font-variant]" class="select">
            <?php 
    echo '<option value="">font-variant</option>';
    foreach (recognized_font_variants() as $key => $variant) {
        echo '<option value="' . esc_attr($key) . '" ' . selected($settings[$value->item_id]['font-variant'], $key, false) . '>' . esc_html($variant) . '</option>';
    }
    ?>
          </select>
        </div>
        <div class="select_wrapper typography-weight" style="width:165px;">
          <select name="<?php 
    echo $value->item_id;
    ?>
[font-weight]" class="select">
            <?php 
    echo '<option value="">font-weight</option>';
    foreach (recognized_font_weights() as $key => $weight) {
        echo '<option value="' . esc_attr($key) . '" ' . selected($settings[$value->item_id]['font-weight'], $key, false) . '>' . esc_html($weight) . '</option>';
    }
    ?>
          </select>
        </div>
        <div class="select_wrapper typography-size" style="width:166px;margin-left:10px;">
          <select name="<?php 
    echo $value->item_id;
    ?>
[font-size]" class="select">
            <?php 
    echo '<option value="">font-size</option>';
    for ($i = 8; $i <= 72; $i++) {
        $size = $i . 'px';
        echo '<option value="' . esc_attr($size) . '" ' . selected($settings[$value->item_id]['font-size'], $size, false) . '>' . esc_html($size) . '</option>';
    }
    ?>
          </select>
        </div>
      </div>
      <div class="description">
        <?php 
    echo htmlspecialchars_decode($value->item_desc);
    ?>
      </div>
    </div>
  </div>
<?php 
}