Linux puskom-ProLiant-DL385-Gen10 5.4.0-150-generic #167~18.04.1-Ubuntu SMP Wed May 24 00:51:42 UTC 2023 x86_64
/home/puskom/mastur/post-grid/includes/blocks/progress-bar/
//home/puskom/mastur/post-grid/includes/blocks/progress-bar/index.php
 <?php
if (!defined('ABSPATH'))
  exit();



class PGBlockProgressBar
{
  function __construct()
  {
    add_action('init', array($this, 'register_scripts'));
    add_action('wp_enqueue_scripts', array($this, 'front_scripts'));
  }


  // loading src files in the gutenberg editor screen
  function register_scripts()
  {
    //wp_register_style('editor_style', post_grid_plugin_url . 'includes/blocks/progress-bar/index.css');
    //wp_register_script('editor_script', post_grid_plugin_url . 'includes/blocks/progress-bar/index.js', array('wp-blocks', 'wp-element'));


    register_block_type(
      post_grid_plugin_dir . 'build/blocks/progress-bar/block.json',
      array(


        'render_callback' => array($this, 'theHTML'),



      )
    );
  }

  function front_scripts($attributes)
  {

    wp_register_script('pg-progress-bar', post_grid_plugin_url . 'includes/blocks/progress-bar/front-scripts.js', [], '', true);

    if (has_block('post-grid/progress-bar')) {

      wp_enqueue_script('pg-progress-bar');
    }
  }
  function front_style($attributes)
  {

    $icon = isset($attributes['icon']) ? $attributes['icon'] : '';
    $iconOptions = isset($icon['options']) ? $icon['options'] : [];
    $iconLibrary = isset($iconOptions['library']) ? $iconOptions['library'] : '';
  }

  // front-end output from the gutenberg editor 
  function theHTML($attributes, $content, $block)
  {




    global $postGridCssY;



    $post_ID = isset($block->context['postId']) ? $block->context['postId'] : '';


    $blockId = isset($attributes['blockId']) ? $attributes['blockId'] : '';
    $blockAlign = isset($attributes['align']) ? 'align' . $attributes['align'] : '';


    $wrapper = isset($attributes['wrapper']) ? $attributes['wrapper'] : [];
    $wrapperOptions = isset($wrapper['options']) ? $wrapper['options'] : [];

    $wrapperTag = isset($wrapperOptions['tag']) ? $wrapperOptions['tag'] : 'div';
    $wrapperClass = isset($wrapperOptions['class']) ? $wrapperOptions['class'] : '';

    $progressData = isset($attributes['progressData']) ? $attributes['progressData'] : [];



    //////var_dump($progressData);

    $type = isset($progressData['type']) ? $progressData['type'] : "horizontal";
    $max = isset($progressData['max']) ? (int) $progressData['max'] : 0;
    $min = isset($progressData['min']) ? (int) $progressData['min'] : 100;
    $fill = isset($progressData['fill']) ? (int) $progressData['fill'] : 75;
    $source = isset($progressData['source']) ? (int) $progressData['source'] : 'normal';
    $unit = isset($progressData['unit']) ? $progressData['unit'] : "%";
    $animate = isset($progressData['animate']) ? $progressData['animate'] : "";
    $animateDuration = isset($progressData['animateDuration']) ? $progressData['animateDuration'] : 1;
    $animateIteration = isset($progressData['animateIteration']) ? $progressData['animateIteration'] : 1;
    $animateDelay = isset($progressData['animateDelay']) ? $progressData['animateDelay'] : 1;



    $icon = isset($attributes['icon']) ? $attributes['icon'] : '';
    $iconOptions = isset($icon['options']) ? $icon['options'] : [];

    $iconLibrary = isset($iconOptions['library']) ? $iconOptions['library'] : '';
    $iconSrcType = isset($iconOptions['srcType']) ? $iconOptions['srcType'] : '';
    $iconSrc = isset($iconOptions['iconSrc']) ? $iconOptions['iconSrc'] : '';
    $iconPosition = isset($iconOptions['position']) ? $iconOptions['position'] : '';
    $iconClass = isset($iconOptions['class']) ? $iconOptions['class'] : '';



    $progressInfo = isset($attributes['progressInfo']) ? $attributes['progressInfo'] : '';
    $progressInfoOptions = isset($progressInfo['options']) ? $progressInfo['options'] : '';

    $progressInfoPosition = isset($progressInfoOptions['position']) ? $progressInfoOptions['position'] : '';



    $progressBar = isset($attributes['progressBar']) ? $attributes['progressBar'] : '';
    $progressBarOptions = isset($progressBar['options']) ? $progressBar['options'] : '';

    $progressFill = isset($attributes['progressFill']) ? $attributes['progressFill'] : '';
    $progressFillOptions = isset($progressFill['options']) ? $progressFill['options'] : '';

    $progressCount = isset($attributes['progressCount']) ? $attributes['progressCount'] : '';
    $progressCountOptions = isset($progressCount['options']) ? $progressCount['options'] : '';

    $progressCountPosition = isset($progressCountOptions['position']) ? $progressCountOptions['position'] : '';
    $progressCountPrefix = isset($progressCountOptions['prefix']) ? $progressCountOptions['prefix'] : '';
    $progressCountPostfix = isset($progressCountOptions['postfix']) ? $progressCountOptions['postfix'] : '';


    $progressLabel = isset($attributes['progressLabel']) ? $attributes['progressLabel'] : '';
    $progressLabelOptions = isset($progressLabel['options']) ? $progressLabel['options'] : '';

    $progressLabelText = isset($progressLabelOptions['text']) ? _wp_specialchars($progressLabelOptions['text']) : '';
    $progressLabelPosition = isset($progressLabelOptions['position']) ? _wp_specialchars($progressLabelOptions['position']) : '';



    // $prefixText = isset($prefixOptions['text']) ? _wp_specialchars($prefixOptions['text']) : '';
    // $prefixClass = isset($prefixOptions['class']) ? $prefixOptions['class'] : 'prefix';

    $postfix = isset($attributes['postfix']) ? $attributes['postfix'] : '';
    $postfixOptions = isset($postfix['options']) ? $postfix['options'] : '';

    $postfixText = isset($postfixOptions['text']) ? _wp_specialchars($postfixOptions['text']) : '';

    $postfixClass = isset($postfixOptions['class']) ? $postfixOptions['class'] : 'postfix';

    $blockCssY = isset($attributes['blockCssY']) ? $attributes['blockCssY'] : [];
    $postGridCssY[] = isset($blockCssY['items']) ? $blockCssY['items'] : [];





    if ($iconLibrary == 'fontAwesome') {
      wp_enqueue_style('fontawesome-icons');
    } else if ($iconLibrary == 'iconFont') {
      wp_enqueue_style('icofont-icons');
    } else if ($iconLibrary == 'bootstrap') {
      wp_enqueue_style('bootstrap-icons');
    }



    // global $product;
    // total 
    // $productSaleCount = ($product == null) ? '' : $product->get_total_sales();
    // $productSaleCount = ($product == null) ? '' : $product->get_total_sales();




    $fontIconHtml = '<span class="' . $iconClass . ' ' . $iconSrc . '"></span>';

    $dataAtts = [
      "fill" => $fill,
      "unit" => $unit,
      "animate" => $animate,
      "animateDuration" => $animateDuration,
      "animateIteration" => $animateIteration,
      "animateDelay" => $animateDelay,
      "blockId" => $blockId,
      "source" => $source,
      "type" => $type,

    ];

    $animatename = "animateWidthProgress";

    if ($type == 'horizontal') :
      $animatename = "animateWidthProgress";
    elseif ($type == 'vertical') :
      $animatename = "animateHeightProgress";
    endif;


    ob_start();


    if (!empty($wrapperTag)) :

?>
      <div class="PGBlockProgressBar <?php echo esc_attr($blockId); ?> <?php echo esc_attr($wrapperClass); ?> <?php echo esc_attr($blockAlign); ?>" data-progress-bar="<?php echo esc_attr(json_encode($dataAtts)) ?>">


        <?php if ($progressInfoPosition == 'beforeBar') : ?>
          <div class="progress-info">

            <?php if ($progressCountPosition == 'beforeLabel') : ?>
              <div class="progress-count">
                <?php echo wp_kses_post($progressCountPrefix); ?>
                <?php echo wp_kses_post($fill); ?>
                <?php echo wp_kses_post($progressCountPostfix); ?>
              </div>
            <?php endif; ?>

            <?php if ($progressLabelPosition == '') : ?>
              <div class="progress-label">
                <?php echo wp_kses_post($progressLabelText); ?>
              </div>
            <?php endif; ?>

            <?php if ($progressCountPosition == 'afterLabel') : ?>
              <div class="progress-count">
                <?php echo wp_kses_post($progressCountPrefix); ?>
                <?php echo wp_kses_post($fill); ?>
                <?php echo wp_kses_post($progressCountPostfix); ?>
              </div>
            <?php endif; ?>

          </div>
        <?php endif; ?>


        <?php if ($progressLabelPosition == 'beforeBar') : ?>
          <div class="progress-label">
            <?php echo wp_kses_post($progressLabelText); ?>
          </div>
        <?php endif; ?>


        <?php if ($progressCountPosition == 'beforeBar') : ?>
          <div class="progress-count">
            <?php echo wp_kses_post($progressCountPrefix); ?>
            <?php echo wp_kses_post($fill); ?>
            <?php echo wp_kses_post($progressCountPostfix); ?>
          </div>
        <?php endif; ?>

        <div class='progress-bar'>

          <?php if ($progressLabelPosition == 'beforeFill') : ?>
            <div class="progress-label">
              <?php echo wp_kses_post($progressLabelText); ?>
            </div>
          <?php endif; ?>
          <?php if ($progressCountPosition == 'beforeFill') : ?>
            <div class="progress-count">
              <?php echo wp_kses_post($progressCountPrefix); ?>
              <?php echo wp_kses_post($fill); ?>
              <?php echo wp_kses_post($progressCountPostfix); ?>
            </div>
          <?php endif; ?>

          <div class="progress-fill">

            <?php if ($progressLabelPosition == 'insideFill') : ?>
              <div class="progress-label">
                <?php echo wp_kses_post($progressLabelText); ?>
              </div>
            <?php endif; ?>
            <?php if ($progressCountPosition == 'insideFill') : ?>
              <div class="progress-count">
                <?php echo wp_kses_post($progressCountPrefix); ?>
                <?php echo wp_kses_post($fill); ?>
                <?php echo wp_kses_post($progressCountPostfix); ?>
              </div>
            <?php endif; ?>




          </div>

          <?php if ($progressLabelPosition == 'afterFill') : ?>
            <div class="progress-label">
              <?php echo wp_kses_post($progressLabelText); ?>
            </div>
          <?php endif; ?>
          <?php if ($progressCountPosition == 'afterFill') : ?>
            <div class="progress-count">
              <?php echo wp_kses_post($progressCountPrefix); ?>
              <?php echo wp_kses_post($fill); ?>
              <?php echo wp_kses_post($progressCountPostfix); ?>
            </div>
          <?php endif; ?>


        </div>


        <?php if ($progressLabelPosition == 'afterBar') : ?>
          <div class="progress-label">
            <?php echo wp_kses_post($progressLabelText); ?>
          </div>
        <?php endif; ?>


        <?php if ($progressCountPosition == 'afterBar') : ?>
          <div class="progress-count">
            <?php echo wp_kses_post($progressCountPrefix); ?>
            <?php echo wp_kses_post($fill); ?>
            <?php echo wp_kses_post($progressCountPostfix); ?>
          </div>
        <?php endif; ?>

        <?php if ($progressInfoPosition == 'afterBar') : ?>
          <div class="progress-info">
            <?php if ($progressCountPosition == 'beforeLabel') : ?>
              <div class="progress-count">
                <?php echo wp_kses_post($progressCountPrefix); ?>
                <?php echo wp_kses_post($fill); ?>
                <?php echo wp_kses_post($progressCountPostfix); ?>
              </div>
            <?php endif; ?>


            <?php if ($progressCountPosition == 'afterLabel') : ?>
              <div class="progress-count">
                <?php echo wp_kses_post($progressCountPrefix); ?>
                <?php echo wp_kses_post($fill); ?>
                <?php echo wp_kses_post($progressCountPostfix); ?>
              </div>
            <?php endif; ?>
          </div>
        <?php endif; ?>


        </<?php echo tag_escape($wrapperTag); ?>>
      <?php

    endif;




      ?>



      <style>
        <?php if ($type == 'horizontal') : $animatename = "animateWidthProgress";

        ?>@keyframes animateWidthProgress {
          0% {
            width: 0px;
          }

          100% {
            width:
              <?php echo esc_attr($fill);
              ?>%;
          }
        }

        <?php elseif ($type == 'vertical') : $animatename = "animateHeightProgress";

        ?>@keyframes animateHeightProgress {
          0% {
            height: 0px;
          }

          100% {
            height:
              <?php echo esc_attr($fill);
              ?>%;
          }
        }

        <?php endif;
        ?><?php echo esc_attr('.' . $animatename);

          ?> {
          animation:
            <?php echo esc_attr($animatename);
            ?>ease <?php echo esc_attr($animateDuration);
                    ?>s;
          animation-iteration-count: 1;

        }
      </style>





  <?php return ob_get_clean();
  }
}

$PGBlockProgressBar = new PGBlockProgressBar();