Changeset 3619020

spartan-gallery/tags/1.4.0/admin/class-add-gallery-gutenberg-block.php

-              r3204032
+              r3619020
 <?php
+if ( ! defined( 'WPINC' ) ) {
+        die;
+}
 // Register the block and its settings
 …
                         $my_meta_options = get_post_meta( $gallery_id , 'image_layout_select', true ); // array
+                        $get_all_post_attachements = get_post_meta( $gallery_id , 'spartan_gallery_uploaded_images', true );
+                        $get_all_post_attachements = get_post_meta( $gallery_id , 'spartan_gallery_uploaded_images', true );
                         // Loop through each post ID
+                        foreach (explode(',',$get_all_post_attachements) as $post_id) {
+                                // Retrieve the post object by ID
+                                $post = get_post($post_id);
+                        $post_guids = array();
+                        if ( ! empty( $get_all_post_attachements ) ) {
+                                foreach ( explode( ',', $get_all_post_attachements ) as $post_id ) {
+                                        // Retrieve the post object by ID
+                                        $post = get_post( absint( $post_id ) );
+                                // Check if the post exists
+                                if ($post) {
+                                        // Get the GUID of the post and push it into the array
+                                        $post_guids[] = $post;
+                                        // Check if the post exists
+                                        if ( $post ) {
+                                                // Get the GUID of the post and push it into the array
+                                                $post_guids[] = $post;
+                                        }
+                                }
+                        }
+                        if ( empty( $post_guids ) ) {
+                                return '<p>No images found in this gallery.</p>';
+                        }

spartan-gallery/tags/1.4.0/admin/class-spartan-gallery-admin.php

-              r3204032
+              r3619020
                 $this->plugin_name = $plugin_name;
                 $this->version = $version;
-                // Hook into plugin activation
-                add_action( 'admin_init', array($this,'spartan_gallery_check_and_install_redux' ));
-                add_action( 'plugins_loaded', array($this,'spartan_gallery_load_redux' ));
+        }
 …
-        public function spartan_gallery_check_and_install_redux()
+        {
-                // Ensure WordPress is loaded
-                if ( ! function_exists( 'wp_generate_password' ) ) {
-                        error_log( 'WordPress not fully loaded. Aborting Redux installation.' );
-                        return;
+                }
-                if ( ! class_exists( 'ReduxFramework' ) ) {
-                        require_once ABSPATH . 'wp-admin/includes/plugin-install.php';
-                        require_once ABSPATH . 'wp-admin/includes/file.php';
-                        require_once ABSPATH . 'wp-admin/includes/misc.php';
-                        require_once ABSPATH . 'wp-admin/includes/class-wp-upgrader.php';
-                        // Get plugin information for Redux Framework
-                        $plugin_slug = 'redux-framework';
-                        $plugin_info = plugins_api( 'plugin_information', array( 'slug' => $plugin_slug ) );
-                        if ( is_wp_error( $plugin_info ) ) {
-                                error_log( 'Error fetching Redux Framework plugin info: ' . $plugin_info->get_error_message() );
-                                return;
+                        }
-                        $download_link = $plugin_info->download_link;
-                        $upgrader = new Plugin_Upgrader();
-                        $installed = $upgrader->install( $download_link );
-                        if ( $installed ) {
-                                $plugin_file = WP_PLUGIN_DIR . "/$plugin_slug/$plugin_slug.php";
-                                if ( file_exists( $plugin_file ) ) {
-                                        activate_plugin( $plugin_file );
-                                } else {
-                                        error_log( 'Redux Framework installation failed: Plugin file not found.' );
+                                }
-                        } else {
-                                error_log( 'Redux Framework installation failed: Unable to download or install the plugin.' );
+                        }
+                }
+        }
-        // Load Redux Framework after all plugins are loaded
-        public function spartan_gallery_load_redux() {
-                // Check if Redux Framework is installed and active
-                if ( class_exists( 'ReduxFramework' ) )
+                {
-                        // Path to Redux plugin's main file
-                        $redux_plugin_file = WP_PLUGIN_DIR . '/redux-framework/redux-framework.php';
-                        if ( file_exists( $redux_plugin_file ) ) {
-                                include_once $redux_plugin_file;
-                                // Now include your Redux configuration file
-                                //require_once plugin_dir_path( __FILE__ ) . 'redux-config.php';
-                                require_once plugin_dir_path( dirname( __FILE__ ) ) . 'admin/class-spartan-gallery-options.php';
-                        } else {
-                                error_log( 'Redux Framework plugin is not installed or not found in the plugins directory.' );
+                        }
+                }
+        }
+}

spartan-gallery/tags/1.4.0/admin/class-spartan-gallery-metaboxes.php

-              r2145680
+              r3619020
 */
 if ( ! defined( 'WPINC' ) ) {
     die;
+}
 function spartan_gallery_meta_box_add()
 …
     add_meta_box( 'new-spartan-gallery-box', 'Shortcode', 'spartan_gallery_paybal_meta_box_cb', 'spartan_gallery_type', 'normal', 'low' );
+}
 add_action( 'add_meta_boxes', 'spartan_gallery_meta_box_add' );
 function spartan_gallery_paybal_meta_box_cb()
+{
+    $gallery_id = absint( get_the_ID() );
 ?>
+  <div >
+  <div>
       <div class="postbox">
+          <h3 style="border-bottom: 1px solid #EEE;background: #f7f7f7;"><span class="tcode"><?php _e("Shortcode", "easy-textillate"); ?></span></h3>
+          <h3 style="border-bottom: 1px solid #EEE;background: #f7f7f7;"><span class="tcode"><?php esc_html_e( 'Shortcode', 'spartan-gallery' ); ?></span></h3>
           <div class="inside" style="padding-bottom:20px;display: block;">
+          <table width="100%">
+          <tr><td>
+           <p><code style="color:#A71D5D;" >[spartan_gallery  id='<?php print_r(get_the_ID()); ?>']</code></p>
+          </td>
+          <td width="50px" style="align:right;">
+           </td></tr>
+           </table>
+              <table width="100%">
+              <tr><td>
+                  <p><code style="color:#A71D5D;">[spartan_gallery id='<?php echo esc_html( $gallery_id ); ?>']</code></p>
+              </td></tr>
+              </table>
           </div>
       </div>
       <div class="postbox">
           <h3 style="border-bottom: 1px solid #EEE;background: #f7f7f7;"><span class="tcode"><?php _e("PHP code", "easy-textillate"); ?></span></h3>
+          <h3 style="border-bottom: 1px solid #EEE;background: #f7f7f7;"><span class="tcode"><?php esc_html_e( 'PHP code', 'spartan-gallery' ); ?></span></h3>
           <div class="inside" style="padding-bottom:20px;display: block;">
+          <table width="100%">
+          <tr><td>
+            <p><code style="color:#A71D5D;" >echo do_shortcode("[spartan_gallery id='<?php print_r(get_the_ID()); ?>']");</code></p>
+           </td>
+          <td width="50px" style="align:right;">
+           </td></tr>
+           </table>
+              <table width="100%">
+              <tr><td>
+                  <p><code style="color:#A71D5D;">echo do_shortcode("[spartan_gallery id='<?php echo esc_html( $gallery_id ); ?>']");</code></p>
+              </td></tr>
+              </table>
           </div>
       </div>
       <div class="postbox">
           <h3 style="border-bottom: 1px solid #EEE;background: #f7f7f7;"><span class="tcode"><?php _e("Do you like this plugin ?", "easy-textillate"); ?></span></h3>
+          <h3 style="border-bottom: 1px solid #EEE;background: #f7f7f7;"><span class="tcode"><?php esc_html_e( 'Do you like this plugin?', 'spartan-gallery' ); ?></span></h3>
           <div class="inside" style="display: block;">
+              <img src="<?php echo plugin_dir_url( '' ) . 'spartan-gallery/admin/img/index.jpeg'; ?>" title="<?php _e("buy me a coffee", "easy-textillate"); ?>" style=" margin: 5px; float:left;" />
+              <p><?php _e("Hi! I'm <strong>Freelancer Martin</strong>, developer of this plugin.", "easy-textillate"); ?></p>
+              <p><?php _e("I've been spending many hours to develop this plugin.", "easy-textillate"); ?> <br />
+              <?php _e("If you like and use this plugin and would like to see future development, you can <strong>buy me a cup of coffee</strong>.", "easy-textillate"); ?></p>
+              <img src="<?php echo esc_url( plugin_dir_url( '' ) . 'spartan-gallery/admin/img/index.jpeg' ); ?>" title="<?php esc_attr_e( 'buy me a coffee', 'spartan-gallery' ); ?>" style="margin: 5px; float:left;" />
+              <p><?php esc_html_e( "Hi! I'm Freelancer Martin, developer of this plugin.", 'spartan-gallery' ); ?></p>
+              <p><?php esc_html_e( "I've been spending many hours to develop this plugin.", 'spartan-gallery' ); ?><br />
+              <?php esc_html_e( 'If you like and use this plugin and would like to see future development, you can buy me a cup of coffee.', 'spartan-gallery' ); ?></p>
               <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=CVJ7GE7QM5F3N" target="_blank" rel="nofollow"><img src="https://www.paypal.com/en_US/i/btn/x-click-but21.gif" alt="" /></a>
               <div style="clear:both;"></div>
        </div>
+          </div>
+      </div>
   </div>
 <?php
+}

spartan-gallery/tags/1.4.0/admin/class-spartan-gallery-options.php

-              r3204032
+              r3619020
 <?php
+if ( ! class_exists( 'Redux' ) ) {
+    return;
+/**
+ * Spartan Gallery Options metabox.
+ *
+ * Native WordPress replacement for the previous Redux Framework options panel.
+ * Renders the same sections/fields and writes to the exact same post_meta keys
+ * the rest of the plugin (public/html-cointainer-outputs/*, spartan-gallery-styles.php)
+ * already reads, so no other file needed to change.
+ *
+ * @package Spartan_Gallery
+ * @subpackage Spartan_Gallery/admin
+ */
+if ( ! defined( 'WPINC' ) ) {
+        die;
+}
+$opt_name = 'spartan_gallery_options';
+/*
+$args = array(
+    'opt_name'             => $opt_name,
+    'display_name'         => 'My Plugin Options',
+    'menu_title'           => 'My Plugin Settings',
+    'page_title'           => 'My Plugin Options',
+    'admin_bar'            => true,
+    'menu_type'            => 'menu',
+    'allow_sub_menu'       => true,
+    'page_parent_post_type' => 'spartan_gallery_type',
+    'customizer'           => true,
+);
+*/
+Redux::setArgs( $opt_name/*, $args*/ );
+// Example Section
+Redux::setSection( $opt_name, array(
+    'title'  => 'General Settings',
+    //'id'     => 'general',
+    'desc'   => 'Basic settings for your plugin.',
+) );
+// Change this variable to the opt_name of YOUR project.
+//$opt_name = 'your_opt_name';
+/*
+// Standard metabox.
+Redux_Metaboxes::set_box(
+        $opt_name,
+        array(
+                'id'         => 'opt-metaboxes',
+                'title'      => esc_html__( 'Metabox Options', 'your-textdomain-here' ),
+                'post_types' => array( 'spartan_gallery_type' ),
+                'position'   => 'normal', // normal, advanced, side.
+                'priority'   => 'high',   // high, core, default, low.
+                'sections'   => array(
+class Spartan_Gallery_Options {
+        const POST_TYPE = 'spartan_gallery_type';
+        const NONCE_ACTION = 'spartan_gallery_options_save';
+        const NONCE_NAME   = 'spartan_gallery_options_nonce';
+        public static function init() {
+                add_action( 'add_meta_boxes', array( __CLASS__, 'add_meta_box' ) );
+                add_action( 'save_post', array( __CLASS__, 'save' ) );
+                add_action( 'admin_enqueue_scripts', array( __CLASS__, 'enqueue_assets' ) );
+        }
+        public static function add_meta_box() {
+                add_meta_box(
+                        'spartan-gallery-options',
+                        esc_html__( 'Spartan Gallery Options', 'spartan-gallery' ),
+                        array( __CLASS__, 'render' ),
+                        self::POST_TYPE,
+                        'normal',
+                        'high'
+                );
+        }
+        public static function enqueue_assets( $hook ) {
+                if ( ! in_array( $hook, array( 'post.php', 'post-new.php' ), true ) ) {
+                        return;
+                }
+                $screen = get_current_screen();
+                if ( ! $screen || self::POST_TYPE !== $screen->post_type ) {
+                        return;
+                }
+                wp_enqueue_style( 'wp-color-picker' );
+                wp_enqueue_style(
+                        'spartan-gallery-options',
+                        plugin_dir_url( __FILE__ ) . 'css/spartan-gallery-options.css',
+                        array( 'wp-color-picker' ),
+                        PLUGIN_NAME_VERSION
+                );
+                wp_enqueue_media();
+                wp_enqueue_script( 'jquery-ui-slider' );
+                wp_enqueue_script( 'jquery-ui-spinner' );
+                wp_enqueue_script( 'wp-color-picker' );
+                $cm_settings = wp_enqueue_code_editor( array( 'type' => 'text/css' ) );
+                wp_enqueue_script(
+                        'spartan-gallery-options',
+                        plugin_dir_url( __FILE__ ) . 'js/spartan-gallery-options.js',
+                        array( 'jquery', 'jquery-ui-slider', 'jquery-ui-spinner', 'wp-color-picker', 'media-editor' ),
+                        PLUGIN_NAME_VERSION,
+                        true
+                );
+                wp_localize_script(
+                        'spartan-gallery-options',
+                        'sgOptionsData',
                         array(
+                                'title'  => esc_html__( 'Basic Field', 'your-textdomain-here' ),
+                                'id'     => 'opt-basic-fields',
+                                'desc'   => esc_html__( 'Redux Framework was created with the developer in mind. It allows for any theme developer to have an advanced theme panel with most of the features a developer would need. For more information check out the Github repo at:', 'your-textdomain-here' ) . '  <a href="https://github.com/ReduxFramework/Redux-Framework">https://github.com/ReduxFramework/Redux-Framework</a>',
+                                'icon'   => 'el-icon-cogs',
+                                'fields' => array(
+                                        array(
+                                                'id'       => 'opt-checkbox',
+                                                'type'     => 'checkbox',
+                                                'title'    => esc_html__( 'Checkbox', 'your-textdomain-here' ),
+                                                'subtitle' => esc_html__( 'Basic Checkbox field.', 'your-textdomain-here' ),
+                                                'default'  => true,
+                                        ),
+                                        array(
+                                                'id'       => 'switch-on',
+                                                'type'     => 'switch',
+                                                'title'    => esc_html__( 'Switch On', 'your-textdomain-here' ),
+                                                'subtitle' => esc_html__( 'Look, it\'s on!', 'your-textdomain-here' ),
+                                                'default'  => 1,
+                                        ),
+                                ),
+                        ),
+                                'codeEditor' => $cm_settings,
+                                'mediaTitle' => esc_html__( 'Select gallery images', 'spartan-gallery' ),
+                                'mediaButton' => esc_html__( 'Use selected images', 'spartan-gallery' ),
+                        )
+                );
+        }
+        private static function meta( $post_id, $key, $default = '' ) {
+                // metadata_exists(), not an emptiness check: update_post_meta() legitimately
+                // stores '' when a checkbox is unchecked, and that must NOT be treated the
+                // same as "never saved, show the default" or unchecked switches could never
+                // actually be turned off.
+                if ( ! metadata_exists( 'post', $post_id, $key ) ) {
+                        return $default;
+                }
+                return get_post_meta( $post_id, $key, true );
+        }
+        private static function tabs() {
+                return array(
+                        'layout'    => array( esc_html__( 'Gallery Layout Options', 'spartan-gallery' ), 'dashicons-layout' ),
+                        'upload'    => array( esc_html__( 'Upload Images', 'spartan-gallery' ), 'dashicons-format-gallery' ),
+                        'image'     => array( esc_html__( 'Image Options', 'spartan-gallery' ), 'dashicons-admin-generic' ),
+                        'container' => array( esc_html__( 'Gallery Container Settings', 'spartan-gallery' ), 'dashicons-admin-appearance' ),
+                        'css'       => array( esc_html__( 'Insert Custom CSS', 'spartan-gallery' ), 'dashicons-editor-code' ),
+                );
+        }
+        private static function render_nav( $active ) {
+                echo '<div class="sg-options-nav">';
+                foreach ( self::tabs() as $id => $tab ) {
+                        list( $label, $icon ) = $tab;
+                        $class = 'sg-options-nav-item' . ( $id === $active ? ' active' : '' );
+                        echo '<button type="button" class="' . esc_attr( $class ) . '" data-panel="' . esc_attr( $id ) . '">';
+                        echo '<span class="dashicons ' . esc_attr( $icon ) . '"></span>';
+                        echo '<span class="sg-nav-label">' . esc_html( $label ) . '</span>';
+                        echo '</button>';
+                }
+                echo '</div>';
+        }
+        private static function section_open( $id, $title, $desc = '' ) {
+                $active = ( 'layout' === $id );
+                echo '<div class="sg-options-panel' . ( $active ? ' active' : '' ) . '" data-panel="' . esc_attr( $id ) . '">';
+                echo '<h3 class="sg-options-section-title">' . esc_html( $title ) . '</h3>';
+                if ( $desc ) {
+                        echo '<p class="sg-options-section-desc">' . wp_kses_post( $desc ) . '</p>';
+                }
+                echo '<table class="form-table sg-options-table"><tbody>';
+        }
+        private static function section_close() {
+                echo '</tbody></table></div>';
+        }
+        private static function row_open( $label, $for = '' ) {
+                echo '<tr><th scope="row">';
+                if ( $for ) {
+                        echo '<label for="' . esc_attr( $for ) . '">' . esc_html( $label ) . '</label>';
+                } else {
+                        echo esc_html( $label );
+                }
+                echo '</th><td>';
+        }
+        private static function row_close( $desc = '' ) {
+                if ( $desc ) {
+                        echo '<p class="description">' . wp_kses_post( $desc ) . '</p>';
+                }
+                echo '</td></tr>';
+        }
+        public static function render( $post ) {
+                wp_nonce_field( self::NONCE_ACTION, self::NONCE_NAME );
+                $gallery_id = $post->ID;
+                echo '<div class="sg-options-wrap">';
+                self::render_nav( 'layout' );
+                echo '<div class="sg-options-content">';
+                // Section 1: Gallery Layout Options.
+                self::section_open( 'layout', esc_html__( 'Gallery Layout Options', 'spartan-gallery' ) );
+                $layout = self::meta( $gallery_id, 'image_layout_select', 'value-1' );
+                $layouts = array(
+                        'value-1' => array( esc_html__( 'Freewall Chaotic', 'spartan-gallery' ), 'FlexFreewallTable.png' ),
+                        'value-2' => array( esc_html__( 'Random', 'spartan-gallery' ), 'ImageFreewallGrid.png' ),
+                        'value-3' => array( esc_html__( 'Fixed', 'spartan-gallery' ), 'NestedFreewallGrid.png' ),
+                        'value-4' => array( esc_html__( 'Pinterest', 'spartan-gallery' ), 'PinterestFreewallGrid.png' ),
+                        'value-5' => array( esc_html__( 'Hexagon', 'spartan-gallery' ), 'hexagon_layout.jpg' ),
+                        'value-6' => array( esc_html__( '3D Slider', 'spartan-gallery' ), 'spartan_3D_layout.png' ),
+                );
+                echo '<tr><td colspan="2">';
+                echo '<p class="description">' . esc_html__( 'Gallery layout looks exactly like the preview image. To change the aspect ratio, select the third layout, turn "Display Adjustable Image" ON under Image Options, and turn "Display thumbnail size" OFF. Width/height only apply to the third and sixth layouts; other layouts size images randomly for the grid.', 'spartan-gallery' ) . '</p>';
+                echo '<div class="sg-image-select">';
+                foreach ( $layouts as $value => $data ) {
+                        list( $label, $file ) = $data;
+                        $img_url = plugins_url( 'img/' . $file, __FILE__ );
+                        $checked = checked( $layout, $value, false );
+                        echo '<label class="sg-image-select-option' . ( $layout === $value ? ' selected' : '' ) . '">';
+                        echo '<input type="radio" name="image_layout_select" value="' . esc_attr( $value ) . '" ' . $checked . ' />';
+                        echo '<img src="' . esc_url( $img_url ) . '" alt="' . esc_attr( $label ) . '" />';
+                        echo '<span>' . esc_html( $label ) . '</span>';
+                        echo '</label>';
+                }
+                echo '</div>';
+                echo '</td></tr>';
+                self::section_close();
+                // Section 2: Upload Images.
+                self::section_open( 'upload', esc_html__( 'Upload Images', 'spartan-gallery' ) );
+                $uploaded_ids = self::meta( $gallery_id, 'spartan_gallery_uploaded_images', '' );
+                self::row_open( esc_html__( 'Upload', 'spartan-gallery' ) );
+                echo '<input type="hidden" id="spartan_gallery_uploaded_images" name="spartan_gallery_uploaded_images" value="' . esc_attr( $uploaded_ids ) . '" />';
+                echo '<div id="sg-gallery-preview" class="sg-gallery-preview">';
+                if ( ! empty( $uploaded_ids ) ) {
+                        foreach ( explode( ',', $uploaded_ids ) as $att_id ) {
+                                $att_id = absint( $att_id );
+                                if ( ! $att_id ) {
+                                        continue;
+                                }
+                                $thumb = wp_get_attachment_image_src( $att_id, 'thumbnail' );
+                                if ( $thumb ) {
+                                        echo '<span class="sg-gallery-thumb" data-id="' . esc_attr( $att_id ) . '"><img src="' . esc_url( $thumb[0] ) . '" /><a href="#" class="sg-gallery-remove" title="' . esc_attr__( 'Remove', 'spartan-gallery' ) . '">&times;</a></span>';
+                                }
+                        }
+                }
+                echo '</div>';
+                echo '<p><button type="button" class="button" id="sg-gallery-select">' . esc_html__( 'Select / Manage Images', 'spartan-gallery' ) . '</button></p>';
+                self::row_close();
+                self::section_close();
+                // Section 3: Image Options.
+                self::section_open( 'image', esc_html__( 'Image Options', 'spartan-gallery' ) );
+                self::row_open( esc_html__( 'Display Adjustable Image', 'spartan-gallery' ), 'display_original' );
+                $display_original = self::meta( $gallery_id, 'display_original', '' );
+                echo '<label class="sg-switch"><input type="checkbox" id="display_original" name="display_original" value="1" ' . checked( $display_original, '1', false ) . ' /> ' . esc_html__( 'Enabled', 'spartan-gallery' ) . '</label>';
+                self::row_close( esc_html__( '"Display thumbnail size" can\'t be turned on when this setting is turned on.', 'spartan-gallery' ) );
+                self::row_open( esc_html__( 'Image width (PX)', 'spartan-gallery' ), 'image_width' );
+                $image_width = self::meta( $gallery_id, 'image_width', 150 );
+                echo '<div class="sg-slider" id="image_width_slider" data-target="image_width" data-min="0" data-max="2000" data-step="1"></div>';
+                echo '<input type="text" class="sg-slider-value" id="image_width" name="image_width" value="' . esc_attr( $image_width ) . '" readonly="readonly" />';
+                self::row_close();
+                self::row_open( esc_html__( 'Image height (PX)', 'spartan-gallery' ), 'image_height' );
+                $image_height = self::meta( $gallery_id, 'image_height', 150 );
+                echo '<div class="sg-slider" id="image_height_slider" data-target="image_height" data-min="0" data-max="2000" data-step="1"></div>';
+                echo '<input type="text" class="sg-slider-value" id="image_height" name="image_height" value="' . esc_attr( $image_height ) . '" readonly="readonly" />';
+                self::row_close();
+                self::row_open( esc_html__( 'Img measure value', 'spartan-gallery' ), 'image_measure_value' );
+                $measure = self::meta( $gallery_id, 'image_measure_value', 'px' );
+                echo '<select id="image_measure_value" name="image_measure_value">';
+                foreach ( array( 'px' => 'px', '%' => '%', 'vh' => 'vh/vw', 'rem' => 'rem' ) as $val => $label ) {
+                        echo '<option value="' . esc_attr( $val ) . '" ' . selected( $measure, $val, false ) . '>' . esc_html( $label ) . '</option>';
+                }
+                echo '</select>';
+                self::row_close();
+                self::row_open( esc_html__( 'Display thumbnail size', 'spartan-gallery' ), 'thumbnail_options' );
+                $thumb_opt = self::meta( $gallery_id, 'thumbnail_options', '1' );
+                echo '<label class="sg-switch"><input type="checkbox" id="thumbnail_options" name="thumbnail_options" value="1" ' . checked( $thumb_opt, '1', false ) . ' /> ' . esc_html__( 'Enabled', 'spartan-gallery' ) . '</label>';
+                self::row_close( esc_html__( '"Display Adjustable Image" can\'t be turned on when this setting is turned on.', 'spartan-gallery' ) );
+                self::row_open( esc_html__( 'Select Thumbnail Size', 'spartan-gallery' ), 'thumbnail_size' );
+                $thumb_size = self::meta( $gallery_id, 'thumbnail_size', 'medium_large' );
+                $thumb_sizes = array(
+                        'thumbnail'    => esc_html__( 'Thumbnail (default 150px x 150px max)', 'spartan-gallery' ),
+                        'medium'       => esc_html__( 'Medium resolution (default 300px x 300px max)', 'spartan-gallery' ),
+                        'medium_large' => esc_html__( 'Medium Large resolution (default 768px x 0px max)', 'spartan-gallery' ),
+                        'large'        => esc_html__( 'Large resolution (default 1024px x 1024px max)', 'spartan-gallery' ),
+                        'original'     => esc_html__( 'Original image resolution (unmodified)', 'spartan-gallery' ),
+                );
+                echo '<select id="thumbnail_size" name="thumbnail_size">';
+                foreach ( $thumb_sizes as $val => $label ) {
+                        echo '<option value="' . esc_attr( $val ) . '" ' . selected( $thumb_size, $val, false ) . '>' . esc_html( $label ) . '</option>';
+                }
+                echo '</select>';
+                self::row_close();
+                self::row_open( esc_html__( 'Image Margin (PX)', 'spartan-gallery' ), 'img_margin' );
+                $img_margin = self::meta( $gallery_id, 'img_margin', 20 );
+                echo '<input type="text" class="sg-spinner" id="img_margin" name="img_margin" value="' . esc_attr( $img_margin ) . '" data-min="0" data-max="100" data-step="1" />';
+                self::row_close();
+                self::section_close();
+                // Section 5: Gallery Container Settings.
+                self::section_open( 'container', esc_html__( 'Gallery Container Settings', 'spartan-gallery' ) );
+                self::row_open( esc_html__( 'Turn settings On/Off', 'spartan-gallery' ), 'container_settings_on_off' );
+                $container_on = self::meta( $gallery_id, 'container_settings_on_off', '' );
+                echo '<label class="sg-switch"><input type="checkbox" id="container_settings_on_off" name="container_settings_on_off" value="1" ' . checked( $container_on, '1', false ) . ' /> ' . esc_html__( 'Enabled', 'spartan-gallery' ) . '</label>';
+                self::row_close();
+                self::row_open( esc_html__( 'Container dimensions (Width/Height)', 'spartan-gallery' ) );
+                $dims = self::meta( $gallery_id, 'container_height_width_range', array() );
+                $dims = wp_parse_args(
+                        is_array( $dims ) ? $dims : array(),
+                        array( 'width' => '200px', 'height' => '' )
+                );
+                list( $w_num, $w_unit ) = self::split_length( $dims['width'], '200', 'px' );
+                list( $h_num, $h_unit ) = self::split_length( $dims['height'], '', 'px' );
+                echo '<div class="sg-dimensions">';
+                echo '<span><label>' . esc_html__( 'Width', 'spartan-gallery' ) . '</label> <input type="text" name="container_width_num" value="' . esc_attr( $w_num ) . '" size="6" /> ';
+                echo self::unit_select( 'container_width_unit', $w_unit );
+                echo '</span> <span><label>' . esc_html__( 'Height', 'spartan-gallery' ) . '</label> <input type="text" name="container_height_num" value="' . esc_attr( $h_num ) . '" size="6" /> ';
+                echo self::unit_select( 'container_height_unit', $h_unit );
+                echo '</span>';
+                echo '</div>';
+                self::row_close();
+                self::row_open( esc_html__( 'Background Color', 'spartan-gallery' ), 'container_background_color' );
+                $container_bg = self::meta( $gallery_id, 'container_background_color', '#FFFFFF' );
+                echo '<input type="text" class="sg-color-field" id="container_background_color" name="container_background_color" value="' . esc_attr( $container_bg ) . '" data-default-color="#FFFFFF" />';
+                self::row_close();
+                self::row_open( esc_html__( 'Border Option', 'spartan-gallery' ) );
+                $border = self::meta( $gallery_id, 'container_border', array() );
+                $border = wp_parse_args(
+                        is_array( $border ) ? $border : array(),
                         array(
+                                'title'      => esc_html__( 'Text Field', 'your-textdomain-here' ),
+                                'desc'       => esc_html__( 'Redux Framework was created with the developer in mind. It allows for any theme developer to have an advanced theme panel with most of the features a developer would need. For more information check out the Github repo at:', 'your-textdomain-here' ) . '  <a href="https://github.com/ReduxFramework/Redux-Framework">https://github.com/ReduxFramework/Redux-Framework</a>',
+                                'icon'       => 'el-icon-cog',
+                                'id'         => 'opt-text-fields',
+                                'subsection' => true,
+                                'fields'     => array(
+                                        array(
+                                                'title' => esc_html__( 'Text Field', 'your-textdomain-here' ),
+                                                'id'    => 'opt-text',
+                                                'type'  => 'text',
+                                        ),
+                                ),
+                        ),
+                                'border-color'  => '#000000',
+                                'border-style'  => 'none',
+                                'border-top'    => '',
+                                'border-right'  => '',
+                                'border-bottom' => '',
+                                'border-left'   => '',
+                        )
+                );
+                echo '<div class="sg-border">';
+                echo '<span><label>' . esc_html__( 'Style', 'spartan-gallery' ) . '</label> <select name="container_border[border-style]">';
+                foreach ( array( 'none', 'solid', 'dashed', 'dotted', 'double', 'groove', 'ridge', 'inset', 'outset' ) as $style ) {
+                        echo '<option value="' . esc_attr( $style ) . '" ' . selected( $border['border-style'], $style, false ) . '>' . esc_html( $style ) . '</option>';
+                }
+                echo '</select></span> ';
+                echo '<span><label>' . esc_html__( 'Color', 'spartan-gallery' ) . '</label> <input type="text" class="sg-color-field" name="container_border[border-color]" value="' . esc_attr( $border['border-color'] ) . '" data-default-color="#000000" /></span>';
+                echo '<div class="sg-border-widths">';
+                $border_sides = array(
+                        'border-top'    => __( 'Top', 'spartan-gallery' ),
+                        'border-right'  => __( 'Right', 'spartan-gallery' ),
+                        'border-bottom' => __( 'Bottom', 'spartan-gallery' ),
+                        'border-left'   => __( 'Left', 'spartan-gallery' ),
+                );
+                foreach ( $border_sides as $side => $side_label ) {
+                        echo '<span><label>' . esc_html( $side_label ) . '</label> <input type="text" name="container_border[' . esc_attr( $side ) . ']" value="' . esc_attr( $border[ $side ] ) . '" size="6" placeholder="e.g. 1px" /></span>';
+                }
+                echo '</div>';
+                echo '</div>';
+                self::row_close( esc_html__( 'Only applies when "Turn settings On/Off" above is enabled.', 'spartan-gallery' ) );
+                self::section_close();
+                // Section 6: Insert Custom CSS.
+                self::section_open( 'css', esc_html__( 'Insert Custom CSS', 'spartan-gallery' ) );
+                self::row_open( esc_html__( 'CSS Code', 'spartan-gallery' ), 'add_extra_css' );
+                $extra_css = self::meta( $gallery_id, 'add_extra_css', '' );
+                echo '<textarea id="add_extra_css" name="add_extra_css" rows="10" class="large-text code">' . esc_textarea( $extra_css ) . '</textarea>';
+                self::row_close( esc_html__( 'Paste your CSS code here. The gallery container HTML class is .spartan-gallery-wrapper', 'spartan-gallery' ) );
+                self::section_close();
+                echo '</div>'; // .sg-options-content
+                echo '</div>'; // .sg-options-wrap
+        }
+        private static function split_length( $value, $default_num, $default_unit ) {
+                $value = trim( (string) $value );
+                if ( '' === $value ) {
+                        return array( $default_num, $default_unit );
+                }
+                if ( preg_match( '/^(-?[0-9.]+)(px|em|rem|%|vh|vw)?$/', $value, $m ) ) {
+                        return array( $m[1], isset( $m[2] ) ? $m[2] : $default_unit );
+                }
+                return array( $default_num, $default_unit );
+        }
+        private static function unit_select( $name, $selected_unit ) {
+                $out = '<select name="' . esc_attr( $name ) . '">';
+                foreach ( array( 'px', 'em', 'rem', '%' ) as $unit ) {
+                        $out .= '<option value="' . esc_attr( $unit ) . '" ' . selected( $selected_unit, $unit, false ) . '>' . esc_html( $unit ) . '</option>';
+                }
+                $out .= '</select>';
+                return $out;
+        }
+        public static function save( $post_id ) {
+                if ( defined( 'DOING_AUTOSAVE' ) && DOING_AUTOSAVE ) {
+                        return;
+                }
+                if ( ! isset( $_POST[ self::NONCE_NAME ] ) || ! wp_verify_nonce( wp_unslash( $_POST[ self::NONCE_NAME ] ), self::NONCE_ACTION ) ) {
+                        return;
+                }
+                if ( get_post_type( $post_id ) !== self::POST_TYPE ) {
+                        return;
+                }
+                if ( ! current_user_can( 'edit_post', $post_id ) ) {
+                        return;
+                }
+                $layout = isset( $_POST['image_layout_select'] ) ? sanitize_text_field( wp_unslash( $_POST['image_layout_select'] ) ) : 'value-1';
+                if ( ! in_array( $layout, array( 'value-1', 'value-2', 'value-3', 'value-4', 'value-5', 'value-6' ), true ) ) {
+                        $layout = 'value-1';
+                }
+                update_post_meta( $post_id, 'image_layout_select', $layout );
+                if ( isset( $_POST['spartan_gallery_uploaded_images'] ) ) {
+                        $ids = array_filter( array_map( 'absint', explode( ',', wp_unslash( $_POST['spartan_gallery_uploaded_images'] ) ) ) );
+                        update_post_meta( $post_id, 'spartan_gallery_uploaded_images', implode( ',', $ids ) );
+                }
+                update_post_meta( $post_id, 'display_original', isset( $_POST['display_original'] ) ? '1' : '' );
+                update_post_meta( $post_id, 'thumbnail_options', isset( $_POST['thumbnail_options'] ) ? '1' : '' );
+                update_post_meta( $post_id, 'container_settings_on_off', isset( $_POST['container_settings_on_off'] ) ? '1' : '' );
+                update_post_meta( $post_id, 'image_width', isset( $_POST['image_width'] ) ? min( 2000, absint( $_POST['image_width'] ) ) : 150 );
+                update_post_meta( $post_id, 'image_height', isset( $_POST['image_height'] ) ? min( 2000, absint( $_POST['image_height'] ) ) : 150 );
+                update_post_meta( $post_id, 'img_margin', isset( $_POST['img_margin'] ) ? min( 100, absint( $_POST['img_margin'] ) ) : 20 );
+                $measure = isset( $_POST['image_measure_value'] ) ? sanitize_text_field( wp_unslash( $_POST['image_measure_value'] ) ) : 'px';
+                update_post_meta( $post_id, 'image_measure_value', in_array( $measure, array( 'px', '%', 'vh', 'rem' ), true ) ? $measure : 'px' );
+                $thumb_size = isset( $_POST['thumbnail_size'] ) ? sanitize_text_field( wp_unslash( $_POST['thumbnail_size'] ) ) : 'medium_large';
+                update_post_meta( $post_id, 'thumbnail_size', in_array( $thumb_size, array( 'thumbnail', 'medium', 'medium_large', 'large', 'original' ), true ) ? $thumb_size : 'medium_large' );
+                $container_bg = isset( $_POST['container_background_color'] ) ? sanitize_hex_color( wp_unslash( $_POST['container_background_color'] ) ) : '';
+                update_post_meta( $post_id, 'container_background_color', $container_bg ? $container_bg : '#FFFFFF' );
+                $w_num  = isset( $_POST['container_width_num'] ) ? sanitize_text_field( wp_unslash( $_POST['container_width_num'] ) ) : '';
+                $w_unit = isset( $_POST['container_width_unit'] ) ? sanitize_text_field( wp_unslash( $_POST['container_width_unit'] ) ) : 'px';
+                $h_num  = isset( $_POST['container_height_num'] ) ? sanitize_text_field( wp_unslash( $_POST['container_height_num'] ) ) : '';
+                $h_unit = isset( $_POST['container_height_unit'] ) ? sanitize_text_field( wp_unslash( $_POST['container_height_unit'] ) ) : 'px';
+                update_post_meta(
+                        $post_id,
+                        'container_height_width_range',
                         array(
+                                'title'  => esc_html__( 'Color Field', 'your-textdomain-here' ),
+                                'desc'   => esc_html__( 'Redux Framework was created with the developer in mind. It allows for any theme developer to have an advanced theme panel with most of the features a developer would need. For more information check out the Github repo at:', 'your-textdomain-here' ) . '  <a href="https://github.com/ReduxFramework/Redux-Framework">https://github.com/ReduxFramework/Redux-Framework</a>',
+                                'icon'   => 'el-icon-pencil',
+                                'id'     => 'color-section',
+                                'fields' => array(
+                                        array(
+                                                'id'       => 'opt-color',
+                                                'type'     => 'color',
+                                                'title'    => esc_html__( 'Color Field', 'your-textdomain-here' ),
+                                                'default'  => '#333333',
+                                                'required' => array( 'opt-layout', '=', 'on' ),
+                                        ),
+                                ),
+                        ),
+                ),
+        )
+);
+// Metabox sidebar.
+Redux_Metaboxes::set_box(
+        $opt_name,
+        array(
+                'id'         => 'opt-metaboxes-3',
+                'post_types' => array( 'spartan_gallery_type' ),
+                'position'   => 'side', // normal, advanced, side.
+                'priority'   => 'high', // high, core, default, low.
+                'sections'   => array(
+                        array(
+                                'id'         => 'test-sidebar',
+                                'icon_class' => 'icon-large',
+                                'icon'       => 'el-icon-home',
+                                'fields'     => array(
+                                        array(
+                                                'id'      => 'sidebar',
+                                                'title'   => esc_html__( 'Sidebar', 'your-textdomain-here' ),
+                                                'desc'    => esc_html__( 'Please select the sidebar you would like to display on this page. Note: You must first create the sidebar under Appearance > Widgets.', 'your-textdomain-here' ),
+                                                'type'    => 'select',
+                                                'data'    => 'sidebars',
+                                                'default' => 'None',
+                                        ),
+                                ),
+                        ),
+                ),
+        )
+);
+*/
+// Standard metabox.
+Redux_Metaboxes::set_box(
+        $opt_name,
+        array(
+                'id'         => 'opt-metaboxes-4',
+                'title'      => esc_html__( 'Spartan Gallery Options', 'your-textdomain-here' ),
+                'post_types' => array( 'spartan_gallery_type' ), // Define post types where this metabox will appear
+                'position'   => 'normal', // normal, advanced, side.
+                'priority'   => 'high',   // high, core, default, low.
+                'sections'   => array(
+                        // Spartan Gallery First Section
+                        array(
+                                'title'  => esc_html__( 'Gallery Layout Options', 'your-textdomain-here' ),
+                                'id'     => 'spartan_gallery_first_section',
+                                'icon'   => 'fa-solid fa-bars',
+                                'fields' => array(
+                                        array(
+                                                'id'       => 'image_layout_select',
+                                                'type'     => 'image_select',
+                                                'title'    => esc_html__( 'Select Gallery Layout', 'your-textdomain-here' ),
+                                                'subtitle'      => esc_html__( 'Here you select layout of the gallery.
+                                                        Gallery layout looks exactly like on the image. If you wish to change the apect radio of gallery, select the
+                                                        third image and click "Display Adjustable Image" ON under "Image options" and switch "Display thumbnail size" OFF. From there you could change image width and height. This settings works
+                                                        only with third and sixth layout. In other layouts image size are generated randomly for the grid.', 'your-textdomain-here' ),
+                                                'options'  => array(
+                                                        'value-1' => plugins_url( '/img/FlexFreewallTable.png',  __FILE__ ),
+                                                        'value-2' => plugins_url( '/img/ImageFreewallGrid.png',  __FILE__ ),
+                                                        'value-3' => plugins_url( 'img/NestedFreewallGrid.png',  __FILE__ ),
+                                                        'value-4' => plugins_url( '/img/PinterestFreewallGrid.png',  __FILE__ ),
+                                                        'value-5' => plugins_url( '/img/hexagon_layout.jpg',  __FILE__ ),
+                                                        'value-6' => plugins_url( '/img/spartan_3D_layout.png',  __FILE__ ),
+                                                ),
+                                                'radio'    => true,
+                                                'default'  => 'value-1',
+                                        ),
+                                ),
+                        ),
+                        // Spartan Gallery Second Section
+                        array(
+                                'title'  => esc_html__( 'Upload Images', 'your-textdomain-here' ),
+                                'id'     => 'spartan_gallery_second_section',
+                                'icon'   => 'fa-regular fa-image',
+                                'fields' => array(
+                                        array(
+                                                'id'      => 'spartan_gallery_uploaded_images',
+                                                'type'    => 'gallery',
+                                                'title'   => esc_html__( 'Upload', 'your-textdomain-here' ),
+                                                'options' => array(
+                                                        'attach'      => true,
+                                                        'filecount'   => '101',
+                                                        'auto-upload' => true,
+                                                ),
+                                        ),
+                                ),
+                        ),
+                        // Image Options
+                        array(
+                                'title'  => esc_html__( 'Image Options', 'your-textdomain-here' ),
+                                'id'     => 'image_options',
+                                'icon'   => 'fa-solid fa-sliders',
+                                'fields' => array(
+                                        array(
+                                                'id'      => 'display_original',
+                                                'type'    => 'switch',
+                                                'title'   => esc_html__( 'Display Adjustable Image', 'your-textdomain-here' ),
+                                                'subtitle'      => esc_html__( '"Display thumbnail size" setting cant be turned on when when this setting is turned on', 'your-textdomain-here' ),
+                                                'default' => false,
+                                        ),
+                                        array(
+                                                'id'      => 'image_width',
+                                                'type'          => 'slider',
+                                                'title'         => esc_html__( 'Image width Steps (1) PX', 'your-textdomain-here' ),
+                                                //'subtitle'      => esc_html__( 'px', 'your-textdomain-here' ),
+                                                //'desc'          => esc_html__( 'Slider description. Min: 0, max: 800, step: 5, default value: 75', 'your-textdomain-here' ),
+                                                'default'       => 150,
+                                                'min'           => 0,
+                                                'step'          => 1,
+                                                'max'           => 2000,
+                                                'display_value' => 'text',
+                                                'output'        => array( '.site-content' => 'max-width' ),
+                                        ),
+                                        array(
+                                                'id'      => 'image_height',
+                                                'type'          => 'slider',
+                                                'title'         => esc_html__( 'Image height Steps (1) PX', 'your-textdomain-here' ),
+                                                //'subtitle'      => esc_html__( 'px', 'your-textdomain-here' ),
+                                                //'desc'          => esc_html__( 'Slider description. Min: 0, max: 800, step: 5, default value: 75', 'your-textdomain-here' ),
+                                                'default'       => 150,
+                                                'min'           => 0,
+                                                'step'          => 1,
+                                                'max'           => 2000,
+                                                'display_value' => 'text',
+                                                'output'        => array( '.site-content' => 'max-width' ),
+                                        ),
+                                        array(
+                                                'id'             => 'image_measure_value',
+                                                'type'           => 'select',
+                                                'title'          => esc_html__( 'Img measure value', 'your-textdomain-here' ),
+                                                'options'        => array(
+                                                        'px'   => 'px',
+                                                        '%'    => '%',
+                                                        'vh'   => 'vh/vw',
+                                                        'rem'  => 'rem',
+                                                ),
+                                                'default_option' => esc_html__( 'Select image measure value', 'your-textdomain-here' ),
+                                                'default'        => 'px',
+                                        ),
+                                        array(
+                                                'id'      => 'thumbnail_options',
+                                                'type'    => 'switch',
+                                                'title'   => esc_html__( 'Display thumbnail size', 'your-textdomain-here' ),
+                                                'subtitle'      => esc_html__( '"Display Adjustable Image " setting cant be turned on when when this setting is turned on', 'your-textdomain-here' ),
+                                                'default' => true,
+                                        ),
+                                        array(
+                                                'id'             => 'thumbnail_size',
+                                                'type'           => 'select',
+                                                'title'          => esc_html__( 'Select Thumbnail Size', 'your-textdomain-here' ),
+                                                'options'        => array(
+                                                        'thumbnail'      => 'Thumbnail (default 150px x 150px max)',
+                                                        'medium'         => 'Medium resolution (default 300px x 300px max)',
+                                                        'medium_large'   => 'Medium Large resolution (default 768px x 0px max)',
+                                                        'large'          => 'Large resolution (default 1024px x 1024px max)',
+                                                        'original'       => 'Original image resolution (unmodified)',
+                                                ),
+                                                'default_option' => esc_html__( 'Select Image Thumbnail Size', 'your-textdomain-here' ),
+                                                'default'        => 'medium_large',
+                                        ),
+                                        array(
+                                                'id'      => 'img_margin',
+                                                'type'     => 'spinner',
+                                                'title'    => esc_html__('Image Margin (PX)', 'your-textdomain-here'),
+                                                //'subtitle' => esc_html__('No validation can be done on this field type','your-textdomain-here'),
+                                                //'desc'     => esc_html__('JQuery UI spinner description. Min:20, max: 100, step:20, default value: 40', 'your-textdomain-here'),
+                                                'default'  => '20',
+                                                'min'      => '0',
+                                                'step'     => '1',
+                                                'max'      => '100',
+                                                //'output'   => array( '.content-area' => 'max-width' ),
+                                        ),
+                                        /*
+                                        array(
+                                                'id'      => 'img_border',
+                                                'type'     => 'border',
+                                                'title'    => esc_html__('Image Style Settings', 'your-project-name'),
+                                                //'subtitle' => esc_html__('Only color validation can be done on this field type', 'your-project-name'),
+                                                //'output'   => array('.site-header'),
+                                                'desc'     => esc_html__('This is the description field, again good for additional info.', 'your-project-name'),
+                                                'default'  => array(
+                                                        'border-color'  => ' ',
+                                                        'border-style'  => ' ',
+                                                        'border-top'    => ' ',
+                                                        'border-right'  => ' ',
+                                                        'border-bottom' => ' ',
+                                                        'border-left'   => ' '
+    )
+                                        ),
+                                        */
+                                ),
+                        ),
+                        // Button Style Options
+                        array(
+                                'title'  => esc_html__( 'Text Style Options', 'your-textdomain-here' ),
+                                'id'     => 'button_style_options',
+                                'icon'   => 'fa-solid fa-gears',
+                                'fields' => array(
+                                        array(
+                                                'id'      => 'display_text',
+                                                'type'    => 'switch',
+                                                'title'   => esc_html__( 'Display text under image', 'your-textdomain-here' ),
+                                                'default' => false,
+                                        ),
+                                        array(
+                                                'id'      => 'textbox_height_range',
+                                                'type'          => 'slider',
+                                                'title'         => esc_html__( 'Text conteiner height, value is in %', 'your-textdomain-here' ),
+                                                //'subtitle'      => esc_html__( 'px', 'your-textdomain-here' ),
+                                                //'desc'          => esc_html__( 'Slider description. Min: 0, max: 800, step: 5, default value: 75', 'your-textdomain-here' ),
+                                                'default'       => 50,
+                                                'min'           => 0,
+                                                'step'          => 1,
+                                                'max'           => 100,
+                                                'display_value' => 'text',
+                                                //'output'        => array( '.site-content' => 'max-width' ),
+                                        ),
+                                        array(
+                                                'id'     => 'info_background_color',
+                                                'type'     => 'color',
+                                                'title'    => esc_html__('Text box Background Color', 'your-textdomain-here'),
+                                                //'subtitle' => esc_html__('Pick a background color for the theme (default: #fff).', 'your-textdomain-here'),
+                                                'default'  => '#FFFFFF',
+                                                'validate' => 'color',
+                                        ),
+                                        array(
+                                                 'id'      => 'font_family',
+                                                'type'        => 'typography',
+                                                'title'       => esc_html__('Typography', 'your-textdomain-here'),
+                                                'google'      => true,
+                                                'font-backup' => false,
+                                                'font-subsets' => false,
+                                                //'output'      => array('h2.site-description'),
+                                                'units'       =>'px',
+                                                'subtitle'    => esc_html__('Text box typography.', 'your-textdomain-here'),
+                                                'default'     => array(
+                                                        'color'       => '#333',
+                                                        'font-style'  => '200',
+                                                        'font-family' => 'Abel',
+                                                        'google'      => true,
+                                                        'font-size'   => '9px',
+                                                        'line-height' => '0'
+                                                ),
+                                        ),
+                                ),
+                        ),
+                        array(
+                                'title'  => esc_html__( 'Gallery Container Settings', 'your-textdomain-here' ),
+                                'id'     => 'gallery_container_first_section',
+                                'icon'   => 'fa-solid fa-screwdriver-wrench',
+                                'fields' => array(
+                                        array(
+                                                'id'      => 'container_settings_on_off',
+                                                'type'    => 'switch',
+                                                'title'   => esc_html__( 'Turn settings On/Off', 'your-textdomain-here' ),
+                                                'default' => false,
+                                        ),
+                                        array(
+                                                'id'      => 'container_height_width_range',
+                                                'type'     => 'dimensions',
+                                                        'units'    => array('em','px','%'),
+                                                        'title'    => esc_html__('Container dimensions (Width/Height) Option', 'your-textdomain-here'),
+                                                        //'subtitle' => esc_html__('Allow your users to choose width, height, and/or unit.', 'your-textdomain-here'),
+                                                        //'desc'     => esc_html__('Enable or disable any piece of this field. Width, Height, or Units.', 'your-textdomain-here'),
+                                                        'output'   => array('.spartan-gallery-wrapper'),
+                                                        'default'  => array(
+                                                                'Width'   => '200',
+                                                                'Height'  => ''
+                                                        ),
+                                        ),
+                                        array(
+                                                'id'     => 'container_background_color',
+                                                'type'     => 'color',
+                                                'title'    => esc_html__('Background Color', 'your-textdomain-here'),
+                                                //'subtitle' => esc_html__('Pick a background color for the theme (default: #fff).', 'your-textdomain-here'),
+                                                //'output'   => array('.spartan-gallery-wrapper'),
+                                                'default'  => '#FFFFFF',
+                                                'validate' => 'color',
+                                        ),
+                                        array(
+                                                'id'     => 'container_border',
+                                                'type'     => 'border',
+                                                'title'    => esc_html__('Border Option', 'your-project-name'),
+                                                //'subtitle' => esc_html__('Only color validation can be done on this field type', 'your-project-name'),
+                                                //'output'   => array('.spartan-gallery-wrapper'),
+                                                //'desc'     => esc_html__('.spartan-gallery-wrapper'.', 'your-project-name'),
+                                                'default'  => array(
+                                                        'border-color'  => ' ',
+                                                        'border-style'  => 'none',
+                                                        'border-top'    => ' ',
+                                                        'border-right'  => ' ',
+                                                        'border-bottom' => ' ',
+                                                        'border-left'   => ' '
+                                                ),
+                                        ),
+                                ),
+                        ),
+                        array(
+                                'title'  => esc_html__( 'Insert Custom CSS', 'your-textdomain-here' ),
+                                'id'     => 'insert_extra_css_section',
+                                'icon'   => 'fa-solid fa-bars-progress',
+                                'fields' => array(
+                                        array(
+                                                'id'      => 'add_extra_css',
+                                                'type'     => 'ace_editor',
+                                                'title'    => esc_html__('CSS Code', 'your-project-name'),
+                                                'subtitle' => esc_html__('Paste your CSS code here. Image container HTML class is .spartan-gallery-wrapper', 'your-project-name'),
+                                                'desc'     => esc_html__('Image container HTML class is .spartan-gallery-wrapper', 'your-project-name'),
+                                                'mode'     => 'css',
+                                                'theme'    => 'monokai',
+                                                'desc'     => 'Possible modes can be found at https://ace.c9.io/.',
+                                                //'default'  => "#header{\nmargin: 0 auto;\n}"
+                                        ),
+                                ),
+                        ),
+                        array(
+                                'title'  => esc_html__( 'Import/Export Options', 'your-textdomain-here' ),
+                                //'id'     => 'insert_extra_css_section',
+                                'icon'   => 'fa-solid fa-bars-progress',
+                                'fields' => array(
+                                        array(
+                                                'id'            => 'opt-import-export',
+                                                'type'          => 'import_export',
+                                                'title'         => 'Import Export',
+                                                'subtitle'      => 'Save and restore your Redux options',
+                                                'full_width'    => false,
+                                        ),
+                                ),
+                        ),
+                ),
+        )
+);
+                                'width'  => ( '' !== $w_num && is_numeric( $w_num ) ) ? $w_num . $w_unit : '',
+                                'height' => ( '' !== $h_num && is_numeric( $h_num ) ) ? $h_num . $h_unit : '',
+                        )
+                );
+                if ( isset( $_POST['container_border'] ) && is_array( $_POST['container_border'] ) ) {
+                        $raw = wp_unslash( $_POST['container_border'] );
+                        $style_allowed = array( 'none', 'solid', 'dashed', 'dotted', 'double', 'groove', 'ridge', 'inset', 'outset' );
+                        $border_color  = isset( $raw['border-color'] ) ? sanitize_hex_color( $raw['border-color'] ) : '';
+                        update_post_meta(
+                                $post_id,
+                                'container_border',
+                                array(
+                                        'border-color'  => $border_color ? $border_color : '#000000',
+                                        'border-style'  => isset( $raw['border-style'] ) && in_array( $raw['border-style'], $style_allowed, true ) ? $raw['border-style'] : 'none',
+                                        'border-top'    => isset( $raw['border-top'] ) ? sanitize_text_field( $raw['border-top'] ) : '',
+                                        'border-right'  => isset( $raw['border-right'] ) ? sanitize_text_field( $raw['border-right'] ) : '',
+                                        'border-bottom' => isset( $raw['border-bottom'] ) ? sanitize_text_field( $raw['border-bottom'] ) : '',
+                                        'border-left'   => isset( $raw['border-left'] ) ? sanitize_text_field( $raw['border-left'] ) : '',
+                                )
+                        );
+                }
+                if ( isset( $_POST['add_extra_css'] ) ) {
+                        update_post_meta( $post_id, 'add_extra_css', wp_strip_all_tags( wp_unslash( $_POST['add_extra_css'] ) ) );
+                }
+        }
+}
+Spartan_Gallery_Options::init();

spartan-gallery/tags/1.4.0/includes/class-spartan-gallery-activator.php

-              r2145680
+              r3619020
  * @author     Freelancer Martin <developerforwebsites@gmail.com>
  */
+if ( ! defined( 'WPINC' ) ) {
+        die;
+}
 class Spartan_Gallery_Activator {

spartan-gallery/tags/1.4.0/includes/class-spartan-gallery-deactivator.php

-              r2145680
+              r3619020
  * @author     Freelancer Martin <developerforwebsites@gmail.com>
  */
+if ( ! defined( 'WPINC' ) ) {
+        die;
+}
 class Spartan_Gallery_Deactivator {

spartan-gallery/tags/1.4.0/includes/class-spartan-gallery-i18n.php

-              r2145680
+              r3619020
  * @author     Freelancer Martin <developerforwebsites@gmail.com>
  */
+if ( ! defined( 'WPINC' ) ) {
+        die;
+}
 class Spartan_Gallery_i18n {

spartan-gallery/tags/1.4.0/includes/class-spartan-gallery-loader.php

-              r2145680
+              r3619020
  * @author     Freelancer Martin <developerforwebsites@gmail.com>
  */
+if ( ! defined( 'WPINC' ) ) {
+        die;
+}
 class Spartan_Gallery_Loader {

spartan-gallery/tags/1.4.0/includes/class-spartan-gallery.php

-              r3204032
+              r3619020
  * @author     Freelancer Martin <developerforwebsites@gmail.com>
  */
+if ( ! defined( 'WPINC' ) ) {
+        die;
+}
 class Spartan_Gallery {
 …
                 /**
+                 * The class responsible for the Spartan Gallery options metabox (native
+                 * WordPress replacement for the previous Redux Framework panel).
+                 */
+                require_once plugin_dir_path( dirname( __FILE__ ) ) . 'admin/class-spartan-gallery-options.php';
+                /**
                  * The class responsible for defining all actions that occur in the admin area.
                  */
 …
                 $plugin_i18n = new Spartan_Gallery_i18n();
                 $this->loader->add_action( 'plugins_loaded', $plugin_i18n, 'load_plugin_textdomain' );
+                $this->loader->add_action( 'init', $plugin_i18n, 'load_plugin_textdomain' );
+        }

spartan-gallery/tags/1.4.0/public/class-spartan-gallery-public.php

-              r3204032
+              r3619020
+                        // Loop through each post ID
+                        foreach (explode(',',$get_all_post_attachements) as $post_id) {
+                                // Retrieve the post object by ID
+                                $post = get_post($post_id);
+                                // Check if the post exists
+                                if ($post) {
+                                        // Get the GUID of the post and push it into the array
+                                        $post_guids[] = $post;
+                        $post_guids = array();
+                        if ( ! empty( $get_all_post_attachements ) ) {
+                                foreach ( explode( ',', $get_all_post_attachements ) as $post_id ) {
+                                        $post = get_post( absint( $post_id ) );
+                                        if ( $post ) {
+                                                $post_guids[] = $post;
+                                        }
+                                }
+                        }
+                        if ( empty( $post_guids ) ) {
+                                return '<!-- spartan-gallery: no images -->';
+                        }

spartan-gallery/tags/1.4.0/public/css/freewall-main.css

-              r2145680
+              r3619020
+}
-.info {
-       padding: 15px;
-       color: #333;
+     }
 #freewall {
  top: 65px;

spartan-gallery/tags/1.4.0/public/css/spartan-gallery-public.css

-              r3204032
+              r3619020
 .container {
   position: relative;
+}
-.info
+{
-  color: black;
+}

spartan-gallery/tags/1.4.0/public/custom-columns.php

r2145680	r3619020
72	72	<tr><td>
73	73
74		<span style="color:#183691;" ><code>[spartan_gallery id="<code style="color:green;" ><?php ~~print_r(get_the_ID()~~); ?></code>"]</code><code style="color:#A71D5D;" ></code>
	74	<span style="color:#183691;" ><code>[spartan_gallery id="<code style="color:green;" ><?php echo absint( get_the_ID() ); ?></code>"]</code><code style="color:#A71D5D;" ></code>
75	75	</span>
76	76	</td>

spartan-gallery/tags/1.4.0/public/html-cointainer-outputs/class-3d-slider-html-container.php

-              r3204032
+              r3619020
 <?php
 if ( ! defined( 'WPINC' ) ) {
     die;
+}
 Class ThreeD_Image_Slider
+{
+    static function ThreeDImageSlidet_Html_container( $attachments, $gallery_id )
+    {
+        $CSSClass = new Spartan_Gallery_Generated_CSS_Output();
+  static function ThreeDImageSlidet_Html_container( $attachments, $gallery_id )
+  {
+        $image_options_add_extra_css         = get_post_meta( $gallery_id, 'add_extra_css', true );
+        $image_options_display_original      = get_post_meta( $gallery_id, 'display_original', true );
+        $image_options_thumbnail_options     = get_post_meta( $gallery_id, 'thumbnail_options', true );
+        $image_options_thumbnail_size        = get_post_meta( $gallery_id, 'thumbnail_size', true );
+        $image_options_image_width           = absint( get_post_meta( $gallery_id, 'image_width', true ) );
+        $image_options_image_height          = absint( get_post_meta( $gallery_id, 'image_height', true ) );
+        $image_options_image_measure_value   = get_post_meta( $gallery_id, 'image_measure_value', true );
+        $safe_extra_css                      = wp_strip_all_tags( $image_options_add_extra_css );
+    $CSSClass = new Spartan_Gallery_Generated_CSS_Output();
+    $output = '';
+        // A gallery whose Image Options were never saved (or saved before the
+        // options-panel slider bug was fixed) can have these stored as 0, which
+        // renders every slide at 0px and makes the whole slider look empty.
+        if ( ! $image_options_image_width ) {
+            $image_options_image_width = 150;
+        }
+        if ( ! $image_options_image_height ) {
+            $image_options_image_height = 150;
+        }
+    $image_options_add_extra_css = get_post_meta( $gallery_id , 'add_extra_css', true );
+    $output .= '<style>'.$image_options_add_extra_css.'</style>';
+    $output .= '<div style="'.$CSSClass->output_php_Css($gallery_id).'" class="spartan-gallery-wrapper w-gallery">';
+      $output .= '<article id="demo-carousel" class="demo">';
+        //$output .= '<a class="responsiveGallery-btn responsiveGallery-btn_prev" href="javascript:void(0);"></a>';
+        //$output .= '<a class="responsiveGallery-btn responsiveGallery-btn_next" href="javascript:void(0);"></a>';
+        $allowed_measure_values = array( 'px', '%', 'em', 'rem', 'vw', 'vh' );
+        $image_measure_value    = in_array( $image_options_image_measure_value, $allowed_measure_values, true )
+            ? $image_options_image_measure_value
+            : 'px';
+        $output = '';
+        $output .= '<style>' . $safe_extra_css . '</style>';
+        $output .= '<div style="' . $CSSClass->output_php_Css( $gallery_id ) . '" class="spartan-gallery-wrapper w-gallery">';
+        $output .= '<article id="demo-carousel" class="demo">';
         $output .= '<div id="carousel">';
           $output .= '<ul class="flip-items">';
+          if ( isset( $attachments ) && ! empty( $attachments )  )
+          {
+        $output .= '<ul class="flip-items">';
+        if ( isset( $attachments ) && ! empty( $attachments ) ) {
             foreach ( $attachments as $attachments_id => $attachment_val ) {
+              $img_size = array( '120', '160', '180', '240', '280', '320'   );
+              $image_options_display_original = get_post_meta( $gallery_id , 'display_original', true ); // array
+              $image_options_img_margin = get_post_meta( $gallery_id , 'img_margin', true );
+              $image_options_thumbnail_options = get_post_meta( $gallery_id , 'thumbnail_options', true );
+              $image_options_textbox_height_range = get_post_meta( $gallery_id , 'textbox_height_range', true );
+              $image_options_display_text = get_post_meta( $gallery_id , 'display_text', true );
+              $image_options_info_background_color = get_post_meta( $gallery_id , 'info_background_color', true );
+              $image_options_container_font_size = get_post_meta( $gallery_id , 'container_font_size', true );
+              $image_options_thumbnail_size = get_post_meta( $gallery_id , 'thumbnail_size', true );
+              $image_options_image_width = get_post_meta( $gallery_id , 'image_width', true );
+              $image_options_image_height = get_post_meta( $gallery_id , 'image_height', true );
+              $image_options_font_family = get_post_meta( $gallery_id , 'font_family', true );
+              $image_options_image_measure_value = get_post_meta( $gallery_id , 'image_measure_value', true );
+                $image_attributes = wp_get_attachment_image_src( $attachment_val->ID, $image_options_thumbnail_size );
               $image_attributes = wp_get_attachment_image_src( $attachment_val->ID , $image_options_thumbnail_size  );
+                $output .= '<li href="' . esc_url( $attachment_val->guid ) . '" class="js-img-viwer" data-caption="" data-id="' . absint( $attachments_id ) . '">';
+                if ( $image_options_display_original == true and $image_options_thumbnail_options == false ) {
+                    $output .= '<img style="height:' . $image_options_image_height . $image_measure_value . '; width:' . $image_options_image_width . $image_measure_value . '; object-fit:cover; object-position:center;" src="' . esc_url( $attachment_val->guid ) . '" />';
+                } elseif ( $image_options_thumbnail_options == true and $image_options_display_original == false ) {
+                    $output .= '<img style="height:' . $image_options_image_height . $image_measure_value . '; width:' . $image_options_image_width . $image_measure_value . '; object-fit:cover; object-position:center;" src="' . esc_url( $image_attributes[0] ) . '" />';
+                } else {
+                    $output .= '<p>' . esc_html__( 'Image Options: "Display Original" or "Display Thumbnail" must be enabled, but not both simultaneously.', 'spartan-gallery' ) . '</p>';
+                }
+              $output .= '<li href="'.$attachment_val->guid.'"  class="js-img-viwer " data-caption="" data-id="'.$attachments_id.'">';
+                $output .= '</li>';
+            }
+        }
+                if ( $image_options_display_original == true and $image_options_thumbnail_options == false )
+                {
+        $output .= '</ul>';
+        $output .= '</div>';
+        $output .= '</article>';
+        $output .= '</div>';
+                  //$output .= '<a href="#" class="responsivGallery-link">';
+                    $output .= '<img style="height:'.$image_options_image_height.''.$image_options_image_measure_value.';  width:'.$image_options_image_width.''.$image_options_image_measure_value.';" src="'.$attachment_val->guid.'"  />';
+                  //$output .= '</a>';
+                }
+                elseif ( $image_options_thumbnail_options == true and $image_options_display_original == false )
+                {
+                  //$output .= '<a href="#" class="responsivGallery-link">';
+                    $output .= '<img style="height:'.$image_options_image_height.''.$image_options_image_measure_value.';  width:'.$image_options_image_width.''.$image_options_image_measure_value.';" src="'.$image_attributes[0].'"  />';
+                  //$output .= '</a>';
+                }
+                else
+                {
+                  $output .=  '<p>Image Options => "Display Original Size Image" or "Display Thumnail Size" settings are turned on or off same time</p>';
+                  print $text;
+                }
+                $output .= '<div style="color: black;" class="w-responsivGallery-info">';
+                if ( ! empty( $attachment_id ) and true == $image_options_display_text )
+                {
+                  $html .= '<div class="info" >';
+                    if( ! empty( $attachment_val->post_title))
+                    {
+                      $html .= '<h5 class="text spartan-gallery-img-title" >'.$attachment_val->post_title.'</h5>';
+                    }
+                    if( ! empty( $attachment_val->post_content))  {
+                      $html .= '<p class="text spartan-gallery-img-description" >'.$attachment_val->post_content.'</p>';
+                    }
+                    if( ! empty( $attachment_val->guid ) ) {
+                      $html .= ('<td colspan="3" style="background-color:#005673; text-align:right; padding: 4px 0px;">
+                        <button class="spartan-gallery-img-button text" onclick="parent.open(\'' . $attachment_val->guid . '\')" >'.$attachment_val->post_title.'</button></td>');
+                    }
+                  $html .= '</div>';
+                }
+                $output .= '</div>';
+              $output .= '</li>';
+            }
+          }
+          $output .= '</ul>';
+          $output .= '</div>';
+        $output .= '</article>';
+      $output .= '</div>';
+      $output .=
+        '
+        $output .= '
         <script>
         jQuery( document ).ready( function( $ ){
           var carousel = $("#carousel").flipster({
+            var carousel = $("#carousel").flipster({
                 style: "carousel",
                 spacing: -0.2,
+                buttons:   true,
+                buttons: true,
             });
             });
+        });
         </script>';
+      return $output;
+  }
+        return $output;
+    }
+}

spartan-gallery/tags/1.4.0/public/html-cointainer-outputs/class-freewall-chaotic-output.php

-              r3204032
+              r3619020
 <?php
 if ( ! defined( 'WPINC' ) ) {
     die;
+}
 Class Freewall_Chaotic_Container
+{
+    static function display_chaotic_html_container( $attachments, $gallery_id )
+    {
+        $CSSClass = new Spartan_Gallery_Generated_CSS_Output();
+        $image_options_add_extra_css         = get_post_meta( $gallery_id, 'add_extra_css', true );
+        $image_options_display_original      = get_post_meta( $gallery_id, 'display_original', true );
+        $image_options_img_margin            = absint( get_post_meta( $gallery_id, 'img_margin', true ) );
+        $image_options_thumbnail_options     = get_post_meta( $gallery_id, 'thumbnail_options', true );
+        $image_options_thumbnail_size        = get_post_meta( $gallery_id, 'thumbnail_size', true );
+        $safe_extra_css                      = wp_strip_all_tags( $image_options_add_extra_css );
+      static function display_chaotic_html_container( $attachments, $gallery_id )
+      {
+        $html = '';
+        $html .= '<style>' . $safe_extra_css . '</style>';
+        $html .= '<div style="' . $CSSClass->output_php_Css( $gallery_id ) . '" class="spartan-gallery-wrapper">';
+        $html .= '<div id="freewall-chaotic" class="masonary">';
+        $CSSClass = new Spartan_Gallery_Generated_CSS_Output();
+                          //$CSSClass->output_php_Css($spartan_gallery_post_type['post_parent']);
+        $html = '';
+        $image_options_add_extra_css = get_post_meta( $gallery_id , 'add_extra_css', true );
+        $html .= '<style>
+        '.$image_options_add_extra_css.'
+                          </style>';
+        $html .= '  <div style="'.$CSSClass->output_php_Css($gallery_id).'" class="spartan-gallery-wrapper" >';
+          $html .= '  <div id="freewall-chaotic" class="masonary" >'; //data-fixSize="true"
+          // Loop through them and output an image
+            $img_size = array( '120', '160', '180', '240', '280', '320'   );
+        $img_size = array( '120', '160', '180', '240', '280', '320' );
+            foreach ( (array) $attachments as $attachment_id => $attachment_val ) {
+              //Settings variables for from database
+              $img_size = array( '120', '160', '180', '240', '280', '320'   );
+              $image_options_display_original = get_post_meta( $gallery_id , 'display_original', true ); // array
+              $image_options_img_margin = get_post_meta( $gallery_id , 'img_margin', true );
+              $image_options_thumbnail_options = get_post_meta( $gallery_id , 'thumbnail_options', true );
+              $image_options_textbox_height_range = get_post_meta( $gallery_id , 'textbox_height_range', true );
+              $image_options_display_text = get_post_meta( $gallery_id , 'display_text', true );
+              $image_options_info_background_color = get_post_meta( $gallery_id , 'info_background_color', true );
+              $image_options_container_font_size = get_post_meta( $gallery_id , 'container_font_size', true );
+              $image_options_thumbnail_size = get_post_meta( $gallery_id , 'thumbnail_size', true );
+              $image_options_font_family = get_post_meta( $gallery_id , 'font_family', true );
+              $image_attributes = wp_get_attachment_image_src( $attachment_val->ID , $image_options_thumbnail_size  );
+              //print_r( $image_options_add_extra_css);
+              if ( $image_options_display_original == true xor $image_options_thumbnail_options == true ) {
+        foreach ( (array) $attachments as $attachment_id => $attachment_val ) {
+                $html .=  '<div  class="freewall-brick-chaotic brick"  data-width="'.$img_size[array_rand( $img_size , 1 )].'" data-height="'.$img_size[array_rand( $img_size , 1 )].'" data-delay="'.$attachment_id.'"   >';
+              }
+              $html .=  '<a  href="'.$attachment_val->guid.'"  class="js-img-viwer img-true-location" data-caption="" data-id="'.$attachment_id.'" >';
+                  //=====================  Random width layout   =============================
+                  if ( $image_options_display_original == true and $image_options_thumbnail_options == false ) {
+                    $html .= '<img class="image" style="height:100%;  width:100%;" src="'.$attachment_val->guid.'"  />';
+                  } elseif ( $image_options_thumbnail_options == true and $image_options_display_original == false ) {
+                    $html .= '<img class="image" style="height:100%;  width:100%;" src="'.$image_attributes[0].'"  />';
+                  } else
+                  {
+                    $text =  '<p>Image Options => "Display Original Size Image" or "Display Thumnail Size" settings are turned on or off same time</p>';
+                    //print $text;
+                    return $text;
+                  }
+                  //$s = get_post_meta( get_the_ID(),"imgtitle" . $attachment_val->ID, true );
+                  if ( ! empty( $attachment_id ) and true == $image_options_display_text ) {
+                      if( true == $image_options_display_text ) {
+                          $html .= '<style>
+                            .image
+                            {
+                              max-height: calc( 100% - '.$image_options_textbox_height_range.'% ) !important;
+                            }
+                            .info
+                            {
+                              max-height: calc( 100% - '.$image_options_textbox_height_range.'% ) !important;
+                              background-color: '.$image_options_info_background_color.';
+                              position: relative;
+                              margin: 0px;
+                              font-size: '.$image_options_container_font_size.'px !important ;
+                            }
+                            .info>p
+                            {
+                              font-size: '.$image_options_font_family['font-size'].';
+                              color:      '.$image_options_font_family['color'].';
+                              font-style:  '.$image_options_font_family['font-style'].';
+                              font-family: '.$image_options_font_family['font-family'] .';
+                              line-height:  '.$image_options_font_family['line-height'].';
+                              font-weight: '.$image_options_font_family['font-weight'].';
+                              text-align: '.$image_options_font_family['text-align'].';
+                            }
+                            .info>h5
+                            {
+                              font-size: '.$image_options_font_family['font-size'].';
+                              color:      '.$image_options_font_family['color'].';
+                              font-style:  '.$image_options_font_family['font-style'].';
+                              font-family: '.$image_options_font_family['font-family'] .';
+                              line-height:  '.$image_options_font_family['line-height'].';
+                              font-weight: '.$image_options_font_family['font-weight'].';
+                              text-align: '.$image_options_font_family['text-align'].';
+                            }
+                            .info>button
+                            {
+                              font-size: '.$image_options_font_family['font-size'].';
+                              color:      '.$image_options_font_family['color'].';
+                            }
+                            '.$image_options_add_extra_css.'
+                          </style>';
+                        }
+                      $html .= '<div class="info" >';
+                          if( ! empty( $attachment_val->post_title))
+                          {
+                            $html .= '<h5 class="text spartan-gallery-img-title" >'.$attachment_val->post_title.'</h5>';
+                          }
+                          if( ! empty( $attachment_val->post_content))  {
+                            $html .= '<p class="text spartan-gallery-img-description" >'.$attachment_val->post_content.'</p>';
+                          }
+                          if( ! empty( $attachment_val->guid ) ) {
+                            $html .= ('<td colspan="3" style="background-color:#005673; text-align:right; padding: 4px 0px;">
+                              <button class="spartan-gallery-img-button text" onclick="parent.open(\'' . $attachment_val->guid . '\')" >'.$attachment_val->post_title.'</button></td>');
+                          }
+                       $html .= '</div>';
+                    }
+              $html .= '</a>';
+            $image_attributes = wp_get_attachment_image_src( $attachment_val->ID, $image_options_thumbnail_size );
             if ( $image_options_display_original == true xor $image_options_thumbnail_options == true ) {
+              $html .= '</div>';
+                $brick_w_index = array_rand( $img_size, 1 );
+                $brick_h_index = wp_rand( max( 0, $brick_w_index - 1 ), min( count( $img_size ) - 1, $brick_w_index + 1 ) );
+                $html .= '<div class="freewall-brick-chaotic brick" data-width="' . $img_size[ $brick_w_index ] . '" data-height="' . $img_size[ $brick_h_index ] . '" data-delay="' . absint( $attachment_id ) . '">';
+            }
+            $html .= '<a href="' . esc_url( $attachment_val->guid ) . '" class="js-img-viwer img-true-location" data-caption="" data-id="' . absint( $attachment_id ) . '">';
+            if ( $image_options_display_original == true and $image_options_thumbnail_options == false ) {
+                $html .= '<img class="image" style="height:100%; width:100%; object-fit:cover; object-position:center;" loading="lazy" src="' . esc_url( $attachment_val->guid ) . '" />';
+            } elseif ( $image_options_thumbnail_options == true and $image_options_display_original == false ) {
+                $html .= '<img class="image" style="height:100%; width:100%; object-fit:cover; object-position:center;" loading="lazy" src="' . esc_url( $image_attributes[0] ) . '" />';
+            } else {
+                return '<p>' . esc_html__( 'Image Options: "Display Original" or "Display Thumbnail" must be enabled, but not both simultaneously.', 'spartan-gallery' ) . '</p>';
+            }
+            $html .= '</a>';
+            if ( $image_options_display_original == true xor $image_options_thumbnail_options == true ) {
+                $html .= '</div>';
+            }
+            $html .= '</div>';
+          $html .= '</div>';
+        }
+          $html .= '';
+          $html .= '<script>';
+            $html .= 'jQuery( document ).ready( function( $ ){';
+        $html .= '</div>';
+        $html .= '</div>';
+              // chaotic layout
+                $html .= '$(".freewall-brick-chaotic").each(function() {';
+                    $html .= 'var wall = new Freewall("#freewall-chaotic");';
+                    $html .= 'wall.reset({';
+                        $html .= 'animate: true,';
+                        $html .= 'cellW: 150,';
+                        $html .= 'cellH: 150,';
+                        //fixSize: 1,
+                        $html .= 'gutterY: '.$image_options_img_margin.',';
+                        $html .= 'gutterX: '.$image_options_img_margin.',';
+                        $html .=  'onResize: function() {';
+                            $html .= 'wall.fitWidth();';
+                        $html .= '}';
+                    $html .= '});';
+                    $html .= 'wall.addCustomEvent("onBlockLoad", function(setting) {';
+                        $html .= 'console.log(setting);';
+                    $html .= '});';
+                    $html .= 'wall.fitWidth();';
+                $html .= '});';
+        $html .= '<script>
+            jQuery( document ).ready( function( $ ){
+                $(".freewall-brick-chaotic").each(function() {
+                    var wall = new Freewall("#freewall-chaotic");
+                    wall.reset({
+                        animate: true,
+                        cellW: 150,
+                        cellH: 150,
+                        gutterY: ' . $image_options_img_margin . ',
+                        gutterX: ' . $image_options_img_margin . ',
+                        onResize: function() {
+                            wall.fitWidth();
+                        }
+                    });
+                    wall.fitWidth();
+                });
+            });
+        </script>';
+            $html .= ' });';
+            $html .= '</script>';
+            return $html;
+      }
+        return $html;
+    }
+}

spartan-gallery/tags/1.4.0/public/html-cointainer-outputs/class-freewall-fixed-img-output.php

-              r3204032
+              r3619020
 <?php
 if ( ! defined( 'WPINC' ) ) {
     die;
+}
 Class Freewall_Fixed_Img_Container
+{
+    static function display_fixed_img_container( $attachments, $gallery_id )
+    {
+        $CSSClass = new Spartan_Gallery_Generated_CSS_Output();
+        $image_options_add_extra_css         = get_post_meta( $gallery_id, 'add_extra_css', true );
+        $image_options_display_original      = get_post_meta( $gallery_id, 'display_original', true );
+        $image_options_img_margin            = absint( get_post_meta( $gallery_id, 'img_margin', true ) );
+        $image_options_thumbnail_options     = get_post_meta( $gallery_id, 'thumbnail_options', true );
+        $image_options_thumbnail_size        = get_post_meta( $gallery_id, 'thumbnail_size', true );
+        $image_options_image_width           = absint( get_post_meta( $gallery_id, 'image_width', true ) );
+        $image_options_image_height          = absint( get_post_meta( $gallery_id, 'image_height', true ) );
+        $safe_extra_css                      = wp_strip_all_tags( $image_options_add_extra_css );
+      static function display_fixed_img_container( $attachments, $gallery_id   )
+      {
+        $CSSClass = new Spartan_Gallery_Generated_CSS_Output();
+        // A gallery whose Image Options were never saved (or saved before the
+        // options-panel slider bug was fixed) can have these stored as 0, which
+        // renders zero-size bricks and makes the whole gallery look empty.
+        if ( ! $image_options_image_width ) {
+            $image_options_image_width = 150;
+        }
+        if ( ! $image_options_image_height ) {
+            $image_options_image_height = 150;
+        }
         $html = '';
+        $image_options_add_extra_css = get_post_meta( $gallery_id , 'add_extra_css', true );
+        $html .= '<style>'.$image_options_add_extra_css.'</style>';
+        $html .= '  <div style="'.$CSSClass->output_php_Css($gallery_id).'" class="spartan-gallery-wrapper" >';
+          $html .= '  <div id="freewall" class="masonary" >'; //data-fixSize="true"
+          // Loop through them and output an image
+        $html .= '<style>' . $safe_extra_css . '</style>';
+        $html .= '<div style="' . $CSSClass->output_php_Css( $gallery_id ) . '" class="spartan-gallery-wrapper">';
+        $html .= '<div id="freewall" class="masonary">';
             foreach ( (array) $attachments as $attachment_id => $attachment_val ) {
+        foreach ( (array) $attachments as $attachment_id => $attachment_val ) {
+              $img_size = array( '120', '160', '180', '240', '280', '320'   );
+              $image_options_display_original = get_post_meta( $gallery_id , 'display_original', true ); // array
+              $image_options_img_margin = get_post_meta( $gallery_id , 'img_margin', true );
+              $image_options_thumbnail_options = get_post_meta( $gallery_id , 'thumbnail_options', true );
+              $image_options_textbox_height_range = get_post_meta( $gallery_id , 'textbox_height_range', true );
+              $image_options_display_text = get_post_meta( $gallery_id , 'display_text', true );
+              $image_options_info_background_color = get_post_meta( $gallery_id , 'info_background_color', true );
+              $image_options_container_font_size = get_post_meta( $gallery_id , 'container_font_size', true );
+              $image_options_thumbnail_size = get_post_meta( $gallery_id , 'thumbnail_size', true );
+              $image_options_image_width = get_post_meta( $gallery_id , 'image_width', true );
+              $image_options_image_height = get_post_meta( $gallery_id , 'image_height', true );
+              $image_options_font_family = get_post_meta( $gallery_id , 'font_family', true );
+              $image_attributes = wp_get_attachment_image_src( $attachment_val->ID , $image_options_thumbnail_size  );
+            $image_attributes = wp_get_attachment_image_src( $attachment_val->ID, $image_options_thumbnail_size );
+              if ( $image_options_display_original == true xor $image_options_thumbnail_options == true )
+              {
+                $html .=  '<div  class="freewall-brick brick overlay"  data-width="'.$image_options_image_width .'" data-height="'.$image_options_image_height.'" data-delay="'.$attachment_id.'"   >';
+              }
+              $html .=  '<a  href="'.$attachment_val->guid.'"  class="js-img-viwer img-true-location container" data-caption="" data-id="'.$attachment_id.'" >';
+                  //=====================  Fixed Image layout   =============================
+                  if ( $image_options_display_original == true and $image_options_thumbnail_options == false )
+                  {
+                    $html .= '<img class="image" style="height:100%;  width:100%;" src="'.$attachment_val->guid.'"  />';
+                  } elseif ( $image_options_thumbnail_options == true and $image_options_display_original == false )
+                  {
+                    $html .= '<img class="image" style="height:100%;  width:100%;"  src="'.$image_attributes[0].'"  />';
+                  } else
+                  {
+                    $text =  '<p>Image Options => "Display Original Size Image" or "Display Thumnail Size" settings are turned on or off same time</p>';
+                    print $text;
+                  }
+                  if ( ! empty( $attachment_id ) and true == $image_options_display_text ) {
+                    if( true == $image_options_display_text ) {
+                        $html .= '<style>
+                          .image
+                          {
+                            max-height: calc( 100% - '.$image_options_textbox_height_range.'% ) !important;
+                          }
+                          .info
+                          {
+                            max-height: calc( 100% - '.$image_options_textbox_height_range.'% ) !important;
+                            background-color: '.$image_options_info_background_color.';
+                            position: relative;
+                            margin: 0px;
+                            font-size: '.$image_options_container_font_size.'px !important ;
+                          }
+                          .info>p
+                          {
+                            font-size: '.$image_options_font_family['font-size'].';
+                            color:      '.$image_options_font_family['color'].';
+                            font-style:  '.$image_options_font_family['font-style'].';
+                            font-family: '.$image_options_font_family['font-family'] .';
+                            line-height:  '.$image_options_font_family['line-height'].';
+                            font-weight: '.$image_options_font_family['font-weight'].';
+                            text-align: '.$image_options_font_family['text-align'].';
+                          }
+                          .info>h5
+                          {
+                            font-size: '.$image_options_font_family['font-size'].';
+                            color:      '.$image_options_font_family['color'].';
+                            font-style:  '.$image_options_font_family['font-style'].';
+                            font-family: '.$image_options_font_family['font-family'] .';
+                            line-height:  '.$image_options_font_family['line-height'].';
+                            font-weight: '.$image_options_font_family['font-weight'].';
+                            text-align: '.$image_options_font_family['text-align'].';
+                          }
+                          .info>button
+                          {
+                            font-size: '.$image_options_font_family['font-size'].';
+                            color:      '.$image_options_font_family['color'].';
+                          }
+                          '.$image_options_add_extra_css.'
+                        </style>';
+                      }
+                    $html .= '<div class="info" >';
+                        if( ! empty( $attachment_val->post_title))
+                        {
+                          $html .= '<h5 class="text spartan-gallery-img-title" >'.$attachment_val->post_title.'</h5>';
+                        }
+                        if( ! empty( $attachment_val->post_content))  {
+                          $html .= '<p class="text spartan-gallery-img-description" >'.$attachment_val->post_content.'</p>';
+                        }
+                        if( ! empty( $attachment_val->guid ) ) {
+                          $html .= ('<td colspan="3" style="background-color:#005673; text-align:right; padding: 4px 0px;">
+                            <button class="spartan-gallery-img-button text" onclick="parent.open(\'' . $attachment_val->guid . '\')" >'.$attachment_val->post_title.'</button></td>');
+                        }
+                     $html .= '</div>';
+                    }
+              $html .= '</a>';
+            if ( $image_options_display_original == true xor $image_options_thumbnail_options == true )
+            {
+              $html .= '</div>';
+            if ( $image_options_display_original == true xor $image_options_thumbnail_options == true ) {
+                $html .= '<div class="freewall-brick brick overlay" data-width="' . $image_options_image_width . '" data-height="' . $image_options_image_height . '" data-delay="' . absint( $attachment_id ) . '">';
+            }
+            $html .= '<a href="' . esc_url( $attachment_val->guid ) . '" class="js-img-viwer img-true-location container" data-caption="" data-id="' . absint( $attachment_id ) . '">';
+            if ( $image_options_display_original == true and $image_options_thumbnail_options == false ) {
+                $html .= '<img class="image" style="height:100%; width:100%; object-fit:cover; object-position:center;" loading="lazy" src="' . esc_url( $attachment_val->guid ) . '" />';
+            } elseif ( $image_options_thumbnail_options == true and $image_options_display_original == false ) {
+                $html .= '<img class="image" style="height:100%; width:100%; object-fit:cover; object-position:center;" loading="lazy" src="' . esc_url( $image_attributes[0] ) . '" />';
+            } else {
+                return '<p>' . esc_html__( 'Image Options: "Display Original" or "Display Thumbnail" must be enabled, but not both simultaneously.', 'spartan-gallery' ) . '</p>';
+            }
-            $html .= '</div>';
-          $html .= '</div>';
+            $html .= '</a>';
+            if ( $image_options_display_original == true xor $image_options_thumbnail_options == true ) {
+                $html .= '</div>';
+            }
+        }
+          $html .= '';
+          $html .= '<script>';
+            $html .= 'jQuery( document ).ready( function( $ ){';
+        $html .= '</div>';
+        $html .= '</div>';
+              // chaotic layout
+                $html .= '$(".freewall-brick").each(function() {';
+                    $html .= 'var wall = new Freewall("#freewall");';
+                    $html .= 'wall.reset({';
+                        $html .= 'animate: true,';
+                        //$script .='cellW: 100,';
+                        //$script .='cellH: 100,';
+                        //fixSize: 1,
+                        $html .= 'gutterY: '.$image_options_img_margin.',';
+                        $html .= 'gutterX: '.$image_options_img_margin.',';
+                        $html .= 'onResize: function() {';
+                            $html .= 'wall.fitWidth();';
+                        $html .= '}';
+                    $html .= '});';
+                    $html .=  'wall.addCustomEvent("onBlockLoad", function(setting) {';
+                        $html .= 'console.log(setting);';
+                    $html .= '});';
+                    $html .= 'wall.fitWidth();';
+                $html .= '});';
+        $html .= '<script>';
+        $html .= 'jQuery( document ).ready( function( $ ){';
+        $html .= '$(".freewall-brick").each(function() {';
+        $html .= 'var wall = new Freewall("#freewall");';
+        $html .= 'wall.reset({';
+        $html .= 'animate: true,';
+        $html .= 'gutterY: ' . $image_options_img_margin . ',';
+        $html .= 'gutterX: ' . $image_options_img_margin . ',';
+        $html .= 'onResize: function() {';
+        $html .= 'wall.fitWidth();';
+        $html .= '}';
+        $html .= '});';
+        $html .= 'wall.fitWidth();';
+        $html .= '});';
+        $html .= '});';
+        $html .= '</script>';
+            $html .= ' });';
+           $html .= '</script>';
+           return $html;
+      }
+        return $html;
+    }
+}

spartan-gallery/tags/1.4.0/public/html-cointainer-outputs/class-freewall-pinterest-output.php

-              r3204032
+              r3619020
 <?php
 if ( ! defined( 'WPINC' ) ) {
     die;
+}
 Class Freewall_Pinterest_Container
+{
+      static function display_pinterest_container( $attachments , $gallery_id )
+      {
+    static function display_pinterest_container( $attachments, $gallery_id )
+    {
         $CSSClass = new Spartan_Gallery_Generated_CSS_Output();
+        $image_options_add_extra_css         = get_post_meta( $gallery_id, 'add_extra_css', true );
+        $image_options_display_original      = get_post_meta( $gallery_id, 'display_original', true );
+        $image_options_img_margin            = absint( get_post_meta( $gallery_id, 'img_margin', true ) );
+        $image_options_thumbnail_options     = get_post_meta( $gallery_id, 'thumbnail_options', true );
+        $image_options_thumbnail_size        = get_post_meta( $gallery_id, 'thumbnail_size', true );
+        $safe_extra_css                      = wp_strip_all_tags( $image_options_add_extra_css );
         $html = '';
+        $html .= '<style>' . $safe_extra_css . '</style>';
+        $html .= '<div style="' . $CSSClass->output_php_Css( $gallery_id ) . '" class="spartan-gallery-wrapper">';
+        $html .= '<div id="freewall-pinterest" class="masonary">';
+        $image_options_add_extra_css = get_post_meta( $gallery_id , 'add_extra_css', true );
+        $html .= '<style>'.$image_options_add_extra_css.'</style>';
+        $img_size = array( '120', '160', '180', '240', '280', '320' );
+        $html .= '  <div style="'.$CSSClass->output_php_Css($gallery_id).'" class="spartan-gallery-wrapper" >';
+          $html .= '  <div id="freewall-pinterest" class="masonary" >'; //data-fixSize="true"
+          // Loop through them and output an image
+            $img_size = array( '120', '160', '180', '240', '280', '320'   );
+        foreach ( (array) $attachments as $attachment_id => $attachment_val ) {
             foreach ( (array) $attachments as $attachment_id => $attachment_val ) {
+            $image_attributes = wp_get_attachment_image_src( $attachment_val->ID, $image_options_thumbnail_size );
+                $img_size = array( '120', '160', '180', '240', '280', '320'   );
+                //Settings variables for from database
+                $image_options_display_original = get_post_meta( $gallery_id , 'display_original', true ); // array
+                $image_options_img_margin = get_post_meta( $gallery_id , 'img_margin', true );
+                $image_options_thumbnail_options = get_post_meta( $gallery_id , 'thumbnail_options', true );
+                $image_options_textbox_height_range = get_post_meta( $gallery_id , 'textbox_height_range', true );
+                $image_options_display_text = get_post_meta( $gallery_id , 'display_text', true );
+                $image_options_info_background_color = get_post_meta( $gallery_id , 'info_background_color', true );
+                $image_options_container_font_size = get_post_meta( $gallery_id , 'container_font_size', true );
+                $image_options_thumbnail_size = get_post_meta( $gallery_id , 'thumbnail_size', true );
+                $image_options_font_family = get_post_meta( $gallery_id , 'font_family', true );
+                $image_attributes = wp_get_attachment_image_src( $attachment_val->ID , $image_options_thumbnail_size  );
+                if ( $image_options_display_original == true xor $image_options_thumbnail_options == true )
+                {
+                  $html .=  '<div  class="freewall-brick-pinterest brick"  data-width="'.$img_size[array_rand( $img_size , 1 )].'" data-height="'.$img_size[array_rand( $img_size , 1 )].'" data-delay="'.$attachment_id.'"   >';
+                }
+                $html .=  '<a  href="'.$attachment_val->guid.'"  class="js-img-viwer img-true-location" data-caption="" data-id="'.$attachment_id.'" >';
+                    //=====================    PINTEREST lAYOUT   =============================
+                    if ( $image_options_display_original == true and $image_options_thumbnail_options == false )
+                    {
+                      $html .= '<img class="image" style="height:100%;  width:100%;" src="'.$attachment_val->guid.'"  />';
+                    }
+                    elseif ( $image_options_thumbnail_options == true and $image_options_display_original == false )
+                    {
+                      $html .= '<img class="image" style="height:100%;  width:100%;"  src="'.$image_attributes[0].'"  />';
+                    }
+                    else
+                    {
+                      $text =  '<p>Image Options => "Display Original Size Image" or "Display Thumnail Size" settings are turned on or off same time</p>';
+                      print $text;
+                    }
+                    if ( ! empty( $attachment_id ) and true == $image_options_display_text )
+                    {
+                      $html .= '<div class="info" >';
+                        if( ! empty( $attachment_val->post_title))
+                        {
+                          $html .= '<h5 class="text spartan-gallery-img-title" >'.$attachment_val->post_title.'</h5>';
+                        }
+                        if( ! empty( $attachment_val->post_content))  {
+                          $html .= '<p class="text spartan-gallery-img-description" >'.$attachment_val->post_content.'</p>';
+                        }
+                        if( ! empty( $attachment_val->guid ) ) {
+                          $html .= ('<td colspan="3" style="background-color:#005673; text-align:right; padding: 4px 0px;">
+                            <button class="spartan-gallery-img-button text" onclick="parent.open(\'' . $attachment_val->guid . '\')" >'.$attachment_val->post_title.'</button></td>');
+                        }
+                      $html .= '</div>';
+                    }
+                $html .= '</a>';
+              if ( $image_options_display_original == true xor $image_options_thumbnail_options == true ) {
+                $html .= '</div>';
+              }
+            if ( $image_options_display_original == true xor $image_options_thumbnail_options == true ) {
+                $brick_w_index = array_rand( $img_size, 1 );
+                $brick_h_index = wp_rand( max( 0, $brick_w_index - 1 ), min( count( $img_size ) - 1, $brick_w_index + 1 ) );
+                $html .= '<div class="freewall-brick-pinterest brick" data-width="' . $img_size[ $brick_w_index ] . '" data-height="' . $img_size[ $brick_h_index ] . '" data-delay="' . absint( $attachment_id ) . '">';
+            }
+            if( true == $image_options_display_text ) {
+              $html .= '<style>
+                .image
+                {
+                  max-height: calc( 100% - '.$image_options_textbox_height_range.'% ) !important;
+                }
+                .info
+                {
+                  max-height: calc( 100% - '.$image_options_textbox_height_range.'% ) !important;
+                  background-color: '.$image_options_info_background_color.';
+                  position: relative;
+                  margin: 0px;
+                  font-size: '.$image_options_container_font_size.'px !important ;
+                }
+                .info>p
+                {
+                  font-size: '.$image_options_font_family['font-size'].';
+                  color:      '.$image_options_font_family['color'].';
+                  font-style:  '.$image_options_font_family['font-style'].';
+                  font-family: '.$image_options_font_family['font-family'] .';
+                  line-height:  '.$image_options_font_family['line-height'].';
+                  font-weight: '.$image_options_font_family['font-weight'].';
+                  text-align: '.$image_options_font_family['text-align'].';
+                }
+                .info>h5
+                {
+                  font-size: '.$image_options_font_family['font-size'].';
+                  color:      '.$image_options_font_family['color'].';
+                  font-style:  '.$image_options_font_family['font-style'].';
+                  font-family: '.$image_options_font_family['font-family'] .';
+                  line-height:  '.$image_options_font_family['line-height'].';
+                  font-weight: '.$image_options_font_family['font-weight'].';
+                  text-align: '.$image_options_font_family['text-align'].';
+                }
+            $html .= '<a href="' . esc_url( $attachment_val->guid ) . '" class="js-img-viwer img-true-location" data-caption="" data-id="' . absint( $attachment_id ) . '">';
+                .info>button
+                {
+                  font-size: '.$image_options_font_family['font-size'].';
+                  color:      '.$image_options_font_family['color'].';
+                }
+                '.$image_options_add_extra_css.'
+              </style>';
+            if ( $image_options_display_original == true and $image_options_thumbnail_options == false ) {
+                $html .= '<img class="image" style="height:100%; width:100%; object-fit:cover; object-position:center;" loading="lazy" src="' . esc_url( $attachment_val->guid ) . '" />';
+            } elseif ( $image_options_thumbnail_options == true and $image_options_display_original == false ) {
+                $html .= '<img class="image" style="height:100%; width:100%; object-fit:cover; object-position:center;" loading="lazy" src="' . esc_url( $image_attributes[0] ) . '" />';
+            } else {
+                return '<p>' . esc_html__( 'Image Options: "Display Original" or "Display Thumbnail" must be enabled, but not both simultaneously.', 'spartan-gallery' ) . '</p>';
+            }
-            $html .= '</div>';
-          $html .= '</div>';
+            $html .= '</a>';
+          $html .= '
+            if ( $image_options_display_original == true xor $image_options_thumbnail_options == true ) {
+                $html .= '</div>';
+            }
+        }
+        $html .= '</div>';
+        $html .= '</div>';
+        $html .= '
             <script>
                 jQuery( document ).ready( function( $ ){
+                // Random width layout
+                  var Imagewall = new Freewall("#freewall-pinterest");
+                  Imagewall.reset({
+                    selector: ".freewall-brick-pinterest",
+                    animate: false,
+                    cellW: 300,
+                    cellH: "auto",
+                    gutterY: '.$image_options_img_margin.',
+                    gutterX: '.$image_options_img_margin.',
+                    onResize: function() {
+                      Imagewall.fitWidth();
+                    }
+                  });
+                  $( document ).ready(function() {
+                  Imagewall.fitWidth();
+                  });
+                    var Imagewall = new Freewall("#freewall-pinterest");
+                    Imagewall.reset({
+                        selector: ".freewall-brick-pinterest",
+                        animate: false,
+                        cellW: 300,
+                        cellH: "auto",
+                        gutterY: ' . $image_options_img_margin . ',
+                        gutterX: ' . $image_options_img_margin . ',
+                        onResize: function() {
+                            Imagewall.fitWidth();
+                        }
+                    });
+                    $( document ).ready(function() {
+                        Imagewall.fitWidth();
+                    });
                 });
             </script>';
+            return $html;
+      }
+/*
+      static function init_freewall_random_javascript()
+      {
+        $html .= '';
+        $html .= '<script>';
+          $html .= 'jQuery( document ).ready( function( $ ){';
+            $html .= '$(".freewall-brick").each(function() {';
+              $html .= 'var wall = new Freewall("#freewall");';
+                $html .= 'wall.reset({';
+                  $html .= 'selector: "".brick",';
+                  $html .= 'animate: true,';
+                  $html .= 'cellW: 240,';
+                  $html .= 'cellH: "auto",';
+                  $html .= 'gutterY: 20,';
+                  $html .= 'gutterX: 20,';
+                  $html .= 'onResize: function() {';
+                  $html .= 'wall.fitWidth();';
+                  $html .= '}';
+                  $html .= '});';
+                  $html .= 'wall.container.find(".brick img").load(function() {';
+                  $html .= 'wall.fitWidth();';
+                $html .= '});';
+            $html .= '});';
+          $html .= '});';
+        $html .= '</script>';
+        return  $html;
+        //print_r( $script );
+      }
+*/
+        return $html;
+    }
+}

spartan-gallery/tags/1.4.0/public/html-cointainer-outputs/class-freewall-random-output.php

-              r3204032
+              r3619020
 <?php
 if ( ! defined( 'WPINC' ) ) {
     die;
+}
 Class Freewall_Random_Container
+{
+      static function display_random_container( $attachments, $gallery_id  )
+      {
+    static function display_random_container( $attachments, $gallery_id )
+    {
         $CSSClass = new Spartan_Gallery_Generated_CSS_Output();
+        $image_options_add_extra_css         = get_post_meta( $gallery_id, 'add_extra_css', true );
+        $image_options_display_original      = get_post_meta( $gallery_id, 'display_original', true );
+        $image_options_img_margin            = absint( get_post_meta( $gallery_id, 'img_margin', true ) );
+        $image_options_thumbnail_options     = get_post_meta( $gallery_id, 'thumbnail_options', true );
+        $image_options_thumbnail_size        = get_post_meta( $gallery_id, 'thumbnail_size', true );
+        $safe_extra_css                      = wp_strip_all_tags( $image_options_add_extra_css );
         $html = '';
+        $image_options_add_extra_css = get_post_meta( $gallery_id , 'add_extra_css', true );
+        $html .= '<style>'.$image_options_add_extra_css.'</style>';
+        $html .=  '  <div style="'.$CSSClass->output_php_Css($gallery_id).'" class="spartan-gallery-wrapper" >';
+          $html .= '  <div id="freewall-random" class="masonary" >'; //data-fixSize="true"
+          // Loop through them and output an image
+            $img_size = array( '120', '160', '180', '240', '280', '320'   );
+        $html .= '<style>' . $safe_extra_css . '</style>';
+        $html .= '<div style="' . $CSSClass->output_php_Css( $gallery_id ) . '" class="spartan-gallery-wrapper">';
+        $html .= '<div id="freewall-random" class="masonary">';
             foreach ( (array) $attachments as $attachment_id => $attachment_val ) {
+        $img_size = array( '120', '160', '180', '240', '280', '320' );
+                $img_size = array( '120', '160', '180', '240', '280', '320'   );
+                //Settings variables for from database
+                $image_options_display_original = get_post_meta( $gallery_id , 'display_original', true ); // array
+                $image_options_img_margin = get_post_meta( $gallery_id , 'img_margin', true );
+                $image_options_thumbnail_options = get_post_meta( $gallery_id , 'thumbnail_options', true );
+                $image_options_textbox_height_range = get_post_meta( $gallery_id , 'textbox_height_range', true );
+                $image_options_display_text = get_post_meta( $gallery_id , 'display_text', true );
+                $image_options_info_background_color = get_post_meta( $gallery_id , 'info_background_color', true );
+                $image_options_container_font_size = get_post_meta( $gallery_id , 'container_font_size', true );
+                $image_options_thumbnail_size = get_post_meta( $gallery_id , 'thumbnail_size', true );
+                $image_options_font_family = get_post_meta( $gallery_id , 'font_family', true );
+                $image_attributes = wp_get_attachment_image_src( $attachment_val->ID , $image_options_thumbnail_size  );
+        foreach ( (array) $attachments as $attachment_id => $attachment_val ) {
+                if ( $image_options_display_original == true xor $image_options_thumbnail_options == true ) {
+                  $html .=  '<div  class="freewall-brick brick"  data-width="'.$img_size[array_rand( $img_size , 1 )].'" data-height="'.$img_size[array_rand( $img_size , 1 )].'" data-delay="'.$attachment_id.'"   >';
+                }
+            $image_attributes = wp_get_attachment_image_src( $attachment_val->ID, $image_options_thumbnail_size );
                 $html .=  '<a  href="'.$attachment_val->guid.'"  class="js-img-viwer img-true-location" data-caption="" data-id="'.$attachment_id.'" >';
                     //=====================  Random width layout   =============================
                     if ( $image_options_display_original == true and $image_options_thumbnail_options == false ) {
+            if ( $image_options_display_original == true xor $image_options_thumbnail_options == true ) {
+                $html .= '<div class="freewall-brick brick" data-width="' . $img_size[ array_rand( $img_size, 1 ) ] . '" data-height="' . $img_size[ array_rand( $img_size, 1 ) ] . '" data-delay="' . absint( $attachment_id ) . '">';
+            }
                       $html .= '<img class="image" style="height:240px;  width:100%;" src="'.$attachment_val->guid.'"  />';
+            $html .= '<a href="' . esc_url( $attachment_val->guid ) . '" class="js-img-viwer img-true-location" data-caption="" data-id="' . absint( $attachment_id ) . '">';
+                    } elseif ( $image_options_thumbnail_options == true and $image_options_display_original == false ) {
+            if ( $image_options_display_original == true and $image_options_thumbnail_options == false ) {
+                $html .= '<img class="image" style="height:240px; width:100%; object-fit:cover; object-position:center;" loading="lazy" src="' . esc_url( $attachment_val->guid ) . '" />';
+            } elseif ( $image_options_thumbnail_options == true and $image_options_display_original == false ) {
+                $html .= '<img style="height:240px; width:100%; object-fit:cover; object-position:center;" loading="lazy" src="' . esc_url( $image_attributes[0] ) . '" />';
+            } else {
+                return '<p>' . esc_html__( 'Image Options: "Display Original" or "Display Thumbnail" must be enabled, but not both simultaneously.', 'spartan-gallery' ) . '</p>';
+            }
                       $html .= '<img style="height:240px;  width:100%;" src="'.$image_attributes[0].'"  />';
+            $html .= '</a>';
+                    } else
+                    {
+                      $text =  '<p>Image Options => "Display Original Size Image" or "Display Thumnail Size" settings are turned on or off same time</p>';
+                      print $text;
+                      //return;
+                    }
+            if ( $image_options_display_original == true xor $image_options_thumbnail_options == true ) {
+                $html .= '</div>';
+            }
+        }
+        $html .= '</div>';
+        $html .= '</div>';
+                    if ( ! empty( $attachment_id ) and true == $image_options_display_text ) {
+                      if( true == $image_options_display_text ) {
+                          $html .= '<style>
+                            .image
+                            {
+                              max-height: calc( 100% - '.$image_options_textbox_height_range.'% ) !important;
+                            }
+                            .info
+                            {
+                              max-height: calc( 100% - '.$image_options_textbox_height_range.'% ) !important;
+                              background-color: '.$image_options_info_background_color.';
+                              position: relative;
+                              margin: 0px;
+                              font-size: '.$image_options_container_font_size.'px !important ;
+                            }
+                            .info>p
+                            {
+                              font-size: '.$image_options_font_family['font-size'].';
+                              color:      '.$image_options_font_family['color'].';
+                              font-style:  '.$image_options_font_family['font-style'].';
+                              font-family: '.$image_options_font_family['font-family'] .';
+                              line-height:  '.$image_options_font_family['line-height'].';
+                              font-weight: '.$image_options_font_family['font-weight'].';
+                              text-align: '.$image_options_font_family['text-align'].';
+                            }
+                            .info>h5
+                            {
+                              font-size: '.$image_options_font_family['font-size'].';
+                              color:      '.$image_options_font_family['color'].';
+                              font-style:  '.$image_options_font_family['font-style'].';
+                              font-family: '.$image_options_font_family['font-family'] .';
+                              line-height:  '.$image_options_font_family['line-height'].';
+                              font-weight: '.$image_options_font_family['font-weight'].';
+                              text-align: '.$image_options_font_family['text-align'].';
+                            }
+                            .info>button
+                            {
+                              font-size: '.$image_options_font_family['font-size'].';
+                              color:      '.$image_options_font_family['color'].';
+                            }
+                            '.$image_options_add_extra_css.'
+                          </style>';
+                        }
+                      $html .= '<div class="info" >';
+                          if( ! empty( $attachment_val->post_title))
+                          {
+                            $html .= '<h5 class="text spartan-gallery-img-title" >'.$attachment_val->post_title.'</h5>';
+                          }
+                          if( ! empty( $attachment_val->post_content))  {
+                            $html .= '<p class="text spartan-gallery-img-description" >'.$attachment_val->post_content.'</p>';
+                          }
+                          if( ! empty( $attachment_val->guid ) ) {
+                            $html .= ('<td colspan="3" style="background-color:#005673; text-align:right; padding: 4px 0px;">
+                              <button class="spartan-gallery-img-button text" onclick="parent.open(\'' . $attachment_val->guid . '\')" >'.$attachment_val->post_title.'</button></td>');
+                          }
+                       $html .= '</div>';
+                      }
+                $html .= '</a>';
+              if ( $image_options_display_original == true xor $image_options_thumbnail_options == true ) {
+                $html .= '</div>';
+              }
+            }
+            $html .= '</div>';
+          $html .= '</div>';
+          $html .= '
+              <script>
+                  jQuery( document ).ready( function( $ ){
+                  // Random width layout
+        $html .= '
+            <script>
+                jQuery( document ).ready( function( $ ){
                     var Imagewall = new Freewall("#freewall-random");
                     Imagewall.reset({
                       selector: ".freewall-brick",
                       animate: true,
                       cellW: 200,
                       cellH: "auto",
                       gutterY: '.$image_options_img_margin.',
                       gutterX: '.$image_options_img_margin.',
                       onResize: function() {
                         Imagewall.fitWidth();
+                      }
+                        selector: ".freewall-brick",
+                        animate: true,
+                        cellW: 200,
+                        cellH: "auto",
+                        gutterY: ' . $image_options_img_margin . ',
+                        gutterX: ' . $image_options_img_margin . ',
+                        onResize: function() {
+                            Imagewall.fitWidth();
+                        }
                     });
                     $( document ).ready(function() {
+                    Imagewall.fitWidth();
+                        Imagewall.fitWidth();
+                    });
+                });
+            </script>';
+                    });
+                  });
+              </script>';
+          return $html;
+      }
+        return $html;
+    }
+}

spartan-gallery/tags/1.4.0/public/html-cointainer-outputs/class-hexagon-html-container.php

-              r3204032
+              r3619020
 <?php
 if ( ! defined( 'WPINC' ) ) {
     die;
+}
+Class Spartan_Gallery_Hexagon
+{
+    static function hexagon_html_container( $attachments, $gallery_id )
+    {
+        $CSSClass = new Spartan_Gallery_Generated_CSS_Output();
+Class Spartan_Gallery_Hexagon {
+        $image_options_add_extra_css         = get_post_meta( $gallery_id, 'add_extra_css', true );
+        $image_options_display_original      = get_post_meta( $gallery_id, 'display_original', true );
+        $image_options_thumbnail_options     = get_post_meta( $gallery_id, 'thumbnail_options', true );
+        $image_options_thumbnail_size        = get_post_meta( $gallery_id, 'thumbnail_size', true );
+        $safe_extra_css                      = wp_strip_all_tags( $image_options_add_extra_css );
+        $output = '';
+        $output .= '<style>' . $safe_extra_css . '</style>';
+        $output .= '<div style="' . $CSSClass->output_php_Css( $gallery_id ) . '" class="spartan-gallery-wrapper" style="position: relative; width: 100%;">';
+        $output .= '<div class="masonary">';
+        $output .= '<ul>';
   static function hexagon_html_container( $attachments, $gallery_id ) {
+        foreach ( $attachments as $attachments_id => $attachments_val ) {
+    $CSSClass = new Spartan_Gallery_Generated_CSS_Output();
+    $output = '';
+            $image_attributes = wp_get_attachment_image_src( $attachments_val->ID, $image_options_thumbnail_size );
     $image_options_add_extra_css = get_post_meta( $gallery_id , 'add_extra_css', true );
     $output  .= '<style>'.$image_options_add_extra_css.'</style>';
+            $output .= '<li class="hex">';
+            $output .= '<a class="js-img-viwer hexIn" data-caption="Title" data-id="' . absint( $attachments_id ) . '" href="' . esc_url( $attachments_val->guid ) . '">';
+    $output .= '<div style="'.$CSSClass->output_php_Css($gallery_id).'" class="spartan-gallery-wrapper" style="position: relative;width: 100%;" >';
+      $output .= '<div class="masonary" >';
+        $output .= '<ul>';
+          foreach ( $attachments as $attachments_id => $attachments_val ) {
+                $img_size = array( '120', '160', '180', '240', '280', '320'   );
+                //Settings variables for from database
+                $image_options_display_original = get_post_meta( $gallery_id , 'display_original', true ); // array
+                $image_options_img_margin = get_post_meta( $gallery_id , 'img_margin', true );
+                $image_options_thumbnail_options = get_post_meta( $gallery_id , 'thumbnail_options', true );
+                $image_options_textbox_height_range = get_post_meta( $gallery_id , 'textbox_height_range', true );
+                $image_options_display_text = get_post_meta( $gallery_id , 'display_text', true );
+                $image_options_info_background_color = get_post_meta( $gallery_id , 'info_background_color', true );
+                $image_options_container_font_size = get_post_meta( $gallery_id , 'container_font_size', true );
+                $image_options_thumbnail_size = get_post_meta( $gallery_id , 'thumbnail_size', true );
+                $image_options_font_family = get_post_meta( $gallery_id , 'font_family', true );
+                $image_attributes = wp_get_attachment_image_src( $attachments_val->ID , $image_options_thumbnail_size  );
+                //print_r($attachment_val);
+            if ( $image_options_display_original == true and $image_options_thumbnail_options == false ) {
+                $output .= '<img style="height:100%; width:100%; object-fit:cover; object-position:center;" loading="lazy" src="' . esc_url( $attachments_val->guid ) . '" />';
+            } elseif ( $image_options_thumbnail_options == true and $image_options_display_original == false ) {
+                $output .= '<img style="height:100%; width:100%; object-fit:cover; object-position:center;" loading="lazy" src="' . esc_url( $image_attributes[0] ) . '" />';
+            } else {
+                $output .= '<p>' . esc_html__( 'Image Options: "Display Original" or "Display Thumbnail" must be enabled, but not both simultaneously.', 'spartan-gallery' ) . '</p>';
+            }
+                $output .=  '<li class="hex">';
+                  $output .=    '<a class="js-img-viwer hexIn" data-caption="Title" data-id="'.$attachments_id.'" href="'.$attachments_val->guid.'">';
+            $output .= '</a>';
+            $output .= '</li>';
+        }
+                          if ( $image_options_display_original == true and $image_options_thumbnail_options == false ) {
+        $output .= '</ul>';
+        $output .= '</div>';
+        $output .= '</div>';
+                            $output .= '<img style="height:100%;  width:100%;" src="'.$attachments_val->guid.'"  />';
+                          } elseif ( $image_options_thumbnail_options == true and $image_options_display_original == false ) {
+                            $output .= '<img style="height:100%;  width:100%;" src="'.$image_attributes[0].'"  />';
+                          } else
+                          {
+                            $output .=  '<p>Image Options => "Display Original Size Image" or "Display Thumnail Size" settings are turned on or off same time</p>';
+                          }
+                          if ( ! empty( $attachment_id ) and true == $image_options_display_text )
+                          {
+                            $html .= '<div class="info" >';
+                              if( ! empty( $attachment_val->post_title))
+                              {
+                                $html .= '<h5 class="text spartan-gallery-img-title" >'.$attachment_val->post_title.'</h5>';
+                              }
+                              if( ! empty( $attachment_val->post_content))  {
+                                $html .= '<p class="text spartan-gallery-img-description" >'.$attachment_val->post_content.'</p>';
+                              }
+                              if( ! empty( $attachment_val->guid ) ) {
+                                $html .= ('<td colspan="3" style="background-color:#005673; text-align:right; padding: 4px 0px;">
+                                  <button class="spartan-gallery-img-button text" onclick="parent.open(\'' . $attachment_val->guid . '\')" >'.$attachment_val->post_title.'</button></td>');
+                              }
+                            $html .= '</div>';
+                          }
+                      $output .= '</a>';
+                  $output .= '</li>';
+            }
+          $output .= '</ul>';
+        $output .= '</div>';
+        $output .= '<script>';
+        $output .= '';
+        $output .= '</script>';
+      $output .= '</div>';
+    return $output;
+        return $output;
+    }
+}

spartan-gallery/tags/1.4.0/public/popup.php

-              r2145680
+              r3619020
         exit( 'Direct script access denied.' );
+}
-/**
-* Image gallerry button
+*
-* @since Spartan Gallery 1.0.2
+*
-* @param array  $urls           URLs to print for resource hints.
-* @param string $relation_type  The relation type the URLs are printed.
-* @return array $urls           URLs to print for resource hints.
-*/
 function button_url_get_meta( $value ) {
 …
+}
-/**
-* Image gallerry button
+*
-* @since Spartan Gallery 1.0.2
+*
-* @param array  $urls           URLs to print for resource hints.
-* @param string $relation_type  The relation type the URLs are printed.
-* @return array $urls           URLs to print for resource hints.
-*/
 function button_url_add_meta_box() {
         add_meta_box(
                 'button_url-button-url',
                 __( 'b', 'button_url' ),
+                __( 'Image Button Links', 'spartan-gallery' ),
                 'button_url_html',
                 'spartan_gallery_type',
 …
 add_action( 'add_meta_boxes', 'button_url_add_meta_box' );
+/**
+* Image gallerry button
+*
+* @since Spartan Gallery 1.0.2
+*
+* @param array  $urls           URLs to print for resource hints.
+* @param string $relation_type  The relation type the URLs are printed.
+* @return array $urls           URLs to print for resource hints.
+*/
+function button_url_html( $post) {
+function button_url_html( $post ) {
         wp_nonce_field( '_button_url_nonce', 'button_url_nonce' );
         $args = array(
                 'post_type'   => 'attachment',
                 'numberposts' => -1,
-                //'post_parent' => $page_id,
                 'post_status' => null,
                 'meta_query'  => array(
 …
+                        )
+                )
         );
         $attachments = get_posts( $args );
+        foreach ( (array) $attachments as $attachment_id => $attachment_value ) {
+                echo '<div class="popup" data-popup="popup-' . absint( $attachment_value->ID ) . '">';
+                echo '<div class="popup-inner">';
+  foreach ( (array) $attachments as $attachment_id => $attachment_value ) {
+        $field = get_post_meta( $attachment_value->ID, 'button_url_buttontitle'.$attachment_value->ID, true );
+        print_r( $field );
+  echo '<div class="popup" data-popup="popup-'.$attachment_value->ID.'">';
+  echo '<div class="popup-inner">';
+        echo '<p>';
+        echo  '<a><label for="button_url_buttonurl'.$attachment_value->ID.'">'._e( "Insert Button Url   ", "button_url" ).'   </label></a>';
+        echo  '<a><input maxlength="160" type="text" name="button_url_buttonurl'.$attachment_value->ID.'" id="button_url_buttonurl'.$attachment_value->ID.'" value="'.button_url_get_meta( "button_url_buttonurl" .$attachment_value->ID ).'"></a>';
+        echo '  </p>';
+                echo '<p>';
+                echo '<a><label for="button_url_buttonurl' . absint( $attachment_value->ID ) . '">' . esc_html__( 'Insert Button Url', 'spartan-gallery' ) . '</label></a>';
+                echo '<a><input maxlength="160" type="text" name="button_url_buttonurl' . absint( $attachment_value->ID ) . '" id="button_url_buttonurl' . absint( $attachment_value->ID ) . '" value="' . esc_attr( button_url_get_meta( 'button_url_buttonurl' . $attachment_value->ID ) ) . '"></a>';
+                echo '</p>';
         echo '<p>';
         echo  '<a><label for="button_url_buttonurl'.$attachment_value->ID.'">'._e( "Insert Button Title   ", "button_url" ).'   </label></a>';
         echo  '<a><input maxlength="160" type="text" name="button_url_buttontitle'.$attachment_value->ID.'" id="button_url_buttontitle'.$attachment_value->ID.'" value="'.button_url_get_meta( "button_url_buttontitle" .$attachment_value->ID ).'"></a>';
         echo '  </p>';
+                echo '<p>';
+                echo '<a><label for="button_url_buttontitle' . absint( $attachment_value->ID ) . '">' . esc_html__( 'Insert Button Title', 'spartan-gallery' ) . '</label></a>';
+                echo '<a><input maxlength="160" type="text" name="button_url_buttontitle' . absint( $attachment_value->ID ) . '" id="button_url_buttontitle' . absint( $attachment_value->ID ) . '" value="' . esc_attr( button_url_get_meta( 'button_url_buttontitle' . $attachment_value->ID ) ) . '"></a>';
+                echo '</p>';
+        echo '<p>';
+        echo  '<a><label for="imgtitle'.$attachment_value->ID.'">'._e( "Insert Image Title   ", "button_url" ).'   </label></a>';
+        echo  '<a><input maxlength="160" type="text" name="imgtitle'.$attachment_value->ID.'" id="imgtitle'.$attachment_value->ID.'" value="'.button_url_get_meta( "imgtitle" .$attachment_value->ID ).'"></a>';
+        echo '  </p>';
+        echo '<p>';
+                echo '<p>';
+                echo '<a><label for="imgtitle' . absint( $attachment_value->ID ) . '">' . esc_html__( 'Insert Image Title', 'spartan-gallery' ) . '</label></a>';
+                echo '<a><input maxlength="160" type="text" name="imgtitle' . absint( $attachment_value->ID ) . '" id="imgtitle' . absint( $attachment_value->ID ) . '" value="' . esc_attr( button_url_get_meta( 'imgtitle' . $attachment_value->ID ) ) . '"></a>';
+                echo '</p>';
+        echo  '<a><label for="imgdescription'.$attachment_value->ID.'">'._e( "Insert Image Description   ", "button_url" ).'   </label></a>';
+        echo  '<a><input maxlength="160" type="text" name="imgdescription'.$attachment_value->ID.'" id="imgdescription'.$attachment_value->ID.'" value="'.button_url_get_meta( "imgdescription" .$attachment_value->ID ).'"></a>';
+        echo '  </p>';
+  echo '<p><a id="close-popup" data-popup-close="popup-'.$attachment_value->ID.'" href="#">Close</a></p>';
+  echo ' <a id="close-popup" class="popup-close" data-popup-close="popup-'.$attachment_value->ID.'" href="#">x</a>';
+  echo '</div>';
+  echo '</div>';
+                echo '<p>';
+                echo '<a><label for="imgdescription' . absint( $attachment_value->ID ) . '">' . esc_html__( 'Insert Image Description', 'spartan-gallery' ) . '</label></a>';
+                echo '<a><input maxlength="160" type="text" name="imgdescription' . absint( $attachment_value->ID ) . '" id="imgdescription' . absint( $attachment_value->ID ) . '" value="' . esc_attr( button_url_get_meta( 'imgdescription' . $attachment_value->ID ) ) . '"></a>';
+                echo '</p>';
+                echo '<p><a id="close-popup" data-popup-close="popup-' . absint( $attachment_value->ID ) . '" href="#">' . esc_html__( 'Close', 'spartan-gallery' ) . '</a></p>';
+                echo '<a id="close-popup" class="popup-close" data-popup-close="popup-' . absint( $attachment_value->ID ) . '" href="#">x</a>';
+                echo '</div>';
+                echo '</div>';
+        }
+}
+}
-/**
-* Image gallerry button
+*
-* @since Spartan Gallery 1.0.2
+*
-* @param array  $urls           URLs to print for resource hints.
-* @param string $relation_type  The relation type the URLs are printed.
-* @return array $urls           URLs to print for resource hints.
-*/
 function button_url_save( $post_id ) {
         if ( defined( 'DOING_AUTOSAVE' ) && DOING_AUTOSAVE ) return;
 …
         if ( ! current_user_can( 'edit_post', $post_id ) ) return;
                                 $args = array(
                                         'post_type'   => 'attachment',
                                         'numberposts' => -1,
                                         //'post_parent' => $page_id,
                                         'post_status' => null,
                                         'meta_query'  => array(
                                                 array(
                                                         'key'     => 'spartan_gallery',
                                                         'compare' => '=',
+                                                )
+                                        )
+        $args = array(
+                'post_type'   => 'attachment',
+                'numberposts' => -1,
+                'post_status' => null,
+                'meta_query'  => array(
+                        array(
+                                'key'     => 'spartan_gallery',
+                                'compare' => '=',
+                        )
+                )
+        );
                                 );
+        $attachments = get_posts( $args );
                                 $attachments = get_posts( $args );
+        foreach ( (array) $attachments as $attachments_id => $attachment_value ) {
+        foreach ( (array) $attachments as $attachments_id => $attachment_value ) {
+                $id = $attachment_value->ID;
+                if ( sanitize_text_field(  isset($_POST['button_url_buttonurl'.$attachment_value->ID.'']) ) )
+                        update_post_meta( $post_id, 'button_url_buttonurl'.$attachment_value->ID.'', $_POST['button_url_buttonurl'.$attachment_value->ID.''] );
+                if ( isset( $_POST[ 'button_url_buttonurl' . $id ] ) ) {
+                        update_post_meta( $post_id, 'button_url_buttonurl' . $id, sanitize_text_field( wp_unslash( $_POST[ 'button_url_buttonurl' . $id ] ) ) );
+                }
+                if ( sanitize_text_field( isset($_POST['button_url_buttontitle'.$attachment_value->ID.''] ) ) )
+                        update_post_meta( $post_id, 'button_url_buttontitle'.$attachment_value->ID.'', $_POST['button_url_buttontitle'.$attachment_value->ID.''] );
+                if ( isset( $_POST[ 'button_url_buttontitle' . $id ] ) ) {
+                        update_post_meta( $post_id, 'button_url_buttontitle' . $id, sanitize_text_field( wp_unslash( $_POST[ 'button_url_buttontitle' . $id ] ) ) );
+                }
+                if ( sanitize_text_field( isset($_POST['imgtitle'.$attachment_value->ID.'']) ) )
+                        update_post_meta( $post_id, 'imgtitle'.$attachment_value->ID.'', $_POST['imgtitle'.$attachment_value->ID.''] );
+                if ( isset( $_POST[ 'imgtitle' . $id ] ) ) {
+                        update_post_meta( $post_id, 'imgtitle' . $id, sanitize_text_field( wp_unslash( $_POST[ 'imgtitle' . $id ] ) ) );
+                }
                 if ( sanitize_text_field(isset($_POST['imgdescription'.$attachment_value->ID.'']) ) )
                         update_post_meta( $post_id, 'imgdescription'.$attachment_value->ID.'', $_POST['imgdescription'.$attachment_value->ID.''] );
+              }
+                if ( isset( $_POST[ 'imgdescription' . $id ] ) ) {
+                        update_post_meta( $post_id, 'imgdescription' . $id, sanitize_text_field( wp_unslash( $_POST[ 'imgdescription' . $id ] ) ) );
+                }
+        }
+}
 add_action( 'save_post', 'button_url_save' );

spartan-gallery/tags/1.4.0/public/spartan-gallery-styles.php

-              r3204032
+              r3619020
+}
-/**
-* Image styles
+*
-* @since Spartan Gallery 1.0.2
+*
-* @param array  $urls           URLs to print for resource hints.
-* @param string $relation_type  The relation type the URLs are printed.
-* @return array $urls           URLs to print for resource hints.
-*/
 Class Spartan_Gallery_Generated_CSS_Output
+{
+    static function output_php_Css( $gallery_id )
+    {
+        $image_options_container_settings_on_off   = get_post_meta( $gallery_id, 'container_settings_on_off', true );
+        $image_options_container_height_width_range = get_post_meta( $gallery_id, 'container_height_width_range', true );
+        $image_options_container_background_color  = get_post_meta( $gallery_id, 'container_background_color', true );
+        $image_options_container_border            = get_post_meta( $gallery_id, 'container_border', true );
+        $css = '';
+      static function output_php_Css( $gallery_id  )
+      {
+                                        $image_options_container_settings_on_off = get_post_meta( $gallery_id , 'container_settings_on_off', true );
+                                        $image_options_container_height_width_range = get_post_meta( $gallery_id , 'container_height_width_range', true );
+                                        $image_options_container_background_color = get_post_meta( $gallery_id , 'container_background_color', true );
+                                        $image_options_container_border = get_post_meta( $gallery_id , 'container_border', true );
+        if ( $image_options_container_settings_on_off == true ) {
+            $css .= '
+                border-top: '    . esc_attr( $image_options_container_border['border-top'] )    . ';
+                border-right: '  . esc_attr( $image_options_container_border['border-right'] )  . ';
+                border-bottom: ' . esc_attr( $image_options_container_border['border-bottom'] ) . ';
+                border-left: '   . esc_attr( $image_options_container_border['border-left'] )   . ';
+                border-style: '  . esc_attr( $image_options_container_border['border-style'] )  . ';
+                border-color: '  . esc_attr( $image_options_container_border['border-color'] )  . ';
+                background-color: ' . esc_attr( $image_options_container_background_color ) . ';
+                height: '        . esc_attr( $image_options_container_height_width_range['height'] ) . ';
+                width: '         . esc_attr( $image_options_container_height_width_range['width'] )  . ';
+            ';
+        }
+                                        $css = '';
+                                        //$css .= '<style>';
+                                                if ( $image_options_container_settings_on_off  == true ) {
+                                                $css .= '
+                                                                        border-top: '.$image_options_container_border['border-top'].' ;
+                                                                        border-right: '.$image_options_container_border['border-right'].';
+                                                                        border-bottom: '.$image_options_container_border['border-bottom'].';
+                                                                        border-left: '.$image_options_container_border['border-left'].';
+                                                                        border-style: '.$image_options_container_border['border-style'].';
+                                                                        border-color: '.$image_options_container_border['border-color'].';
+                                                                        background-color: '.$image_options_container_background_color.';
+                                                                        height: '.$image_options_container_height_width_range['height'].';
+                                                                        width: '.$image_options_container_height_width_range['width'].';
+                                                                ';
+                                                }
+                                        //$css .= '</style>';
+                                        return $css;
+                        }
+        return $css;
+    }
+}

spartan-gallery/tags/1.4.0/readme.txt

-              r3204032
+              r3619020
 Contributors:       Freelancer Martin
 Tags:               gallery, portfolio, simple portfolio gallery, photo gallery, art gallery, photographer gallery,
+Tags:               gallery, portfolio, photo gallery, gutenberg, responsive
 Requires at least: 4.6
 Tested up to: 6.7
 Requires PHP: 8.3
 Stable tag:         1.3.0
+Tested up to: 7.0
+Requires PHP: 7.4
+Stable tag:         1.4.0
 License:            GPLv2 or later
 License URI:        [http://www.gnu.org/licenses/gpl-2.0.html](http://www.gnu.org/licenses/gpl-2.0.html)
+License URI:        http://www.gnu.org/licenses/gpl-2.0.html
 == Description ==
+Spartan Gallery allows you to create gallery very very easily. Spartan Gallery is a responsive and multipurpose portfolio gallery plugin. You can use it for: agency, personal portfolio, architect agency, architecture portfolio, photography studios, creative agency, design studios, painter portfolio, model agency, escort agency, products showcase, artworks, art, artist portfolio, web design works, illustrators, projects, blog, freelance designer etc.
+This plugin is truly best for individual who want to deal with numerous of photos. This plugin is also designed with stunning modern style. More over, with plugin option panel. You can change almost everything easily via admin panel. Spartan Gallery is responsive and supports all devices, user-friendly and fine-looking. It is very nice with its clean and professional look.
+Spartan Gallery is a responsive, multipurpose portfolio gallery plugin for WordPress. It works well for agencies, personal portfolios, architecture and photography studios, product showcases, artist portfolios, and blogs.
+Now added Redux Framework, added gutenberg block to add gallerys on site, fixed some issuses with plugin
+Six layout styles are included: Freewall Chaotic, Random, Fixed, Pinterest, Hexagon, and 3D Slider. Each gallery has its own options panel to control image size, thumbnail behavior, container styling, and custom CSS, plus a Gutenberg block for adding galleries anywhere in the block editor.
 = Visit Example Site  =
 …
 If installing the plugin from wordpress.org:
+. Upload or Intall the entire /Spartan Gallery directory to the /wp-content/plugins/ directory.
+. Upload the entire plugin directory to the /wp-content/plugins/ directory.
+. Activate Spartan Gallery through the 'Plugins' menu in WordPress.
+. Go to Create New Gallery
+. Upload Images -> choose layouts options -> select image settings
+. Copy and Paste shortcode, where would you like see gallery
+. Profit.
+. Upload or install the entire /spartan-gallery directory to the /wp-content/plugins/ directory, or install directly through the 'Plugins' screen in WordPress.
+. Activate Spartan Gallery through the 'Plugins' menu in WordPress.
+. Go to Spartan Gallery > Add New to create a gallery.
+. Upload images, choose a layout, and select image settings.
+. Copy the shortcode (or use the Gutenberg block) wherever you'd like the gallery to appear.
 …
 == Changelog ==
+= 1.4.0 =
+* Removed the Redux Framework dependency; the gallery options panel is now a native WordPress metabox (no third-party plugin required).
+* Fixed images being stretched/distorted in all six layouts.
+* Fixed several settings (thumbnail size, adjustable image, container settings) not saving correctly when turned off.
+* Fixed slider controls not being usable in the options panel.
+* Removed the "display text under image" caption feature.
+* Various security hardening and bug fixes.
 = 1.3.0 =
+* Version 1.0.0 - First Stable Release
+* Version 1.2.0 - Upate user interface, new core and class system, new proper class system for plugin
+* Version 1.3.0 - Now using redux framework, added gutenbergblock, changed UI, proper testing, made sure everylaout is working, fixed UI
+* Added Gutenberg block support.
+* UI improvements and layout fixes.
+= 1.2.0 =
+* Updated user interface; new core class system for the plugin.
+= 1.0.0 =
+* First stable release.
+== Upgrade Notice ==
+= 1.4.0 =
+Removes the Redux Framework dependency in favor of a built-in options panel — your existing gallery settings carry over automatically. If Redux Framework was installed only for this plugin, it can now be deactivated.

spartan-gallery/tags/1.4.0/spartan-gallery.php

-              r3204032
+              r3619020
  * @wordpress-plugin
  * Plugin Name:       Spartan Gallery
+ * Plugin URI:        spartan-gallery.developerforwebsites.com
+ * Description:       This is a short description of what the plugin does. It's displayed in the WordPress admin area.
+ * Version:           1.0.0
+ * Description:       A responsive, multipurpose gallery plugin with six layout styles (Freewall Chaotic, Random, Fixed, Pinterest, Hexagon, and 3D Slider), a Gutenberg block, and per-gallery image/container styling options.
+ * Version:           1.4.0
  * Author:            Freelancer Martin
  * Author URI:        developerforwebsites@gmail.com
+ * Author URI:        https://freelancermartin.com
  * License:           GPL-2.0+
  * License URI:       http://www.gnu.org/licenses/gpl-2.0.txt
 …
  * Rename this for your plugin and update it as you release new versions.
  */
 define( 'PLUGIN_NAME_VERSION', '1.2.1' );
+define( 'PLUGIN_NAME_VERSION', '1.4.0' );
 …
-//require_once plugin_dir_path( __FILE__ ) . 'admin/exopite-simple-options/exopite-simple-options-framework-class.php';
 /**
  * The code that runs during plugin deactivation.

spartan-gallery/trunk/admin/class-add-gallery-gutenberg-block.php

-              r3204032
+              r3619020
 <?php
+if ( ! defined( 'WPINC' ) ) {
+        die;
+}
 // Register the block and its settings
 …
                         $my_meta_options = get_post_meta( $gallery_id , 'image_layout_select', true ); // array
+                        $get_all_post_attachements = get_post_meta( $gallery_id , 'spartan_gallery_uploaded_images', true );
+                        $get_all_post_attachements = get_post_meta( $gallery_id , 'spartan_gallery_uploaded_images', true );
                         // Loop through each post ID
+                        foreach (explode(',',$get_all_post_attachements) as $post_id) {
+                                // Retrieve the post object by ID
+                                $post = get_post($post_id);
+                        $post_guids = array();
+                        if ( ! empty( $get_all_post_attachements ) ) {
+                                foreach ( explode( ',', $get_all_post_attachements ) as $post_id ) {
+                                        // Retrieve the post object by ID
+                                        $post = get_post( absint( $post_id ) );
+                                // Check if the post exists
+                                if ($post) {
+                                        // Get the GUID of the post and push it into the array
+                                        $post_guids[] = $post;
+                                        // Check if the post exists
+                                        if ( $post ) {
+                                                // Get the GUID of the post and push it into the array
+                                                $post_guids[] = $post;
+                                        }
+                                }
+                        }
+                        if ( empty( $post_guids ) ) {
+                                return '<p>No images found in this gallery.</p>';
+                        }

spartan-gallery/trunk/admin/class-spartan-gallery-admin.php

-              r3204032
+              r3619020
                 $this->plugin_name = $plugin_name;
                 $this->version = $version;
-                // Hook into plugin activation
-                add_action( 'admin_init', array($this,'spartan_gallery_check_and_install_redux' ));
-                add_action( 'plugins_loaded', array($this,'spartan_gallery_load_redux' ));
+        }
 …
-        public function spartan_gallery_check_and_install_redux()
+        {
-                // Ensure WordPress is loaded
-                if ( ! function_exists( 'wp_generate_password' ) ) {
-                        error_log( 'WordPress not fully loaded. Aborting Redux installation.' );
-                        return;
+                }
-                if ( ! class_exists( 'ReduxFramework' ) ) {
-                        require_once ABSPATH . 'wp-admin/includes/plugin-install.php';
-                        require_once ABSPATH . 'wp-admin/includes/file.php';
-                        require_once ABSPATH . 'wp-admin/includes/misc.php';
-                        require_once ABSPATH . 'wp-admin/includes/class-wp-upgrader.php';
-                        // Get plugin information for Redux Framework
-                        $plugin_slug = 'redux-framework';
-                        $plugin_info = plugins_api( 'plugin_information', array( 'slug' => $plugin_slug ) );
-                        if ( is_wp_error( $plugin_info ) ) {
-                                error_log( 'Error fetching Redux Framework plugin info: ' . $plugin_info->get_error_message() );
-                                return;
+                        }
-                        $download_link = $plugin_info->download_link;
-                        $upgrader = new Plugin_Upgrader();
-                        $installed = $upgrader->install( $download_link );
-                        if ( $installed ) {
-                                $plugin_file = WP_PLUGIN_DIR . "/$plugin_slug/$plugin_slug.php";
-                                if ( file_exists( $plugin_file ) ) {
-                                        activate_plugin( $plugin_file );
-                                } else {
-                                        error_log( 'Redux Framework installation failed: Plugin file not found.' );
+                                }
-                        } else {
-                                error_log( 'Redux Framework installation failed: Unable to download or install the plugin.' );
+                        }
+                }
+        }
-        // Load Redux Framework after all plugins are loaded
-        public function spartan_gallery_load_redux() {
-                // Check if Redux Framework is installed and active
-                if ( class_exists( 'ReduxFramework' ) )
+                {
-                        // Path to Redux plugin's main file
-                        $redux_plugin_file = WP_PLUGIN_DIR . '/redux-framework/redux-framework.php';
-                        if ( file_exists( $redux_plugin_file ) ) {
-                                include_once $redux_plugin_file;
-                                // Now include your Redux configuration file
-                                //require_once plugin_dir_path( __FILE__ ) . 'redux-config.php';
-                                require_once plugin_dir_path( dirname( __FILE__ ) ) . 'admin/class-spartan-gallery-options.php';
-                        } else {
-                                error_log( 'Redux Framework plugin is not installed or not found in the plugins directory.' );
+                        }
+                }
+        }
+}

spartan-gallery/trunk/admin/class-spartan-gallery-metaboxes.php

-              r2145680
+              r3619020
 */
 if ( ! defined( 'WPINC' ) ) {
     die;
+}
 function spartan_gallery_meta_box_add()
 …
     add_meta_box( 'new-spartan-gallery-box', 'Shortcode', 'spartan_gallery_paybal_meta_box_cb', 'spartan_gallery_type', 'normal', 'low' );
+}
 add_action( 'add_meta_boxes', 'spartan_gallery_meta_box_add' );
 function spartan_gallery_paybal_meta_box_cb()
+{
+    $gallery_id = absint( get_the_ID() );
 ?>
+  <div >
+  <div>
       <div class="postbox">
+          <h3 style="border-bottom: 1px solid #EEE;background: #f7f7f7;"><span class="tcode"><?php _e("Shortcode", "easy-textillate"); ?></span></h3>
+          <h3 style="border-bottom: 1px solid #EEE;background: #f7f7f7;"><span class="tcode"><?php esc_html_e( 'Shortcode', 'spartan-gallery' ); ?></span></h3>
           <div class="inside" style="padding-bottom:20px;display: block;">
+          <table width="100%">
+          <tr><td>
+           <p><code style="color:#A71D5D;" >[spartan_gallery  id='<?php print_r(get_the_ID()); ?>']</code></p>
+          </td>
+          <td width="50px" style="align:right;">
+           </td></tr>
+           </table>
+              <table width="100%">
+              <tr><td>
+                  <p><code style="color:#A71D5D;">[spartan_gallery id='<?php echo esc_html( $gallery_id ); ?>']</code></p>
+              </td></tr>
+              </table>
           </div>
       </div>
       <div class="postbox">
           <h3 style="border-bottom: 1px solid #EEE;background: #f7f7f7;"><span class="tcode"><?php _e("PHP code", "easy-textillate"); ?></span></h3>
+          <h3 style="border-bottom: 1px solid #EEE;background: #f7f7f7;"><span class="tcode"><?php esc_html_e( 'PHP code', 'spartan-gallery' ); ?></span></h3>
           <div class="inside" style="padding-bottom:20px;display: block;">
+          <table width="100%">
+          <tr><td>
+            <p><code style="color:#A71D5D;" >echo do_shortcode("[spartan_gallery id='<?php print_r(get_the_ID()); ?>']");</code></p>
+           </td>
+          <td width="50px" style="align:right;">
+           </td></tr>
+           </table>
+              <table width="100%">
+              <tr><td>
+                  <p><code style="color:#A71D5D;">echo do_shortcode("[spartan_gallery id='<?php echo esc_html( $gallery_id ); ?>']");</code></p>
+              </td></tr>
+              </table>
           </div>
       </div>
       <div class="postbox">
           <h3 style="border-bottom: 1px solid #EEE;background: #f7f7f7;"><span class="tcode"><?php _e("Do you like this plugin ?", "easy-textillate"); ?></span></h3>
+          <h3 style="border-bottom: 1px solid #EEE;background: #f7f7f7;"><span class="tcode"><?php esc_html_e( 'Do you like this plugin?', 'spartan-gallery' ); ?></span></h3>
           <div class="inside" style="display: block;">
+              <img src="<?php echo plugin_dir_url( '' ) . 'spartan-gallery/admin/img/index.jpeg'; ?>" title="<?php _e("buy me a coffee", "easy-textillate"); ?>" style=" margin: 5px; float:left;" />
+              <p><?php _e("Hi! I'm <strong>Freelancer Martin</strong>, developer of this plugin.", "easy-textillate"); ?></p>
+              <p><?php _e("I've been spending many hours to develop this plugin.", "easy-textillate"); ?> <br />
+              <?php _e("If you like and use this plugin and would like to see future development, you can <strong>buy me a cup of coffee</strong>.", "easy-textillate"); ?></p>
+              <img src="<?php echo esc_url( plugin_dir_url( '' ) . 'spartan-gallery/admin/img/index.jpeg' ); ?>" title="<?php esc_attr_e( 'buy me a coffee', 'spartan-gallery' ); ?>" style="margin: 5px; float:left;" />
+              <p><?php esc_html_e( "Hi! I'm Freelancer Martin, developer of this plugin.", 'spartan-gallery' ); ?></p>
+              <p><?php esc_html_e( "I've been spending many hours to develop this plugin.", 'spartan-gallery' ); ?><br />
+              <?php esc_html_e( 'If you like and use this plugin and would like to see future development, you can buy me a cup of coffee.', 'spartan-gallery' ); ?></p>
               <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=CVJ7GE7QM5F3N" target="_blank" rel="nofollow"><img src="https://www.paypal.com/en_US/i/btn/x-click-but21.gif" alt="" /></a>
               <div style="clear:both;"></div>
        </div>
+          </div>
+      </div>
   </div>
 <?php
+}

spartan-gallery/trunk/admin/class-spartan-gallery-options.php

-              r3204032
+              r3619020
 <?php
+if ( ! class_exists( 'Redux' ) ) {
+    return;
+/**
+ * Spartan Gallery Options metabox.
+ *
+ * Native WordPress replacement for the previous Redux Framework options panel.
+ * Renders the same sections/fields and writes to the exact same post_meta keys
+ * the rest of the plugin (public/html-cointainer-outputs/*, spartan-gallery-styles.php)
+ * already reads, so no other file needed to change.
+ *
+ * @package Spartan_Gallery
+ * @subpackage Spartan_Gallery/admin
+ */
+if ( ! defined( 'WPINC' ) ) {
+        die;
+}
+$opt_name = 'spartan_gallery_options';
+/*
+$args = array(
+    'opt_name'             => $opt_name,
+    'display_name'         => 'My Plugin Options',
+    'menu_title'           => 'My Plugin Settings',
+    'page_title'           => 'My Plugin Options',
+    'admin_bar'            => true,
+    'menu_type'            => 'menu',
+    'allow_sub_menu'       => true,
+    'page_parent_post_type' => 'spartan_gallery_type',
+    'customizer'           => true,
+);
+*/
+Redux::setArgs( $opt_name/*, $args*/ );
+// Example Section
+Redux::setSection( $opt_name, array(
+    'title'  => 'General Settings',
+    //'id'     => 'general',
+    'desc'   => 'Basic settings for your plugin.',
+) );
+// Change this variable to the opt_name of YOUR project.
+//$opt_name = 'your_opt_name';
+/*
+// Standard metabox.
+Redux_Metaboxes::set_box(
+        $opt_name,
+        array(
+                'id'         => 'opt-metaboxes',
+                'title'      => esc_html__( 'Metabox Options', 'your-textdomain-here' ),
+                'post_types' => array( 'spartan_gallery_type' ),
+                'position'   => 'normal', // normal, advanced, side.
+                'priority'   => 'high',   // high, core, default, low.
+                'sections'   => array(
+class Spartan_Gallery_Options {
+        const POST_TYPE = 'spartan_gallery_type';
+        const NONCE_ACTION = 'spartan_gallery_options_save';
+        const NONCE_NAME   = 'spartan_gallery_options_nonce';
+        public static function init() {
+                add_action( 'add_meta_boxes', array( __CLASS__, 'add_meta_box' ) );
+                add_action( 'save_post', array( __CLASS__, 'save' ) );
+                add_action( 'admin_enqueue_scripts', array( __CLASS__, 'enqueue_assets' ) );
+        }
+        public static function add_meta_box() {
+                add_meta_box(
+                        'spartan-gallery-options',
+                        esc_html__( 'Spartan Gallery Options', 'spartan-gallery' ),
+                        array( __CLASS__, 'render' ),
+                        self::POST_TYPE,
+                        'normal',
+                        'high'
+                );
+        }
+        public static function enqueue_assets( $hook ) {
+                if ( ! in_array( $hook, array( 'post.php', 'post-new.php' ), true ) ) {
+                        return;
+                }
+                $screen = get_current_screen();
+                if ( ! $screen || self::POST_TYPE !== $screen->post_type ) {
+                        return;
+                }
+                wp_enqueue_style( 'wp-color-picker' );
+                wp_enqueue_style(
+                        'spartan-gallery-options',
+                        plugin_dir_url( __FILE__ ) . 'css/spartan-gallery-options.css',
+                        array( 'wp-color-picker' ),
+                        PLUGIN_NAME_VERSION
+                );
+                wp_enqueue_media();
+                wp_enqueue_script( 'jquery-ui-slider' );
+                wp_enqueue_script( 'jquery-ui-spinner' );
+                wp_enqueue_script( 'wp-color-picker' );
+                $cm_settings = wp_enqueue_code_editor( array( 'type' => 'text/css' ) );
+                wp_enqueue_script(
+                        'spartan-gallery-options',
+                        plugin_dir_url( __FILE__ ) . 'js/spartan-gallery-options.js',
+                        array( 'jquery', 'jquery-ui-slider', 'jquery-ui-spinner', 'wp-color-picker', 'media-editor' ),
+                        PLUGIN_NAME_VERSION,
+                        true
+                );
+                wp_localize_script(
+                        'spartan-gallery-options',
+                        'sgOptionsData',
                         array(
+                                'title'  => esc_html__( 'Basic Field', 'your-textdomain-here' ),
+                                'id'     => 'opt-basic-fields',
+                                'desc'   => esc_html__( 'Redux Framework was created with the developer in mind. It allows for any theme developer to have an advanced theme panel with most of the features a developer would need. For more information check out the Github repo at:', 'your-textdomain-here' ) . '  <a href="https://github.com/ReduxFramework/Redux-Framework">https://github.com/ReduxFramework/Redux-Framework</a>',
+                                'icon'   => 'el-icon-cogs',
+                                'fields' => array(
+                                        array(
+                                                'id'       => 'opt-checkbox',
+                                                'type'     => 'checkbox',
+                                                'title'    => esc_html__( 'Checkbox', 'your-textdomain-here' ),
+                                                'subtitle' => esc_html__( 'Basic Checkbox field.', 'your-textdomain-here' ),
+                                                'default'  => true,
+                                        ),
+                                        array(
+                                                'id'       => 'switch-on',
+                                                'type'     => 'switch',
+                                                'title'    => esc_html__( 'Switch On', 'your-textdomain-here' ),
+                                                'subtitle' => esc_html__( 'Look, it\'s on!', 'your-textdomain-here' ),
+                                                'default'  => 1,
+                                        ),
+                                ),
+                        ),
+                                'codeEditor' => $cm_settings,
+                                'mediaTitle' => esc_html__( 'Select gallery images', 'spartan-gallery' ),
+                                'mediaButton' => esc_html__( 'Use selected images', 'spartan-gallery' ),
+                        )
+                );
+        }
+        private static function meta( $post_id, $key, $default = '' ) {
+                // metadata_exists(), not an emptiness check: update_post_meta() legitimately
+                // stores '' when a checkbox is unchecked, and that must NOT be treated the
+                // same as "never saved, show the default" or unchecked switches could never
+                // actually be turned off.
+                if ( ! metadata_exists( 'post', $post_id, $key ) ) {
+                        return $default;
+                }
+                return get_post_meta( $post_id, $key, true );
+        }
+        private static function tabs() {
+                return array(
+                        'layout'    => array( esc_html__( 'Gallery Layout Options', 'spartan-gallery' ), 'dashicons-layout' ),
+                        'upload'    => array( esc_html__( 'Upload Images', 'spartan-gallery' ), 'dashicons-format-gallery' ),
+                        'image'     => array( esc_html__( 'Image Options', 'spartan-gallery' ), 'dashicons-admin-generic' ),
+                        'container' => array( esc_html__( 'Gallery Container Settings', 'spartan-gallery' ), 'dashicons-admin-appearance' ),
+                        'css'       => array( esc_html__( 'Insert Custom CSS', 'spartan-gallery' ), 'dashicons-editor-code' ),
+                );
+        }
+        private static function render_nav( $active ) {
+                echo '<div class="sg-options-nav">';
+                foreach ( self::tabs() as $id => $tab ) {
+                        list( $label, $icon ) = $tab;
+                        $class = 'sg-options-nav-item' . ( $id === $active ? ' active' : '' );
+                        echo '<button type="button" class="' . esc_attr( $class ) . '" data-panel="' . esc_attr( $id ) . '">';
+                        echo '<span class="dashicons ' . esc_attr( $icon ) . '"></span>';
+                        echo '<span class="sg-nav-label">' . esc_html( $label ) . '</span>';
+                        echo '</button>';
+                }
+                echo '</div>';
+        }
+        private static function section_open( $id, $title, $desc = '' ) {
+                $active = ( 'layout' === $id );
+                echo '<div class="sg-options-panel' . ( $active ? ' active' : '' ) . '" data-panel="' . esc_attr( $id ) . '">';
+                echo '<h3 class="sg-options-section-title">' . esc_html( $title ) . '</h3>';
+                if ( $desc ) {
+                        echo '<p class="sg-options-section-desc">' . wp_kses_post( $desc ) . '</p>';
+                }
+                echo '<table class="form-table sg-options-table"><tbody>';
+        }
+        private static function section_close() {
+                echo '</tbody></table></div>';
+        }
+        private static function row_open( $label, $for = '' ) {
+                echo '<tr><th scope="row">';
+                if ( $for ) {
+                        echo '<label for="' . esc_attr( $for ) . '">' . esc_html( $label ) . '</label>';
+                } else {
+                        echo esc_html( $label );
+                }
+                echo '</th><td>';
+        }
+        private static function row_close( $desc = '' ) {
+                if ( $desc ) {
+                        echo '<p class="description">' . wp_kses_post( $desc ) . '</p>';
+                }
+                echo '</td></tr>';
+        }
+        public static function render( $post ) {
+                wp_nonce_field( self::NONCE_ACTION, self::NONCE_NAME );
+                $gallery_id = $post->ID;
+                echo '<div class="sg-options-wrap">';
+                self::render_nav( 'layout' );
+                echo '<div class="sg-options-content">';
+                // Section 1: Gallery Layout Options.
+                self::section_open( 'layout', esc_html__( 'Gallery Layout Options', 'spartan-gallery' ) );
+                $layout = self::meta( $gallery_id, 'image_layout_select', 'value-1' );
+                $layouts = array(
+                        'value-1' => array( esc_html__( 'Freewall Chaotic', 'spartan-gallery' ), 'FlexFreewallTable.png' ),
+                        'value-2' => array( esc_html__( 'Random', 'spartan-gallery' ), 'ImageFreewallGrid.png' ),
+                        'value-3' => array( esc_html__( 'Fixed', 'spartan-gallery' ), 'NestedFreewallGrid.png' ),
+                        'value-4' => array( esc_html__( 'Pinterest', 'spartan-gallery' ), 'PinterestFreewallGrid.png' ),
+                        'value-5' => array( esc_html__( 'Hexagon', 'spartan-gallery' ), 'hexagon_layout.jpg' ),
+                        'value-6' => array( esc_html__( '3D Slider', 'spartan-gallery' ), 'spartan_3D_layout.png' ),
+                );
+                echo '<tr><td colspan="2">';
+                echo '<p class="description">' . esc_html__( 'Gallery layout looks exactly like the preview image. To change the aspect ratio, select the third layout, turn "Display Adjustable Image" ON under Image Options, and turn "Display thumbnail size" OFF. Width/height only apply to the third and sixth layouts; other layouts size images randomly for the grid.', 'spartan-gallery' ) . '</p>';
+                echo '<div class="sg-image-select">';
+                foreach ( $layouts as $value => $data ) {
+                        list( $label, $file ) = $data;
+                        $img_url = plugins_url( 'img/' . $file, __FILE__ );
+                        $checked = checked( $layout, $value, false );
+                        echo '<label class="sg-image-select-option' . ( $layout === $value ? ' selected' : '' ) . '">';
+                        echo '<input type="radio" name="image_layout_select" value="' . esc_attr( $value ) . '" ' . $checked . ' />';
+                        echo '<img src="' . esc_url( $img_url ) . '" alt="' . esc_attr( $label ) . '" />';
+                        echo '<span>' . esc_html( $label ) . '</span>';
+                        echo '</label>';
+                }
+                echo '</div>';
+                echo '</td></tr>';
+                self::section_close();
+                // Section 2: Upload Images.
+                self::section_open( 'upload', esc_html__( 'Upload Images', 'spartan-gallery' ) );
+                $uploaded_ids = self::meta( $gallery_id, 'spartan_gallery_uploaded_images', '' );
+                self::row_open( esc_html__( 'Upload', 'spartan-gallery' ) );
+                echo '<input type="hidden" id="spartan_gallery_uploaded_images" name="spartan_gallery_uploaded_images" value="' . esc_attr( $uploaded_ids ) . '" />';
+                echo '<div id="sg-gallery-preview" class="sg-gallery-preview">';
+                if ( ! empty( $uploaded_ids ) ) {
+                        foreach ( explode( ',', $uploaded_ids ) as $att_id ) {
+                                $att_id = absint( $att_id );
+                                if ( ! $att_id ) {
+                                        continue;
+                                }
+                                $thumb = wp_get_attachment_image_src( $att_id, 'thumbnail' );
+                                if ( $thumb ) {
+                                        echo '<span class="sg-gallery-thumb" data-id="' . esc_attr( $att_id ) . '"><img src="' . esc_url( $thumb[0] ) . '" /><a href="#" class="sg-gallery-remove" title="' . esc_attr__( 'Remove', 'spartan-gallery' ) . '">&times;</a></span>';
+                                }
+                        }
+                }
+                echo '</div>';
+                echo '<p><button type="button" class="button" id="sg-gallery-select">' . esc_html__( 'Select / Manage Images', 'spartan-gallery' ) . '</button></p>';
+                self::row_close();
+                self::section_close();
+                // Section 3: Image Options.
+                self::section_open( 'image', esc_html__( 'Image Options', 'spartan-gallery' ) );
+                self::row_open( esc_html__( 'Display Adjustable Image', 'spartan-gallery' ), 'display_original' );
+                $display_original = self::meta( $gallery_id, 'display_original', '' );
+                echo '<label class="sg-switch"><input type="checkbox" id="display_original" name="display_original" value="1" ' . checked( $display_original, '1', false ) . ' /> ' . esc_html__( 'Enabled', 'spartan-gallery' ) . '</label>';
+                self::row_close( esc_html__( '"Display thumbnail size" can\'t be turned on when this setting is turned on.', 'spartan-gallery' ) );
+                self::row_open( esc_html__( 'Image width (PX)', 'spartan-gallery' ), 'image_width' );
+                $image_width = self::meta( $gallery_id, 'image_width', 150 );
+                echo '<div class="sg-slider" id="image_width_slider" data-target="image_width" data-min="0" data-max="2000" data-step="1"></div>';
+                echo '<input type="text" class="sg-slider-value" id="image_width" name="image_width" value="' . esc_attr( $image_width ) . '" readonly="readonly" />';
+                self::row_close();
+                self::row_open( esc_html__( 'Image height (PX)', 'spartan-gallery' ), 'image_height' );
+                $image_height = self::meta( $gallery_id, 'image_height', 150 );
+                echo '<div class="sg-slider" id="image_height_slider" data-target="image_height" data-min="0" data-max="2000" data-step="1"></div>';
+                echo '<input type="text" class="sg-slider-value" id="image_height" name="image_height" value="' . esc_attr( $image_height ) . '" readonly="readonly" />';
+                self::row_close();
+                self::row_open( esc_html__( 'Img measure value', 'spartan-gallery' ), 'image_measure_value' );
+                $measure = self::meta( $gallery_id, 'image_measure_value', 'px' );
+                echo '<select id="image_measure_value" name="image_measure_value">';
+                foreach ( array( 'px' => 'px', '%' => '%', 'vh' => 'vh/vw', 'rem' => 'rem' ) as $val => $label ) {
+                        echo '<option value="' . esc_attr( $val ) . '" ' . selected( $measure, $val, false ) . '>' . esc_html( $label ) . '</option>';
+                }
+                echo '</select>';
+                self::row_close();
+                self::row_open( esc_html__( 'Display thumbnail size', 'spartan-gallery' ), 'thumbnail_options' );
+                $thumb_opt = self::meta( $gallery_id, 'thumbnail_options', '1' );
+                echo '<label class="sg-switch"><input type="checkbox" id="thumbnail_options" name="thumbnail_options" value="1" ' . checked( $thumb_opt, '1', false ) . ' /> ' . esc_html__( 'Enabled', 'spartan-gallery' ) . '</label>';
+                self::row_close( esc_html__( '"Display Adjustable Image" can\'t be turned on when this setting is turned on.', 'spartan-gallery' ) );
+                self::row_open( esc_html__( 'Select Thumbnail Size', 'spartan-gallery' ), 'thumbnail_size' );
+                $thumb_size = self::meta( $gallery_id, 'thumbnail_size', 'medium_large' );
+                $thumb_sizes = array(
+                        'thumbnail'    => esc_html__( 'Thumbnail (default 150px x 150px max)', 'spartan-gallery' ),
+                        'medium'       => esc_html__( 'Medium resolution (default 300px x 300px max)', 'spartan-gallery' ),
+                        'medium_large' => esc_html__( 'Medium Large resolution (default 768px x 0px max)', 'spartan-gallery' ),
+                        'large'        => esc_html__( 'Large resolution (default 1024px x 1024px max)', 'spartan-gallery' ),
+                        'original'     => esc_html__( 'Original image resolution (unmodified)', 'spartan-gallery' ),
+                );
+                echo '<select id="thumbnail_size" name="thumbnail_size">';
+                foreach ( $thumb_sizes as $val => $label ) {
+                        echo '<option value="' . esc_attr( $val ) . '" ' . selected( $thumb_size, $val, false ) . '>' . esc_html( $label ) . '</option>';
+                }
+                echo '</select>';
+                self::row_close();
+                self::row_open( esc_html__( 'Image Margin (PX)', 'spartan-gallery' ), 'img_margin' );
+                $img_margin = self::meta( $gallery_id, 'img_margin', 20 );
+                echo '<input type="text" class="sg-spinner" id="img_margin" name="img_margin" value="' . esc_attr( $img_margin ) . '" data-min="0" data-max="100" data-step="1" />';
+                self::row_close();
+                self::section_close();
+                // Section 5: Gallery Container Settings.
+                self::section_open( 'container', esc_html__( 'Gallery Container Settings', 'spartan-gallery' ) );
+                self::row_open( esc_html__( 'Turn settings On/Off', 'spartan-gallery' ), 'container_settings_on_off' );
+                $container_on = self::meta( $gallery_id, 'container_settings_on_off', '' );
+                echo '<label class="sg-switch"><input type="checkbox" id="container_settings_on_off" name="container_settings_on_off" value="1" ' . checked( $container_on, '1', false ) . ' /> ' . esc_html__( 'Enabled', 'spartan-gallery' ) . '</label>';
+                self::row_close();
+                self::row_open( esc_html__( 'Container dimensions (Width/Height)', 'spartan-gallery' ) );
+                $dims = self::meta( $gallery_id, 'container_height_width_range', array() );
+                $dims = wp_parse_args(
+                        is_array( $dims ) ? $dims : array(),
+                        array( 'width' => '200px', 'height' => '' )
+                );
+                list( $w_num, $w_unit ) = self::split_length( $dims['width'], '200', 'px' );
+                list( $h_num, $h_unit ) = self::split_length( $dims['height'], '', 'px' );
+                echo '<div class="sg-dimensions">';
+                echo '<span><label>' . esc_html__( 'Width', 'spartan-gallery' ) . '</label> <input type="text" name="container_width_num" value="' . esc_attr( $w_num ) . '" size="6" /> ';
+                echo self::unit_select( 'container_width_unit', $w_unit );
+                echo '</span> <span><label>' . esc_html__( 'Height', 'spartan-gallery' ) . '</label> <input type="text" name="container_height_num" value="' . esc_attr( $h_num ) . '" size="6" /> ';
+                echo self::unit_select( 'container_height_unit', $h_unit );
+                echo '</span>';
+                echo '</div>';
+                self::row_close();
+                self::row_open( esc_html__( 'Background Color', 'spartan-gallery' ), 'container_background_color' );
+                $container_bg = self::meta( $gallery_id, 'container_background_color', '#FFFFFF' );
+                echo '<input type="text" class="sg-color-field" id="container_background_color" name="container_background_color" value="' . esc_attr( $container_bg ) . '" data-default-color="#FFFFFF" />';
+                self::row_close();
+                self::row_open( esc_html__( 'Border Option', 'spartan-gallery' ) );
+                $border = self::meta( $gallery_id, 'container_border', array() );
+                $border = wp_parse_args(
+                        is_array( $border ) ? $border : array(),
                         array(
+                                'title'      => esc_html__( 'Text Field', 'your-textdomain-here' ),
+                                'desc'       => esc_html__( 'Redux Framework was created with the developer in mind. It allows for any theme developer to have an advanced theme panel with most of the features a developer would need. For more information check out the Github repo at:', 'your-textdomain-here' ) . '  <a href="https://github.com/ReduxFramework/Redux-Framework">https://github.com/ReduxFramework/Redux-Framework</a>',
+                                'icon'       => 'el-icon-cog',
+                                'id'         => 'opt-text-fields',
+                                'subsection' => true,
+                                'fields'     => array(
+                                        array(
+                                                'title' => esc_html__( 'Text Field', 'your-textdomain-here' ),
+                                                'id'    => 'opt-text',
+                                                'type'  => 'text',
+                                        ),
+                                ),
+                        ),
+                                'border-color'  => '#000000',
+                                'border-style'  => 'none',
+                                'border-top'    => '',
+                                'border-right'  => '',
+                                'border-bottom' => '',
+                                'border-left'   => '',
+                        )
+                );
+                echo '<div class="sg-border">';
+                echo '<span><label>' . esc_html__( 'Style', 'spartan-gallery' ) . '</label> <select name="container_border[border-style]">';
+                foreach ( array( 'none', 'solid', 'dashed', 'dotted', 'double', 'groove', 'ridge', 'inset', 'outset' ) as $style ) {
+                        echo '<option value="' . esc_attr( $style ) . '" ' . selected( $border['border-style'], $style, false ) . '>' . esc_html( $style ) . '</option>';
+                }
+                echo '</select></span> ';
+                echo '<span><label>' . esc_html__( 'Color', 'spartan-gallery' ) . '</label> <input type="text" class="sg-color-field" name="container_border[border-color]" value="' . esc_attr( $border['border-color'] ) . '" data-default-color="#000000" /></span>';
+                echo '<div class="sg-border-widths">';
+                $border_sides = array(
+                        'border-top'    => __( 'Top', 'spartan-gallery' ),
+                        'border-right'  => __( 'Right', 'spartan-gallery' ),
+                        'border-bottom' => __( 'Bottom', 'spartan-gallery' ),
+                        'border-left'   => __( 'Left', 'spartan-gallery' ),
+                );
+                foreach ( $border_sides as $side => $side_label ) {
+                        echo '<span><label>' . esc_html( $side_label ) . '</label> <input type="text" name="container_border[' . esc_attr( $side ) . ']" value="' . esc_attr( $border[ $side ] ) . '" size="6" placeholder="e.g. 1px" /></span>';
+                }
+                echo '</div>';
+                echo '</div>';
+                self::row_close( esc_html__( 'Only applies when "Turn settings On/Off" above is enabled.', 'spartan-gallery' ) );
+                self::section_close();
+                // Section 6: Insert Custom CSS.
+                self::section_open( 'css', esc_html__( 'Insert Custom CSS', 'spartan-gallery' ) );
+                self::row_open( esc_html__( 'CSS Code', 'spartan-gallery' ), 'add_extra_css' );
+                $extra_css = self::meta( $gallery_id, 'add_extra_css', '' );
+                echo '<textarea id="add_extra_css" name="add_extra_css" rows="10" class="large-text code">' . esc_textarea( $extra_css ) . '</textarea>';
+                self::row_close( esc_html__( 'Paste your CSS code here. The gallery container HTML class is .spartan-gallery-wrapper', 'spartan-gallery' ) );
+                self::section_close();
+                echo '</div>'; // .sg-options-content
+                echo '</div>'; // .sg-options-wrap
+        }
+        private static function split_length( $value, $default_num, $default_unit ) {
+                $value = trim( (string) $value );
+                if ( '' === $value ) {
+                        return array( $default_num, $default_unit );
+                }
+                if ( preg_match( '/^(-?[0-9.]+)(px|em|rem|%|vh|vw)?$/', $value, $m ) ) {
+                        return array( $m[1], isset( $m[2] ) ? $m[2] : $default_unit );
+                }
+                return array( $default_num, $default_unit );
+        }
+        private static function unit_select( $name, $selected_unit ) {
+                $out = '<select name="' . esc_attr( $name ) . '">';
+                foreach ( array( 'px', 'em', 'rem', '%' ) as $unit ) {
+                        $out .= '<option value="' . esc_attr( $unit ) . '" ' . selected( $selected_unit, $unit, false ) . '>' . esc_html( $unit ) . '</option>';
+                }
+                $out .= '</select>';
+                return $out;
+        }
+        public static function save( $post_id ) {
+                if ( defined( 'DOING_AUTOSAVE' ) && DOING_AUTOSAVE ) {
+                        return;
+                }
+                if ( ! isset( $_POST[ self::NONCE_NAME ] ) || ! wp_verify_nonce( wp_unslash( $_POST[ self::NONCE_NAME ] ), self::NONCE_ACTION ) ) {
+                        return;
+                }
+                if ( get_post_type( $post_id ) !== self::POST_TYPE ) {
+                        return;
+                }
+                if ( ! current_user_can( 'edit_post', $post_id ) ) {
+                        return;
+                }
+                $layout = isset( $_POST['image_layout_select'] ) ? sanitize_text_field( wp_unslash( $_POST['image_layout_select'] ) ) : 'value-1';
+                if ( ! in_array( $layout, array( 'value-1', 'value-2', 'value-3', 'value-4', 'value-5', 'value-6' ), true ) ) {
+                        $layout = 'value-1';
+                }
+                update_post_meta( $post_id, 'image_layout_select', $layout );
+                if ( isset( $_POST['spartan_gallery_uploaded_images'] ) ) {
+                        $ids = array_filter( array_map( 'absint', explode( ',', wp_unslash( $_POST['spartan_gallery_uploaded_images'] ) ) ) );
+                        update_post_meta( $post_id, 'spartan_gallery_uploaded_images', implode( ',', $ids ) );
+                }
+                update_post_meta( $post_id, 'display_original', isset( $_POST['display_original'] ) ? '1' : '' );
+                update_post_meta( $post_id, 'thumbnail_options', isset( $_POST['thumbnail_options'] ) ? '1' : '' );
+                update_post_meta( $post_id, 'container_settings_on_off', isset( $_POST['container_settings_on_off'] ) ? '1' : '' );
+                update_post_meta( $post_id, 'image_width', isset( $_POST['image_width'] ) ? min( 2000, absint( $_POST['image_width'] ) ) : 150 );
+                update_post_meta( $post_id, 'image_height', isset( $_POST['image_height'] ) ? min( 2000, absint( $_POST['image_height'] ) ) : 150 );
+                update_post_meta( $post_id, 'img_margin', isset( $_POST['img_margin'] ) ? min( 100, absint( $_POST['img_margin'] ) ) : 20 );
+                $measure = isset( $_POST['image_measure_value'] ) ? sanitize_text_field( wp_unslash( $_POST['image_measure_value'] ) ) : 'px';
+                update_post_meta( $post_id, 'image_measure_value', in_array( $measure, array( 'px', '%', 'vh', 'rem' ), true ) ? $measure : 'px' );
+                $thumb_size = isset( $_POST['thumbnail_size'] ) ? sanitize_text_field( wp_unslash( $_POST['thumbnail_size'] ) ) : 'medium_large';
+                update_post_meta( $post_id, 'thumbnail_size', in_array( $thumb_size, array( 'thumbnail', 'medium', 'medium_large', 'large', 'original' ), true ) ? $thumb_size : 'medium_large' );
+                $container_bg = isset( $_POST['container_background_color'] ) ? sanitize_hex_color( wp_unslash( $_POST['container_background_color'] ) ) : '';
+                update_post_meta( $post_id, 'container_background_color', $container_bg ? $container_bg : '#FFFFFF' );
+                $w_num  = isset( $_POST['container_width_num'] ) ? sanitize_text_field( wp_unslash( $_POST['container_width_num'] ) ) : '';
+                $w_unit = isset( $_POST['container_width_unit'] ) ? sanitize_text_field( wp_unslash( $_POST['container_width_unit'] ) ) : 'px';
+                $h_num  = isset( $_POST['container_height_num'] ) ? sanitize_text_field( wp_unslash( $_POST['container_height_num'] ) ) : '';
+                $h_unit = isset( $_POST['container_height_unit'] ) ? sanitize_text_field( wp_unslash( $_POST['container_height_unit'] ) ) : 'px';
+                update_post_meta(
+                        $post_id,
+                        'container_height_width_range',
                         array(
+                                'title'  => esc_html__( 'Color Field', 'your-textdomain-here' ),
+                                'desc'   => esc_html__( 'Redux Framework was created with the developer in mind. It allows for any theme developer to have an advanced theme panel with most of the features a developer would need. For more information check out the Github repo at:', 'your-textdomain-here' ) . '  <a href="https://github.com/ReduxFramework/Redux-Framework">https://github.com/ReduxFramework/Redux-Framework</a>',
+                                'icon'   => 'el-icon-pencil',
+                                'id'     => 'color-section',
+                                'fields' => array(
+                                        array(
+                                                'id'       => 'opt-color',
+                                                'type'     => 'color',
+                                                'title'    => esc_html__( 'Color Field', 'your-textdomain-here' ),
+                                                'default'  => '#333333',
+                                                'required' => array( 'opt-layout', '=', 'on' ),
+                                        ),
+                                ),
+                        ),
+                ),
+        )
+);
+// Metabox sidebar.
+Redux_Metaboxes::set_box(
+        $opt_name,
+        array(
+                'id'         => 'opt-metaboxes-3',
+                'post_types' => array( 'spartan_gallery_type' ),
+                'position'   => 'side', // normal, advanced, side.
+                'priority'   => 'high', // high, core, default, low.
+                'sections'   => array(
+                        array(
+                                'id'         => 'test-sidebar',
+                                'icon_class' => 'icon-large',
+                                'icon'       => 'el-icon-home',
+                                'fields'     => array(
+                                        array(
+                                                'id'      => 'sidebar',
+                                                'title'   => esc_html__( 'Sidebar', 'your-textdomain-here' ),
+                                                'desc'    => esc_html__( 'Please select the sidebar you would like to display on this page. Note: You must first create the sidebar under Appearance > Widgets.', 'your-textdomain-here' ),
+                                                'type'    => 'select',
+                                                'data'    => 'sidebars',
+                                                'default' => 'None',
+                                        ),
+                                ),
+                        ),
+                ),
+        )
+);
+*/
+// Standard metabox.
+Redux_Metaboxes::set_box(
+        $opt_name,
+        array(
+                'id'         => 'opt-metaboxes-4',
+                'title'      => esc_html__( 'Spartan Gallery Options', 'your-textdomain-here' ),
+                'post_types' => array( 'spartan_gallery_type' ), // Define post types where this metabox will appear
+                'position'   => 'normal', // normal, advanced, side.
+                'priority'   => 'high',   // high, core, default, low.
+                'sections'   => array(
+                        // Spartan Gallery First Section
+                        array(
+                                'title'  => esc_html__( 'Gallery Layout Options', 'your-textdomain-here' ),
+                                'id'     => 'spartan_gallery_first_section',
+                                'icon'   => 'fa-solid fa-bars',
+                                'fields' => array(
+                                        array(
+                                                'id'       => 'image_layout_select',
+                                                'type'     => 'image_select',
+                                                'title'    => esc_html__( 'Select Gallery Layout', 'your-textdomain-here' ),
+                                                'subtitle'      => esc_html__( 'Here you select layout of the gallery.
+                                                        Gallery layout looks exactly like on the image. If you wish to change the apect radio of gallery, select the
+                                                        third image and click "Display Adjustable Image" ON under "Image options" and switch "Display thumbnail size" OFF. From there you could change image width and height. This settings works
+                                                        only with third and sixth layout. In other layouts image size are generated randomly for the grid.', 'your-textdomain-here' ),
+                                                'options'  => array(
+                                                        'value-1' => plugins_url( '/img/FlexFreewallTable.png',  __FILE__ ),
+                                                        'value-2' => plugins_url( '/img/ImageFreewallGrid.png',  __FILE__ ),
+                                                        'value-3' => plugins_url( 'img/NestedFreewallGrid.png',  __FILE__ ),
+                                                        'value-4' => plugins_url( '/img/PinterestFreewallGrid.png',  __FILE__ ),
+                                                        'value-5' => plugins_url( '/img/hexagon_layout.jpg',  __FILE__ ),
+                                                        'value-6' => plugins_url( '/img/spartan_3D_layout.png',  __FILE__ ),
+                                                ),
+                                                'radio'    => true,
+                                                'default'  => 'value-1',
+                                        ),
+                                ),
+                        ),
+                        // Spartan Gallery Second Section
+                        array(
+                                'title'  => esc_html__( 'Upload Images', 'your-textdomain-here' ),
+                                'id'     => 'spartan_gallery_second_section',
+                                'icon'   => 'fa-regular fa-image',
+                                'fields' => array(
+                                        array(
+                                                'id'      => 'spartan_gallery_uploaded_images',
+                                                'type'    => 'gallery',
+                                                'title'   => esc_html__( 'Upload', 'your-textdomain-here' ),
+                                                'options' => array(
+                                                        'attach'      => true,
+                                                        'filecount'   => '101',
+                                                        'auto-upload' => true,
+                                                ),
+                                        ),
+                                ),
+                        ),
+                        // Image Options
+                        array(
+                                'title'  => esc_html__( 'Image Options', 'your-textdomain-here' ),
+                                'id'     => 'image_options',
+                                'icon'   => 'fa-solid fa-sliders',
+                                'fields' => array(
+                                        array(
+                                                'id'      => 'display_original',
+                                                'type'    => 'switch',
+                                                'title'   => esc_html__( 'Display Adjustable Image', 'your-textdomain-here' ),
+                                                'subtitle'      => esc_html__( '"Display thumbnail size" setting cant be turned on when when this setting is turned on', 'your-textdomain-here' ),
+                                                'default' => false,
+                                        ),
+                                        array(
+                                                'id'      => 'image_width',
+                                                'type'          => 'slider',
+                                                'title'         => esc_html__( 'Image width Steps (1) PX', 'your-textdomain-here' ),
+                                                //'subtitle'      => esc_html__( 'px', 'your-textdomain-here' ),
+                                                //'desc'          => esc_html__( 'Slider description. Min: 0, max: 800, step: 5, default value: 75', 'your-textdomain-here' ),
+                                                'default'       => 150,
+                                                'min'           => 0,
+                                                'step'          => 1,
+                                                'max'           => 2000,
+                                                'display_value' => 'text',
+                                                'output'        => array( '.site-content' => 'max-width' ),
+                                        ),
+                                        array(
+                                                'id'      => 'image_height',
+                                                'type'          => 'slider',
+                                                'title'         => esc_html__( 'Image height Steps (1) PX', 'your-textdomain-here' ),
+                                                //'subtitle'      => esc_html__( 'px', 'your-textdomain-here' ),
+                                                //'desc'          => esc_html__( 'Slider description. Min: 0, max: 800, step: 5, default value: 75', 'your-textdomain-here' ),
+                                                'default'       => 150,
+                                                'min'           => 0,
+                                                'step'          => 1,
+                                                'max'           => 2000,
+                                                'display_value' => 'text',
+                                                'output'        => array( '.site-content' => 'max-width' ),
+                                        ),
+                                        array(
+                                                'id'             => 'image_measure_value',
+                                                'type'           => 'select',
+                                                'title'          => esc_html__( 'Img measure value', 'your-textdomain-here' ),
+                                                'options'        => array(
+                                                        'px'   => 'px',
+                                                        '%'    => '%',
+                                                        'vh'   => 'vh/vw',
+                                                        'rem'  => 'rem',
+                                                ),
+                                                'default_option' => esc_html__( 'Select image measure value', 'your-textdomain-here' ),
+                                                'default'        => 'px',
+                                        ),
+                                        array(
+                                                'id'      => 'thumbnail_options',
+                                                'type'    => 'switch',
+                                                'title'   => esc_html__( 'Display thumbnail size', 'your-textdomain-here' ),
+                                                'subtitle'      => esc_html__( '"Display Adjustable Image " setting cant be turned on when when this setting is turned on', 'your-textdomain-here' ),
+                                                'default' => true,
+                                        ),
+                                        array(
+                                                'id'             => 'thumbnail_size',
+                                                'type'           => 'select',
+                                                'title'          => esc_html__( 'Select Thumbnail Size', 'your-textdomain-here' ),
+                                                'options'        => array(
+                                                        'thumbnail'      => 'Thumbnail (default 150px x 150px max)',
+                                                        'medium'         => 'Medium resolution (default 300px x 300px max)',
+                                                        'medium_large'   => 'Medium Large resolution (default 768px x 0px max)',
+                                                        'large'          => 'Large resolution (default 1024px x 1024px max)',
+                                                        'original'       => 'Original image resolution (unmodified)',
+                                                ),
+                                                'default_option' => esc_html__( 'Select Image Thumbnail Size', 'your-textdomain-here' ),
+                                                'default'        => 'medium_large',
+                                        ),
+                                        array(
+                                                'id'      => 'img_margin',
+                                                'type'     => 'spinner',
+                                                'title'    => esc_html__('Image Margin (PX)', 'your-textdomain-here'),
+                                                //'subtitle' => esc_html__('No validation can be done on this field type','your-textdomain-here'),
+                                                //'desc'     => esc_html__('JQuery UI spinner description. Min:20, max: 100, step:20, default value: 40', 'your-textdomain-here'),
+                                                'default'  => '20',
+                                                'min'      => '0',
+                                                'step'     => '1',
+                                                'max'      => '100',
+                                                //'output'   => array( '.content-area' => 'max-width' ),
+                                        ),
+                                        /*
+                                        array(
+                                                'id'      => 'img_border',
+                                                'type'     => 'border',
+                                                'title'    => esc_html__('Image Style Settings', 'your-project-name'),
+                                                //'subtitle' => esc_html__('Only color validation can be done on this field type', 'your-project-name'),
+                                                //'output'   => array('.site-header'),
+                                                'desc'     => esc_html__('This is the description field, again good for additional info.', 'your-project-name'),
+                                                'default'  => array(
+                                                        'border-color'  => ' ',
+                                                        'border-style'  => ' ',
+                                                        'border-top'    => ' ',
+                                                        'border-right'  => ' ',
+                                                        'border-bottom' => ' ',
+                                                        'border-left'   => ' '
+    )
+                                        ),
+                                        */
+                                ),
+                        ),
+                        // Button Style Options
+                        array(
+                                'title'  => esc_html__( 'Text Style Options', 'your-textdomain-here' ),
+                                'id'     => 'button_style_options',
+                                'icon'   => 'fa-solid fa-gears',
+                                'fields' => array(
+                                        array(
+                                                'id'      => 'display_text',
+                                                'type'    => 'switch',
+                                                'title'   => esc_html__( 'Display text under image', 'your-textdomain-here' ),
+                                                'default' => false,
+                                        ),
+                                        array(
+                                                'id'      => 'textbox_height_range',
+                                                'type'          => 'slider',
+                                                'title'         => esc_html__( 'Text conteiner height, value is in %', 'your-textdomain-here' ),
+                                                //'subtitle'      => esc_html__( 'px', 'your-textdomain-here' ),
+                                                //'desc'          => esc_html__( 'Slider description. Min: 0, max: 800, step: 5, default value: 75', 'your-textdomain-here' ),
+                                                'default'       => 50,
+                                                'min'           => 0,
+                                                'step'          => 1,
+                                                'max'           => 100,
+                                                'display_value' => 'text',
+                                                //'output'        => array( '.site-content' => 'max-width' ),
+                                        ),
+                                        array(
+                                                'id'     => 'info_background_color',
+                                                'type'     => 'color',
+                                                'title'    => esc_html__('Text box Background Color', 'your-textdomain-here'),
+                                                //'subtitle' => esc_html__('Pick a background color for the theme (default: #fff).', 'your-textdomain-here'),
+                                                'default'  => '#FFFFFF',
+                                                'validate' => 'color',
+                                        ),
+                                        array(
+                                                 'id'      => 'font_family',
+                                                'type'        => 'typography',
+                                                'title'       => esc_html__('Typography', 'your-textdomain-here'),
+                                                'google'      => true,
+                                                'font-backup' => false,
+                                                'font-subsets' => false,
+                                                //'output'      => array('h2.site-description'),
+                                                'units'       =>'px',
+                                                'subtitle'    => esc_html__('Text box typography.', 'your-textdomain-here'),
+                                                'default'     => array(
+                                                        'color'       => '#333',
+                                                        'font-style'  => '200',
+                                                        'font-family' => 'Abel',
+                                                        'google'      => true,
+                                                        'font-size'   => '9px',
+                                                        'line-height' => '0'
+                                                ),
+                                        ),
+                                ),
+                        ),
+                        array(
+                                'title'  => esc_html__( 'Gallery Container Settings', 'your-textdomain-here' ),
+                                'id'     => 'gallery_container_first_section',
+                                'icon'   => 'fa-solid fa-screwdriver-wrench',
+                                'fields' => array(
+                                        array(
+                                                'id'      => 'container_settings_on_off',
+                                                'type'    => 'switch',
+                                                'title'   => esc_html__( 'Turn settings On/Off', 'your-textdomain-here' ),
+                                                'default' => false,
+                                        ),
+                                        array(
+                                                'id'      => 'container_height_width_range',
+                                                'type'     => 'dimensions',
+                                                        'units'    => array('em','px','%'),
+                                                        'title'    => esc_html__('Container dimensions (Width/Height) Option', 'your-textdomain-here'),
+                                                        //'subtitle' => esc_html__('Allow your users to choose width, height, and/or unit.', 'your-textdomain-here'),
+                                                        //'desc'     => esc_html__('Enable or disable any piece of this field. Width, Height, or Units.', 'your-textdomain-here'),
+                                                        'output'   => array('.spartan-gallery-wrapper'),
+                                                        'default'  => array(
+                                                                'Width'   => '200',
+                                                                'Height'  => ''
+                                                        ),
+                                        ),
+                                        array(
+                                                'id'     => 'container_background_color',
+                                                'type'     => 'color',
+                                                'title'    => esc_html__('Background Color', 'your-textdomain-here'),
+                                                //'subtitle' => esc_html__('Pick a background color for the theme (default: #fff).', 'your-textdomain-here'),
+                                                //'output'   => array('.spartan-gallery-wrapper'),
+                                                'default'  => '#FFFFFF',
+                                                'validate' => 'color',
+                                        ),
+                                        array(
+                                                'id'     => 'container_border',
+                                                'type'     => 'border',
+                                                'title'    => esc_html__('Border Option', 'your-project-name'),
+                                                //'subtitle' => esc_html__('Only color validation can be done on this field type', 'your-project-name'),
+                                                //'output'   => array('.spartan-gallery-wrapper'),
+                                                //'desc'     => esc_html__('.spartan-gallery-wrapper'.', 'your-project-name'),
+                                                'default'  => array(
+                                                        'border-color'  => ' ',
+                                                        'border-style'  => 'none',
+                                                        'border-top'    => ' ',
+                                                        'border-right'  => ' ',
+                                                        'border-bottom' => ' ',
+                                                        'border-left'   => ' '
+                                                ),
+                                        ),
+                                ),
+                        ),
+                        array(
+                                'title'  => esc_html__( 'Insert Custom CSS', 'your-textdomain-here' ),
+                                'id'     => 'insert_extra_css_section',
+                                'icon'   => 'fa-solid fa-bars-progress',
+                                'fields' => array(
+                                        array(
+                                                'id'      => 'add_extra_css',
+                                                'type'     => 'ace_editor',
+                                                'title'    => esc_html__('CSS Code', 'your-project-name'),
+                                                'subtitle' => esc_html__('Paste your CSS code here. Image container HTML class is .spartan-gallery-wrapper', 'your-project-name'),
+                                                'desc'     => esc_html__('Image container HTML class is .spartan-gallery-wrapper', 'your-project-name'),
+                                                'mode'     => 'css',
+                                                'theme'    => 'monokai',
+                                                'desc'     => 'Possible modes can be found at https://ace.c9.io/.',
+                                                //'default'  => "#header{\nmargin: 0 auto;\n}"
+                                        ),
+                                ),
+                        ),
+                        array(
+                                'title'  => esc_html__( 'Import/Export Options', 'your-textdomain-here' ),
+                                //'id'     => 'insert_extra_css_section',
+                                'icon'   => 'fa-solid fa-bars-progress',
+                                'fields' => array(
+                                        array(
+                                                'id'            => 'opt-import-export',
+                                                'type'          => 'import_export',
+                                                'title'         => 'Import Export',
+                                                'subtitle'      => 'Save and restore your Redux options',
+                                                'full_width'    => false,
+                                        ),
+                                ),
+                        ),
+                ),
+        )
+);
+                                'width'  => ( '' !== $w_num && is_numeric( $w_num ) ) ? $w_num . $w_unit : '',
+                                'height' => ( '' !== $h_num && is_numeric( $h_num ) ) ? $h_num . $h_unit : '',
+                        )
+                );
+                if ( isset( $_POST['container_border'] ) && is_array( $_POST['container_border'] ) ) {
+                        $raw = wp_unslash( $_POST['container_border'] );
+                        $style_allowed = array( 'none', 'solid', 'dashed', 'dotted', 'double', 'groove', 'ridge', 'inset', 'outset' );
+                        $border_color  = isset( $raw['border-color'] ) ? sanitize_hex_color( $raw['border-color'] ) : '';
+                        update_post_meta(
+                                $post_id,
+                                'container_border',
+                                array(
+                                        'border-color'  => $border_color ? $border_color : '#000000',
+                                        'border-style'  => isset( $raw['border-style'] ) && in_array( $raw['border-style'], $style_allowed, true ) ? $raw['border-style'] : 'none',
+                                        'border-top'    => isset( $raw['border-top'] ) ? sanitize_text_field( $raw['border-top'] ) : '',
+                                        'border-right'  => isset( $raw['border-right'] ) ? sanitize_text_field( $raw['border-right'] ) : '',
+                                        'border-bottom' => isset( $raw['border-bottom'] ) ? sanitize_text_field( $raw['border-bottom'] ) : '',
+                                        'border-left'   => isset( $raw['border-left'] ) ? sanitize_text_field( $raw['border-left'] ) : '',
+                                )
+                        );
+                }
+                if ( isset( $_POST['add_extra_css'] ) ) {
+                        update_post_meta( $post_id, 'add_extra_css', wp_strip_all_tags( wp_unslash( $_POST['add_extra_css'] ) ) );
+                }
+        }
+}
+Spartan_Gallery_Options::init();

spartan-gallery/trunk/includes/class-spartan-gallery-activator.php

-              r2145680
+              r3619020
  * @author     Freelancer Martin <developerforwebsites@gmail.com>
  */
+if ( ! defined( 'WPINC' ) ) {
+        die;
+}
 class Spartan_Gallery_Activator {

spartan-gallery/trunk/includes/class-spartan-gallery-deactivator.php

-              r2145680
+              r3619020
  * @author     Freelancer Martin <developerforwebsites@gmail.com>
  */
+if ( ! defined( 'WPINC' ) ) {
+        die;
+}
 class Spartan_Gallery_Deactivator {

spartan-gallery/trunk/includes/class-spartan-gallery-i18n.php

-              r2145680
+              r3619020
  * @author     Freelancer Martin <developerforwebsites@gmail.com>
  */
+if ( ! defined( 'WPINC' ) ) {
+        die;
+}
 class Spartan_Gallery_i18n {

spartan-gallery/trunk/includes/class-spartan-gallery-loader.php

-              r2145680
+              r3619020
  * @author     Freelancer Martin <developerforwebsites@gmail.com>
  */
+if ( ! defined( 'WPINC' ) ) {
+        die;
+}
 class Spartan_Gallery_Loader {

spartan-gallery/trunk/includes/class-spartan-gallery.php

-              r3204032
+              r3619020
  * @author     Freelancer Martin <developerforwebsites@gmail.com>
  */
+if ( ! defined( 'WPINC' ) ) {
+        die;
+}
 class Spartan_Gallery {
 …
                 /**
+                 * The class responsible for the Spartan Gallery options metabox (native
+                 * WordPress replacement for the previous Redux Framework panel).
+                 */
+                require_once plugin_dir_path( dirname( __FILE__ ) ) . 'admin/class-spartan-gallery-options.php';
+                /**
                  * The class responsible for defining all actions that occur in the admin area.
                  */
 …
                 $plugin_i18n = new Spartan_Gallery_i18n();
                 $this->loader->add_action( 'plugins_loaded', $plugin_i18n, 'load_plugin_textdomain' );
+                $this->loader->add_action( 'init', $plugin_i18n, 'load_plugin_textdomain' );
+        }

spartan-gallery/trunk/public/class-spartan-gallery-public.php

-              r3204032
+              r3619020
+                        // Loop through each post ID
+                        foreach (explode(',',$get_all_post_attachements) as $post_id) {
+                                // Retrieve the post object by ID
+                                $post = get_post($post_id);
+                                // Check if the post exists
+                                if ($post) {
+                                        // Get the GUID of the post and push it into the array
+                                        $post_guids[] = $post;
+                        $post_guids = array();
+                        if ( ! empty( $get_all_post_attachements ) ) {
+                                foreach ( explode( ',', $get_all_post_attachements ) as $post_id ) {
+                                        $post = get_post( absint( $post_id ) );
+                                        if ( $post ) {
+                                                $post_guids[] = $post;
+                                        }
+                                }
+                        }
+                        if ( empty( $post_guids ) ) {
+                                return '<!-- spartan-gallery: no images -->';
+                        }

spartan-gallery/trunk/public/css/freewall-main.css

-              r2145680
+              r3619020
+}
-.info {
-       padding: 15px;
-       color: #333;
+     }
 #freewall {
  top: 65px;

spartan-gallery/trunk/public/css/spartan-gallery-public.css

-              r3204032
+              r3619020
 .container {
   position: relative;
+}
-.info
+{
-  color: black;
+}

spartan-gallery/trunk/public/custom-columns.php

r2145680	r3619020
72	72	<tr><td>
73	73
74		<span style="color:#183691;" ><code>[spartan_gallery id="<code style="color:green;" ><?php ~~print_r(get_the_ID()~~); ?></code>"]</code><code style="color:#A71D5D;" ></code>
	74	<span style="color:#183691;" ><code>[spartan_gallery id="<code style="color:green;" ><?php echo absint( get_the_ID() ); ?></code>"]</code><code style="color:#A71D5D;" ></code>
75	75	</span>
76	76	</td>

spartan-gallery/trunk/public/html-cointainer-outputs/class-3d-slider-html-container.php

-              r3204032
+              r3619020
 <?php
 if ( ! defined( 'WPINC' ) ) {
     die;
+}
 Class ThreeD_Image_Slider
+{
+    static function ThreeDImageSlidet_Html_container( $attachments, $gallery_id )
+    {
+        $CSSClass = new Spartan_Gallery_Generated_CSS_Output();
+  static function ThreeDImageSlidet_Html_container( $attachments, $gallery_id )
+  {
+        $image_options_add_extra_css         = get_post_meta( $gallery_id, 'add_extra_css', true );
+        $image_options_display_original      = get_post_meta( $gallery_id, 'display_original', true );
+        $image_options_thumbnail_options     = get_post_meta( $gallery_id, 'thumbnail_options', true );
+        $image_options_thumbnail_size        = get_post_meta( $gallery_id, 'thumbnail_size', true );
+        $image_options_image_width           = absint( get_post_meta( $gallery_id, 'image_width', true ) );
+        $image_options_image_height          = absint( get_post_meta( $gallery_id, 'image_height', true ) );
+        $image_options_image_measure_value   = get_post_meta( $gallery_id, 'image_measure_value', true );
+        $safe_extra_css                      = wp_strip_all_tags( $image_options_add_extra_css );
+    $CSSClass = new Spartan_Gallery_Generated_CSS_Output();
+    $output = '';
+        // A gallery whose Image Options were never saved (or saved before the
+        // options-panel slider bug was fixed) can have these stored as 0, which
+        // renders every slide at 0px and makes the whole slider look empty.
+        if ( ! $image_options_image_width ) {
+            $image_options_image_width = 150;
+        }
+        if ( ! $image_options_image_height ) {
+            $image_options_image_height = 150;
+        }
+    $image_options_add_extra_css = get_post_meta( $gallery_id , 'add_extra_css', true );
+    $output .= '<style>'.$image_options_add_extra_css.'</style>';
+    $output .= '<div style="'.$CSSClass->output_php_Css($gallery_id).'" class="spartan-gallery-wrapper w-gallery">';
+      $output .= '<article id="demo-carousel" class="demo">';
+        //$output .= '<a class="responsiveGallery-btn responsiveGallery-btn_prev" href="javascript:void(0);"></a>';
+        //$output .= '<a class="responsiveGallery-btn responsiveGallery-btn_next" href="javascript:void(0);"></a>';
+        $allowed_measure_values = array( 'px', '%', 'em', 'rem', 'vw', 'vh' );
+        $image_measure_value    = in_array( $image_options_image_measure_value, $allowed_measure_values, true )
+            ? $image_options_image_measure_value
+            : 'px';
+        $output = '';
+        $output .= '<style>' . $safe_extra_css . '</style>';
+        $output .= '<div style="' . $CSSClass->output_php_Css( $gallery_id ) . '" class="spartan-gallery-wrapper w-gallery">';
+        $output .= '<article id="demo-carousel" class="demo">';
         $output .= '<div id="carousel">';
           $output .= '<ul class="flip-items">';
+          if ( isset( $attachments ) && ! empty( $attachments )  )
+          {
+        $output .= '<ul class="flip-items">';
+        if ( isset( $attachments ) && ! empty( $attachments ) ) {
             foreach ( $attachments as $attachments_id => $attachment_val ) {
+              $img_size = array( '120', '160', '180', '240', '280', '320'   );
+              $image_options_display_original = get_post_meta( $gallery_id , 'display_original', true ); // array
+              $image_options_img_margin = get_post_meta( $gallery_id , 'img_margin', true );
+              $image_options_thumbnail_options = get_post_meta( $gallery_id , 'thumbnail_options', true );
+              $image_options_textbox_height_range = get_post_meta( $gallery_id , 'textbox_height_range', true );
+              $image_options_display_text = get_post_meta( $gallery_id , 'display_text', true );
+              $image_options_info_background_color = get_post_meta( $gallery_id , 'info_background_color', true );
+              $image_options_container_font_size = get_post_meta( $gallery_id , 'container_font_size', true );
+              $image_options_thumbnail_size = get_post_meta( $gallery_id , 'thumbnail_size', true );
+              $image_options_image_width = get_post_meta( $gallery_id , 'image_width', true );
+              $image_options_image_height = get_post_meta( $gallery_id , 'image_height', true );
+              $image_options_font_family = get_post_meta( $gallery_id , 'font_family', true );
+              $image_options_image_measure_value = get_post_meta( $gallery_id , 'image_measure_value', true );
+                $image_attributes = wp_get_attachment_image_src( $attachment_val->ID, $image_options_thumbnail_size );
               $image_attributes = wp_get_attachment_image_src( $attachment_val->ID , $image_options_thumbnail_size  );
+                $output .= '<li href="' . esc_url( $attachment_val->guid ) . '" class="js-img-viwer" data-caption="" data-id="' . absint( $attachments_id ) . '">';
+                if ( $image_options_display_original == true and $image_options_thumbnail_options == false ) {
+                    $output .= '<img style="height:' . $image_options_image_height . $image_measure_value . '; width:' . $image_options_image_width . $image_measure_value . '; object-fit:cover; object-position:center;" src="' . esc_url( $attachment_val->guid ) . '" />';
+                } elseif ( $image_options_thumbnail_options == true and $image_options_display_original == false ) {
+                    $output .= '<img style="height:' . $image_options_image_height . $image_measure_value . '; width:' . $image_options_image_width . $image_measure_value . '; object-fit:cover; object-position:center;" src="' . esc_url( $image_attributes[0] ) . '" />';
+                } else {
+                    $output .= '<p>' . esc_html__( 'Image Options: "Display Original" or "Display Thumbnail" must be enabled, but not both simultaneously.', 'spartan-gallery' ) . '</p>';
+                }
+              $output .= '<li href="'.$attachment_val->guid.'"  class="js-img-viwer " data-caption="" data-id="'.$attachments_id.'">';
+                $output .= '</li>';
+            }
+        }
+                if ( $image_options_display_original == true and $image_options_thumbnail_options == false )
+                {
+        $output .= '</ul>';
+        $output .= '</div>';
+        $output .= '</article>';
+        $output .= '</div>';
+                  //$output .= '<a href="#" class="responsivGallery-link">';
+                    $output .= '<img style="height:'.$image_options_image_height.''.$image_options_image_measure_value.';  width:'.$image_options_image_width.''.$image_options_image_measure_value.';" src="'.$attachment_val->guid.'"  />';
+                  //$output .= '</a>';
+                }
+                elseif ( $image_options_thumbnail_options == true and $image_options_display_original == false )
+                {
+                  //$output .= '<a href="#" class="responsivGallery-link">';
+                    $output .= '<img style="height:'.$image_options_image_height.''.$image_options_image_measure_value.';  width:'.$image_options_image_width.''.$image_options_image_measure_value.';" src="'.$image_attributes[0].'"  />';
+                  //$output .= '</a>';
+                }
+                else
+                {
+                  $output .=  '<p>Image Options => "Display Original Size Image" or "Display Thumnail Size" settings are turned on or off same time</p>';
+                  print $text;
+                }
+                $output .= '<div style="color: black;" class="w-responsivGallery-info">';
+                if ( ! empty( $attachment_id ) and true == $image_options_display_text )
+                {
+                  $html .= '<div class="info" >';
+                    if( ! empty( $attachment_val->post_title))
+                    {
+                      $html .= '<h5 class="text spartan-gallery-img-title" >'.$attachment_val->post_title.'</h5>';
+                    }
+                    if( ! empty( $attachment_val->post_content))  {
+                      $html .= '<p class="text spartan-gallery-img-description" >'.$attachment_val->post_content.'</p>';
+                    }
+                    if( ! empty( $attachment_val->guid ) ) {
+                      $html .= ('<td colspan="3" style="background-color:#005673; text-align:right; padding: 4px 0px;">
+                        <button class="spartan-gallery-img-button text" onclick="parent.open(\'' . $attachment_val->guid . '\')" >'.$attachment_val->post_title.'</button></td>');
+                    }
+                  $html .= '</div>';
+                }
+                $output .= '</div>';
+              $output .= '</li>';
+            }
+          }
+          $output .= '</ul>';
+          $output .= '</div>';
+        $output .= '</article>';
+      $output .= '</div>';
+      $output .=
+        '
+        $output .= '
         <script>
         jQuery( document ).ready( function( $ ){
           var carousel = $("#carousel").flipster({
+            var carousel = $("#carousel").flipster({
                 style: "carousel",
                 spacing: -0.2,
+                buttons:   true,
+                buttons: true,
             });
             });
+        });
         </script>';
+      return $output;
+  }
+        return $output;
+    }
+}

spartan-gallery/trunk/public/html-cointainer-outputs/class-freewall-chaotic-output.php

-              r3204032
+              r3619020
 <?php
 if ( ! defined( 'WPINC' ) ) {
     die;
+}
 Class Freewall_Chaotic_Container
+{
+    static function display_chaotic_html_container( $attachments, $gallery_id )
+    {
+        $CSSClass = new Spartan_Gallery_Generated_CSS_Output();
+        $image_options_add_extra_css         = get_post_meta( $gallery_id, 'add_extra_css', true );
+        $image_options_display_original      = get_post_meta( $gallery_id, 'display_original', true );
+        $image_options_img_margin            = absint( get_post_meta( $gallery_id, 'img_margin', true ) );
+        $image_options_thumbnail_options     = get_post_meta( $gallery_id, 'thumbnail_options', true );
+        $image_options_thumbnail_size        = get_post_meta( $gallery_id, 'thumbnail_size', true );
+        $safe_extra_css                      = wp_strip_all_tags( $image_options_add_extra_css );
+      static function display_chaotic_html_container( $attachments, $gallery_id )
+      {
+        $html = '';
+        $html .= '<style>' . $safe_extra_css . '</style>';
+        $html .= '<div style="' . $CSSClass->output_php_Css( $gallery_id ) . '" class="spartan-gallery-wrapper">';
+        $html .= '<div id="freewall-chaotic" class="masonary">';
+        $CSSClass = new Spartan_Gallery_Generated_CSS_Output();
+                          //$CSSClass->output_php_Css($spartan_gallery_post_type['post_parent']);
+        $html = '';
+        $image_options_add_extra_css = get_post_meta( $gallery_id , 'add_extra_css', true );
+        $html .= '<style>
+        '.$image_options_add_extra_css.'
+                          </style>';
+        $html .= '  <div style="'.$CSSClass->output_php_Css($gallery_id).'" class="spartan-gallery-wrapper" >';
+          $html .= '  <div id="freewall-chaotic" class="masonary" >'; //data-fixSize="true"
+          // Loop through them and output an image
+            $img_size = array( '120', '160', '180', '240', '280', '320'   );
+        $img_size = array( '120', '160', '180', '240', '280', '320' );
+            foreach ( (array) $attachments as $attachment_id => $attachment_val ) {
+              //Settings variables for from database
+              $img_size = array( '120', '160', '180', '240', '280', '320'   );
+              $image_options_display_original = get_post_meta( $gallery_id , 'display_original', true ); // array
+              $image_options_img_margin = get_post_meta( $gallery_id , 'img_margin', true );
+              $image_options_thumbnail_options = get_post_meta( $gallery_id , 'thumbnail_options', true );
+              $image_options_textbox_height_range = get_post_meta( $gallery_id , 'textbox_height_range', true );
+              $image_options_display_text = get_post_meta( $gallery_id , 'display_text', true );
+              $image_options_info_background_color = get_post_meta( $gallery_id , 'info_background_color', true );
+              $image_options_container_font_size = get_post_meta( $gallery_id , 'container_font_size', true );
+              $image_options_thumbnail_size = get_post_meta( $gallery_id , 'thumbnail_size', true );
+              $image_options_font_family = get_post_meta( $gallery_id , 'font_family', true );
+              $image_attributes = wp_get_attachment_image_src( $attachment_val->ID , $image_options_thumbnail_size  );
+              //print_r( $image_options_add_extra_css);
+              if ( $image_options_display_original == true xor $image_options_thumbnail_options == true ) {
+        foreach ( (array) $attachments as $attachment_id => $attachment_val ) {
+                $html .=  '<div  class="freewall-brick-chaotic brick"  data-width="'.$img_size[array_rand( $img_size , 1 )].'" data-height="'.$img_size[array_rand( $img_size , 1 )].'" data-delay="'.$attachment_id.'"   >';
+              }
+              $html .=  '<a  href="'.$attachment_val->guid.'"  class="js-img-viwer img-true-location" data-caption="" data-id="'.$attachment_id.'" >';
+                  //=====================  Random width layout   =============================
+                  if ( $image_options_display_original == true and $image_options_thumbnail_options == false ) {
+                    $html .= '<img class="image" style="height:100%;  width:100%;" src="'.$attachment_val->guid.'"  />';
+                  } elseif ( $image_options_thumbnail_options == true and $image_options_display_original == false ) {
+                    $html .= '<img class="image" style="height:100%;  width:100%;" src="'.$image_attributes[0].'"  />';
+                  } else
+                  {
+                    $text =  '<p>Image Options => "Display Original Size Image" or "Display Thumnail Size" settings are turned on or off same time</p>';
+                    //print $text;
+                    return $text;
+                  }
+                  //$s = get_post_meta( get_the_ID(),"imgtitle" . $attachment_val->ID, true );
+                  if ( ! empty( $attachment_id ) and true == $image_options_display_text ) {
+                      if( true == $image_options_display_text ) {
+                          $html .= '<style>
+                            .image
+                            {
+                              max-height: calc( 100% - '.$image_options_textbox_height_range.'% ) !important;
+                            }
+                            .info
+                            {
+                              max-height: calc( 100% - '.$image_options_textbox_height_range.'% ) !important;
+                              background-color: '.$image_options_info_background_color.';
+                              position: relative;
+                              margin: 0px;
+                              font-size: '.$image_options_container_font_size.'px !important ;
+                            }
+                            .info>p
+                            {
+                              font-size: '.$image_options_font_family['font-size'].';
+                              color:      '.$image_options_font_family['color'].';
+                              font-style:  '.$image_options_font_family['font-style'].';
+                              font-family: '.$image_options_font_family['font-family'] .';
+                              line-height:  '.$image_options_font_family['line-height'].';
+                              font-weight: '.$image_options_font_family['font-weight'].';
+                              text-align: '.$image_options_font_family['text-align'].';
+                            }
+                            .info>h5
+                            {
+                              font-size: '.$image_options_font_family['font-size'].';
+                              color:      '.$image_options_font_family['color'].';
+                              font-style:  '.$image_options_font_family['font-style'].';
+                              font-family: '.$image_options_font_family['font-family'] .';
+                              line-height:  '.$image_options_font_family['line-height'].';
+                              font-weight: '.$image_options_font_family['font-weight'].';
+                              text-align: '.$image_options_font_family['text-align'].';
+                            }
+                            .info>button
+                            {
+                              font-size: '.$image_options_font_family['font-size'].';
+                              color:      '.$image_options_font_family['color'].';
+                            }
+                            '.$image_options_add_extra_css.'
+                          </style>';
+                        }
+                      $html .= '<div class="info" >';
+                          if( ! empty( $attachment_val->post_title))
+                          {
+                            $html .= '<h5 class="text spartan-gallery-img-title" >'.$attachment_val->post_title.'</h5>';
+                          }
+                          if( ! empty( $attachment_val->post_content))  {
+                            $html .= '<p class="text spartan-gallery-img-description" >'.$attachment_val->post_content.'</p>';
+                          }
+                          if( ! empty( $attachment_val->guid ) ) {
+                            $html .= ('<td colspan="3" style="background-color:#005673; text-align:right; padding: 4px 0px;">
+                              <button class="spartan-gallery-img-button text" onclick="parent.open(\'' . $attachment_val->guid . '\')" >'.$attachment_val->post_title.'</button></td>');
+                          }
+                       $html .= '</div>';
+                    }
+              $html .= '</a>';
+            $image_attributes = wp_get_attachment_image_src( $attachment_val->ID, $image_options_thumbnail_size );
             if ( $image_options_display_original == true xor $image_options_thumbnail_options == true ) {
+              $html .= '</div>';
+                $brick_w_index = array_rand( $img_size, 1 );
+                $brick_h_index = wp_rand( max( 0, $brick_w_index - 1 ), min( count( $img_size ) - 1, $brick_w_index + 1 ) );
+                $html .= '<div class="freewall-brick-chaotic brick" data-width="' . $img_size[ $brick_w_index ] . '" data-height="' . $img_size[ $brick_h_index ] . '" data-delay="' . absint( $attachment_id ) . '">';
+            }
+            $html .= '<a href="' . esc_url( $attachment_val->guid ) . '" class="js-img-viwer img-true-location" data-caption="" data-id="' . absint( $attachment_id ) . '">';
+            if ( $image_options_display_original == true and $image_options_thumbnail_options == false ) {
+                $html .= '<img class="image" style="height:100%; width:100%; object-fit:cover; object-position:center;" loading="lazy" src="' . esc_url( $attachment_val->guid ) . '" />';
+            } elseif ( $image_options_thumbnail_options == true and $image_options_display_original == false ) {
+                $html .= '<img class="image" style="height:100%; width:100%; object-fit:cover; object-position:center;" loading="lazy" src="' . esc_url( $image_attributes[0] ) . '" />';
+            } else {
+                return '<p>' . esc_html__( 'Image Options: "Display Original" or "Display Thumbnail" must be enabled, but not both simultaneously.', 'spartan-gallery' ) . '</p>';
+            }
+            $html .= '</a>';
+            if ( $image_options_display_original == true xor $image_options_thumbnail_options == true ) {
+                $html .= '</div>';
+            }
+            $html .= '</div>';
+          $html .= '</div>';
+        }
+          $html .= '';
+          $html .= '<script>';
+            $html .= 'jQuery( document ).ready( function( $ ){';
+        $html .= '</div>';
+        $html .= '</div>';
+              // chaotic layout
+                $html .= '$(".freewall-brick-chaotic").each(function() {';
+                    $html .= 'var wall = new Freewall("#freewall-chaotic");';
+                    $html .= 'wall.reset({';
+                        $html .= 'animate: true,';
+                        $html .= 'cellW: 150,';
+                        $html .= 'cellH: 150,';
+                        //fixSize: 1,
+                        $html .= 'gutterY: '.$image_options_img_margin.',';
+                        $html .= 'gutterX: '.$image_options_img_margin.',';
+                        $html .=  'onResize: function() {';
+                            $html .= 'wall.fitWidth();';
+                        $html .= '}';
+                    $html .= '});';
+                    $html .= 'wall.addCustomEvent("onBlockLoad", function(setting) {';
+                        $html .= 'console.log(setting);';
+                    $html .= '});';
+                    $html .= 'wall.fitWidth();';
+                $html .= '});';
+        $html .= '<script>
+            jQuery( document ).ready( function( $ ){
+                $(".freewall-brick-chaotic").each(function() {
+                    var wall = new Freewall("#freewall-chaotic");
+                    wall.reset({
+                        animate: true,
+                        cellW: 150,
+                        cellH: 150,
+                        gutterY: ' . $image_options_img_margin . ',
+                        gutterX: ' . $image_options_img_margin . ',
+                        onResize: function() {
+                            wall.fitWidth();
+                        }
+                    });
+                    wall.fitWidth();
+                });
+            });
+        </script>';
+            $html .= ' });';
+            $html .= '</script>';
+            return $html;
+      }
+        return $html;
+    }
+}

spartan-gallery/trunk/public/html-cointainer-outputs/class-freewall-fixed-img-output.php

-              r3204032
+              r3619020
 <?php
 if ( ! defined( 'WPINC' ) ) {
     die;
+}
 Class Freewall_Fixed_Img_Container
+{
+    static function display_fixed_img_container( $attachments, $gallery_id )
+    {
+        $CSSClass = new Spartan_Gallery_Generated_CSS_Output();
+        $image_options_add_extra_css         = get_post_meta( $gallery_id, 'add_extra_css', true );
+        $image_options_display_original      = get_post_meta( $gallery_id, 'display_original', true );
+        $image_options_img_margin            = absint( get_post_meta( $gallery_id, 'img_margin', true ) );
+        $image_options_thumbnail_options     = get_post_meta( $gallery_id, 'thumbnail_options', true );
+        $image_options_thumbnail_size        = get_post_meta( $gallery_id, 'thumbnail_size', true );
+        $image_options_image_width           = absint( get_post_meta( $gallery_id, 'image_width', true ) );
+        $image_options_image_height          = absint( get_post_meta( $gallery_id, 'image_height', true ) );
+        $safe_extra_css                      = wp_strip_all_tags( $image_options_add_extra_css );
+      static function display_fixed_img_container( $attachments, $gallery_id   )
+      {
+        $CSSClass = new Spartan_Gallery_Generated_CSS_Output();
+        // A gallery whose Image Options were never saved (or saved before the
+        // options-panel slider bug was fixed) can have these stored as 0, which
+        // renders zero-size bricks and makes the whole gallery look empty.
+        if ( ! $image_options_image_width ) {
+            $image_options_image_width = 150;
+        }
+        if ( ! $image_options_image_height ) {
+            $image_options_image_height = 150;
+        }
         $html = '';
+        $image_options_add_extra_css = get_post_meta( $gallery_id , 'add_extra_css', true );
+        $html .= '<style>'.$image_options_add_extra_css.'</style>';
+        $html .= '  <div style="'.$CSSClass->output_php_Css($gallery_id).'" class="spartan-gallery-wrapper" >';
+          $html .= '  <div id="freewall" class="masonary" >'; //data-fixSize="true"
+          // Loop through them and output an image
+        $html .= '<style>' . $safe_extra_css . '</style>';
+        $html .= '<div style="' . $CSSClass->output_php_Css( $gallery_id ) . '" class="spartan-gallery-wrapper">';
+        $html .= '<div id="freewall" class="masonary">';
             foreach ( (array) $attachments as $attachment_id => $attachment_val ) {
+        foreach ( (array) $attachments as $attachment_id => $attachment_val ) {
+              $img_size = array( '120', '160', '180', '240', '280', '320'   );
+              $image_options_display_original = get_post_meta( $gallery_id , 'display_original', true ); // array
+              $image_options_img_margin = get_post_meta( $gallery_id , 'img_margin', true );
+              $image_options_thumbnail_options = get_post_meta( $gallery_id , 'thumbnail_options', true );
+              $image_options_textbox_height_range = get_post_meta( $gallery_id , 'textbox_height_range', true );
+              $image_options_display_text = get_post_meta( $gallery_id , 'display_text', true );
+              $image_options_info_background_color = get_post_meta( $gallery_id , 'info_background_color', true );
+              $image_options_container_font_size = get_post_meta( $gallery_id , 'container_font_size', true );
+              $image_options_thumbnail_size = get_post_meta( $gallery_id , 'thumbnail_size', true );
+              $image_options_image_width = get_post_meta( $gallery_id , 'image_width', true );
+              $image_options_image_height = get_post_meta( $gallery_id , 'image_height', true );
+              $image_options_font_family = get_post_meta( $gallery_id , 'font_family', true );
+              $image_attributes = wp_get_attachment_image_src( $attachment_val->ID , $image_options_thumbnail_size  );
+            $image_attributes = wp_get_attachment_image_src( $attachment_val->ID, $image_options_thumbnail_size );
+              if ( $image_options_display_original == true xor $image_options_thumbnail_options == true )
+              {
+                $html .=  '<div  class="freewall-brick brick overlay"  data-width="'.$image_options_image_width .'" data-height="'.$image_options_image_height.'" data-delay="'.$attachment_id.'"   >';
+              }
+              $html .=  '<a  href="'.$attachment_val->guid.'"  class="js-img-viwer img-true-location container" data-caption="" data-id="'.$attachment_id.'" >';
+                  //=====================  Fixed Image layout   =============================
+                  if ( $image_options_display_original == true and $image_options_thumbnail_options == false )
+                  {
+                    $html .= '<img class="image" style="height:100%;  width:100%;" src="'.$attachment_val->guid.'"  />';
+                  } elseif ( $image_options_thumbnail_options == true and $image_options_display_original == false )
+                  {
+                    $html .= '<img class="image" style="height:100%;  width:100%;"  src="'.$image_attributes[0].'"  />';
+                  } else
+                  {
+                    $text =  '<p>Image Options => "Display Original Size Image" or "Display Thumnail Size" settings are turned on or off same time</p>';
+                    print $text;
+                  }
+                  if ( ! empty( $attachment_id ) and true == $image_options_display_text ) {
+                    if( true == $image_options_display_text ) {
+                        $html .= '<style>
+                          .image
+                          {
+                            max-height: calc( 100% - '.$image_options_textbox_height_range.'% ) !important;
+                          }
+                          .info
+                          {
+                            max-height: calc( 100% - '.$image_options_textbox_height_range.'% ) !important;
+                            background-color: '.$image_options_info_background_color.';
+                            position: relative;
+                            margin: 0px;
+                            font-size: '.$image_options_container_font_size.'px !important ;
+                          }
+                          .info>p
+                          {
+                            font-size: '.$image_options_font_family['font-size'].';
+                            color:      '.$image_options_font_family['color'].';
+                            font-style:  '.$image_options_font_family['font-style'].';
+                            font-family: '.$image_options_font_family['font-family'] .';
+                            line-height:  '.$image_options_font_family['line-height'].';
+                            font-weight: '.$image_options_font_family['font-weight'].';
+                            text-align: '.$image_options_font_family['text-align'].';
+                          }
+                          .info>h5
+                          {
+                            font-size: '.$image_options_font_family['font-size'].';
+                            color:      '.$image_options_font_family['color'].';
+                            font-style:  '.$image_options_font_family['font-style'].';
+                            font-family: '.$image_options_font_family['font-family'] .';
+                            line-height:  '.$image_options_font_family['line-height'].';
+                            font-weight: '.$image_options_font_family['font-weight'].';
+                            text-align: '.$image_options_font_family['text-align'].';
+                          }
+                          .info>button
+                          {
+                            font-size: '.$image_options_font_family['font-size'].';
+                            color:      '.$image_options_font_family['color'].';
+                          }
+                          '.$image_options_add_extra_css.'
+                        </style>';
+                      }
+                    $html .= '<div class="info" >';
+                        if( ! empty( $attachment_val->post_title))
+                        {
+                          $html .= '<h5 class="text spartan-gallery-img-title" >'.$attachment_val->post_title.'</h5>';
+                        }
+                        if( ! empty( $attachment_val->post_content))  {
+                          $html .= '<p class="text spartan-gallery-img-description" >'.$attachment_val->post_content.'</p>';
+                        }
+                        if( ! empty( $attachment_val->guid ) ) {
+                          $html .= ('<td colspan="3" style="background-color:#005673; text-align:right; padding: 4px 0px;">
+                            <button class="spartan-gallery-img-button text" onclick="parent.open(\'' . $attachment_val->guid . '\')" >'.$attachment_val->post_title.'</button></td>');
+                        }
+                     $html .= '</div>';
+                    }
+              $html .= '</a>';
+            if ( $image_options_display_original == true xor $image_options_thumbnail_options == true )
+            {
+              $html .= '</div>';
+            if ( $image_options_display_original == true xor $image_options_thumbnail_options == true ) {
+                $html .= '<div class="freewall-brick brick overlay" data-width="' . $image_options_image_width . '" data-height="' . $image_options_image_height . '" data-delay="' . absint( $attachment_id ) . '">';
+            }
+            $html .= '<a href="' . esc_url( $attachment_val->guid ) . '" class="js-img-viwer img-true-location container" data-caption="" data-id="' . absint( $attachment_id ) . '">';
+            if ( $image_options_display_original == true and $image_options_thumbnail_options == false ) {
+                $html .= '<img class="image" style="height:100%; width:100%; object-fit:cover; object-position:center;" loading="lazy" src="' . esc_url( $attachment_val->guid ) . '" />';
+            } elseif ( $image_options_thumbnail_options == true and $image_options_display_original == false ) {
+                $html .= '<img class="image" style="height:100%; width:100%; object-fit:cover; object-position:center;" loading="lazy" src="' . esc_url( $image_attributes[0] ) . '" />';
+            } else {
+                return '<p>' . esc_html__( 'Image Options: "Display Original" or "Display Thumbnail" must be enabled, but not both simultaneously.', 'spartan-gallery' ) . '</p>';
+            }
-            $html .= '</div>';
-          $html .= '</div>';
+            $html .= '</a>';
+            if ( $image_options_display_original == true xor $image_options_thumbnail_options == true ) {
+                $html .= '</div>';
+            }
+        }
+          $html .= '';
+          $html .= '<script>';
+            $html .= 'jQuery( document ).ready( function( $ ){';
+        $html .= '</div>';
+        $html .= '</div>';
+              // chaotic layout
+                $html .= '$(".freewall-brick").each(function() {';
+                    $html .= 'var wall = new Freewall("#freewall");';
+                    $html .= 'wall.reset({';
+                        $html .= 'animate: true,';
+                        //$script .='cellW: 100,';
+                        //$script .='cellH: 100,';
+                        //fixSize: 1,
+                        $html .= 'gutterY: '.$image_options_img_margin.',';
+                        $html .= 'gutterX: '.$image_options_img_margin.',';
+                        $html .= 'onResize: function() {';
+                            $html .= 'wall.fitWidth();';
+                        $html .= '}';
+                    $html .= '});';
+                    $html .=  'wall.addCustomEvent("onBlockLoad", function(setting) {';
+                        $html .= 'console.log(setting);';
+                    $html .= '});';
+                    $html .= 'wall.fitWidth();';
+                $html .= '});';
+        $html .= '<script>';
+        $html .= 'jQuery( document ).ready( function( $ ){';
+        $html .= '$(".freewall-brick").each(function() {';
+        $html .= 'var wall = new Freewall("#freewall");';
+        $html .= 'wall.reset({';
+        $html .= 'animate: true,';
+        $html .= 'gutterY: ' . $image_options_img_margin . ',';
+        $html .= 'gutterX: ' . $image_options_img_margin . ',';
+        $html .= 'onResize: function() {';
+        $html .= 'wall.fitWidth();';
+        $html .= '}';
+        $html .= '});';
+        $html .= 'wall.fitWidth();';
+        $html .= '});';
+        $html .= '});';
+        $html .= '</script>';
+            $html .= ' });';
+           $html .= '</script>';
+           return $html;
+      }
+        return $html;
+    }
+}

spartan-gallery/trunk/public/html-cointainer-outputs/class-freewall-pinterest-output.php

-              r3204032
+              r3619020
 <?php
 if ( ! defined( 'WPINC' ) ) {
     die;
+}
 Class Freewall_Pinterest_Container
+{
+      static function display_pinterest_container( $attachments , $gallery_id )
+      {
+    static function display_pinterest_container( $attachments, $gallery_id )
+    {
         $CSSClass = new Spartan_Gallery_Generated_CSS_Output();
+        $image_options_add_extra_css         = get_post_meta( $gallery_id, 'add_extra_css', true );
+        $image_options_display_original      = get_post_meta( $gallery_id, 'display_original', true );
+        $image_options_img_margin            = absint( get_post_meta( $gallery_id, 'img_margin', true ) );
+        $image_options_thumbnail_options     = get_post_meta( $gallery_id, 'thumbnail_options', true );
+        $image_options_thumbnail_size        = get_post_meta( $gallery_id, 'thumbnail_size', true );
+        $safe_extra_css                      = wp_strip_all_tags( $image_options_add_extra_css );
         $html = '';
+        $html .= '<style>' . $safe_extra_css . '</style>';
+        $html .= '<div style="' . $CSSClass->output_php_Css( $gallery_id ) . '" class="spartan-gallery-wrapper">';
+        $html .= '<div id="freewall-pinterest" class="masonary">';
+        $image_options_add_extra_css = get_post_meta( $gallery_id , 'add_extra_css', true );
+        $html .= '<style>'.$image_options_add_extra_css.'</style>';
+        $img_size = array( '120', '160', '180', '240', '280', '320' );
+        $html .= '  <div style="'.$CSSClass->output_php_Css($gallery_id).'" class="spartan-gallery-wrapper" >';
+          $html .= '  <div id="freewall-pinterest" class="masonary" >'; //data-fixSize="true"
+          // Loop through them and output an image
+            $img_size = array( '120', '160', '180', '240', '280', '320'   );
+        foreach ( (array) $attachments as $attachment_id => $attachment_val ) {
             foreach ( (array) $attachments as $attachment_id => $attachment_val ) {
+            $image_attributes = wp_get_attachment_image_src( $attachment_val->ID, $image_options_thumbnail_size );
+                $img_size = array( '120', '160', '180', '240', '280', '320'   );
+                //Settings variables for from database
+                $image_options_display_original = get_post_meta( $gallery_id , 'display_original', true ); // array
+                $image_options_img_margin = get_post_meta( $gallery_id , 'img_margin', true );
+                $image_options_thumbnail_options = get_post_meta( $gallery_id , 'thumbnail_options', true );
+                $image_options_textbox_height_range = get_post_meta( $gallery_id , 'textbox_height_range', true );
+                $image_options_display_text = get_post_meta( $gallery_id , 'display_text', true );
+                $image_options_info_background_color = get_post_meta( $gallery_id , 'info_background_color', true );
+                $image_options_container_font_size = get_post_meta( $gallery_id , 'container_font_size', true );
+                $image_options_thumbnail_size = get_post_meta( $gallery_id , 'thumbnail_size', true );
+                $image_options_font_family = get_post_meta( $gallery_id , 'font_family', true );
+                $image_attributes = wp_get_attachment_image_src( $attachment_val->ID , $image_options_thumbnail_size  );
+                if ( $image_options_display_original == true xor $image_options_thumbnail_options == true )
+                {
+                  $html .=  '<div  class="freewall-brick-pinterest brick"  data-width="'.$img_size[array_rand( $img_size , 1 )].'" data-height="'.$img_size[array_rand( $img_size , 1 )].'" data-delay="'.$attachment_id.'"   >';
+                }
+                $html .=  '<a  href="'.$attachment_val->guid.'"  class="js-img-viwer img-true-location" data-caption="" data-id="'.$attachment_id.'" >';
+                    //=====================    PINTEREST lAYOUT   =============================
+                    if ( $image_options_display_original == true and $image_options_thumbnail_options == false )
+                    {
+                      $html .= '<img class="image" style="height:100%;  width:100%;" src="'.$attachment_val->guid.'"  />';
+                    }
+                    elseif ( $image_options_thumbnail_options == true and $image_options_display_original == false )
+                    {
+                      $html .= '<img class="image" style="height:100%;  width:100%;"  src="'.$image_attributes[0].'"  />';
+                    }
+                    else
+                    {
+                      $text =  '<p>Image Options => "Display Original Size Image" or "Display Thumnail Size" settings are turned on or off same time</p>';
+                      print $text;
+                    }
+                    if ( ! empty( $attachment_id ) and true == $image_options_display_text )
+                    {
+                      $html .= '<div class="info" >';
+                        if( ! empty( $attachment_val->post_title))
+                        {
+                          $html .= '<h5 class="text spartan-gallery-img-title" >'.$attachment_val->post_title.'</h5>';
+                        }
+                        if( ! empty( $attachment_val->post_content))  {
+                          $html .= '<p class="text spartan-gallery-img-description" >'.$attachment_val->post_content.'</p>';
+                        }
+                        if( ! empty( $attachment_val->guid ) ) {
+                          $html .= ('<td colspan="3" style="background-color:#005673; text-align:right; padding: 4px 0px;">
+                            <button class="spartan-gallery-img-button text" onclick="parent.open(\'' . $attachment_val->guid . '\')" >'.$attachment_val->post_title.'</button></td>');
+                        }
+                      $html .= '</div>';
+                    }
+                $html .= '</a>';
+              if ( $image_options_display_original == true xor $image_options_thumbnail_options == true ) {
+                $html .= '</div>';
+              }
+            if ( $image_options_display_original == true xor $image_options_thumbnail_options == true ) {
+                $brick_w_index = array_rand( $img_size, 1 );
+                $brick_h_index = wp_rand( max( 0, $brick_w_index - 1 ), min( count( $img_size ) - 1, $brick_w_index + 1 ) );
+                $html .= '<div class="freewall-brick-pinterest brick" data-width="' . $img_size[ $brick_w_index ] . '" data-height="' . $img_size[ $brick_h_index ] . '" data-delay="' . absint( $attachment_id ) . '">';
+            }
+            if( true == $image_options_display_text ) {
+              $html .= '<style>
+                .image
+                {
+                  max-height: calc( 100% - '.$image_options_textbox_height_range.'% ) !important;
+                }
+                .info
+                {
+                  max-height: calc( 100% - '.$image_options_textbox_height_range.'% ) !important;
+                  background-color: '.$image_options_info_background_color.';
+                  position: relative;
+                  margin: 0px;
+                  font-size: '.$image_options_container_font_size.'px !important ;
+                }
+                .info>p
+                {
+                  font-size: '.$image_options_font_family['font-size'].';
+                  color:      '.$image_options_font_family['color'].';
+                  font-style:  '.$image_options_font_family['font-style'].';
+                  font-family: '.$image_options_font_family['font-family'] .';
+                  line-height:  '.$image_options_font_family['line-height'].';
+                  font-weight: '.$image_options_font_family['font-weight'].';
+                  text-align: '.$image_options_font_family['text-align'].';
+                }
+                .info>h5
+                {
+                  font-size: '.$image_options_font_family['font-size'].';
+                  color:      '.$image_options_font_family['color'].';
+                  font-style:  '.$image_options_font_family['font-style'].';
+                  font-family: '.$image_options_font_family['font-family'] .';
+                  line-height:  '.$image_options_font_family['line-height'].';
+                  font-weight: '.$image_options_font_family['font-weight'].';
+                  text-align: '.$image_options_font_family['text-align'].';
+                }
+            $html .= '<a href="' . esc_url( $attachment_val->guid ) . '" class="js-img-viwer img-true-location" data-caption="" data-id="' . absint( $attachment_id ) . '">';
+                .info>button
+                {
+                  font-size: '.$image_options_font_family['font-size'].';
+                  color:      '.$image_options_font_family['color'].';
+                }
+                '.$image_options_add_extra_css.'
+              </style>';
+            if ( $image_options_display_original == true and $image_options_thumbnail_options == false ) {
+                $html .= '<img class="image" style="height:100%; width:100%; object-fit:cover; object-position:center;" loading="lazy" src="' . esc_url( $attachment_val->guid ) . '" />';
+            } elseif ( $image_options_thumbnail_options == true and $image_options_display_original == false ) {
+                $html .= '<img class="image" style="height:100%; width:100%; object-fit:cover; object-position:center;" loading="lazy" src="' . esc_url( $image_attributes[0] ) . '" />';
+            } else {
+                return '<p>' . esc_html__( 'Image Options: "Display Original" or "Display Thumbnail" must be enabled, but not both simultaneously.', 'spartan-gallery' ) . '</p>';
+            }
-            $html .= '</div>';
-          $html .= '</div>';
+            $html .= '</a>';
+          $html .= '
+            if ( $image_options_display_original == true xor $image_options_thumbnail_options == true ) {
+                $html .= '</div>';
+            }
+        }
+        $html .= '</div>';
+        $html .= '</div>';
+        $html .= '
             <script>
                 jQuery( document ).ready( function( $ ){
+                // Random width layout
+                  var Imagewall = new Freewall("#freewall-pinterest");
+                  Imagewall.reset({
+                    selector: ".freewall-brick-pinterest",
+                    animate: false,
+                    cellW: 300,
+                    cellH: "auto",
+                    gutterY: '.$image_options_img_margin.',
+                    gutterX: '.$image_options_img_margin.',
+                    onResize: function() {
+                      Imagewall.fitWidth();
+                    }
+                  });
+                  $( document ).ready(function() {
+                  Imagewall.fitWidth();
+                  });
+                    var Imagewall = new Freewall("#freewall-pinterest");
+                    Imagewall.reset({
+                        selector: ".freewall-brick-pinterest",
+                        animate: false,
+                        cellW: 300,
+                        cellH: "auto",
+                        gutterY: ' . $image_options_img_margin . ',
+                        gutterX: ' . $image_options_img_margin . ',
+                        onResize: function() {
+                            Imagewall.fitWidth();
+                        }
+                    });
+                    $( document ).ready(function() {
+                        Imagewall.fitWidth();
+                    });
                 });
             </script>';
+            return $html;
+      }
+/*
+      static function init_freewall_random_javascript()
+      {
+        $html .= '';
+        $html .= '<script>';
+          $html .= 'jQuery( document ).ready( function( $ ){';
+            $html .= '$(".freewall-brick").each(function() {';
+              $html .= 'var wall = new Freewall("#freewall");';
+                $html .= 'wall.reset({';
+                  $html .= 'selector: "".brick",';
+                  $html .= 'animate: true,';
+                  $html .= 'cellW: 240,';
+                  $html .= 'cellH: "auto",';
+                  $html .= 'gutterY: 20,';
+                  $html .= 'gutterX: 20,';
+                  $html .= 'onResize: function() {';
+                  $html .= 'wall.fitWidth();';
+                  $html .= '}';
+                  $html .= '});';
+                  $html .= 'wall.container.find(".brick img").load(function() {';
+                  $html .= 'wall.fitWidth();';
+                $html .= '});';
+            $html .= '});';
+          $html .= '});';
+        $html .= '</script>';
+        return  $html;
+        //print_r( $script );
+      }
+*/
+        return $html;
+    }
+}

spartan-gallery/trunk/public/html-cointainer-outputs/class-freewall-random-output.php

-              r3204032
+              r3619020
 <?php
 if ( ! defined( 'WPINC' ) ) {
     die;
+}
 Class Freewall_Random_Container
+{
+      static function display_random_container( $attachments, $gallery_id  )
+      {
+    static function display_random_container( $attachments, $gallery_id )
+    {
         $CSSClass = new Spartan_Gallery_Generated_CSS_Output();
+        $image_options_add_extra_css         = get_post_meta( $gallery_id, 'add_extra_css', true );
+        $image_options_display_original      = get_post_meta( $gallery_id, 'display_original', true );
+        $image_options_img_margin            = absint( get_post_meta( $gallery_id, 'img_margin', true ) );
+        $image_options_thumbnail_options     = get_post_meta( $gallery_id, 'thumbnail_options', true );
+        $image_options_thumbnail_size        = get_post_meta( $gallery_id, 'thumbnail_size', true );
+        $safe_extra_css                      = wp_strip_all_tags( $image_options_add_extra_css );
         $html = '';
+        $image_options_add_extra_css = get_post_meta( $gallery_id , 'add_extra_css', true );
+        $html .= '<style>'.$image_options_add_extra_css.'</style>';
+        $html .=  '  <div style="'.$CSSClass->output_php_Css($gallery_id).'" class="spartan-gallery-wrapper" >';
+          $html .= '  <div id="freewall-random" class="masonary" >'; //data-fixSize="true"
+          // Loop through them and output an image
+            $img_size = array( '120', '160', '180', '240', '280', '320'   );
+        $html .= '<style>' . $safe_extra_css . '</style>';
+        $html .= '<div style="' . $CSSClass->output_php_Css( $gallery_id ) . '" class="spartan-gallery-wrapper">';
+        $html .= '<div id="freewall-random" class="masonary">';
             foreach ( (array) $attachments as $attachment_id => $attachment_val ) {
+        $img_size = array( '120', '160', '180', '240', '280', '320' );
+                $img_size = array( '120', '160', '180', '240', '280', '320'   );
+                //Settings variables for from database
+                $image_options_display_original = get_post_meta( $gallery_id , 'display_original', true ); // array
+                $image_options_img_margin = get_post_meta( $gallery_id , 'img_margin', true );
+                $image_options_thumbnail_options = get_post_meta( $gallery_id , 'thumbnail_options', true );
+                $image_options_textbox_height_range = get_post_meta( $gallery_id , 'textbox_height_range', true );
+                $image_options_display_text = get_post_meta( $gallery_id , 'display_text', true );
+                $image_options_info_background_color = get_post_meta( $gallery_id , 'info_background_color', true );
+                $image_options_container_font_size = get_post_meta( $gallery_id , 'container_font_size', true );
+                $image_options_thumbnail_size = get_post_meta( $gallery_id , 'thumbnail_size', true );
+                $image_options_font_family = get_post_meta( $gallery_id , 'font_family', true );
+                $image_attributes = wp_get_attachment_image_src( $attachment_val->ID , $image_options_thumbnail_size  );
+        foreach ( (array) $attachments as $attachment_id => $attachment_val ) {
+                if ( $image_options_display_original == true xor $image_options_thumbnail_options == true ) {
+                  $html .=  '<div  class="freewall-brick brick"  data-width="'.$img_size[array_rand( $img_size , 1 )].'" data-height="'.$img_size[array_rand( $img_size , 1 )].'" data-delay="'.$attachment_id.'"   >';
+                }
+            $image_attributes = wp_get_attachment_image_src( $attachment_val->ID, $image_options_thumbnail_size );
                 $html .=  '<a  href="'.$attachment_val->guid.'"  class="js-img-viwer img-true-location" data-caption="" data-id="'.$attachment_id.'" >';
                     //=====================  Random width layout   =============================
                     if ( $image_options_display_original == true and $image_options_thumbnail_options == false ) {
+            if ( $image_options_display_original == true xor $image_options_thumbnail_options == true ) {
+                $html .= '<div class="freewall-brick brick" data-width="' . $img_size[ array_rand( $img_size, 1 ) ] . '" data-height="' . $img_size[ array_rand( $img_size, 1 ) ] . '" data-delay="' . absint( $attachment_id ) . '">';
+            }
                       $html .= '<img class="image" style="height:240px;  width:100%;" src="'.$attachment_val->guid.'"  />';
+            $html .= '<a href="' . esc_url( $attachment_val->guid ) . '" class="js-img-viwer img-true-location" data-caption="" data-id="' . absint( $attachment_id ) . '">';
+                    } elseif ( $image_options_thumbnail_options == true and $image_options_display_original == false ) {
+            if ( $image_options_display_original == true and $image_options_thumbnail_options == false ) {
+                $html .= '<img class="image" style="height:240px; width:100%; object-fit:cover; object-position:center;" loading="lazy" src="' . esc_url( $attachment_val->guid ) . '" />';
+            } elseif ( $image_options_thumbnail_options == true and $image_options_display_original == false ) {
+                $html .= '<img style="height:240px; width:100%; object-fit:cover; object-position:center;" loading="lazy" src="' . esc_url( $image_attributes[0] ) . '" />';
+            } else {
+                return '<p>' . esc_html__( 'Image Options: "Display Original" or "Display Thumbnail" must be enabled, but not both simultaneously.', 'spartan-gallery' ) . '</p>';
+            }
                       $html .= '<img style="height:240px;  width:100%;" src="'.$image_attributes[0].'"  />';
+            $html .= '</a>';
+                    } else
+                    {
+                      $text =  '<p>Image Options => "Display Original Size Image" or "Display Thumnail Size" settings are turned on or off same time</p>';
+                      print $text;
+                      //return;
+                    }
+            if ( $image_options_display_original == true xor $image_options_thumbnail_options == true ) {
+                $html .= '</div>';
+            }
+        }
+        $html .= '</div>';
+        $html .= '</div>';
+                    if ( ! empty( $attachment_id ) and true == $image_options_display_text ) {
+                      if( true == $image_options_display_text ) {
+                          $html .= '<style>
+                            .image
+                            {
+                              max-height: calc( 100% - '.$image_options_textbox_height_range.'% ) !important;
+                            }
+                            .info
+                            {
+                              max-height: calc( 100% - '.$image_options_textbox_height_range.'% ) !important;
+                              background-color: '.$image_options_info_background_color.';
+                              position: relative;
+                              margin: 0px;
+                              font-size: '.$image_options_container_font_size.'px !important ;
+                            }
+                            .info>p
+                            {
+                              font-size: '.$image_options_font_family['font-size'].';
+                              color:      '.$image_options_font_family['color'].';
+                              font-style:  '.$image_options_font_family['font-style'].';
+                              font-family: '.$image_options_font_family['font-family'] .';
+                              line-height:  '.$image_options_font_family['line-height'].';
+                              font-weight: '.$image_options_font_family['font-weight'].';
+                              text-align: '.$image_options_font_family['text-align'].';
+                            }
+                            .info>h5
+                            {
+                              font-size: '.$image_options_font_family['font-size'].';
+                              color:      '.$image_options_font_family['color'].';
+                              font-style:  '.$image_options_font_family['font-style'].';
+                              font-family: '.$image_options_font_family['font-family'] .';
+                              line-height:  '.$image_options_font_family['line-height'].';
+                              font-weight: '.$image_options_font_family['font-weight'].';
+                              text-align: '.$image_options_font_family['text-align'].';
+                            }
+                            .info>button
+                            {
+                              font-size: '.$image_options_font_family['font-size'].';
+                              color:      '.$image_options_font_family['color'].';
+                            }
+                            '.$image_options_add_extra_css.'
+                          </style>';
+                        }
+                      $html .= '<div class="info" >';
+                          if( ! empty( $attachment_val->post_title))
+                          {
+                            $html .= '<h5 class="text spartan-gallery-img-title" >'.$attachment_val->post_title.'</h5>';
+                          }
+                          if( ! empty( $attachment_val->post_content))  {
+                            $html .= '<p class="text spartan-gallery-img-description" >'.$attachment_val->post_content.'</p>';
+                          }
+                          if( ! empty( $attachment_val->guid ) ) {
+                            $html .= ('<td colspan="3" style="background-color:#005673; text-align:right; padding: 4px 0px;">
+                              <button class="spartan-gallery-img-button text" onclick="parent.open(\'' . $attachment_val->guid . '\')" >'.$attachment_val->post_title.'</button></td>');
+                          }
+                       $html .= '</div>';
+                      }
+                $html .= '</a>';
+              if ( $image_options_display_original == true xor $image_options_thumbnail_options == true ) {
+                $html .= '</div>';
+              }
+            }
+            $html .= '</div>';
+          $html .= '</div>';
+          $html .= '
+              <script>
+                  jQuery( document ).ready( function( $ ){
+                  // Random width layout
+        $html .= '
+            <script>
+                jQuery( document ).ready( function( $ ){
                     var Imagewall = new Freewall("#freewall-random");
                     Imagewall.reset({
                       selector: ".freewall-brick",
                       animate: true,
                       cellW: 200,
                       cellH: "auto",
                       gutterY: '.$image_options_img_margin.',
                       gutterX: '.$image_options_img_margin.',
                       onResize: function() {
                         Imagewall.fitWidth();
+                      }
+                        selector: ".freewall-brick",
+                        animate: true,
+                        cellW: 200,
+                        cellH: "auto",
+                        gutterY: ' . $image_options_img_margin . ',
+                        gutterX: ' . $image_options_img_margin . ',
+                        onResize: function() {
+                            Imagewall.fitWidth();
+                        }
                     });
                     $( document ).ready(function() {
+                    Imagewall.fitWidth();
+                        Imagewall.fitWidth();
+                    });
+                });
+            </script>';
+                    });
+                  });
+              </script>';
+          return $html;
+      }
+        return $html;
+    }
+}

spartan-gallery/trunk/public/html-cointainer-outputs/class-hexagon-html-container.php

-              r3204032
+              r3619020
 <?php
 if ( ! defined( 'WPINC' ) ) {
     die;
+}
+Class Spartan_Gallery_Hexagon
+{
+    static function hexagon_html_container( $attachments, $gallery_id )
+    {
+        $CSSClass = new Spartan_Gallery_Generated_CSS_Output();
+Class Spartan_Gallery_Hexagon {
+        $image_options_add_extra_css         = get_post_meta( $gallery_id, 'add_extra_css', true );
+        $image_options_display_original      = get_post_meta( $gallery_id, 'display_original', true );
+        $image_options_thumbnail_options     = get_post_meta( $gallery_id, 'thumbnail_options', true );
+        $image_options_thumbnail_size        = get_post_meta( $gallery_id, 'thumbnail_size', true );
+        $safe_extra_css                      = wp_strip_all_tags( $image_options_add_extra_css );
+        $output = '';
+        $output .= '<style>' . $safe_extra_css . '</style>';
+        $output .= '<div style="' . $CSSClass->output_php_Css( $gallery_id ) . '" class="spartan-gallery-wrapper" style="position: relative; width: 100%;">';
+        $output .= '<div class="masonary">';
+        $output .= '<ul>';
   static function hexagon_html_container( $attachments, $gallery_id ) {
+        foreach ( $attachments as $attachments_id => $attachments_val ) {
+    $CSSClass = new Spartan_Gallery_Generated_CSS_Output();
+    $output = '';
+            $image_attributes = wp_get_attachment_image_src( $attachments_val->ID, $image_options_thumbnail_size );
     $image_options_add_extra_css = get_post_meta( $gallery_id , 'add_extra_css', true );
     $output  .= '<style>'.$image_options_add_extra_css.'</style>';
+            $output .= '<li class="hex">';
+            $output .= '<a class="js-img-viwer hexIn" data-caption="Title" data-id="' . absint( $attachments_id ) . '" href="' . esc_url( $attachments_val->guid ) . '">';
+    $output .= '<div style="'.$CSSClass->output_php_Css($gallery_id).'" class="spartan-gallery-wrapper" style="position: relative;width: 100%;" >';
+      $output .= '<div class="masonary" >';
+        $output .= '<ul>';
+          foreach ( $attachments as $attachments_id => $attachments_val ) {
+                $img_size = array( '120', '160', '180', '240', '280', '320'   );
+                //Settings variables for from database
+                $image_options_display_original = get_post_meta( $gallery_id , 'display_original', true ); // array
+                $image_options_img_margin = get_post_meta( $gallery_id , 'img_margin', true );
+                $image_options_thumbnail_options = get_post_meta( $gallery_id , 'thumbnail_options', true );
+                $image_options_textbox_height_range = get_post_meta( $gallery_id , 'textbox_height_range', true );
+                $image_options_display_text = get_post_meta( $gallery_id , 'display_text', true );
+                $image_options_info_background_color = get_post_meta( $gallery_id , 'info_background_color', true );
+                $image_options_container_font_size = get_post_meta( $gallery_id , 'container_font_size', true );
+                $image_options_thumbnail_size = get_post_meta( $gallery_id , 'thumbnail_size', true );
+                $image_options_font_family = get_post_meta( $gallery_id , 'font_family', true );
+                $image_attributes = wp_get_attachment_image_src( $attachments_val->ID , $image_options_thumbnail_size  );
+                //print_r($attachment_val);
+            if ( $image_options_display_original == true and $image_options_thumbnail_options == false ) {
+                $output .= '<img style="height:100%; width:100%; object-fit:cover; object-position:center;" loading="lazy" src="' . esc_url( $attachments_val->guid ) . '" />';
+            } elseif ( $image_options_thumbnail_options == true and $image_options_display_original == false ) {
+                $output .= '<img style="height:100%; width:100%; object-fit:cover; object-position:center;" loading="lazy" src="' . esc_url( $image_attributes[0] ) . '" />';
+            } else {
+                $output .= '<p>' . esc_html__( 'Image Options: "Display Original" or "Display Thumbnail" must be enabled, but not both simultaneously.', 'spartan-gallery' ) . '</p>';
+            }
+                $output .=  '<li class="hex">';
+                  $output .=    '<a class="js-img-viwer hexIn" data-caption="Title" data-id="'.$attachments_id.'" href="'.$attachments_val->guid.'">';
+            $output .= '</a>';
+            $output .= '</li>';
+        }
+                          if ( $image_options_display_original == true and $image_options_thumbnail_options == false ) {
+        $output .= '</ul>';
+        $output .= '</div>';
+        $output .= '</div>';
+                            $output .= '<img style="height:100%;  width:100%;" src="'.$attachments_val->guid.'"  />';
+                          } elseif ( $image_options_thumbnail_options == true and $image_options_display_original == false ) {
+                            $output .= '<img style="height:100%;  width:100%;" src="'.$image_attributes[0].'"  />';
+                          } else
+                          {
+                            $output .=  '<p>Image Options => "Display Original Size Image" or "Display Thumnail Size" settings are turned on or off same time</p>';
+                          }
+                          if ( ! empty( $attachment_id ) and true == $image_options_display_text )
+                          {
+                            $html .= '<div class="info" >';
+                              if( ! empty( $attachment_val->post_title))
+                              {
+                                $html .= '<h5 class="text spartan-gallery-img-title" >'.$attachment_val->post_title.'</h5>';
+                              }
+                              if( ! empty( $attachment_val->post_content))  {
+                                $html .= '<p class="text spartan-gallery-img-description" >'.$attachment_val->post_content.'</p>';
+                              }
+                              if( ! empty( $attachment_val->guid ) ) {
+                                $html .= ('<td colspan="3" style="background-color:#005673; text-align:right; padding: 4px 0px;">
+                                  <button class="spartan-gallery-img-button text" onclick="parent.open(\'' . $attachment_val->guid . '\')" >'.$attachment_val->post_title.'</button></td>');
+                              }
+                            $html .= '</div>';
+                          }
+                      $output .= '</a>';
+                  $output .= '</li>';
+            }
+          $output .= '</ul>';
+        $output .= '</div>';
+        $output .= '<script>';
+        $output .= '';
+        $output .= '</script>';
+      $output .= '</div>';
+    return $output;
+        return $output;
+    }
+}

spartan-gallery/trunk/public/popup.php

-              r2145680
+              r3619020
         exit( 'Direct script access denied.' );
+}
-/**
-* Image gallerry button
+*
-* @since Spartan Gallery 1.0.2
+*
-* @param array  $urls           URLs to print for resource hints.
-* @param string $relation_type  The relation type the URLs are printed.
-* @return array $urls           URLs to print for resource hints.
-*/
 function button_url_get_meta( $value ) {
 …
+}
-/**
-* Image gallerry button
+*
-* @since Spartan Gallery 1.0.2
+*
-* @param array  $urls           URLs to print for resource hints.
-* @param string $relation_type  The relation type the URLs are printed.
-* @return array $urls           URLs to print for resource hints.
-*/
 function button_url_add_meta_box() {
         add_meta_box(
                 'button_url-button-url',
                 __( 'b', 'button_url' ),
+                __( 'Image Button Links', 'spartan-gallery' ),
                 'button_url_html',
                 'spartan_gallery_type',
 …
 add_action( 'add_meta_boxes', 'button_url_add_meta_box' );
+/**
+* Image gallerry button
+*
+* @since Spartan Gallery 1.0.2
+*
+* @param array  $urls           URLs to print for resource hints.
+* @param string $relation_type  The relation type the URLs are printed.
+* @return array $urls           URLs to print for resource hints.
+*/
+function button_url_html( $post) {
+function button_url_html( $post ) {
         wp_nonce_field( '_button_url_nonce', 'button_url_nonce' );
         $args = array(
                 'post_type'   => 'attachment',
                 'numberposts' => -1,
-                //'post_parent' => $page_id,
                 'post_status' => null,
                 'meta_query'  => array(
 …
+                        )
+                )
         );
         $attachments = get_posts( $args );
+        foreach ( (array) $attachments as $attachment_id => $attachment_value ) {
+                echo '<div class="popup" data-popup="popup-' . absint( $attachment_value->ID ) . '">';
+                echo '<div class="popup-inner">';
+  foreach ( (array) $attachments as $attachment_id => $attachment_value ) {
+        $field = get_post_meta( $attachment_value->ID, 'button_url_buttontitle'.$attachment_value->ID, true );
+        print_r( $field );
+  echo '<div class="popup" data-popup="popup-'.$attachment_value->ID.'">';
+  echo '<div class="popup-inner">';
+        echo '<p>';
+        echo  '<a><label for="button_url_buttonurl'.$attachment_value->ID.'">'._e( "Insert Button Url   ", "button_url" ).'   </label></a>';
+        echo  '<a><input maxlength="160" type="text" name="button_url_buttonurl'.$attachment_value->ID.'" id="button_url_buttonurl'.$attachment_value->ID.'" value="'.button_url_get_meta( "button_url_buttonurl" .$attachment_value->ID ).'"></a>';
+        echo '  </p>';
+                echo '<p>';
+                echo '<a><label for="button_url_buttonurl' . absint( $attachment_value->ID ) . '">' . esc_html__( 'Insert Button Url', 'spartan-gallery' ) . '</label></a>';
+                echo '<a><input maxlength="160" type="text" name="button_url_buttonurl' . absint( $attachment_value->ID ) . '" id="button_url_buttonurl' . absint( $attachment_value->ID ) . '" value="' . esc_attr( button_url_get_meta( 'button_url_buttonurl' . $attachment_value->ID ) ) . '"></a>';
+                echo '</p>';
         echo '<p>';
         echo  '<a><label for="button_url_buttonurl'.$attachment_value->ID.'">'._e( "Insert Button Title   ", "button_url" ).'   </label></a>';
         echo  '<a><input maxlength="160" type="text" name="button_url_buttontitle'.$attachment_value->ID.'" id="button_url_buttontitle'.$attachment_value->ID.'" value="'.button_url_get_meta( "button_url_buttontitle" .$attachment_value->ID ).'"></a>';
         echo '  </p>';
+                echo '<p>';
+                echo '<a><label for="button_url_buttontitle' . absint( $attachment_value->ID ) . '">' . esc_html__( 'Insert Button Title', 'spartan-gallery' ) . '</label></a>';
+                echo '<a><input maxlength="160" type="text" name="button_url_buttontitle' . absint( $attachment_value->ID ) . '" id="button_url_buttontitle' . absint( $attachment_value->ID ) . '" value="' . esc_attr( button_url_get_meta( 'button_url_buttontitle' . $attachment_value->ID ) ) . '"></a>';
+                echo '</p>';
+        echo '<p>';
+        echo  '<a><label for="imgtitle'.$attachment_value->ID.'">'._e( "Insert Image Title   ", "button_url" ).'   </label></a>';
+        echo  '<a><input maxlength="160" type="text" name="imgtitle'.$attachment_value->ID.'" id="imgtitle'.$attachment_value->ID.'" value="'.button_url_get_meta( "imgtitle" .$attachment_value->ID ).'"></a>';
+        echo '  </p>';
+        echo '<p>';
+                echo '<p>';
+                echo '<a><label for="imgtitle' . absint( $attachment_value->ID ) . '">' . esc_html__( 'Insert Image Title', 'spartan-gallery' ) . '</label></a>';
+                echo '<a><input maxlength="160" type="text" name="imgtitle' . absint( $attachment_value->ID ) . '" id="imgtitle' . absint( $attachment_value->ID ) . '" value="' . esc_attr( button_url_get_meta( 'imgtitle' . $attachment_value->ID ) ) . '"></a>';
+                echo '</p>';
+        echo  '<a><label for="imgdescription'.$attachment_value->ID.'">'._e( "Insert Image Description   ", "button_url" ).'   </label></a>';
+        echo  '<a><input maxlength="160" type="text" name="imgdescription'.$attachment_value->ID.'" id="imgdescription'.$attachment_value->ID.'" value="'.button_url_get_meta( "imgdescription" .$attachment_value->ID ).'"></a>';
+        echo '  </p>';
+  echo '<p><a id="close-popup" data-popup-close="popup-'.$attachment_value->ID.'" href="#">Close</a></p>';
+  echo ' <a id="close-popup" class="popup-close" data-popup-close="popup-'.$attachment_value->ID.'" href="#">x</a>';
+  echo '</div>';
+  echo '</div>';
+                echo '<p>';
+                echo '<a><label for="imgdescription' . absint( $attachment_value->ID ) . '">' . esc_html__( 'Insert Image Description', 'spartan-gallery' ) . '</label></a>';
+                echo '<a><input maxlength="160" type="text" name="imgdescription' . absint( $attachment_value->ID ) . '" id="imgdescription' . absint( $attachment_value->ID ) . '" value="' . esc_attr( button_url_get_meta( 'imgdescription' . $attachment_value->ID ) ) . '"></a>';
+                echo '</p>';
+                echo '<p><a id="close-popup" data-popup-close="popup-' . absint( $attachment_value->ID ) . '" href="#">' . esc_html__( 'Close', 'spartan-gallery' ) . '</a></p>';
+                echo '<a id="close-popup" class="popup-close" data-popup-close="popup-' . absint( $attachment_value->ID ) . '" href="#">x</a>';
+                echo '</div>';
+                echo '</div>';
+        }
+}
+}
-/**
-* Image gallerry button
+*
-* @since Spartan Gallery 1.0.2
+*
-* @param array  $urls           URLs to print for resource hints.
-* @param string $relation_type  The relation type the URLs are printed.
-* @return array $urls           URLs to print for resource hints.
-*/
 function button_url_save( $post_id ) {
         if ( defined( 'DOING_AUTOSAVE' ) && DOING_AUTOSAVE ) return;
 …
         if ( ! current_user_can( 'edit_post', $post_id ) ) return;
                                 $args = array(
                                         'post_type'   => 'attachment',
                                         'numberposts' => -1,
                                         //'post_parent' => $page_id,
                                         'post_status' => null,
                                         'meta_query'  => array(
                                                 array(
                                                         'key'     => 'spartan_gallery',
                                                         'compare' => '=',
+                                                )
+                                        )
+        $args = array(
+                'post_type'   => 'attachment',
+                'numberposts' => -1,
+                'post_status' => null,
+                'meta_query'  => array(
+                        array(
+                                'key'     => 'spartan_gallery',
+                                'compare' => '=',
+                        )
+                )
+        );
                                 );
+        $attachments = get_posts( $args );
                                 $attachments = get_posts( $args );
+        foreach ( (array) $attachments as $attachments_id => $attachment_value ) {
+        foreach ( (array) $attachments as $attachments_id => $attachment_value ) {
+                $id = $attachment_value->ID;
+                if ( sanitize_text_field(  isset($_POST['button_url_buttonurl'.$attachment_value->ID.'']) ) )
+                        update_post_meta( $post_id, 'button_url_buttonurl'.$attachment_value->ID.'', $_POST['button_url_buttonurl'.$attachment_value->ID.''] );
+                if ( isset( $_POST[ 'button_url_buttonurl' . $id ] ) ) {
+                        update_post_meta( $post_id, 'button_url_buttonurl' . $id, sanitize_text_field( wp_unslash( $_POST[ 'button_url_buttonurl' . $id ] ) ) );
+                }
+                if ( sanitize_text_field( isset($_POST['button_url_buttontitle'.$attachment_value->ID.''] ) ) )
+                        update_post_meta( $post_id, 'button_url_buttontitle'.$attachment_value->ID.'', $_POST['button_url_buttontitle'.$attachment_value->ID.''] );
+                if ( isset( $_POST[ 'button_url_buttontitle' . $id ] ) ) {
+                        update_post_meta( $post_id, 'button_url_buttontitle' . $id, sanitize_text_field( wp_unslash( $_POST[ 'button_url_buttontitle' . $id ] ) ) );
+                }
+                if ( sanitize_text_field( isset($_POST['imgtitle'.$attachment_value->ID.'']) ) )
+                        update_post_meta( $post_id, 'imgtitle'.$attachment_value->ID.'', $_POST['imgtitle'.$attachment_value->ID.''] );
+                if ( isset( $_POST[ 'imgtitle' . $id ] ) ) {
+                        update_post_meta( $post_id, 'imgtitle' . $id, sanitize_text_field( wp_unslash( $_POST[ 'imgtitle' . $id ] ) ) );
+                }
                 if ( sanitize_text_field(isset($_POST['imgdescription'.$attachment_value->ID.'']) ) )
                         update_post_meta( $post_id, 'imgdescription'.$attachment_value->ID.'', $_POST['imgdescription'.$attachment_value->ID.''] );
+              }
+                if ( isset( $_POST[ 'imgdescription' . $id ] ) ) {
+                        update_post_meta( $post_id, 'imgdescription' . $id, sanitize_text_field( wp_unslash( $_POST[ 'imgdescription' . $id ] ) ) );
+                }
+        }
+}
 add_action( 'save_post', 'button_url_save' );

spartan-gallery/trunk/public/spartan-gallery-styles.php

-              r3204032
+              r3619020
+}
-/**
-* Image styles
+*
-* @since Spartan Gallery 1.0.2
+*
-* @param array  $urls           URLs to print for resource hints.
-* @param string $relation_type  The relation type the URLs are printed.
-* @return array $urls           URLs to print for resource hints.
-*/
 Class Spartan_Gallery_Generated_CSS_Output
+{
+    static function output_php_Css( $gallery_id )
+    {
+        $image_options_container_settings_on_off   = get_post_meta( $gallery_id, 'container_settings_on_off', true );
+        $image_options_container_height_width_range = get_post_meta( $gallery_id, 'container_height_width_range', true );
+        $image_options_container_background_color  = get_post_meta( $gallery_id, 'container_background_color', true );
+        $image_options_container_border            = get_post_meta( $gallery_id, 'container_border', true );
+        $css = '';
+      static function output_php_Css( $gallery_id  )
+      {
+                                        $image_options_container_settings_on_off = get_post_meta( $gallery_id , 'container_settings_on_off', true );
+                                        $image_options_container_height_width_range = get_post_meta( $gallery_id , 'container_height_width_range', true );
+                                        $image_options_container_background_color = get_post_meta( $gallery_id , 'container_background_color', true );
+                                        $image_options_container_border = get_post_meta( $gallery_id , 'container_border', true );
+        if ( $image_options_container_settings_on_off == true ) {
+            $css .= '
+                border-top: '    . esc_attr( $image_options_container_border['border-top'] )    . ';
+                border-right: '  . esc_attr( $image_options_container_border['border-right'] )  . ';
+                border-bottom: ' . esc_attr( $image_options_container_border['border-bottom'] ) . ';
+                border-left: '   . esc_attr( $image_options_container_border['border-left'] )   . ';
+                border-style: '  . esc_attr( $image_options_container_border['border-style'] )  . ';
+                border-color: '  . esc_attr( $image_options_container_border['border-color'] )  . ';
+                background-color: ' . esc_attr( $image_options_container_background_color ) . ';
+                height: '        . esc_attr( $image_options_container_height_width_range['height'] ) . ';
+                width: '         . esc_attr( $image_options_container_height_width_range['width'] )  . ';
+            ';
+        }
+                                        $css = '';
+                                        //$css .= '<style>';
+                                                if ( $image_options_container_settings_on_off  == true ) {
+                                                $css .= '
+                                                                        border-top: '.$image_options_container_border['border-top'].' ;
+                                                                        border-right: '.$image_options_container_border['border-right'].';
+                                                                        border-bottom: '.$image_options_container_border['border-bottom'].';
+                                                                        border-left: '.$image_options_container_border['border-left'].';
+                                                                        border-style: '.$image_options_container_border['border-style'].';
+                                                                        border-color: '.$image_options_container_border['border-color'].';
+                                                                        background-color: '.$image_options_container_background_color.';
+                                                                        height: '.$image_options_container_height_width_range['height'].';
+                                                                        width: '.$image_options_container_height_width_range['width'].';
+                                                                ';
+                                                }
+                                        //$css .= '</style>';
+                                        return $css;
+                        }
+        return $css;
+    }
+}

spartan-gallery/trunk/readme.txt

-              r3204032
+              r3619020
 Contributors:       Freelancer Martin
 Tags:               gallery, portfolio, simple portfolio gallery, photo gallery, art gallery, photographer gallery,
+Tags:               gallery, portfolio, photo gallery, gutenberg, responsive
 Requires at least: 4.6
 Tested up to: 6.7
 Requires PHP: 8.3
 Stable tag:         1.3.0
+Tested up to: 7.0
+Requires PHP: 7.4
+Stable tag:         1.4.0
 License:            GPLv2 or later
 License URI:        [http://www.gnu.org/licenses/gpl-2.0.html](http://www.gnu.org/licenses/gpl-2.0.html)
+License URI:        http://www.gnu.org/licenses/gpl-2.0.html
 == Description ==
+Spartan Gallery allows you to create gallery very very easily. Spartan Gallery is a responsive and multipurpose portfolio gallery plugin. You can use it for: agency, personal portfolio, architect agency, architecture portfolio, photography studios, creative agency, design studios, painter portfolio, model agency, escort agency, products showcase, artworks, art, artist portfolio, web design works, illustrators, projects, blog, freelance designer etc.
+This plugin is truly best for individual who want to deal with numerous of photos. This plugin is also designed with stunning modern style. More over, with plugin option panel. You can change almost everything easily via admin panel. Spartan Gallery is responsive and supports all devices, user-friendly and fine-looking. It is very nice with its clean and professional look.
+Spartan Gallery is a responsive, multipurpose portfolio gallery plugin for WordPress. It works well for agencies, personal portfolios, architecture and photography studios, product showcases, artist portfolios, and blogs.
+Now added Redux Framework, added gutenberg block to add gallerys on site, fixed some issuses with plugin
+Six layout styles are included: Freewall Chaotic, Random, Fixed, Pinterest, Hexagon, and 3D Slider. Each gallery has its own options panel to control image size, thumbnail behavior, container styling, and custom CSS, plus a Gutenberg block for adding galleries anywhere in the block editor.
 = Visit Example Site  =
 …
 If installing the plugin from wordpress.org:
+. Upload or Intall the entire /Spartan Gallery directory to the /wp-content/plugins/ directory.
+. Upload the entire plugin directory to the /wp-content/plugins/ directory.
+. Activate Spartan Gallery through the 'Plugins' menu in WordPress.
+. Go to Create New Gallery
+. Upload Images -> choose layouts options -> select image settings
+. Copy and Paste shortcode, where would you like see gallery
+. Profit.
+. Upload or install the entire /spartan-gallery directory to the /wp-content/plugins/ directory, or install directly through the 'Plugins' screen in WordPress.
+. Activate Spartan Gallery through the 'Plugins' menu in WordPress.
+. Go to Spartan Gallery > Add New to create a gallery.
+. Upload images, choose a layout, and select image settings.
+. Copy the shortcode (or use the Gutenberg block) wherever you'd like the gallery to appear.
 …
 == Changelog ==
+= 1.4.0 =
+* Removed the Redux Framework dependency; the gallery options panel is now a native WordPress metabox (no third-party plugin required).
+* Fixed images being stretched/distorted in all six layouts.
+* Fixed several settings (thumbnail size, adjustable image, container settings) not saving correctly when turned off.
+* Fixed slider controls not being usable in the options panel.
+* Removed the "display text under image" caption feature.
+* Various security hardening and bug fixes.
 = 1.3.0 =
+* Version 1.0.0 - First Stable Release
+* Version 1.2.0 - Upate user interface, new core and class system, new proper class system for plugin
+* Version 1.3.0 - Now using redux framework, added gutenbergblock, changed UI, proper testing, made sure everylaout is working, fixed UI
+* Added Gutenberg block support.
+* UI improvements and layout fixes.
+= 1.2.0 =
+* Updated user interface; new core class system for the plugin.
+= 1.0.0 =
+* First stable release.
+== Upgrade Notice ==
+= 1.4.0 =
+Removes the Redux Framework dependency in favor of a built-in options panel — your existing gallery settings carry over automatically. If Redux Framework was installed only for this plugin, it can now be deactivated.

spartan-gallery/trunk/spartan-gallery.php

-              r3204032
+              r3619020
  * @wordpress-plugin
  * Plugin Name:       Spartan Gallery
+ * Plugin URI:        spartan-gallery.developerforwebsites.com
+ * Description:       This is a short description of what the plugin does. It's displayed in the WordPress admin area.
+ * Version:           1.0.0
+ * Description:       A responsive, multipurpose gallery plugin with six layout styles (Freewall Chaotic, Random, Fixed, Pinterest, Hexagon, and 3D Slider), a Gutenberg block, and per-gallery image/container styling options.
+ * Version:           1.4.0
  * Author:            Freelancer Martin
  * Author URI:        developerforwebsites@gmail.com
+ * Author URI:        https://freelancermartin.com
  * License:           GPL-2.0+
  * License URI:       http://www.gnu.org/licenses/gpl-2.0.txt
 …
  * Rename this for your plugin and update it as you release new versions.
  */
 define( 'PLUGIN_NAME_VERSION', '1.2.1' );
+define( 'PLUGIN_NAME_VERSION', '1.4.0' );
 …
-//require_once plugin_dir_path( __FILE__ ) . 'admin/exopite-simple-options/exopite-simple-options-framework-class.php';
 /**
  * The code that runs during plugin deactivation.

Context Navigation

Legend:

Download in other formats: