hueman/functions/czr/controls/class-socials-control.php

<?php
/*
* @since 4.0
*/
if ( ! class_exists( 'HU_Customize_Socials' ) ) :
  class HU_Customize_Socials extends HU_Customize_Dynamic_Control {
    /**
    * Constructor.
    *
    */
    public function __construct($manager, $id, $args = array()) {
      //let the parent do what it has to
      parent::__construct($manager, $id, $args );

      //print the pre add view content
      add_action( 'customize_controls_print_footer_scripts', array( $this, 'hu_print_pre_add_view_template' ), 1 );
    }




    public function hu_print_pre_add_view_template() {
      $css_attr = HU_customize::$instance -> css_attr;
      ?>

      <script type="text/html" id="tmpl-customize-control-<?php echo $this->type; ?>-pre-add-view-content">
        <div class="czr-sub-set">
          <div class="customize-control-title"><?php _e('Select an icon', 'hueman'); ?></div>
          <div class="czr-input">
            <select data-type="social-icon"></select>
          </div>
        </div>
        <div class="czr-sub-set">
          <div class="customize-control-title"><?php _e('Social link url', 'hueman'); ?></div>
          <div class="czr-input">
            <input data-type="social-link" type="text" value="" placeholder="<?php _e('http://...', 'hueman'); ?>"></input>
          </div>
          <span class="czr-notice"><?php _e('Enter the full url of your social profile (must be valid url).', 'hueman'); ?></span>
        </div>
      </script>
      <?php
    }





    public function hu_print_view_content_template() {
      $css_attr = HU_customize::$instance -> css_attr;
        //the following template is a "sub view"
        //it's rendered :
        //1) on customizer start, depending on what is fetched from the db
        //2) dynamically when designing from the customizer
        //data looks like : { id : 'sidebar-one', title : 'A Title One' }
      ?>

      <script type="text/html" id="tmpl-customize-control-<?php echo $this->type; ?>-view-content">
        <!-- <div class="czr-sub-set">
          <div class="customize-control-title"><?php _e('Id', 'hueman'); ?></div>
          <div class="czr-input">
            <span data-type="id">{{ data.id }}</span>
          </div>
        </div> -->
        <div class="czr-sub-set">
          <div class="customize-control-title"><?php _e('Social icon', 'hueman'); ?></div>
          <div class="czr-input">
            <select data-type="social-icon"></select>
            <!-- <input type="text" value="{{ data['social-icon'] }}"></input> -->
          </div>
        </div>
        <div class="czr-sub-set">
          <div class="customize-control-title"><?php _e('Social link', 'hueman'); ?></div>
          <div class="czr-input">
            <input data-type="social-link" type="text" value="{{ data['social-link'] }}" placeholder="<?php _e('http://...', 'hueman'); ?>"></input>
          </div>
          <span class="czr-notice"><?php _e('Enter the full url of your social profile (must be a valid url).', 'hueman'); ?></span>
        </div>
        <div class="czr-sub-set">
          <div class="customize-control-title"><?php _e('Title', 'hueman'); ?></div>
          <div class="czr-input">
            <input data-type="title" type="text" value="{{ data.title }}" placeholder="<?php _e('Enter a title', 'hueman'); ?>"></input>
          </div>
          <span class="czr-notice"><?php _e('This is the text displayed on mouse over.', 'hueman'); ?></span>
        </div>

        <div class="czr-sub-set width-100">
          <div class="customize-control-title"><?php _e('Icon color', 'hueman'); ?></div>
          <div class="czr-input">
            <input data-type="social-color" type="text" value="{{ data['social-color'] }}"></input>
          </div>
          <span class="czr-notice"><?php _e('Set a unique color for your icon.', 'hueman'); ?></span>
        </div>
        <div class="czr-sub-set">
          <# //the previous hueman option system was storing this option in an array
            data['social-target'] = _.isArray( data['social-target'] ) ? data['social-target'][0] : data['social-target'];
            var _checked = ( false != data['social-target'] ) ? "checked=checked" : '';
          #>
          <div class="customize-control-title"><?php _e('Link target', 'hueman'); ?></div>
          <div class="czr-input">
            <input data-type="social-target" type="checkbox" {{ _checked }}></input>
          </div>
          <span class="czr-notice"><?php _e('Check this option to open the link in a another tab of the browser.', 'hueman'); ?></span>
        </div>

      </script>
      <?php
    }
  }
endif;