wpdk-dynamic-table.php

Go to the documentation of this file.

<?php

class WPDKDynamicTable {

  const COLUMN_ROW_MANAGE = '_wpdk_dt_column_row_manage';

  public $sortable;

  private $_id;

  private $_class;

  private $_columns;

  private $_items;


  public function __construct( $id, $columns, $items ) {

    $this->_columns = $columns;
    $this->_items   = $items;
    $this->_class   = '';

    $this->sortable = false;

    /* Added dynamic + */
    $this->_columns[self::COLUMN_ROW_MANAGE] = '';

    // Backward compatibility
    wp_enqueue_script( 'wpdk-dynamic-table', WPDK_URI_JAVASCRIPT . 'wpdk-dynamic-table.js', array(), WPDK_VERSION );
    wp_enqueue_style( 'wpdk-dynamic-table', WPDK_URI_CSS . 'wpdk-dynamic-table.css', array(), WPDK_VERSION );
  }

  // -----------------------------------------------------------------------------------------------------------------
  // Items
  // -----------------------------------------------------------------------------------------------------------------

  public function items() {
    if ( func_num_args() > 0 ) {
      $this->_items = func_get_arg( 0 );
    }
    else {
      return $this->_items;
    }
    return false;
  }

  // -----------------------------------------------------------------------------------------------------------------
  // Display
  // -----------------------------------------------------------------------------------------------------------------

  public function display() {
    echo $this->html();
  }

  public function html() {

    $html_thead = $this->thead();
    $html_tbody = $this->tbody();
    $html_tfoot = $this->tfoot();
    $id         = $this->_id;
    $class      = $this->classes();
    $data       = $this->data();

    $html = <<< HTML
    <table id="{$id}" {$data} class="wpdk-dynamic-table {$class}" border="0" cellpadding="0" cellspacing="0">
        {$html_thead}
        {$html_tbody}
        {$html_tfoot}
    </table>
HTML;
    return $html;
  }

  // -----------------------------------------------------------------------------------------------------------------
  // HTML assets
  // -----------------------------------------------------------------------------------------------------------------

  private function classes() {
    $stack = array( $this->_class );
    if ( true == $this->sortable ) {
      $stack[] = 'wpdk-dynamic-table-sortable';
    }
    return join( ' ', $stack );
  }

  private function data() {
    $stack = array();
    if ( true == $this->sortable ) {
      $stack[] = sprintf( 'data-sortable="true"' );
    }
    return join( ' ', $stack );
  }

  private function buttonAdd() {
    $label = __( 'Add', WPDK_TEXTDOMAIN );
    $title = __( 'Add a new empty row', WPDK_TEXTDOMAIN );

    $html = <<< HTML
    <input data-placement="left" title="{$title}" title-backup="{$title}" type="button" value="{$label}" class="wpdk-has-tooltip wpdk-dt-add-row">
HTML;
    return $html;
  }

  private function buttonDelete() {
    $label = __( 'Delete', WPDK_TEXTDOMAIN );
    $title = __( 'Delete entire row', WPDK_TEXTDOMAIN );

    $html = <<< HTML
    <input data-placement="left" title="{$title}" content="{$title}" type="button" value="{$label}" class="wpdk-has-tooltip wpdk-dt-delete-row">
HTML;
    return $html;
  }

  // -----------------------------------------------------------------------------------------------------------------
  // HTML assets table
  // -----------------------------------------------------------------------------------------------------------------

  private function thead() {

    $ths = '';
    foreach ( $this->_columns as $key => $column ) {
      if ( $key != self::COLUMN_ROW_MANAGE ) {
        $ths .= sprintf( '<th class="wpdk-dynamic-table-column-%s">%s</th>', $key, $column['table_title'] );
      }
      else {
        //$ths .= sprintf( '<th class="%s"></th>', $key );
      }
    }

    $html = <<< HTML
    <thead>
        <tr>
            {$ths}
        </tr>
    </thead>
HTML;
    return $html;
  }

  private function tbody() {
    $trs = '';

    /* Il primo è sempre display none e usato per la clonazione */
    $trs .= sprintf( '<tr class="wpdk-dt-clone">%s</tr>', $this->tbodyRow() );

    if ( !empty( $this->_items ) ) {
      foreach ( $this->_items as $item ) {
        $trs .= sprintf( '<tr>%s</tr>', $this->tbodyRow( $item ) );
      }
    }
    $trs .= sprintf( '<tr>%s</tr>', $this->tbodyRow() );

    $html = <<< HTML
    <tbody>
        {$trs}
    </tbody>
HTML;
    return $html;
  }

  private function tbodyRow( $item = null ) {
    $tds = '';
    foreach ( $this->_columns as $key => $column ) {
      if ( self::COLUMN_ROW_MANAGE != $key ) {

        if ( !is_null( $item ) && is_array( $item ) ) {
          $column['value'] = isset( $item[$key] ) ? $item[$key] : '';
        }

        /* Get a single field. */
        $field = WPDKUIControlsLayout::item( $column );

        $tds .= sprintf( '<td class="wpdk-dynamic-table-cel-%s">%s</td>', $key, $field );
      }
      else {
        if ( is_null( $item ) ) {
          $tds .= sprintf( '<td class="%s">%s<span class="wpdk-dt-clone delete">%s</span></td>', $key, $this->buttonAdd(), $this->buttonDelete() );
        }
        else {
          $tds .= sprintf( '<td class="%s">%s</td>', $key, $this->buttonDelete() );
        }

      }
    }
    return $tds;
  }

  private function tfoot() {

    $tds = '';
    foreach ( $this->_columns as $key => $column ) {
      if ( $key != self::COLUMN_ROW_MANAGE ) {
        $tds .= sprintf( '<td class="wpdk-dynamic-table-cel-%s"></td>', $key );
      }
      else {
      }
    }
    $html = <<< HTML
    <tfoot>
        <tr>
            {$tds}
        </tr>
    </tfoot>
HTML;
    return $html;
  }

}


class WPDKDynamicTableView extends WPDKView {

  const COLUMN_ROW_MANAGE = '_wpdk_dt_column_row_manage';

  public $sortable = false;

  private $columns;

  public function __construct( $id ) {

    parent::__construct( $id );

    // Added dynamic
    $this->columns[self::COLUMN_ROW_MANAGE] = '';

    // Enqueue components
    WPDKUIComponents::enqueue( WPDKUIComponents::DYNAMIC_TABLE );

  }

  // -------------------------------------------------------------------------------------------------------------------
  // Columns
  // -------------------------------------------------------------------------------------------------------------------

  public function columns()
  {
    die( __METHOD__ . ' must be override in your subclass' );
  }

  private function _columns()
  {
    $columns                          = $this->columns();
    $columns[self::COLUMN_ROW_MANAGE] = '';
    return $columns;
  }

  // -------------------------------------------------------------------------------------------------------------------
  // Items
  // -------------------------------------------------------------------------------------------------------------------

  public function items()
  {
    die( __METHOD__ . ' must be override in your subclass' );
  }

  // -------------------------------------------------------------------------------------------------------------------
  // Display
  // -------------------------------------------------------------------------------------------------------------------

  public function draw()
  {
    WPDKHTML::startCompress();
    ?>
    <table id="<?php printf( 'wpdk-dynamic-table-%s', $this->id ) ?>"
           class="wpdk-dynamic-table <?php echo $this->sortable ? 'wpdk-dynamic-table-sortable' : '' ?>"
      <?php echo $this->sortable ? 'data-sortable="true"' : '' ?>
           cellspacing="0"
           cellpadding="0"
           border="0">

        <!-- Columns -->
        <thead>
          <?php $index = 0; foreach ( $this->_columns() as $column_key => $column ) : ?>
            <?php if ( self::COLUMN_ROW_MANAGE != $column_key ) : ?>
              <th <?php echo ( true == $this->sortable && empty( $index ) ) ? 'colspan="2"' : '' ?>
                class="wpdk-dynamic-table-column-<?php echo $column_key ?>">
                <?php echo $column['_label']; $index++; ?>
              </th>
            <?php endif; ?>
          <?php endforeach; ?>
        </thead>

        <tbody>

          <!-- This row is used for clone -->
          <tr class="wpdk-dt-clone">
            <?php $index = 0; foreach ( $this->_columns() as $column_key => $column ) : ?>

              <?php if ( self::COLUMN_ROW_MANAGE == $column_key ) : ?>
                <td class="<?php echo $column_key ?>">
                  <?php echo $this->buttonAdd() ?>
                  <span class="wpdk-dt-clone delete"><?php echo $this->buttonDelete() ?></span>
                </td>
              <?php else : ?>
                <?php if( $this->sortable && empty( $index ) ) : ?>
                  <td><?php WPDKGlyphIcons::display( WPDKGlyphIcons::UPDOWN_CIRCLE ) ?></td>
                <?php endif; ?>
                <td class="wpdk-dynamic-table-cel-<?php echo $column_key ?>">
                  <?php echo WPDKUIControlsLayout::item( $column ); $index++ ?>
                </td>
              <?php endif; ?>

            <?php endforeach; ?>
          </tr>

          <!-- Main Body -->
          <?php foreach ( $this->items() as $item ) : ?>
            <tr>
              <?php $index = 0; foreach ( $this->_columns() as $column_key => $column ) : $column['value'] = isset( $item[$column_key] ) ? $item[$column_key] : '' ?>

                <?php if ( self::COLUMN_ROW_MANAGE == $column_key ) : ?>
                  <td class="<?php echo $column_key ?>">
                    <?php echo $this->buttonDelete() ?>
                  </td>
                <?php else : ?>
                  <?php if( $this->sortable && empty( $index ) ) : ?>
                    <td><?php WPDKGlyphIcons::display( WPDKGlyphIcons::UPDOWN_CIRCLE ) ?></td>
                  <?php endif; ?>
                  <td class="wpdk-dynamic-table-cel-<?php echo $column_key ?>">
                    <?php echo WPDKUIControlsLayout::item( $column ); $index++ ?>
                  </td>
                <?php endif; ?>

              <?php endforeach; ?>
            </tr>
          <?php endforeach; ?>

          <!-- Extra last child row -->
          <tr>
            <?php $index = 0; foreach ( $this->_columns() as $column_key => $column ) : ?>

              <?php if ( self::COLUMN_ROW_MANAGE == $column_key ) : ?>
                <td class="<?php echo $column_key ?>">
                  <?php echo $this->buttonAdd() ?>
                  <span class="wpdk-dt-clone delete"><?php echo $this->buttonDelete() ?></span>
                </td>
              <?php else : ?>
                <?php if( $this->sortable && empty( $index ) ) : ?>
                  <td><?php WPDKGlyphIcons::display( WPDKGlyphIcons::UPDOWN_CIRCLE ) ?></td>
                <?php endif; ?>
                <td class="wpdk-dynamic-table-cel-<?php echo $column_key ?>">
                  <?php echo WPDKUIControlsLayout::item( $column ); $index++ ?>
                </td>
              <?php endif; ?>

            <?php endforeach; ?>
          </tr>

        </tbody>

        <?php if( 1 == 0 ) : ?>
        <!-- Footer -->
        <tfoot>
          <tr>
            <?php $index = 0; foreach ( $this->_columns() as $column_key => $column ) : ?>

              <?php if ( self::COLUMN_ROW_MANAGE != $column_key ) : ?>
                <td <?php echo ( true == $this->sortable && empty( $index ) ) ? 'colspan="2"' : '' ?>
                  class="wpdk-dynamic-table-cel-<?php echo $column_key ?>"></td>
              <?php endif; $index++ ?>

            <?php endforeach; ?>
          </tr>
        </tfoot>
        <?php endif; ?>

      </table>
  <?php
    echo WPDKHTML::endHTMLCompress();
  }

  // -------------------------------------------------------------------------------------------------------------------
  // HTML assets
  // -------------------------------------------------------------------------------------------------------------------

  private function buttonAdd()
  {
    WPDKHTML::startCompress(); ?>
      <button
             class="wpdk-has-tooltip wpdk-dt-add-row"
             title="<?php _e( 'Add a new empty row', WPDK_TEXTDOMAIN ) ?>"
             title-backup="<?php _e( 'Add a new empty row', WPDK_TEXTDOMAIN ) ?>"
             data-placement="left"
        >
        <?php WPDKGlyphIcons::display( WPDKGlyphIcons::PLUS_SQUARED ) ?>
        </button>
      <?php
      return WPDKHTML::endHTMLCompress();

    WPDKHTML::startCompress(); ?>
    <input type="button"
           class="wpdk-has-tooltip wpdk-dt-add-row"
           title="<?php _e( 'Add a new empty row', WPDK_TEXTDOMAIN ) ?>"
           title-backup="<?php _e( 'Add a new empty row', WPDK_TEXTDOMAIN ) ?>"
           data-placement="left"
           value="<?php _e( 'Add', WPDK_TEXTDOMAIN ) ?>"
      />
    <?php
    return WPDKHTML::endHTMLCompress();
  }

  private function buttonDelete()
  {
    WPDKHTML::startCompress(); ?>
      <button
             class="wpdk-has-tooltip wpdk-dt-delete-row"
             title="<?php _e( 'Delete entire row', WPDK_TEXTDOMAIN ) ?>"
             title-backup="<?php _e( 'Delete entire row', WPDK_TEXTDOMAIN ) ?>"
             data-placement="left"
        >
        <?php WPDKGlyphIcons::display( WPDKGlyphIcons::MINUS_SQUARED ) ?>
        </button>
      <?php
      return WPDKHTML::endHTMLCompress();

    WPDKHTML::startCompress(); ?>
    <input type="button"
           class="wpdk-has-tooltip wpdk-dt-delete-row"
           title="<?php _e( 'Delete entire row', WPDK_TEXTDOMAIN ) ?>"
           title-backup="<?php _e( 'Delete entire row', WPDK_TEXTDOMAIN ) ?>"
           data-placement="left"
           value="<?php _e( 'Delete', WPDK_TEXTDOMAIN ) ?>"
      />
    <?php
    return WPDKHTML::endHTMLCompress();
  }

}