wpdk-ui-modal-dialog.php

Go to the documentation of this file.

<?php

class WPDKUIModalDialog extends WPDKHTMLTag {

  public $__version = '1.0.0';

  public $title = '';

  public $content = '';

  public $width = '';

  public $height = '';

  public $close_button = false;

  public $dismissButton = true;

  public $buttons = array();

  public $keyboard = 'true';

  public $backdrop = 'true';

  public $static = false;

  public $dismiss_button_glyph = '×';

  public function __construct( $id, $title, $content = '' )
  {

    $this->id      = sanitize_title( $id );
    $this->title   = $title;
    $this->content = $content;
  }

  private function aria_title()
  {
    return sprintf( '%s-title', $this->id );
  }

  private function dismissButton()
  {
    $result = '';
    if ( $this->dismissButton  ) {
      $result = '<button type="button" class="close" data-dismiss="modal" aria-hidden="true">' . $this->dismiss_button_glyph . '</button>';
    }
    return $result;
  }

  private function width()
  {
    $result = '';
    if ( !empty( $this->width ) ) {
      $result = sprintf( 'width:%spx', rtrim( $this->width, 'px' ) );
    }
    return $result;
  }

  private function height()
  {
    $result = '';
    if ( !empty( $this->height ) ) {
      $result = sprintf( 'style="height:%spx"', rtrim( $this->height, 'px' ) );
    }
    return $result;
  }

  private function _buttons()
  {
    $result  = '';
    $buttons = $this->buttons();

    if ( !empty( $buttons ) ) {
      $stack = '';
      foreach ( $buttons as $key => $value ) {
        $class = isset( $value['class'] ) ? $value['class'] : '';
        $label = isset( $value['label'] ) ? $value['label'] : '';
        $title = isset( $value['title'] ) ? 'title="' . $value['title'] . '"' : '';
        if ( !empty( $title ) ) {
          $class .= ' wpdk-has-tooltip';
        }
        $data_dismiss = ( isset( $value['dismiss'] ) && true == $value['dismiss'] ) ? 'data-dismiss="modal"' : '';
        $stack .= sprintf( '<button type="button" %s id="%s" class="button %s" %s aria-hidden="true">%s</button>', $title, $key, $class, $data_dismiss, $label );
      }
    }

    if ( !empty( $stack ) ) {
      $result = sprintf( '<div class="modal-footer">%s</div>', $stack );
    }

    return $result;
  }

  public function buttons()
  {
    // You can override this method
    return $this->buttons;
  }

  public function content()
  {
    // You can override this method
    return $this->content;
  }

  public function open()
  {
    $this->display();
    $this->show();
  }

  public function html()
  {

    // Get default data as properties
    $this->data['keyboard'] = $this->keyboard;
    $this->data['backdrop'] = $this->backdrop;

    WPDKHTML::startCompress(); ?>

    <div style="<?php echo $this->static ? 'position:relative;top:auto;left:auto;right:auto;margin:0 auto 20px;z-index:1;max-width:100%' : 'display:none;' ?>"
         class="wpdk-modal <?php echo $this->static ? '' : 'fade' ?>"
      <?php echo self::dataInline( $this->data ) ?>
         id="<?php echo $this->id ?>"
         tabindex="-1"
         role="dialog"
         aria-labelledby="<?php echo $this->aria_title() ?>"
         aria-hidden="true">
      <div style="<?php echo $this->width() ?>" class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <?php echo $this->dismissButton() ?>
            <h4 class="modal-title" id="<?php echo $this->aria_title() ?>"><?php echo $this->title ?></h4>
          </div>
          <div class="modal-body" <?php echo $this->height() ?>>
            <?php echo $this->content() ?>
          </div>
          <?php echo $this->_buttons() ?>
        </div>
      </div>
    </div>

    <?php

    return WPDKHTML::endCompress();
  }

  public function show()
  {
    WPDKHTML::startCompress(); ?>
    <script type="text/javascript">
      jQuery( function ( $ )
      {
        "use strict";
        $( '#<?php echo $this->id ?>' ).wpdkModal( 'show' );
        <?php do_action( 'wpdk_tbs_dialog_javascript_show' ) ?>
        <?php do_action( 'wpdk_tbs_dialog_javascript_show-' . $this->id ) ?>
      } );
    </script>
    <?php echo WPDKHTML::endJavascriptCompress();
  }

  public function toggle()
  {
    WPDKHTML::startCompress(); ?>
    <script type="text/javascript">
      jQuery( function ( $ )
      {
        $( '#<?php echo $this->id ?>' ).wpdkModal( 'toggle' );
      } );
    </script>
    <?php echo WPDKHTML::endJavascriptCompress();
  }

  public function hide()
  {
    WPDKHTML::startCompress(); ?>
    <script type="text/javascript">
      jQuery( function ( $ )
      {
        $( '#<?php echo $this->id ?>' ).wpdkModal( 'hide' );
      } );
    </script>
    <?php echo WPDKHTML::endJavascriptCompress();
  }

  public function buttonOpenModal( $label, $class = '' )
  {
    $id     = sprintf( '#%s', $this->id );
    $result = sprintf( '<button class="button %s" type="button" data-toggle="modal" data-target="%s">%s</button>', $class, $id, $label );
    return $result;
  }

  public function addButton( $id, $label, $dismiss = true, $class = '' )
  {
    $this->buttons[$id] = array(
      'label'   => $label,
      'class'   => $class,
      'dismiss' => $dismiss
    );
  }

  // -------------------------------------------------------------------------------------------------------------------
  // Deprecated
  // -------------------------------------------------------------------------------------------------------------------

  public function modal( $echo = true )
  {
    if ( $echo ) {
      $this->display();
    }
    else {
      return $this->html();
    }
  }

  public function add_buttons( $id, $label, $dismiss = true, $class = '' )
  {
    _deprecated_function( __METHOD__, '1.0.0.b4', 'addButton()' );
    $this->addButton( $id, $label, $dismiss, $class );
  }


  public function add_data( $key, $value )
  {
    _deprecated_function( __METHOD__, '1.0.0.b4', 'addData()' );
    //$this->data[] = array( $key => $value );
    $this->addData( $key, $value );
  }

  public function button_open_modal( $label, $class = '' )
  {
    _deprecated_function( __METHOD__, '1.0.0.b4', 'buttonOpenModal()' );
    return $this->buttonOpenModal( $label, $class );
  }
}