ReduxFramework_typography

The Gravity Forms Advanced File Uploader ReduxFramework typography class.

Defined (1)

The class is defined in the following location(s).

/inc/ReduxFramework/ReduxCore/inc/fields/typography/field_typography.php  
  1. class ReduxFramework_typography { 
  2.  
  3.     private $std_fonts = array( 
  4.         "Arial, Helvetica, sans-serif" => "Arial, Helvetica, sans-serif",  
  5.         "'Arial Black', Gadget, sans-serif" => "'Arial Black', Gadget, sans-serif",  
  6.         "'Bookman Old Style', serif" => "'Bookman Old Style', serif",  
  7.         "'Comic Sans MS', cursive" => "'Comic Sans MS', cursive",  
  8.         "Courier, monospace" => "Courier, monospace",  
  9.         "Garamond, serif" => "Garamond, serif",  
  10.         "Georgia, serif" => "Georgia, serif",  
  11.         "Impact, Charcoal, sans-serif" => "Impact, Charcoal, sans-serif",  
  12.         "'Lucida Console', Monaco, monospace" => "'Lucida Console', Monaco, monospace",  
  13.         "'Lucida Sans Unicode', 'Lucida Grande', sans-serif" => "'Lucida Sans Unicode', 'Lucida Grande', sans-serif",  
  14.         "'MS Sans Serif', Geneva, sans-serif" => "'MS Sans Serif', Geneva, sans-serif",  
  15.         "'MS Serif', 'New York', sans-serif" => "'MS Serif', 'New York', sans-serif",  
  16.         "'Palatino Linotype', 'Book Antiqua', Palatino, serif" => "'Palatino Linotype', 'Book Antiqua', Palatino, serif",  
  17.         "Tahoma, Geneva, sans-serif" => "Tahoma, Geneva, sans-serif",  
  18.         "'Times New Roman', Times, serif" => "'Times New Roman', Times, serif",  
  19.         "'Trebuchet MS', Helvetica, sans-serif" => "'Trebuchet MS', Helvetica, sans-serif",  
  20.         "Verdana, Geneva, sans-serif" => "Verdana, Geneva, sans-serif",  
  21.  ); 
  22.  
  23.     private $user_fonts = true; 
  24.  
  25.     /** 
  26.      * Field Constructor. 
  27.      * Required - must call the parent constructor, then assign field and value to vars, and obviously call the render field function 
  28.      * 
  29.      * @since ReduxFramework 1.0.0 
  30.      */ 
  31.     function __construct( $field = array(), $value = '', $parent ) { 
  32.         $this->parent = $parent; 
  33.         $this->field = $field; 
  34.         $this->value = $value; 
  35.  
  36.         // Shim out old arg to new 
  37.         if ( isset( $this->field['all_styles'] ) && ! empty( $this->field['all_styles'] ) ) { 
  38.             $this->field['all-styles'] = $this->field['all_styles']; 
  39.             unset ( $this->field['all_styles'] ); 
  40.         } 
  41.  
  42.         // Set field array defaults.  No errors please 
  43.         $defaults = array( 
  44.             'font-family' => true,  
  45.             'font-size' => true,  
  46.             'font-weight' => true,  
  47.             'font-style' => true,  
  48.             'font-backup' => false,  
  49.             'subsets' => true,  
  50.             'custom_fonts' => true,  
  51.             'text-align' => true,  
  52.             'text-transform' => false,  
  53.             'font-variant' => false,  
  54.             'text-decoration' => false,  
  55.             'color' => true,  
  56.             'preview' => true,  
  57.             'line-height' => true,  
  58.             'word-spacing' => false,  
  59.             'letter-spacing' => false,  
  60.             'google' => true,  
  61.             'update_weekly' => false, // Enable to force updates of Google Fonts to be weekly 
  62.             'font_family_clear' => true 
  63.  ); 
  64.         $this->field = wp_parse_args( $this->field, $defaults ); 
  65.  
  66.         // Set value defaults. 
  67.         $defaults = array( 
  68.             'font-family' => '',  
  69.             'font-options' => '',  
  70.             'font-backup' => '',  
  71.             'text-align' => '',  
  72.             'text-transform' => '',  
  73.             'font-variant' => '',  
  74.             'text-decoration' => '',  
  75.             'line-height' => '',  
  76.             'word-spacing' => '',  
  77.             'letter-spacing' => '',  
  78.             'subsets' => '',  
  79.             'google' => false,  
  80.             'font-script' => '',  
  81.             'font-weight' => '',  
  82.             'font-style' => '',  
  83.             'color' => '',  
  84.             'font-size' => '',  
  85.  ); 
  86.         $this->value = wp_parse_args( $this->value, $defaults ); 
  87.  
  88.         // Get the google array 
  89.         $this->getGoogleArray(); 
  90.  
  91.         if ( empty( $this->field['fonts'] ) ) { 
  92.             $this->user_fonts = false; 
  93.             $this->field['fonts'] = $this->std_fonts; 
  94.         } 
  95.  
  96.         // Localize std fonts 
  97.         $this->localizeStdFonts(); 
  98.  
  99.     } 
  100.  
  101.     function localize( $field, $value = "" ) { 
  102.         $params = array(); 
  103.  
  104.         if ( true == $this->user_fonts && ! empty( $this->field['fonts'] ) ) { 
  105.             $params['std_font'] = $this->field['fonts']; 
  106.         } 
  107.  
  108.         return $params; 
  109.     } 
  110.  
  111.  
  112.     /** 
  113.      * Field Render Function. 
  114.      * Takes the vars and outputs the HTML for the field in the settings 
  115.      * 
  116.      * @since ReduxFramework 1.0.0 
  117.      */ 
  118.     function render() { 
  119.         // Since fonts declared is CSS (@font-face) are not rendered in the preview,  
  120.         // they can be declared in a CSS file and passed here so they DO display in 
  121.         // font preview.  Do NOT pass style.css in your theme, as that will mess up 
  122.         // admin page styling.  It's recommended to pass a CSS file with ONLY font 
  123.         // declarations. 
  124.         // If field is set and not blank, then enqueue field 
  125.         if ( isset( $this->field['ext-font-css'] ) && $this->field['ext-font-css'] != '' ) { 
  126.             wp_register_style( 'redux-external-fonts', $this->field['ext-font-css'] ); 
  127.             wp_enqueue_style( 'redux-external-fonts' ); 
  128.         } 
  129.  
  130.         if ( empty( $this->field['units'] ) && ! empty( $this->field['default']['units'] ) ) { 
  131.             $this->field['units'] = $this->field['default']['units']; 
  132.         } 
  133.  
  134.         if ( empty( $this->field['units'] ) || ! in_array( $this->field['units'], array( 
  135.                 'px',  
  136.                 'em',  
  137.                 'rem',  
  138.                 '%' 
  139.  ) ) 
  140.  ) { 
  141.             $this->field['units'] = 'px'; 
  142.         } 
  143.  
  144.         $unit = $this->field['units']; 
  145.  
  146.         echo '<div id="' . $this->field['id'] . '" class="redux-typography-container" data-id="' . $this->field['id'] . '" data-units="' . $unit . '">'; 
  147.  
  148.         if ( isset( $this->field['select2'] ) ) { // if there are any let's pass them to js 
  149.             $select2_params = json_encode( $this->field['select2'] ); 
  150.             $select2_params = htmlspecialchars( $select2_params, ENT_QUOTES ); 
  151.  
  152.             echo '<input type="hidden" class="select2_params" value="' . $select2_params . '">'; 
  153.         } 
  154.  
  155.         /** Font Family */ 
  156.         if ( $this->field['font-family'] === true ) { 
  157.              
  158.             // font family clear 
  159.             echo '<input type="hidden" class="redux-font-clear" value="' . $this->field['font_family_clear'] . '">'; 
  160.              
  161.             //if (filter_var($this->value['google'], FILTER_VALIDATE_BOOLEAN)) { 
  162.             if ( filter_var( $this->value['google'], FILTER_VALIDATE_BOOLEAN ) ) { 
  163.  
  164.                 // Divide and conquer 
  165.                 $fontFamily = explode( ', ', $this->value['font-family'], 2 ); 
  166.  
  167.                 // If array 0 is empty and array 1 is not 
  168.                 if ( empty( $fontFamily[0] ) && ! empty( $fontFamily[1] ) ) { 
  169.  
  170.                     // Make array 0 = array 1 
  171.                     $fontFamily[0] = $fontFamily[1]; 
  172.  
  173.                     // Clear array 1 
  174.                     $fontFamily[1] = ""; 
  175.                 } 
  176.             } 
  177.  
  178.             // If no fontFamily array exists, create one and set array 0 
  179.             // with font value 
  180.             if ( ! isset( $fontFamily ) ) { 
  181.                 $fontFamily = array(); 
  182.                 $fontFamily[0] = $this->value['font-family']; 
  183.                 $fontFamily[1] = ""; 
  184.             } 
  185.  
  186.             // Is selected font a Google font 
  187.             $isGoogleFont = '0'; 
  188.             if ( isset( $this->parent->fonts['google'][ $fontFamily[0] ] ) ) { 
  189.                 $isGoogleFont = '1'; 
  190.             } 
  191.  
  192.             // If not a Google font, show all font families 
  193.             if ( $isGoogleFont != '1' ) { 
  194.                 $fontFamily[0] = $this->value['font-family']; 
  195.             } 
  196.  
  197.             $userFonts = '0'; 
  198.             if ( true == $this->user_fonts ) { 
  199.                 $userFonts = '1'; 
  200.             } 
  201.  
  202.             echo '<input type="hidden" class="redux-typography-font-family ' . $this->field['class'] . '" data-user-fonts="' . $userFonts . '" name="' . $this->field['name'] . $this->field['name_suffix'] . '[font-family]' . '" value="' . $this->value['font-family'] . '" data-id="' . $this->field['id'] . '"  />'; 
  203.             echo '<input type="hidden" class="redux-typography-font-options ' . $this->field['class'] . '" name="' . $this->field['name'] . $this->field['name_suffix'] . '[font-options]' . '" value="' . $this->value['font-options'] . '" data-id="' . $this->field['id'] . '"  />'; 
  204.  
  205.             echo '<input type="hidden" class="redux-typography-google-font" value="' . $isGoogleFont . '" id="' . $this->field['id'] . '-google-font">'; 
  206.  
  207.             echo '<div class="select_wrapper typography-family" style="width: 220px; margin-right: 5px;">'; 
  208.             echo '<label>' . __( 'Font Family', 'redux-framework' ) . '</label>'; 
  209.             $placeholder = $fontFamily[0] ? $fontFamily[0] : __( 'Font family', 'redux-framework' ); 
  210.  
  211.             echo '<div class=" redux-typography redux-typography-family select2-container ' . $this->field['class'] . '" id="' . $this->field['id'] . '-family" placeholder="' . $placeholder . '" data-id="' . $this->field['id'] . '" data-value="' . $fontFamily[0] . '">'; 
  212.  
  213.             echo '</div>'; 
  214.             echo '</div>'; 
  215.  
  216.             $googleSet = false; 
  217.             if ( $this->field['google'] === true ) { 
  218.  
  219.                 // Set a flag so we know to set a header style or not 
  220.                 echo '<input type="hidden" class="redux-typography-google' . $this->field['class'] . '" id="' . $this->field['id'] . '-google" name="' . $this->field['name'] . $this->field['name_suffix'] . '[google]' . '" type="text" value="' . $this->field['google'] . '" data-id="' . $this->field['id'] . '" />'; 
  221.                 $googleSet = true; 
  222.             } 
  223.         } 
  224.  
  225.         /** Backup Font */ 
  226.         if ( $this->field['font-family'] === true && $this->field['google'] === true ) { 
  227.  
  228.             if ( false == $googleSet ) { 
  229.                 // Set a flag so we know to set a header style or not 
  230.                 echo '<input type="hidden" class="redux-typography-google' . $this->field['class'] . '" id="' . $this->field['id'] . '-google" name="' . $this->field['name'] . $this->field['name_suffix'] . '[google]' . '" type="text" value="' . $this->field['google'] . '" data-id="' . $this->field['id'] . '"  />'; 
  231.             } 
  232.  
  233.             if ( $this->field['font-backup'] === true ) { 
  234.                 echo '<div class="select_wrapper typography-family-backup" style="width: 220px; margin-right: 5px;">'; 
  235.                 echo '<label>' . __( 'Backup Font Family', 'redux-framework' ) . '</label>'; 
  236.                 echo '<select data-placeholder="' . __( 'Backup Font Family', 'redux-framework' ) . '" name="' . $this->field['name'] . $this->field['name_suffix'] . '[font-backup]' . '" class="redux-typography redux-typography-family-backup ' . $this->field['class'] . '" id="' . $this->field['id'] . '-family-backup" data-id="' . $this->field['id'] . '" data-value="' . $this->value['font-backup'] . '">'; 
  237.                 echo '<option data-google="false" data-details="" value=""></option>'; 
  238.  
  239.                 foreach ( $this->field['fonts'] as $i => $family ) { 
  240.                     echo '<option data-google="true" value="' . $i . '"' . selected( $this->value['font-backup'], $i, false ) . '>' . $family . '</option>'; 
  241.                 } 
  242.  
  243.                 echo '</select></div>'; 
  244.             } 
  245.         } 
  246.  
  247.         /** Font Style/Weight */ 
  248.         if ( $this->field['font-style'] === true || $this->field['font-weight'] === true ) { 
  249.  
  250.             echo '<div class="select_wrapper typography-style" original-title="' . __( 'Font style', 'redux-framework' ) . '">'; 
  251.             echo '<label>' . __( 'Font Weight & Style', 'redux-framework' ) . '</label>'; 
  252.  
  253.             $style = $this->value['font-weight'] . $this->value['font-style']; 
  254.  
  255.             echo '<input type="hidden" class="typography-font-weight" name="' . $this->field['name'] . $this->field['name_suffix'] . '[font-weight]' . '" value="' . $this->value['font-weight'] . '" data-id="' . $this->field['id'] . '"  /> '; 
  256.             echo '<input type="hidden" class="typography-font-style" name="' . $this->field['name'] . $this->field['name_suffix'] . '[font-style]' . '" value="' . $this->value['font-style'] . '" data-id="' . $this->field['id'] . '"  /> '; 
  257.             echo '<select data-placeholder="' . __( 'Style', 'redux-framework' ) . '" class="redux-typography redux-typography-style select' . $this->field['class'] . '" original-title="' . __( 'Font style', 'redux-framework' ) . '" id="' . $this->field['id'] . '_style" data-id="' . $this->field['id'] . '" data-value="' . $style . '">'; 
  258.  
  259.             if ( empty( $this->value['subset'] ) || empty( $this->value['font-weight'] ) ) { 
  260.                 echo '<option value=""></option>'; 
  261.             } 
  262.  
  263.             $nonGStyles = array( 
  264.                 '200' => 'Lighter',  
  265.                 '400' => 'Normal',  
  266.                 '700' => 'Bold',  
  267.                 '900' => 'Bolder' 
  268.  ); 
  269.  
  270.             if ( isset( $gfonts[ $this->value['font-family'] ] ) ) { 
  271.                 foreach ( $gfonts[ $this->value['font-family'] ]['variants'] as $v ) { 
  272.                     echo '<option value="' . $v['id'] . '" ' . selected( $this->value['subset'], $v['id'], false ) . '>' . $v['name'] . '</option>'; 
  273.                 } 
  274.             } else { 
  275.                 if ( ! isset( $this->value['font-weight'] ) && isset( $this->value['subset'] ) ) { 
  276.                     $this->value['font-weight'] = $this->value['subset']; 
  277.                 } 
  278.  
  279.                 foreach ( $nonGStyles as $i => $style ) { 
  280.                     if ( ! isset( $this->value['font-weight'] ) ) { 
  281.                         $this->value['font-weight'] = false; 
  282.                     } 
  283.  
  284.                     if ( ! isset( $this->value['subset'] ) ) { 
  285.                         $this->value['subset'] = false; 
  286.                     } 
  287.  
  288.                     echo '<option value="' . $i . '" ' . selected( $this->value['font-weight'], $i, false ) . '>' . $style . '</option>'; 
  289.                 } 
  290.             } 
  291.  
  292.             echo '</select></div>'; 
  293.         } 
  294.  
  295.         /** Font Script */ 
  296.         if ( $this->field['font-family'] == true && $this->field['subsets'] == true && $this->field['google'] == true ) { 
  297.             echo '<div class="select_wrapper typography-script tooltip" original-title="' . __( 'Font subsets', 'redux-framework' ) . '">'; 
  298.             echo '<input type="hidden" class="typography-subsets" name="' . $this->field['name'] . $this->field['name_suffix'] . '[subsets]' . '" value="' . $this->value['subsets'] . '" data-id="' . $this->field['id'] . '"  /> '; 
  299.             echo '<label>' . __( 'Font Subsets', 'redux-framework' ) . '</label>'; 
  300.             echo '<select data-placeholder="' . __( 'Subsets', 'redux-framework' ) . '" class="redux-typography redux-typography-subsets' . $this->field['class'] . '" original-title="' . __( 'Font script', 'redux-framework' ) . '"  id="' . $this->field['id'] . '-subsets" data-value="' . $this->value['subsets'] . '" data-id="' . $this->field['id'] . '" >'; 
  301.  
  302.             if ( empty( $this->value['subsets'] ) ) { 
  303.                 echo '<option value=""></option>'; 
  304.             } 
  305.  
  306.             if ( isset( $gfonts[ $this->value['font-family'] ] ) ) { 
  307.                 foreach ( $gfonts[ $this->value['font-family'] ]['subsets'] as $v ) { 
  308.                     echo '<option value="' . $v['id'] . '" ' . selected( $this->value['subset'], $v['id'], false ) . '>' . $v['name'] . '</option>'; 
  309.                 } 
  310.             } 
  311.  
  312.             echo '</select></div>'; 
  313.         } 
  314.  
  315.         /** Font Align */ 
  316.         if ( $this->field['text-align'] === true ) { 
  317.             echo '<div class="select_wrapper typography-align tooltip" original-title="' . __( 'Text Align', 'redux-framework' ) . '">'; 
  318.             echo '<label>' . __( 'Text Align', 'redux-framework' ) . '</label>'; 
  319.             echo '<select data-placeholder="' . __( 'Text Align', 'redux-framework' ) . '" class="redux-typography redux-typography-align' . $this->field['class'] . '" original-title="' . __( 'Text Align', 'redux-framework' ) . '"  id="' . $this->field['id'] . '-align" name="' . $this->field['name'] . $this->field['name_suffix'] . '[text-align]' . '" data-value="' . $this->value['text-align'] . '" data-id="' . $this->field['id'] . '" >'; 
  320.             echo '<option value=""></option>'; 
  321.  
  322.             $align = array( 
  323.                 'inherit',  
  324.                 'left',  
  325.                 'right',  
  326.                 'center',  
  327.                 'justify',  
  328.                 'initial' 
  329.  ); 
  330.  
  331.             foreach ( $align as $v ) { 
  332.                 echo '<option value="' . $v . '" ' . selected( $this->value['text-align'], $v, false ) . '>' . ucfirst( $v ) . '</option>'; 
  333.             } 
  334.  
  335.             echo '</select></div>'; 
  336.         } 
  337.  
  338.         /** Text Transform */ 
  339.         if ( $this->field['text-transform'] === true ) { 
  340.             echo '<div class="select_wrapper typography-transform tooltip" original-title="' . __( 'Text Transform', 'redux-framework' ) . '">'; 
  341.             echo '<label>' . __( 'Text Transform', 'redux-framework' ) . '</label>'; 
  342.             echo '<select data-placeholder="' . __( 'Text Transform', 'redux-framework' ) . '" class="redux-typography redux-typography-transform' . $this->field['class'] . '" original-title="' . __( 'Text Transform', 'redux-framework' ) . '"  id="' . $this->field['id'] . '-transform" name="' . $this->field['name'] . $this->field['name_suffix'] . '[text-transform]' . '" data-value="' . $this->value['text-transform'] . '" data-id="' . $this->field['id'] . '" >'; 
  343.             echo '<option value=""></option>'; 
  344.  
  345.             $values = array( 
  346.                 'none',  
  347.                 'capitalize',  
  348.                 'uppercase',  
  349.                 'lowercase',  
  350.                 'initial',  
  351.                 'inherit' 
  352.  ); 
  353.  
  354.             foreach ( $values as $v ) { 
  355.                 echo '<option value="' . $v . '" ' . selected( $this->value['text-transform'], $v, false ) . '>' . ucfirst( $v ) . '</option>'; 
  356.             } 
  357.  
  358.             echo '</select></div>'; 
  359.         } 
  360.  
  361.         /** Font Variant */ 
  362.         if ( $this->field['font-variant'] === true ) { 
  363.             echo '<div class="select_wrapper typography-font-variant tooltip" original-title="' . __( 'Font Variant', 'redux-framework' ) . '">'; 
  364.             echo '<label>' . __( 'Font Variant', 'redux-framework' ) . '</label>'; 
  365.             echo '<select data-placeholder="' . __( 'Font Variant', 'redux-framework' ) . '" class="redux-typography redux-typography-font-variant' . $this->field['class'] . '" original-title="' . __( 'Font Variant', 'redux-framework' ) . '"  id="' . $this->field['id'] . '-font-variant" name="' . $this->field['name'] . $this->field['name_suffix'] . '[font-variant]' . '" data-value="' . $this->value['font-variant'] . '" data-id="' . $this->field['id'] . '" >'; 
  366.             echo '<option value=""></option>'; 
  367.  
  368.             $values = array( 
  369.                 'inherit',  
  370.                 'normal',  
  371.                 'small-caps' 
  372.  ); 
  373.  
  374.             foreach ( $values as $v ) { 
  375.                 echo '<option value="' . $v . '" ' . selected( $this->value['font-variant'], $v, false ) . '>' . ucfirst( $v ) . '</option>'; 
  376.             } 
  377.  
  378.             echo '</select></div>'; 
  379.         } 
  380.  
  381.         /** Text Decoration */ 
  382.         if ( $this->field['text-decoration'] === true ) { 
  383.             echo '<div class="select_wrapper typography-decoration tooltip" original-title="' . __( 'Text Decoration', 'redux-framework' ) . '">'; 
  384.             echo '<label>' . __( 'Text Decoration', 'redux-framework' ) . '</label>'; 
  385.             echo '<select data-placeholder="' . __( 'Text Decoration', 'redux-framework' ) . '" class="redux-typography redux-typography-decoration' . $this->field['class'] . '" original-title="' . __( 'Text Decoration', 'redux-framework' ) . '"  id="' . $this->field['id'] . '-decoration" name="' . $this->field['name'] . $this->field['name_suffix'] . '[text-decoration]' . '" data-value="' . $this->value['text-decoration'] . '" data-id="' . $this->field['id'] . '" >'; 
  386.             echo '<option value=""></option>'; 
  387.  
  388.             $values = array( 
  389.                 'none',  
  390.                 'inherit',  
  391.                 'underline',  
  392.                 'overline',  
  393.                 'line-through',  
  394.                 'blink' 
  395.  ); 
  396.  
  397.             foreach ( $values as $v ) { 
  398.                 echo '<option value="' . $v . '" ' . selected( $this->value['text-decoration'], $v, false ) . '>' . ucfirst( $v ) . '</option>'; 
  399.             } 
  400.  
  401.             echo '</select></div>'; 
  402.         } 
  403.  
  404.         /** Font Size */ 
  405.         if ( $this->field['font-size'] === true ) { 
  406.             echo '<div class="input_wrapper font-size redux-container-typography">'; 
  407.             echo '<label>' . __( 'Font Size', 'redux-framework' ) . '</label>'; 
  408.             echo '<div class="input-append"><input type="text" class="span2 redux-typography redux-typography-size mini typography-input' . $this->field['class'] . '" title="' . __( 'Font Size', 'redux-framework' ) . '" placeholder="' . __( 'Size', 'redux-framework' ) . '" id="' . $this->field['id'] . '-size" name="' . $this->field['name'] . $this->field['name_suffix'] . '[font-size]' . '" value="' . str_replace( $unit, '', $this->value['font-size'] ) . '" data-value="' . str_replace( $unit, '', $this->value['font-size'] ) . '"><span class="add-on">' . $unit . '</span></div>'; 
  409.             echo '<input type="hidden" class="typography-font-size" name="' . $this->field['name'] . $this->field['name_suffix'] . '[font-size]' . '" value="' . $this->value['font-size'] . '" data-id="' . $this->field['id'] . '"  />'; 
  410.             echo '</div>'; 
  411.         } 
  412.  
  413.         /** Line Height */ 
  414.         if ( $this->field['line-height'] === true ) { 
  415.             echo '<div class="input_wrapper line-height redux-container-typography">'; 
  416.             echo '<label>' . __( 'Line Height', 'redux-framework' ) . '</label>'; 
  417.             echo '<div class="input-append"><input type="text" class="span2 redux-typography redux-typography-height mini typography-input' . $this->field['class'] . '" title="' . __( 'Line Height', 'redux-framework' ) . '" placeholder="' . __( 'Height', 'redux-framework' ) . '" id="' . $this->field['id'] . '-height" value="' . str_replace( $unit, '', $this->value['line-height'] ) . '" data-value="' . str_replace( $unit, '', $this->value['line-height'] ) . '"><span class="add-on">' . $unit . '</span></div>'; 
  418.             echo '<input type="hidden" class="typography-line-height" name="' . $this->field['name'] . $this->field['name_suffix'] . '[line-height]' . '" value="' . $this->value['line-height'] . '" data-id="' . $this->field['id'] . '"  />'; 
  419.             echo '</div>'; 
  420.         } 
  421.  
  422.         /** Word Spacing */ 
  423.         if ( $this->field['word-spacing'] === true ) { 
  424.             echo '<div class="input_wrapper word-spacing redux-container-typography">'; 
  425.             echo '<label>' . __( 'Word Spacing', 'redux-framework' ) . '</label>'; 
  426.             echo '<div class="input-append"><input type="text" class="span2 redux-typography redux-typography-word mini typography-input' . $this->field['class'] . '" title="' . __( 'Word Spacing', 'redux-framework' ) . '" placeholder="' . __( 'Word Spacing', 'redux-framework' ) . '" id="' . $this->field['id'] . '-word" value="' . str_replace( $unit, '', $this->value['word-spacing'] ) . '" data-value="' . str_replace( $unit, '', $this->value['word-spacing'] ) . '"><span class="add-on">' . $unit . '</span></div>'; 
  427.             echo '<input type="hidden" class="typography-word-spacing" name="' . $this->field['name'] . $this->field['name_suffix'] . '[word-spacing]' . '" value="' . $this->value['word-spacing'] . '" data-id="' . $this->field['id'] . '"  />'; 
  428.             echo '</div>'; 
  429.         } 
  430.  
  431.         /** Letter Spacing */ 
  432.         if ( $this->field['letter-spacing'] === true ) { 
  433.             echo '<div class="input_wrapper letter-spacing redux-container-typography">'; 
  434.             echo '<label>' . __( 'Letter Spacing', 'redux-framework' ) . '</label>'; 
  435.             echo '<div class="input-append"><input type="text" class="span2 redux-typography redux-typography-letter mini typography-input' . $this->field['class'] . '" title="' . __( 'Letter Spacing', 'redux-framework' ) . '" placeholder="' . __( 'Letter Spacing', 'redux-framework' ) . '" id="' . $this->field['id'] . '-letter" value="' . str_replace( $unit, '', $this->value['letter-spacing'] ) . '" data-value="' . str_replace( $unit, '', $this->value['letter-spacing'] ) . '"><span class="add-on">' . $unit . '</span></div>'; 
  436.             echo '<input type="hidden" class="typography-letter-spacing" name="' . $this->field['name'] . $this->field['name_suffix'] . '[letter-spacing]' . '" value="' . $this->value['letter-spacing'] . '" data-id="' . $this->field['id'] . '"  />'; 
  437.             echo '</div>'; 
  438.         } 
  439.  
  440.         echo '<div class="clearfix"></div>'; 
  441.  
  442.         /** Font Color */ 
  443.         if ( $this->field['color'] === true ) { 
  444.             $default = ""; 
  445.  
  446.             if ( empty( $this->field['default']['color'] ) && ! empty( $this->field['color'] ) ) { 
  447.                 $default = $this->value['color']; 
  448.             } else if ( ! empty( $this->field['default']['color'] ) ) { 
  449.                 $default = $this->field['default']['color']; 
  450.             } 
  451.  
  452.             echo '<div class="picker-wrapper">'; 
  453.             echo '<label>' . __( 'Font Color', 'redux-framework' ) . '</label>'; 
  454.             echo '<div id="' . $this->field['id'] . '_color_picker" class="colorSelector typography-color"><div style="background-color: ' . $this->value['color'] . '"></div></div>'; 
  455.             echo '<input data-default-color="' . $default . '" class="redux-color redux-typography-color' . $this->field['class'] . '" original-title="' . __( 'Font color', 'redux-framework' ) . '" id="' . $this->field['id'] . '-color" name="' . $this->field['name'] . $this->field['name_suffix'] . '[color]' . '" type="text" value="' . $this->value['color'] . '" data-id="' . $this->field['id'] . '" />'; 
  456.             echo '</div>'; 
  457.         } 
  458.  
  459.         echo '<div class="clearfix"></div>'; 
  460.  
  461.         /** Font Preview */ 
  462.         if ( ! isset( $this->field['preview'] ) || $this->field['preview'] !== false ) { 
  463.             if ( isset( $this->field['preview']['text'] ) ) { 
  464.                 $g_text = $this->field['preview']['text']; 
  465.             } else { 
  466.                 $g_text = '1 2 3 4 5 6 7 8 9 0 A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z'; 
  467.             } 
  468.  
  469.             $style = ''; 
  470.             if ( isset( $this->field['preview']['always_display'] ) ) { 
  471.                 if ( true === filter_var( $this->field['preview']['always_display'], FILTER_VALIDATE_BOOLEAN ) ) { 
  472.                     if ( $isGoogleFont == true ) { 
  473.                         $this->parent->typography_preview[ $fontFamily[0] ] = array( 
  474.                             'font-style' => array( $this->value['font-weight'] . $this->value['font-style'] ),  
  475.                             'subset' => array( $this->value['subset'] ) 
  476.  ); 
  477.  
  478.                         $protocol = ( ! empty( $_SERVER['HTTPS'] ) && $_SERVER['HTTPS'] !== 'off' || $_SERVER['SERVER_PORT'] == 443 ) ? "https:" : "http:"; 
  479.  
  480.                         wp_deregister_style( 'redux-typography-preview' ); 
  481.                         wp_dequeue_style( 'redux-typography-preview' ); 
  482.  
  483.                         wp_register_style( 'redux-typography-preview', $protocol . $this->makeGoogleWebfontLink( $this->parent->typography_preview ), '', time() ); 
  484.                         wp_enqueue_style( 'redux-typography-preview' ); 
  485.                     } 
  486.  
  487.                     $style = 'display: block; font-family: ' . $this->value['font-family'] . '; font-weight: ' . $this->value['font-weight'] . ';'; 
  488.                 } 
  489.             } 
  490.  
  491.             if ( isset( $this->field['preview']['font-size'] ) ) { 
  492.                 $style .= 'font-size: ' . $this->field['preview']['font-size'] . ';'; 
  493.                 $inUse = '1'; 
  494.             } else { 
  495.                 //$g_size = ''; 
  496.                 $inUse = '0'; 
  497.             } 
  498.  
  499.             echo '<p data-preview-size="' . $inUse . '" class="clear ' . $this->field['id'] . '_previewer typography-preview" ' . 'style="' . $style . '">' . $g_text . '</p>'; 
  500.             echo '</div>'; // end typography container 
  501.         } 
  502.     }  //function 
  503.  
  504.     /** 
  505.      * Enqueue Function. 
  506.      * If this field requires any scripts, or css define this function and register/enqueue the scripts/css 
  507.      * 
  508.      * @since ReduxFramework 1.0.0 
  509.      */ 
  510.     function enqueue() { 
  511.  
  512.         wp_enqueue_script( 
  513.             'redux-field-typography-js',  
  514.             ReduxFramework::$_url . 'inc/fields/typography/field_typography' . Redux_Functions::isMin() . '.js',  
  515.             array( 'jquery', 'wp-color-picker', 'select2-js', 'redux-js' ),  
  516.             time(),  
  517.             true 
  518.  ); 
  519.  
  520.         wp_localize_script( 
  521.             'redux-field-typography-js',  
  522.             'redux_ajax_script',  
  523.             array( 'ajaxurl' => admin_url( 'admin-ajax.php' ) ) 
  524.  ); 
  525.  
  526.         redux_enqueue_style( 
  527.             $this->parent,  
  528.             'redux-field-typography-css',  
  529.             ReduxFramework::$_url . 'inc/fields/typography/field_typography.css',  
  530.             ReduxFramework::$_dir . 'inc/fields/typography',  
  531.             array(),  
  532.             time(),  
  533.             false 
  534.  );                  
  535.          
  536. //                wp_enqueue_style( 
  537. //                    'redux-field-typography-css',  
  538. //                    ReduxFramework::$_url . 'inc/fields/typography/field_typography.css',  
  539. //                    time(),  
  540. //                    true 
  541. // ); 
  542.     }  //function 
  543.  
  544.     /** 
  545.      * makeGoogleWebfontLink Function. 
  546.      * Creates the google fonts link. 
  547.      * 
  548.      * @since ReduxFramework 3.0.0 
  549.      */ 
  550.     function makeGoogleWebfontLink( $fonts ) { 
  551.         $link = ""; 
  552.         $subsets = array(); 
  553.  
  554.         foreach ( $fonts as $family => $font ) { 
  555.             if ( ! empty( $link ) ) { 
  556.                 $link .= "%7C"; // Append a new font to the string 
  557.             } 
  558.             $link .= $family; 
  559.  
  560.             if ( ! empty( $font['font-style'] ) || ! empty( $font['all-styles'] ) ) { 
  561.                 $link .= ':'; 
  562.                 if ( ! empty( $font['all-styles'] ) ) { 
  563.                     $link .= implode( ', ', $font['all-styles'] ); 
  564.                 } else if ( ! empty( $font['font-style'] ) ) { 
  565.                     $link .= implode( ', ', $font['font-style'] ); 
  566.                 } 
  567.             } 
  568.  
  569.             if ( ! empty( $font['subset'] ) ) { 
  570.                 foreach ( $font['subset'] as $subset ) { 
  571.                     if ( ! in_array( $subset, $subsets ) ) { 
  572.                         array_push( $subsets, $subset ); 
  573.                     } 
  574.                 } 
  575.             } 
  576.         } 
  577.  
  578.         if ( ! empty( $subsets ) ) { 
  579.             $link .= "&subset=" . implode( ', ', $subsets ); 
  580.         } 
  581.  
  582.          
  583.         return '//fonts.googleapis.com/css?family=' . str_replace( '|', '%7C', $link ); 
  584.     } 
  585.  
  586.     /** 
  587.      * makeGoogleWebfontString Function. 
  588.      * Creates the google fonts link. 
  589.      * 
  590.      * @since ReduxFramework 3.1.8 
  591.      */ 
  592.     function makeGoogleWebfontString( $fonts ) { 
  593.         $link = ""; 
  594.         $subsets = array(); 
  595.  
  596.         foreach ( $fonts as $family => $font ) { 
  597.             if ( ! empty( $link ) ) { 
  598.                 $link .= "', '"; // Append a new font to the string 
  599.             } 
  600.             $link .= $family; 
  601.  
  602.             if ( ! empty( $font['font-style'] ) || ! empty( $font['all-styles'] ) ) { 
  603.                 $link .= ':'; 
  604.                 if ( ! empty( $font['all-styles'] ) ) { 
  605.                     $link .= implode( ', ', $font['all-styles'] ); 
  606.                 } else if ( ! empty( $font['font-style'] ) ) { 
  607.                     $link .= implode( ', ', $font['font-style'] ); 
  608.                 } 
  609.             } 
  610.  
  611.             if ( ! empty( $font['subset'] ) ) { 
  612.                 foreach ( $font['subset'] as $subset ) { 
  613.                     if ( ! in_array( $subset, $subsets ) ) { 
  614.                         array_push( $subsets, $subset ); 
  615.                     } 
  616.                 } 
  617.             } 
  618.         } 
  619.  
  620.         if ( ! empty( $subsets ) ) { 
  621.             $link .= "&subset=" . implode( ', ', $subsets ); 
  622.         } 
  623.  
  624.         return "'" . $link . "'"; 
  625.     } 
  626.  
  627.     function output() { 
  628.         $font = $this->value; 
  629.  
  630.         // Shim out old arg to new 
  631.         if ( isset( $this->field['all_styles'] ) && ! empty( $this->field['all_styles'] ) ) { 
  632.             $this->field['all-styles'] = $this->field['all_styles']; 
  633.             unset ( $this->field['all_styles'] ); 
  634.         } 
  635.  
  636.         // Check for font-backup.  If it's set, stick it on a variabhle for 
  637.         // later use. 
  638.         if ( ! empty( $font['font-family'] ) && ! empty( $font['font-backup'] ) ) { 
  639.             $font['font-family'] = str_replace( ', ' . $font['font-backup'], '', $font['font-family'] ); 
  640.             $fontBackup = ', ' . $font['font-backup']; 
  641.         } 
  642.          
  643. //                if (strpos($font['font-family'], ' ')) { 
  644. //                    $font['font-family'] = '"' . $font['font-family'] . '"'; 
  645. //                } 
  646.          
  647.         $style = ''; 
  648.  
  649.         $fontValueSet = false; 
  650.  
  651.         if ( ! empty( $font ) ) { 
  652.             foreach ( $font as $key => $value ) { 
  653.                 if ( ! empty( $value ) && in_array( $key, array( 'font-family', 'font-weight' ) ) ) { 
  654.                     $fontValueSet = true; 
  655.                 } 
  656.             } 
  657.         } 
  658.  
  659.         if ( ! empty( $font ) ) { 
  660.             foreach ( $font as $key => $value ) { 
  661.                 if ( $key == 'font-options' ) { 
  662.                     continue; 
  663.                 } 
  664.                 // Check for font-family key 
  665.                 if ( 'font-family' == $key ) { 
  666.  
  667.                     // Enclose font family in quotes if spaces are in the 
  668.                     // name.  This is necessary because if there are numerics 
  669.                     // in the font name, they will not render properly. 
  670.                     // Google should know better. 
  671.                     if (strpos($value, ' ') && !strpos($value, ', ')) { 
  672.                         $value = '"' . $value . '"'; 
  673.                     } 
  674.                      
  675.                     // Ensure fontBackup isn't empty (we already option 
  676.                     // checked this earlier.  No need to do it again. 
  677.                     if ( ! empty( $fontBackup ) ) { 
  678.  
  679.                         // Apply the backup font to the font-family element 
  680.                         // via the saved variable.  We do this here so it 
  681.                         // doesn't get appended to the Google stuff below. 
  682.                         $value .= $fontBackup; 
  683.                     } 
  684.                 } 
  685.  
  686.                 if ( empty( $value ) && in_array( $key, array( 
  687.                         'font-weight',  
  688.                         'font-style' 
  689.  ) ) && $fontValueSet == true 
  690.  ) { 
  691.                     $value = "normal"; 
  692.                 } 
  693.  
  694.                 if ($key == 'font-weight' && $this->field['font-weight'] == false) { 
  695.                     continue; 
  696.                 } 
  697.  
  698.                 if ($key == 'font-style' && $this->field['font-style'] == false) { 
  699.                     continue; 
  700.                 } 
  701.                  
  702.                  
  703.                 if ( $key == "google" || $key == "subsets" || $key == "font-backup" || empty( $value ) ) { 
  704.                     continue; 
  705.                 } 
  706.                 $style .= $key . ':' . $value . ';'; 
  707.             } 
  708.             if ( isset( $this->parent->args['async_typography'] ) && $this->parent->args['async_typography'] ) { 
  709.                 $style .= 'opacity: 1;visibility: visible;-webkit-transition: opacity 0.24s ease-in-out;-moz-transition: opacity 0.24s ease-in-out;transition: opacity 0.24s ease-in-out;'; 
  710.             } 
  711.         } 
  712.  
  713.         if ( ! empty( $style ) ) { 
  714.             if ( ! empty( $this->field['output'] ) && is_array( $this->field['output'] ) ) { 
  715.                 $keys = implode( ", ", $this->field['output'] ); 
  716.                 $this->parent->outputCSS .= $keys . "{" . $style . '}'; 
  717.                 if ( isset( $this->parent->args['async_typography'] ) && $this->parent->args['async_typography'] ) { 
  718.                     $key_string = ""; 
  719.                     $key_string_ie = ""; 
  720.                     foreach ( $this->field['output'] as $value ) { 
  721.                         $key_string .= ".wf-loading " . $value . ', '; 
  722.                         $key_string_ie .= ".ie.wf-loading " . $value . ', '; 
  723.                     } 
  724.                     $this->parent->outputCSS .= $key_string . "{opacity: 0;}"; 
  725.                     $this->parent->outputCSS .= $key_string_ie . "{visibility: hidden;}"; 
  726.                 } 
  727.             } 
  728.  
  729.             if ( ! empty( $this->field['compiler'] ) && is_array( $this->field['compiler'] ) ) { 
  730.                 $keys = implode( ", ", $this->field['compiler'] ); 
  731.                 $this->parent->compilerCSS .= $keys . "{" . $style . '}'; 
  732.                 if ( isset( $this->parent->args['async_typography'] ) && $this->parent->args['async_typography'] ) { 
  733.                     $key_string = ""; 
  734.                     $key_string_ie = ""; 
  735.                     foreach ( $this->field['compiler'] as $value ) { 
  736.                         $key_string .= ".wf-loading " . $value . ', '; 
  737.                         $key_string_ie .= ".ie.wf-loading " . $value . ', '; 
  738.                     } 
  739.                     $this->parent->compilerCSS .= $key_string . "{opacity: 0;}"; 
  740.                     $this->parent->compilerCSS .= $key_string_ie . "{visibility: hidden;}"; 
  741.                 } 
  742.             } 
  743.         } 
  744.  
  745.         // Google only stuff! 
  746.         if ( ! empty( $font['font-family'] ) && ! empty( $this->field['google'] ) && filter_var( $this->field['google'], FILTER_VALIDATE_BOOLEAN ) ) { 
  747.  
  748.             // Added standard font matching check to avoid output to Google fonts call - kp 
  749.             // If no custom font array was supplied, the load it with default 
  750.             // standard fonts. 
  751.             if ( empty( $this->field['fonts'] ) ) { 
  752.                 $this->field['fonts'] = $this->std_fonts; 
  753.             } 
  754.  
  755.             // Ensure the fonts array is NOT empty 
  756.             if ( ! empty( $this->field['fonts'] ) ) { 
  757.  
  758.                 //Make the font keys in the array lowercase, for case-insensitive matching 
  759.                 $lcFonts = array_change_key_case( $this->field['fonts'] ); 
  760.  
  761.                 // Rebuild font array with all keys stripped of spaces 
  762.                 $arr = array(); 
  763.                 foreach ( $lcFonts as $key => $value ) { 
  764.                     $key = str_replace( ', ', ', ', $key ); 
  765.                     $arr[ $key ] = $value; 
  766.                 } 
  767.  
  768.                 $lcFonts = array_change_key_case( $this->field['custom_fonts'] ); 
  769.                 foreach ( $lcFonts as $group => $fontArr ) { 
  770.                     foreach ( $fontArr as $key => $value ) { 
  771.                         $arr[ strtolower( $key ) ] = $key; 
  772.                     } 
  773.                 } 
  774.  
  775.                 $lcFonts = $arr; 
  776.  
  777.                 unset( $arr ); 
  778.  
  779.                 // lowercase chosen font for matching purposes 
  780.                 $lcFont = strtolower( $font['font-family'] ); 
  781.  
  782.                 // Remove spaces after commas in chosen font for mathcing purposes. 
  783.                 $lcFont = str_replace( ', ', ', ', $lcFont ); 
  784.  
  785.                 // If the lower cased passed font-family is NOT found in the standard font array 
  786.                 // Then it's a Google font, so process it for output. 
  787.                 if ( ! array_key_exists( $lcFont, $lcFonts ) ) { 
  788.                     $family = $font['font-family']; 
  789.  
  790.                     // Strip out spaces in font names and replace with with plus signs 
  791.                     // TODO?: This method doesn't respect spaces after commas, hence the reason 
  792.                     // for the std_font array keys having no spaces after commas.  This could be 
  793.                     // fixed with RegEx in the future. 
  794.                     $font['font-family'] = str_replace( ' ', '+', $font['font-family'] ); 
  795.  
  796.                     // Push data to parent typography variable. 
  797.                     if ( empty( $this->parent->typography[ $font['font-family'] ] ) ) { 
  798.                         $this->parent->typography[ $font['font-family'] ] = array(); 
  799.                     } 
  800.  
  801.                     if ( isset( $this->field['all-styles'] ) ) { 
  802.                         if ( ! isset( $font['font-options'] ) || empty( $font['font-options'] ) ) { 
  803.                             $this->getGoogleArray(); 
  804.  
  805.                             if ( isset( $this->parent->googleArray ) && ! empty( $this->parent->googleArray ) && isset( $this->parent->googleArray[ $family ] ) ) { 
  806.                                 $font['font-options'] = $this->parent->googleArray[ $family ]; 
  807.                             } 
  808.                         } else { 
  809.                             $font['font-options'] = json_decode( $font['font-options'], true ); 
  810.                         } 
  811.                     } 
  812.  
  813.                     if ( isset( $font['font-options'] ) && ! empty( $font['font-options'] ) && isset( $this->field['all-styles'] ) && filter_var( $this->field['all-styles'], FILTER_VALIDATE_BOOLEAN ) ) { 
  814.                         if ( isset( $font['font-options'] ) && ! empty( $font['font-options']['variants'] ) ) { 
  815.                             if ( ! isset( $this->parent->typography[ $font['font-family'] ]['all-styles'] ) || empty( $this->parent->typography[ $font['font-family'] ]['all-styles'] ) ) { 
  816.                                 $this->parent->typography[ $font['font-family'] ]['all-styles'] = array(); 
  817.                                 foreach ( $font['font-options']['variants'] as $variant ) { 
  818.                                     $this->parent->typography[ $font['font-family'] ]['all-styles'][] = $variant['id']; 
  819.                                 } 
  820.                             } 
  821.                         } 
  822.                     } 
  823.  
  824.                     if ( ! empty( $font['font-weight'] ) ) { 
  825.                         if ( empty( $this->parent->typography[ $font['font-family'] ]['font-weight'] ) || ! in_array( $font['font-weight'], $this->parent->typography[ $font['font-family'] ]['font-weight'] ) ) { 
  826.                             $style = $font['font-weight']; 
  827.                         } 
  828.  
  829.                         if ( ! empty( $font['font-style'] ) ) { 
  830.                             $style .= $font['font-style']; 
  831.                         } 
  832.  
  833.                         if ( empty( $this->parent->typography[ $font['font-family'] ]['font-style'] ) || ! in_array( $style, $this->parent->typography[ $font['font-family'] ]['font-style'] ) ) { 
  834.                             $this->parent->typography[ $font['font-family'] ]['font-style'][] = $style; 
  835.                         } 
  836.                     } 
  837.  
  838.                     if ( ! empty( $font['subsets'] ) ) { 
  839.                         if ( empty( $this->parent->typography[ $font['font-family'] ]['subset'] ) || ! in_array( $font['subsets'], $this->parent->typography[ $font['font-family'] ]['subset'] ) ) { 
  840.                             $this->parent->typography[ $font['font-family'] ]['subset'][] = $font['subsets']; 
  841.                         } 
  842.                     } 
  843.                 } // !array_key_exists 
  844.             } //!empty fonts array 
  845.         } // Typography not set 
  846.     } 
  847.  
  848.     private function localizeStdFonts() { 
  849.         if ( false == $this->user_fonts ) { 
  850.             if ( isset( $this->parent->fonts['std'] ) && ! empty( $this->parent->fonts['std'] ) ) { 
  851.                 return; 
  852.             } 
  853.  
  854.             $this->parent->font_groups['std'] = array( 
  855.                 'text' => __( 'Standard Fonts', 'redux-framework' ),  
  856.                 'children' => array(),  
  857.  ); 
  858.  
  859.             foreach ( $this->field['fonts'] as $font => $extra ) { 
  860.                 $this->parent->font_groups['std']['children'][] = array( 
  861.                     'id' => $font,  
  862.                     'text' => $font,  
  863.                     'data-google' => 'false',  
  864.  ); 
  865.             } 
  866.         } 
  867.  
  868.         if ( $this->field['custom_fonts'] !== false ) { 
  869.             $this->field['custom_fonts'] = apply_filters( "redux/{$this->parent->args['opt_name']}/field/typography/custom_fonts", array() ); 
  870.  
  871.             if ( ! empty( $this->field['custom_fonts'] ) ) { 
  872.                 foreach ( $this->field['custom_fonts'] as $group => $fonts ) { 
  873.                     $this->parent->font_groups['customfonts'] = array( 
  874.                         'text' => $group,  
  875.                         'children' => array(),  
  876.  ); 
  877.  
  878.                     foreach ( $fonts as $family => $v ) { 
  879.                         $this->parent->font_groups['customfonts']['children'][] = array( 
  880.                             'id' => $family,  
  881.                             'text' => $family,  
  882.                             'data-google' => 'false',  
  883.  ); 
  884.                     } 
  885.                 } 
  886.             } 
  887.         } 
  888.     } 
  889.  
  890.     /** 
  891.      *   Construct the google array from the stored JSON/HTML 
  892.   
  893.      */ 
  894.     function getGoogleArray() { 
  895.  
  896.         if ( ( isset( $this->parent->fonts['google'] ) && ! empty( $this->parent->fonts['google'] ) ) || isset( $this->parent->fonts['google'] ) && $this->parent->fonts['google'] == false ) { 
  897.             return; 
  898.         } 
  899.  
  900.         $gFile = dirname( __FILE__ ) . '/googlefonts.php'; 
  901.  
  902.         // Weekly update 
  903.         if ( isset( $this->parent->args['google_update_weekly'] ) && $this->parent->args['google_update_weekly'] && ! empty( $this->parent->args['google_api_key'] ) ) { 
  904.  
  905.             if ( file_exists( $gFile ) ) { 
  906.                 // Keep the fonts updated weekly 
  907.                 $weekback = strtotime( date( 'jS F Y', time() + ( 60 * 60 * 24 * - 7 ) ) ); 
  908.                 $last_updated = filemtime( $gFile ); 
  909.                 if ( $last_updated < $weekback ) { 
  910.                     unlink( $gFile ); 
  911.                 } 
  912.             } 
  913.         } 
  914.  
  915.         if ( ! file_exists( $gFile ) ) { 
  916.  
  917.             $result = wp_remote_get( apply_filters( 'redux-google-fonts-api-url', 'https://www.googleapis.com/webfonts/v1/webfonts?key=' ) . $this->parent->args['google_api_key'], array( 'sslverify' => false ) ); 
  918.  
  919.             if ( ! is_wp_error( $result ) && $result['response']['code'] == 200 ) { 
  920.                 $result = json_decode( $result['body'] ); 
  921.                 foreach ( $result->items as $font ) { 
  922.                     $this->parent->googleArray[ $font->family ] = array( 
  923.                         'variants' => $this->getVariants( $font->variants ),  
  924.                         'subsets' => $this->getSubsets( $font->subsets ) 
  925.  ); 
  926.                 } 
  927.  
  928.                 if ( ! empty( $this->parent->googleArray ) ) { 
  929.                     $this->parent->filesystem->execute( 'put_contents', $gFile, array( 'content' => "<?php return json_decode( '" . json_encode( $this->parent->googleArray ) . "', true );" ) ); 
  930.                 } 
  931.             } 
  932.         } 
  933.  
  934.         if ( ! file_exists( $gFile ) ) { 
  935.             $this->parent->fonts['google'] = false; 
  936.  
  937.             return; 
  938.         } 
  939.  
  940.         if ( ! isset( $this->parent->fonts['google'] ) || empty( $this->parent->fonts['google'] ) ) { 
  941.  
  942.             $fonts = include $gFile; 
  943.  
  944.             if ( $fonts === true ) { 
  945.                 $this->parent->fonts['google'] = false; 
  946.  
  947.                 return; 
  948.             } 
  949.  
  950.             if ( isset( $fonts ) && ! empty( $fonts ) && is_array( $fonts ) && $fonts != false ) { 
  951.                 $this->parent->fonts['google'] = $fonts; 
  952.                 $this->parent->googleArray = $fonts; 
  953.  
  954.                 // optgroup 
  955.                 $this->parent->font_groups['google'] = array( 
  956.                     'text' => __( 'Google Webfonts', 'redux-framework' ),  
  957.                     'children' => array(),  
  958.  ); 
  959.  
  960.                 // options 
  961.                 foreach ( $this->parent->fonts['google'] as $font => $extra ) { 
  962.                     $this->parent->font_groups['google']['children'][] = array( 
  963.                         'id' => $font,  
  964.                         'text' => $font,  
  965.                         'data-google' => 'true' 
  966.  ); 
  967.                 } 
  968.             } 
  969.         } 
  970.     } 
  971.  
  972.     /** 
  973.      * getSubsets Function. 
  974.      * Clean up the Google Webfonts subsets to be human readable 
  975.      * 
  976.      * @since ReduxFramework 0.2.0 
  977.      */ 
  978.     private function getSubsets( $var ) { 
  979.         $result = array(); 
  980.  
  981.         foreach ( $var as $v ) { 
  982.             if ( strpos( $v, "-ext" ) ) { 
  983.                 $name = ucfirst( str_replace( "-ext", " Extended", $v ) ); 
  984.             } else { 
  985.                 $name = ucfirst( $v ); 
  986.             } 
  987.  
  988.             array_push( $result, array( 
  989.                 'id' => $v,  
  990.                 'name' => $name 
  991.  ) ); 
  992.         } 
  993.  
  994.         return array_filter( $result ); 
  995.     }  //function 
  996.  
  997.     /** 
  998.      * getVariants Function. 
  999.      * Clean up the Google Webfonts variants to be human readable 
  1000.      * 
  1001.      * @since ReduxFramework 0.2.0 
  1002.      */ 
  1003.     private function getVariants( $var ) { 
  1004.         $result = array(); 
  1005.         $italic = array(); 
  1006.  
  1007.         foreach ( $var as $v ) { 
  1008.             $name = ""; 
  1009.             if ( $v[0] == 1 ) { 
  1010.                 $name = 'Ultra-Light 100'; 
  1011.             } else if ( $v[0] == 2 ) { 
  1012.                 $name = 'Light 200'; 
  1013.             } else if ( $v[0] == 3 ) { 
  1014.                 $name = 'Book 300'; 
  1015.             } else if ( $v[0] == 4 || $v[0] == "r" || $v[0] == "i" ) { 
  1016.                 $name = 'Normal 400'; 
  1017.             } else if ( $v[0] == 5 ) { 
  1018.                 $name = 'Medium 500'; 
  1019.             } else if ( $v[0] == 6 ) { 
  1020.                 $name = 'Semi-Bold 600'; 
  1021.             } else if ( $v[0] == 7 ) { 
  1022.                 $name = 'Bold 700'; 
  1023.             } else if ( $v[0] == 8 ) { 
  1024.                 $name = 'Extra-Bold 800'; 
  1025.             } else if ( $v[0] == 9 ) { 
  1026.                 $name = 'Ultra-Bold 900'; 
  1027.             } 
  1028.  
  1029.             if ( $v == "regular" ) { 
  1030.                 $v = "400"; 
  1031.             } 
  1032.  
  1033.             if ( strpos( $v, "italic" ) || $v == "italic" ) { 
  1034.                 $name .= " Italic"; 
  1035.                 $name = trim( $name ); 
  1036.                 if ( $v == "italic" ) { 
  1037.                     $v = "400italic"; 
  1038.                 } 
  1039.                 $italic[] = array( 
  1040.                     'id' => $v,  
  1041.                     'name' => $name 
  1042.  ); 
  1043.             } else { 
  1044.                 $result[] = array( 
  1045.                     'id' => $v,  
  1046.                     'name' => $name 
  1047.  ); 
  1048.             } 
  1049.         } 
  1050.  
  1051.         foreach ( $italic as $item ) { 
  1052.             $result[] = $item; 
  1053.         } 
  1054.  
  1055.         return array_filter( $result ); 
  1056.     }   //function 
  1057. }       //class