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/metabox-post-grid-layout-hook.php
 <?php
if (!defined('ABSPATH')) exit;  // if direct access


add_action('post_grid_layout_metabox_content_custom_scripts', 'post_grid_layout_metabox_content_custom_scripts');

if (!function_exists('post_grid_layout_metabox_content_custom_scripts')) {
    function post_grid_layout_metabox_content_custom_scripts($post_id)
    {


        $settings_tabs_field = new settings_tabs_field();
        $custom_scripts = get_post_meta($post_id, 'custom_scripts', true);
        $layout_options = get_post_meta($post_id, 'layout_options', true);


        $custom_css = isset($custom_scripts['custom_css']) ? $custom_scripts['custom_css'] : '';
        $custom_js = isset($custom_scripts['custom_js']) ? $custom_scripts['custom_js'] : '';
        $layout_preview_img = isset($layout_options['layout_preview_img']) ? $layout_options['layout_preview_img'] : '';




?>
<div class="section">
  <div class="section-title"><?php echo __('Custom scripts', 'post-grid'); ?></div>
  <p class="description section-description">
    <?php echo __('Write custom scripts to override CSS and scripts.', 'post-grid'); ?></p>


  <?php
            $args = array(
                'id'        => 'custom_css',
                'parent'        => 'custom_scripts',
                'title'        => __('Custom CSS', 'post-grid'),
                'details'    => __('Write custom CSS to override default style, do not use <code>&lt;style>&lt;/style></code> tag. use <code>__ID__</code> to replace by layout id <code>layout-' . $post_id . '</code>.', 'post-grid'),
                'type'        => 'scripts_css',
                'value'        => $custom_css,
                'default'        => '',
                'placeholder'        => '',
            );

            $settings_tabs_field->generate_field($args);


            $args = array(
                'id'        => 'custom_js',
                'parent'        => 'custom_scripts',
                'title'        => __('Custom JS', 'post-grid'),
                'details'    => __('Write custom JS to override default style, do not use <code>&lt;script>&lt;/script></code> tag.', 'post-grid'),
                'type'        => 'scripts_js',
                'value'        => $custom_js,
                'default'        => '',
                'placeholder'        => '',
            );

            $settings_tabs_field->generate_field($args);

            $args = array(
                'id'        => 'layout_preview_img',
                'parent'        => 'layout_options',
                'title'        => __('Preview image', 'post-grid'),
                'details'    => __('Set layout preview image.', 'post-grid'),
                'type'        => 'media_url',
                'value'        => $layout_preview_img,
                'default'        => '',
                'placeholder'        => '',
            );

            $settings_tabs_field->generate_field($args);





            ?>
</div>
<?php


    }
}








add_action('post_grid_layout_metabox_content_layout_builder', 'post_grid_layout_metabox_content_layout_builder');

if (!function_exists('post_grid_layout_metabox_content_layout_builder')) {

    function post_grid_layout_metabox_content_layout_builder($post_id)
    {


        $settings_tabs_field = new settings_tabs_field();

        $layout_elements_data = get_post_meta($post_id, 'layout_elements_data', true);
        $layout_options = get_post_meta($post_id, 'layout_options', true);

        $preview_post_type = isset($layout_options['preview_post_type']) ? $layout_options['preview_post_type'] : 'post';


    ?>
<div class="section">
  <div class="section-title"><?php echo __('Layout Editor', 'post-grid'); ?></div>
  <p class="description section-description"><?php echo __('Customize layout settings.', 'post-grid'); ?></p>
  <div class="setting-field ">

    <?php



                $elements_group['general'] = array(
                    'group_title' => 'General',
                    'items' => array(
                        'wrapper_start' => array('name' => __('Wrapper start', 'post-grid')),
                        'wrapper_end' => array('name' => __('Wrapper end', 'post-grid')),
                        'wrapper_link_start' => array('name' => __('Wrapper Link start', 'post-grid')),
                        'wrapper_link_end' => array('name' => __('Wrapper Link end', 'post-grid')),

                        'media' => array('name' => __('Media', 'post-grid')),

                        'custom_text' => array('name' => __('Custom text', 'post-grid')),
                        'title' => array('name' => __('Post title', 'post-grid')),
                        'title_link' => array('name' => __('Title with link', 'post-grid')),
                        'read_more' => array('name' => __('Read more', 'post-grid')),
                        'thumb' => array('name' => __('Thumbnail', 'post-grid')),
                        'thumb_link' => array('name' => __('Thumbnail with link ', 'post-grid')),

                        'excerpt' => array('name' => __('Post excerpt', 'post-grid')),
                        'excerpt_read_more' => array('name' => __('Excerpt with read more', 'post-grid')),
                        'content' => array('name' => __('Content', 'post-grid')),
                        'post_date' => array('name' => __('Post date', 'post-grid')),
                        'author' => array('name' => __('Author', 'post-grid')),
                        'author_link' => array('name' => __('Author with link', 'post-grid')),
                        'categories' => array('name' => __('Categories', 'post-grid')),
                        'tags' => array('name' => __('Tags', 'post-grid')),
                        'comments_count' => array('name' => __('Comments count', 'post-grid')),
                        'share_button' => array('name' => __('Share button', 'post-grid')),
                        'hr' => array('name' => __('Horizontal line', 'post-grid')),
                        'five_star' => array('name' => __('Five star', 'post-grid')),
                        //'collapsible_icon'=>array('name' =>__('Collapsible icon','post-grid')),


                    ),
                );


                $elements_group['star_rating'] = array(
                    'group_title' => 'Star Rating',
                    'items' => array(),
                );

                $elements_group['wishlist'] = array(
                    'group_title' => 'Wishlist',
                    'items' => array(),
                );

                $elements_group = apply_filters('post_grid_layout_elements', $elements_group);


                $layout_elements_option = array();

                if (!empty($elements_group))
                    foreach ($elements_group as $group_index => $element_group) :


                        $group_items = isset($element_group['items']) ? $element_group['items'] : array();

                        foreach ($group_items as $elementIndex => $element) :
                            ob_start();

                            do_action('post_grid_layout_element_option_' . $elementIndex);

                            $layout_elements_option[$elementIndex] = ob_get_clean();
                        endforeach;
                    endforeach;


                ?>

    <script>
    jQuery(document).ready(function($) {
      layout_elements_option = <?php echo wp_json_encode($layout_elements_option); ?>;

      $(document).on('click', '.layout-tags .element_index', function() {
        tag_id = $(this).attr('tag_id');
        input_name = $(this).attr('input_name');
        id = $.now();


        tag_options_html = layout_elements_option[tag_id];
        var res = tag_options_html.replace(/{input_name}/g, input_name + '[' + id + ']');

        $('.layout-elements').append(res);

      })
    })
    </script>

    <div class="layout-builder">
      <div class="layout-tags expandable">



        <?php

                        if (!empty($elements_group))
                            foreach ($elements_group as $group_index => $element_group) :

                                $group_title = isset($element_group['group_title']) ? $element_group['group_title'] : '';
                                $group_items = isset($element_group['items']) ? $element_group['items'] : array();
                                //$group_items = apply_filters('post_grid_layout_group_'.$group_index, $group_items);

                                if (empty($group_items)) continue;
                        ?>
        <div class="item">
          <div class="element-title header ">
            <span class="expand"><i class="fas fa-expand"></i><i class="fas fa-compress"></i></span>
            <span class="header-text expand  "><?php echo esc_html($group_title); ?></span>
          </div>
          <div class="element-options options">
            <?php
                                    foreach ($group_items as $elementIndex => $element) :
                                        $element_name = isset($element['name']) ? $element['name'] : '';
                                    ?>
            <span class="element_index" input_name="<?php echo 'layout_elements_data'; ?>"
              tag_id="<?php echo esc_attr($elementIndex); ?>"><?php echo esc_html($element_name); ?></span>
            <?php
                                    endforeach;
                                    ?>
          </div>
        </div>
        <?php
                            endforeach;
                        ?>
      </div>

      <div class="layout-elements expandable sortable">

        <?php

                        if (!empty($layout_elements_data)) :
                            foreach ($layout_elements_data as $index => $item_data) {
                                foreach ($item_data as $elementIndex => $element_data) {

                                    $args = array('input_name' => 'layout_elements_data[' . $index . ']', 'element_data' => $element_data, 'index' => $index);
                                    do_action('post_grid_layout_element_option_' . $elementIndex, $args);
                                }
                            }
                        else :
                        ?>
        <div class="empty-element">
          <?php echo sprintf(__('%s Click to add tags.', 'post-grid'), '<i class="far fa-hand-point-up"></i>') ?>
        </div>
        <?php
                        endif;

                        ?>

      </div>


    </div>

    <style type="text/css">
    .layout-builder {
      clear: both;
    }


    .layout-builder .layout-elements .item {}

    .layout-tags {
      margin-bottom: 20px;
      position: sticky;
      top: 32px;
      z-index: 999;
      background: #fff;
      padding: 5px 5px;
      display: inline-block;
      width: 360px;
      float: left;
    }

    .layout-tags .element_index {
      background: #fff;
      padding: 3px 7px;
      display: inline-block;
      margin: 2px 2px;
      border-radius: 3px;
      border: 1px solid #616161;
      cursor: pointer;
      font-size: 13px;
    }

    .layout-tags .element_index:hover {
      background: #e0e0e0;

    }

    .layout-elements {
      margin-left: 390px;
    }

    @media (max-width: 1550px) {
      .layout-elements {
        margin-left: 0px;
      }

      .layout-tags {
        display: block;
        width: 100%;
        float: none;
      }
    }
    </style>

  </div>
  <div class="clear"></div>

  <?php


            ob_start();

            ?>

  <?php

            $html = ob_get_clean();


            //            $args = array(
            //                'id'		=> 'layout_builder',
            //                //'parent'		=> '',
            //                'title'		=> __('Layout elements','post-grid'),
            //                'details'	=> __('Customize layout elements.','post-grid'),
            //                'type'		=> 'custom_html',
            //                'html'		=> $html,
            //                'default'		=> '',
            //            );
            //
            //            $settings_tabs_field->generate_field($args);


            $post_types = post_grid_posttypes_array();

            $args = array(
                'id'        => 'preview_post_type',
                'parent'        => 'layout_options',
                'title'        => __('Preview post type', 'post-grid'),
                'details'    => __('Set layout preview post type.', 'post-grid'),
                'type'        => 'select',
                'value'        => $preview_post_type,
                'default'        => 'post',
                'args'        => $post_types,
            );

            $settings_tabs_field->generate_field($args);


            ob_start();



            $layout_id = get_the_id();
            $args['layout_id'] = $layout_id;

            ?>
  <div class="layout-preview">

    <div class="elements-wrapper layout-<?php echo esc_attr($layout_id); ?>">
      <?php
                    if (!empty($layout_elements_data))
                        foreach ($layout_elements_data as $elementGroupIndex => $elementGroupData) {
                            foreach ($elementGroupData as $elementIndex => $elementData) {

                                $args['post_id'] =  post_grid_get_first_post($preview_post_type);
                                $args['element'] = $elementData;
                                $args['index'] = $elementGroupIndex;

                                ////var_dump($elementIndex);

                                do_action('post_grid_layout_element_' . $elementIndex, $args);
                            }
                        }


                    ?>
    </div>







  </div>

  <?php

            if (!empty($layout_elements_data))
                foreach ($layout_elements_data as $elementGroupIndex => $elementGroupData) {
                    foreach ($elementGroupData as $elementIndex => $elementData) {


                        $args['element'] = $elementData;
                        $args['index'] = $elementGroupIndex;

                        do_action('post_grid_layout_element_css_' . $elementIndex, $args);
                    }
                }

            $custom_scripts = get_post_meta($layout_id, 'custom_scripts', true);
            $custom_css = isset($custom_scripts['custom_css']) ? $custom_scripts['custom_css'] : '';

            ?>
  <style type="text/css">
  .layout-preview {
    background: url(<?php echo esc_url(post_grid_plugin_url . 'assets/images/tile.png');
    ?>);
    padding: 20px;
  }

  .layout-preview .elements-wrapper {
    width: 400px;
    overflow: hidden;
    margin: 0 auto;
  }

  .layout-preview img {
    width: 100%;
    height: auto;
  }

  <?php echo esc_attr(str_replace('__ID__', 'layout-'. $layout_id, $custom_css));
  ?>
  </style>
  <?php

            $html = ob_get_clean();

            $args = array(
                'id'        => 'layout_preview',
                //'parent'		=> '',
                'title'        => __('Layout preview', 'post-grid'),
                'details'    => __('Layout preview, some layout require featured image set on post.', 'post-grid'),
                'type'        => 'custom_html',
                'html'        => $html,
                'default'        => '',
            );

            $settings_tabs_field->generate_field($args);



            ?>
</div>
<?php


    }
}











add_action('post_grid_layout_metabox_save', 'post_grid_layout_metabox_save');

function post_grid_layout_metabox_save($job_id)
{

    $layout_options = isset($_POST['layout_options']) ? post_grid_recursive_sanitize_arr($_POST['layout_options']) : '';
    update_post_meta($job_id, 'layout_options', $layout_options);

    $layout_elements_data = isset($_POST['layout_elements_data']) ? post_grid_recursive_sanitize_arr($_POST['layout_elements_data']) : '';
    update_post_meta($job_id, 'layout_elements_data', $layout_elements_data);

    $custom_scripts = isset($_POST['custom_scripts']) ? post_grid_recursive_sanitize_arr($_POST['custom_scripts']) : '';
    update_post_meta($job_id, 'custom_scripts', $custom_scripts);
}