wpdk-ui-components.php

Go to the documentation of this file.

<?php

final class WPDKUIComponents {

  /*
   * The unique scritpt and style id (id `wpdk-my-componenent` you have to any
   * `wpdk-my-componenent.js` or `wpdk-my-componenent.css`
   */
  const ALERT         = 'wpdk-alert';
  const BUTTON        = 'wpdk-button';
  const CONTROLS      = 'wpdk-controls';
  const DYNAMIC_TABLE = 'wpdk-dynamic-table';
  const MODAL         = 'wpdk-modal';
  const POPOVER       = 'wpdk-popover';
  const PREFERENCES   = 'wpdk-preferences';
  const PROGRESS      = 'wpdk-progress';
  const RIBBONIZE     = 'wpdk-ribbonize';
  const TOOLTIP       = 'wpdk-tooltip';
  const TRANSITION    = 'wpdk-transition';

  public function __construct()
  {
    // Register WPDK Javascript components
    foreach ( $this->components() as $handle => $libs ) {
      foreach ( $libs as $extension => $deps ) {

        // Script
        if ( '.js' == $extension ) {
          $filename = sprintf( '%s%s%s', WPDK_URI_JAVASCRIPT, $handle, $extension );
          wp_register_script( $handle, $filename, $deps, WPDK_VERSION, true );
        }

        // Styles
        elseif ( '.css' == $extension ) {
          $filename = sprintf( '%s%s%s', WPDK_URI_CSS, $handle, $extension );
          wp_register_style( $handle, $filename, $deps, WPDK_VERSION );
        }

      }
    }

  }

  private function components()
  {
    $components = array(
      self::CONTROLS      => array(
        '.js'  => array(),
        '.css' => array()
      ),
      self::ALERT         => array(
        '.js'  => array( self::CONTROLS, self::TRANSITION ),
        '.css' => array( self::CONTROLS )
      ),
      self::DYNAMIC_TABLE => array(
        '.js'  => array( self::CONTROLS, self::TOOLTIP ),
        '.css' => array( self::CONTROLS, self::TOOLTIP )
      ),
      self::TOOLTIP       => array(
        '.js'  => array( self::TRANSITION ),
        '.css' => array()
      ),
      self::TRANSITION    => array(
        '.js' => array(),
      ),
      self::BUTTON        => array(
        '.js'  => array( self::CONTROLS ),
        '.css' => array( self::CONTROLS )
      ),
      self::RIBBONIZE     => array(
        '.js'  => array(),
        '.css' => array()
      ),
      self::POPOVER       => array(
        '.js'  => array( self::CONTROLS, self::TOOLTIP ),
        '.css' => array( self::CONTROLS, self::TOOLTIP )
      ),
      self::MODAL         => array(
        '.js'  => array( self::CONTROLS, self::BUTTON, self::TRANSITION ),
        '.css' => array( self::CONTROLS, self::BUTTON ) ),
      self::PROGRESS      => array(
        '.css' => array(),
      ),
      // Internal - without css
      self::PREFERENCES   => array(
        '.js' => array( self::CONTROLS ),
      ),
    );

    return $components;
  }

  public static function enqueue( $component_handles )
  {
    // Get components list
    $components = self::init()->components();

    // Handles, one or more
    $handles = (array)$component_handles;

    // Magic
    if( func_num_args() > 1 ) {
      $handles = func_get_args();
    }

    // Loop
    foreach( $handles as $handle ) {

      // Exists this component?
      if ( in_array( $handle, array_keys( $components ) ) ) {

        // Get scripts and styles
        $component = $components[$handle];

        // Load scripts?
        if ( isset( $component['.js'] ) ) {
          wp_enqueue_script( $handle );
        }

        // Load styles?
        if ( isset( $component['.css'] ) ) {
          wp_enqueue_style( $handle );
        }
      }
    }
  }

  public static function init()
  {
    static $instance = null;
    if ( is_null( $instance ) ) {
      $instance = new WPDKUIComponents();
    }
    return $instance;
  }

}