PHP td_panel_generator::visual_select_o方法代码示例

    </div>
    <div class="td-box-control-full td-panel-module">
        <?php 
echo td_panel_generator::visual_select_o(array('ds' => 'td_taxonomy', 'item_id' => $taxonomy_name, 'option_id' => 'tds_taxonomy_page_layout', 'values' => td_panel_generator::helper_display_modules('enabled_on_loops')));
?>
    </div>
</div>



<!-- Custom Sidebar + position -->
<div class="td-box-row">
    <div class="td-box-description">
        <span class="td-box-title">CUSTOM SIDEBAR + POSITION</span>
        <p>Sidebar position and custom sidebars</p>
    </div>
    <div class="td-box-control-full td-panel-sidebar-pos">
        <div class="td-display-inline-block">
            <?php 
echo td_panel_generator::visual_select_o(array('ds' => 'td_taxonomy', 'item_id' => $taxonomy_name, 'option_id' => 'tds_taxonomy_sidebar_pos', 'values' => array(array('text' => '', 'title' => '', 'val' => 'sidebar_left', 'img' => get_template_directory_uri() . '/includes/wp_booster/wp-admin/images/panel/sidebar-left.png'), array('text' => '', 'title' => '', 'val' => 'no_sidebar', 'img' => get_template_directory_uri() . '/includes/wp_booster/wp-admin/images/panel/sidebar-full.png'), array('text' => '', 'title' => '', 'val' => '', 'img' => get_template_directory_uri() . '/includes/wp_booster/wp-admin/images/panel/sidebar-right.png'))));
?>
            <div class="td-panel-control-comment td-text-align-right">Select sidebar position</div>
        </div>
        <div class="td-display-inline-block td_sidebars_pulldown_align">
            <?php 
echo td_panel_generator::sidebar_pulldown(array('ds' => 'td_taxonomy', 'item_id' => $taxonomy_name, 'option_id' => 'tds_taxonomy_sidebar'));
?>
            <div class="td-panel-control-comment td-text-align-right">Create or select an existing sidebar</div>
        </div>
    </div>
</div>

function td_category_form_ajax($category_id)
{
    ob_start();
    ?>

    <!-- DISPLAY VIEW -->
    <div class="td-box-row">
        <div class="td-box-description">
            <span class="td-box-title">ARTICLE DISPLAY VIEW</span>
            <p>Select a module type, this is how your article list will be displayed</p>
        </div>
        <div class="td-box-control-full td-panel-module">
            <?php 
    echo td_panel_generator::visual_select_o(array('ds' => 'td_category', 'item_id' => $category_id, 'option_id' => 'tdc_layout', 'values' => td_panel_generator::helper_display_modules('default+enabled_on_loops')));
    ?>
        </div>
    </div>

    <!-- Custom Sidebar + position -->
    <div class="td-box-row">
        <div class="td-box-description">
            <span class="td-box-title">CUSTOM SIDEBAR + POSITION</span>
            <p>Sidebar position and custom sidebars</p>
        </div>
        <div class="td-box-control-full td-panel-sidebar-pos">
            <div class="td-display-inline-block">
                <?php 
    echo td_panel_generator::visual_select_o(array('ds' => 'td_category', 'item_id' => $category_id, 'option_id' => 'tdc_sidebar_pos', 'values' => array(array('text' => '', 'title' => '', 'val' => '', 'img' => get_template_directory_uri() . '/includes/wp_booster/wp-admin/images/panel/sidebar-default.png'), array('text' => '', 'title' => '', 'val' => 'sidebar_left', 'img' => get_template_directory_uri() . '/includes/wp_booster/wp-admin/images/panel/sidebar-left.png'), array('text' => '', 'title' => '', 'val' => 'no_sidebar', 'img' => get_template_directory_uri() . '/includes/wp_booster/wp-admin/images/panel/sidebar-full.png'), array('text' => '', 'title' => '', 'val' => 'sidebar_right', 'img' => get_template_directory_uri() . '/includes/wp_booster/wp-admin/images/panel/sidebar-right.png'))));
    ?>
                <div class="td-panel-control-comment td-text-align-right">Select sidebar position</div>
            </div>
            <div class="td-display-inline-block td_sidebars_pulldown_align">
                <?php 
    echo td_panel_generator::sidebar_pulldown(array('ds' => 'td_category', 'item_id' => $category_id, 'option_id' => 'tdc_sidebar_name'));
    ?>
                <div class="td-panel-control-comment td-text-align-right">Create or select an existing sidebar</div>
            </div>
        </div>
    </div>

    <!-- Show Featured slider -->
    <div class="td-box-row">
        <div class="td-box-description">
            <span class="td-box-title">SHOW CATEGORY BIG GRID</span>
            <p>Enable or disable the category big grid</p>
        </div>
        <div class="td-box-control-full">
            <?php 
    echo td_panel_generator::checkbox(array('ds' => 'td_category', 'item_id' => $category_id, 'option_id' => 'tdc_slider', 'true_value' => '', 'false_value' => 'yes'));
    ?>
        </div>
    </div>

    <!-- Category color -->
    <div class="td-box-row">
        <div class="td-box-description">
            <span class="td-box-title">CATEGORY TAG COLOR ON POST PAGE</span>
            <p>Pick a color for this category tag on post page</p>
        </div>
        <div class="td-box-control-full">
            <?php 
    echo td_panel_generator::color_picker(array('ds' => 'td_category', 'item_id' => $category_id, 'option_id' => 'tdc_color', 'default_color' => ''));
    ?>
        </div>
    </div>

    <!-- BACKGROUND UPLOAD -->
    <div class="td-box-row">
        <div class="td-box-description">
            <span class="td-box-title">BACKGROUND UPLOAD</span>
            <p>Upload your background image.</br> You can use:</p>
            <ul>
                <li>Single Image</li>
                <li>Pattern</li>
            </ul>
        </div>
        <div class="td-box-control-full">
            <?php 
    echo td_panel_generator::upload_image(array('ds' => 'td_category', 'item_id' => $category_id, 'option_id' => 'tdc_image'));
    ?>
        </div>
    </div>

    <!-- BACKGROUND STYLE -->
    <div class="td-box-row">
        <div class="td-box-description">
            <span class="td-box-title">BACKGROUND STYLE</span>
            <p>How the background will be displayed</p>
            <ul>
                <li><b>Stretch:</b> use this option when you are using a Single Image for you background and you want this image to fill the entire background.</li>
                <li><b>Tiled:</b> use this option when you are using a Pattern for you background.</li>
            </ul>
        </div>
        <div class="td-box-control-full">
            <?php 
    echo td_panel_generator::radio_button_control(array('ds' => 'td_category', 'item_id' => $category_id, 'option_id' => 'tdc_bg_repeat', 'values' => array(array('text' => 'Default', 'val' => ''), array('text' => 'Stretch', 'val' => 'stretch'), array('text' => 'Tiled', 'val' => 'tile'))));
    ?>
        </div>
    </div>

//.........这里部分代码省略.........

            <?php 
echo td_panel_generator::dropdown(array('ds' => 'td_option', 'option_id' => 'tds_more_articles_on_post_pages_display', 'values' => array(array('text' => 'Latest Article', 'val' => ''), array('text' => 'From Same Category', 'val' => 'same_category'), array('text' => 'From Post Tags', 'val' => 'same_tag'), array('text' => 'From Same Author', 'val' => 'same_author'), array('text' => 'Random', 'val' => 'random'))));
?>
        </div>
    </div>


    <!-- DISPLAY VIEW -->
    <div class="td-box-row">
        <div class="td-box-description">
            <span class="td-box-title">ARTICLE DISPLAY VIEW</span>
            <p>Select a module type, this is how your article list will be displayed</p>
        </div>
        <div class="td-box-control-full td-panel-module">
            <?php 
echo td_panel_generator::visual_select_o(array('ds' => 'td_option', 'option_id' => 'tds_more_articles_on_post_pages_display_module', 'values' => td_panel_generator::helper_display_modules('enabled_on_more_articles_box')));
?>
        </div>
    </div>



    <div class="td-box-row">
        <div class="td-box-description">
            <span class="td-box-title">NUMBER OF POSTS</span>
            <p>Number of post to display</p>
        </div>
        <div class="td-box-control-full">
            <?php 
echo td_panel_generator::dropdown(array('ds' => 'td_option', 'option_id' => 'tds_more_articles_on_post_pages_number', 'values' => array(array('text' => '1', 'val' => ''), array('text' => '2', 'val' => 2), array('text' => '3', 'val' => 3), array('text' => '4', 'val' => 4), array('text' => '5', 'val' => 5), array('text' => '6', 'val' => 6))));
?>

    </div>



    <?php 
if (count(td_api_top_bar_template::get_all()) > 0) {
    ?>
        <!-- Top bar template -->
        <div class="td-box-row">
            <div class="td-box-description">
                <span class="td-box-title">Top bar layout</span>
                <p>How to order the top bar items</p>
            </div>
            <div class="td-box-control-full">
                <?php 
    echo td_panel_generator::visual_select_o(array('ds' => 'td_option', 'option_id' => 'tds_top_bar_template', 'values' => td_api_top_bar_template::_helper_to_panel_values()));
    ?>
            </div>
        </div>
    <?php 
}
?>



<div class="td-box-section-separator"></div>



    <!-- Top menu: enable disable -->
    <div class="td-box-row">

                        <h3>Sidebar position:</h3>
                        <p>From here you can set the sidebar position for this page only.</p>
                        <ul>
                            <li><strong>This setting overrides</strong> the Theme panel setting from <i>Template settings > Page template</i></li>
                            <li><strong>On default</strong> - the template will load the sidebar position that is set in the Theme panel: <i>Template settings > Page template</i></li>
                            <li>This setting is intended to be use for content pages, When this template detects
                            that Visual Composer is used, it will switch to a full width layout (with no sidebar). </li>
                            <li>If you want to use a sidebar with Visual Composer please use the Widgetised Sidebar block</li>

                        </ul>
                    ', 'right');
?>
            </span>
            <div class="td-inline-block-wrap">
                <?php 
echo td_panel_generator::visual_select_o(array('ds' => 'td_page', 'item_id' => '', 'option_id' => 'td_sidebar_position', 'values' => array(array('text' => '', 'title' => '', 'val' => '', 'img' => get_template_directory_uri() . '/includes/wp_booster/wp-admin/images/panel/sidebar-default.png'), array('text' => '', 'title' => '', 'val' => 'sidebar_left', 'img' => get_template_directory_uri() . '/includes/wp_booster/wp-admin/images/panel/sidebar-left.png'), array('text' => '', 'title' => '', 'val' => 'no_sidebar', 'img' => get_template_directory_uri() . '/includes/wp_booster/wp-admin/images/panel/sidebar-full.png'), array('text' => '', 'title' => '', 'val' => 'sidebar_right', 'img' => get_template_directory_uri() . '/includes/wp_booster/wp-admin/images/panel/sidebar-right.png')), 'selected_value' => $mb->get_the_value('td_sidebar_position')));
?>
            </div>
        </div>


        <!-- custom sidebar -->
        <div class="td-meta-box-row">
            <span class="td-page-o-custom-label">
                Custom sidebar:
                <?php 
td_util::tooltip_html('
                        <h3>Custom sidebar:</h3>
                        <p>From here you can set a custom sidebar for this page only.</p>
                        <ul>
                            <li><strong>This setting overrides</strong> the Theme panel setting from <i>Template settings > Page template</i></li>

        <div class="td-box-description td-box-full">
            <span class="td-box-title">More information:</span>
            <p>The footer uses sidebars to show information. Here you can customize the number of sidebars and the layout. To add content to the footer head go to the widgets section and drag widget to the Footer 1, Footer 2 and Footer 3 sidebars </p>
        </div>
        <div class="td-box-row-margin-bottom"></div>
    </div>

    <!-- LAYOUT -->
    <div class="td-box-row">
        <div class="td-box-description">
            <span class="td-box-title">LAYOUT</span>
            <p>Set footer layout</p>
        </div>
        <div class="td-box-control-full">
            <?php 
echo td_panel_generator::visual_select_o(array('ds' => 'td_option', 'option_id' => 'tds_footer_widget_cols', 'values' => array(array('text' => '1/5 - 1/5', 'title' => '', 'val' => '', 'img' => get_template_directory_uri() . '/wp-admin/images/panel/footer-5.png'), array('text' => '1/4 - 1/4', 'title' => '', 'val' => '14-14', 'img' => get_template_directory_uri() . '/wp-admin/images/panel/footer-6.png'), array('text' => '1/3 - 1/3 - 1/3', 'title' => '', 'val' => '13-13', 'img' => get_template_directory_uri() . '/wp-admin/images/panel/footer-1.png'), array('text' => '2/3 - 1/3', 'title' => '', 'val' => '23-13', 'img' => get_template_directory_uri() . '/wp-admin/images/panel/footer-2.png'), array('text' => '1/3 - 2/3', 'title' => '', 'val' => '13-23', 'img' => get_template_directory_uri() . '/wp-admin/images/panel/footer-3.png'), array('text' => '5/5 (full)', 'title' => '', 'val' => '33', 'img' => get_template_directory_uri() . '/wp-admin/images/panel/footer-4.png'))));
?>
        </div>
    </div>

<?php 
echo td_panel_generator::box_end();
?>


<!-- SUB-FOOTER SETTINGS -->
<?php 
echo td_panel_generator::box_start('Sub-footer settings');
?>

<!-- show/hide sub-footer -->

        <div class="td-meta-box-row">
            <span class="td-page-o-custom-label">
                Layout:
                <?php 
td_util::tooltip_html('
                        <h3>Layout select:</h3>
                        <p>Select a custom module to be used in the loop of this page.</p>
                        <ul>
                            <li>If you want to make you own modules, please go to our <a href="http://forum.tagdiv.com/api-modules-introduction/" target="_blank">API section</a> of the documentation</li>
                        </ul>
                    ', 'right');
?>
            </span>
                <div class="td-page-o-visual-select-modules">
                    <?php 
echo td_panel_generator::visual_select_o(array('ds' => 'td_homepage_loop', 'item_id' => '', 'option_id' => 'td_layout', 'values' => td_panel_generator::helper_display_modules('default+enabled_on_loops'), 'selected_value' => $mb->get_the_value('td_layout')));
?>
                </div>
        </div>

        <!-- show or hide the title -->
        <div class="td-meta-box-row">
            <?php 
$mb->the_field('list_custom_title_show');
?>
            <span class="td-page-o-custom-label">
                Show list title:
                <?php 
td_util::tooltip_html('
                        <h3>Show the list title:</h3>
                        <p>Hide or show the loop title. It can be something like "Latest articles" etc.</p>

            <?php 
echo td_panel_generator::input(array('ds' => 'td_option', 'option_id' => 'tds_inline_ad_paragraph'));
?>
        </div>
    </div>


    <!-- DISPLAY VIEW -->
    <div class="td-box-row">
        <div class="td-box-description">
            <span class="td-box-title">AD POSITION IN CONTENT</span>
            <p>Ad position in content. Float left, full post width or float right.</p>
        </div>
        <div class="td-box-control-full td-panel-module">
            <?php 
echo td_panel_generator::visual_select_o(array('ds' => 'td_option', 'option_id' => 'tds_inline_ad_align', 'values' => array(array('text' => '', 'title' => '', 'val' => 'left', 'img' => get_template_directory_uri() . '/includes/wp_booster/wp-admin/images/panel/ad-left.png'), array('text' => '', 'title' => '', 'val' => '', 'img' => get_template_directory_uri() . '/includes/wp_booster/wp-admin/images/panel/ad-center.png'), array('text' => '', 'title' => '', 'val' => 'right', 'img' => get_template_directory_uri() . '/includes/wp_booster/wp-admin/images/panel/ad-right.png'))));
?>
        </div>
    </div>


    <div class="td-box-row">
        <div class="td-box-description td-box-full">
            <span class="td-box-title">Advance usage:</span>
            <p>If you leave the AdSense size boxes on Auto, the theme will automatically resize the <strong>google ads</strong>. For more info follow this <a href="http://forum.tagdiv.com/ads-system-full-guide/" target="_blank">link</a></p>
        </div>
        <div class="td-box-row-margin-bottom"></div>
    </div>


    <!-- disable ad on monitor -->

                        <p>How to make an item:</p>
                        <ul>
                            <li><strong>add a text wrapped in H3</strong> - this will be the title of the item</li>
                            <li><strong>add any picture</strong> from the media library</li>
                            <li>in a new paragraph below the picture, <strong>add some text</strong></li>
                            <li><i>repeat the last 3 steps for each item that you want to add</i></li>
                        </ul>

                        <p>The system will use the H3 from the tiles to split your article and make each individual slide or numbered item</p>
                    ', 'right');
?>
                </span>

                <div class="td-inline-block-wrap">
                    <?php 
echo td_panel_generator::visual_select_o(array('ds' => 'td_post_theme_settings', 'item_id' => '', 'option_id' => 'smart_list_template', 'values' => td_api_smart_list::_helper_td_smart_list_api_to_panel_values(), 'selected_value' => $mb->get_the_value('smart_list_template')));
?>
                </div>
            </div>


            <!-- title tag -->
            <div class="td-meta-box-row">
                <span class="td-page-o-custom-label">
                    Title tags:
                    <?php 
td_util::tooltip_html('
                        <h3>Smart lists title tags:</h3>
                        <p>Customize what tag is used for <i>Title</i> lookup. This setting is useful if for example, you already have articles that use H2 for items</p>
                    ', 'right');
?>

    /**
     * render the categories forms
     */
    static function render_categories_form()
    {
        //get all categories from database
        $categories = get_categories(array('hide_empty' => 0));
        $td_category_walker_panel = new td_category_walker_panel();
        $td_category_walker_panel->walk($categories, 4);
        //print_r($rawalker->td_category_buffer);
        //die;
        //get_categories(array('hide_empty' => 0));//wordpress way
        $categories = td_util::get_category2id_array(false);
        //our function
        foreach ($td_category_walker_panel->td_category_buffer as $display_category_name => $category_id) {
            ?>
            <!-- LAYOUT SETTINGS -->
            <?php 
            echo td_panel_generator::box_start($display_category_name, false);
            ?>

                <!-- DISPLAY VIEW -->
                <div class="td-box-row">
                    <div class="td-box-description">
                        <span class="td-box-title">ARTICLE DISPLAY VIEW</span>
                        <p>Select a module type, this is how your article list will be displayed</p>
                    </div>
                    <div class="td-box-control-full td-panel-module">
                        <?php 
            echo td_panel_generator::visual_select_o(array('ds' => 'td_category', 'item_id' => $category_id, 'option_id' => 'tdc_layout', 'values' => array(array('text' => '', 'title' => '', 'val' => '', 'img' => get_template_directory_uri() . '/wp-admin/images/panel/module-default.png'), array('text' => '', 'title' => '', 'val' => '1', 'img' => get_template_directory_uri() . '/wp-admin/images/panel/module-1.png'), array('text' => '', 'title' => '', 'val' => '2', 'img' => get_template_directory_uri() . '/wp-admin/images/panel/module-2.png'), array('text' => '', 'title' => '', 'val' => '3', 'img' => get_template_directory_uri() . '/wp-admin/images/panel/module-3.png'), array('text' => '', 'title' => '', 'val' => '4', 'img' => get_template_directory_uri() . '/wp-admin/images/panel/module-4.png'), array('text' => '', 'title' => '', 'val' => '5', 'img' => get_template_directory_uri() . '/wp-admin/images/panel/module-5.png'), array('text' => '', 'title' => '', 'val' => '6', 'img' => get_template_directory_uri() . '/wp-admin/images/panel/module-6.png'), array('text' => '', 'title' => '', 'val' => '7', 'img' => get_template_directory_uri() . '/wp-admin/images/panel/module-7.png'), array('text' => '', 'title' => '', 'val' => '8', 'img' => get_template_directory_uri() . '/wp-admin/images/panel/module-8.png'), array('text' => '', 'title' => '', 'val' => '9', 'img' => get_template_directory_uri() . '/wp-admin/images/panel/module-9.png'), array('text' => '', 'title' => '', 'val' => 'search', 'img' => get_template_directory_uri() . '/wp-admin/images/panel/module-10.png'))));
            ?>
                    </div>
                </div>

                <!-- Custom Sidebar + position -->
                <div class="td-box-row">
                    <div class="td-box-description">
                        <span class="td-box-title">CUSTOM SIDEBAR + POSITION</span>
                        <p>Sidebar position and custom sidebars</p>
                    </div>
                    <div class="td-box-control-full td-panel-sidebar-pos">
                        <div class="td-display-inline-block">
                            <?php 
            echo td_panel_generator::visual_select_o(array('ds' => 'td_category', 'item_id' => $category_id, 'option_id' => 'tdc_sidebar_pos', 'values' => array(array('text' => '', 'title' => '', 'val' => '', 'img' => get_template_directory_uri() . '/wp-admin/images/panel/sidebar-default.png'), array('text' => '', 'title' => '', 'val' => 'sidebar_left', 'img' => get_template_directory_uri() . '/wp-admin/images/panel/sidebar-left.png'), array('text' => '', 'title' => '', 'val' => 'no_sidebar', 'img' => get_template_directory_uri() . '/wp-admin/images/panel/sidebar-full.png'), array('text' => '', 'title' => '', 'val' => 'sidebar_right', 'img' => get_template_directory_uri() . '/wp-admin/images/panel/sidebar-right.png'))));
            ?>
                            <div class="td-panel-control-comment td-text-align-right">Select sidebar position</div>
                        </div>
                        <div class="td-display-inline-block td_sidebars_pulldown_align">
                            <?php 
            echo td_panel_generator::sidebar_pulldown(array('ds' => 'td_category', 'item_id' => $category_id, 'option_id' => 'tdc_sidebar_name'));
            ?>
                            <div class="td-panel-control-comment td-text-align-right">Create or select an existing sidebar</div>
                        </div>
                    </div>
                </div>

                <!-- Show Featured slider -->
                <div class="td-box-row">
                    <div class="td-box-description">
                        <span class="td-box-title">SHOW FEATURED SLIDER</span>
                        <p>Enable or disable the featured slider (only posts that are in the Featured category are showed in slider)</p>
                    </div>
                    <div class="td-box-control-full">
                        <?php 
            echo td_panel_generator::checkbox(array('ds' => 'td_category', 'item_id' => $category_id, 'option_id' => 'tdc_slider', 'true_value' => '', 'false_value' => 'yes'));
            ?>
                    </div>
                </div>

                <!-- Category color -->
                <div class="td-box-row">
                    <div class="td-box-description">
                        <span class="td-box-title">CATEGORY TAG COLOR ON POST PAGE</span>
                        <p>Pick a color for this category tag on post page</p>
                    </div>
                    <div class="td-box-control-full">
                        <?php 
            echo td_panel_generator::color_piker(array('ds' => 'td_category', 'item_id' => $category_id, 'option_id' => 'tdc_color', 'default_color' => ''));
            ?>
                    </div>
                </div>

                <!-- BACKGROUND UPLOAD -->
                <div class="td-box-row">
                    <div class="td-box-description">
                        <span class="td-box-title">BACKGROUND UPLOAD</span>
                        <p>Upload your logo (300 x 100px) .png</p>
                    </div>
                    <div class="td-box-control-full">
                        <?php 
            echo td_panel_generator::upload_image(array('ds' => 'td_category', 'item_id' => $category_id, 'option_id' => 'tdc_image'));
            ?>
                    </div>
                </div>

                <!-- BACKGROUND STYLE -->
                <div class="td-box-row">
                    <div class="td-box-description">
                        <span class="td-box-title">BACKGROUND STYLE</span>
                        <p>How the background will be dispalyed</p>
//.........这里部分代码省略.........

    <div class="td-display-inline-block td_sidebars_pulldown_align">
        <?php 
echo td_panel_generator::sidebar_pulldown(array('ds' => 'td_homepage_loop', 'item_id' => '', 'option_id' => 'td_sidebar', 'selected_value' => $mb->get_the_value('td_sidebar')));
?>
        <div class="td-panel-control-comment td-text-align-right">Create or select an existing sidebar</div>
    </div>

    </p>



    <p class="td_help_section td-inline-block-wrap td-post-settings-post-template">
        <span class="td_custom_label">Post template:</span>
        <div class="td-inline-block-wrap">
            <?php 
echo td_panel_generator::visual_select_o(array('ds' => 'td_homepage_loop', 'item_id' => '', 'option_id' => 'td_layout', 'values' => array(array('text' => '', 'title' => '', 'val' => '', 'img' => get_template_directory_uri() . '/wp-admin/images/panel/module-default.png'), array('text' => '', 'title' => '', 'val' => '1', 'img' => get_template_directory_uri() . '/wp-admin/images/panel/module-1.png'), array('text' => '', 'title' => '', 'val' => '2', 'img' => get_template_directory_uri() . '/wp-admin/images/panel/module-2.png'), array('text' => '', 'title' => '', 'val' => '3', 'img' => get_template_directory_uri() . '/wp-admin/images/panel/module-3.png'), array('text' => '', 'title' => '', 'val' => '4', 'img' => get_template_directory_uri() . '/wp-admin/images/panel/module-4.png'), array('text' => '', 'title' => '', 'val' => '5', 'img' => get_template_directory_uri() . '/wp-admin/images/panel/module-5.png'), array('text' => '', 'title' => '', 'val' => '6', 'img' => get_template_directory_uri() . '/wp-admin/images/panel/module-6.png'), array('text' => '', 'title' => '', 'val' => '7', 'img' => get_template_directory_uri() . '/wp-admin/images/panel/module-7.png'), array('text' => '', 'title' => '', 'val' => '8', 'img' => get_template_directory_uri() . '/wp-admin/images/panel/module-8.png'), array('text' => '', 'title' => '', 'val' => '9', 'img' => get_template_directory_uri() . '/wp-admin/images/panel/module-9.png'), array('text' => '', 'title' => '', 'val' => 'search', 'img' => get_template_directory_uri() . '/wp-admin/images/panel/module-10.png')), 'selected_value' => $mb->get_the_value('td_layout')));
?>
        </div>
    </p>



    <p class="td_help_section td-help-select">

        <span class="td_custom_label">Show list title:</span>

        <?php 
$mb->the_field('list_custom_title_show');
?>

        <div class="td-select-style-overwrite td-inline-block-wrap">

<!-- timeline template -->
<?php 
echo td_panel_generator::box_start('Timeline template', false);
?>

<!-- Custom Sidebar + position -->
<div class="td-box-row">
    <div class="td-box-description">
        <span class="td-box-title">CUSTOM SIDEBAR + POSITION</span>
        <p>Sidebar position and custom sidebars</p>
    </div>
    <div class="td-box-control-full td-panel-sidebar-pos">
        <div class="td-display-inline-block">
            <?php 
echo td_panel_generator::visual_select_o(array('ds' => 'td_option', 'option_id' => 'tds_timeline_sidebar_pos', 'values' => array(array('text' => '', 'title' => '', 'val' => 'sidebar_left', 'img' => get_template_directory_uri() . '/wp-admin/images/panel/sidebar-left.png'), array('text' => '', 'title' => '', 'val' => 'no_sidebar', 'img' => get_template_directory_uri() . '/wp-admin/images/panel/sidebar-full.png'), array('text' => '', 'title' => '', 'val' => '', 'img' => get_template_directory_uri() . '/wp-admin/images/panel/sidebar-right.png'))));
?>
            <div class="td-panel-control-comment td-text-align-right">Select sidebar position</div>
        </div>
        <div class="td-display-inline-block td_sidebars_pulldown_align">
            <?php 
echo td_panel_generator::sidebar_pulldown(array('ds' => 'td_option', 'option_id' => 'tds_timeline_sidebar'));
?>
            <div class="td-panel-control-comment td-text-align-right">Create or select an existing sidebar</div>
        </div>
    </div>
</div>

<?php 
echo td_panel_generator::box_end();

            <?php 
echo td_panel_generator::dropdown(array('ds' => 'td_option', 'option_id' => 'tds_more_articles_on_post_pages_display', 'values' => array(array('text' => 'Latest Article', 'val' => ''), array('text' => 'From Same Category', 'val' => 'same_category'), array('text' => 'From Post Tags', 'val' => 'same_tag'), array('text' => 'From Same Author', 'val' => 'same_author'), array('text' => 'Random', 'val' => 'random'))));
?>
        </div>
    </div>


    <!-- DISPLAY VIEW -->
    <div class="td-box-row">
        <div class="td-box-description">
            <span class="td-box-title">ARTICLE DISPLAY VIEW</span>
            <p>Select a module type, this is how your article list will be displayed</p>
        </div>
        <div class="td-box-control-full td-panel-module">
            <?php 
echo td_panel_generator::visual_select_o(array('ds' => 'td_option', 'option_id' => 'tds_more_articles_on_post_pages_display_module', 'values' => array(array('text' => '', 'title' => '', 'val' => '', 'img' => get_template_directory_uri() . '/wp-admin/images/panel/module-2.png'), array('text' => '', 'title' => '', 'val' => '3', 'img' => get_template_directory_uri() . '/wp-admin/images/panel/module-3.png'), array('text' => '', 'title' => '', 'val' => '4', 'img' => get_template_directory_uri() . '/wp-admin/images/panel/module-4.png'), array('text' => '', 'title' => '', 'val' => '5', 'img' => get_template_directory_uri() . '/wp-admin/images/panel/module-5.png'), array('text' => '', 'title' => '', 'val' => '6', 'img' => get_template_directory_uri() . '/wp-admin/images/panel/module-6.png'))));
?>
        </div>
    </div>



    <div class="td-box-row">
        <div class="td-box-description">
            <span class="td-box-title">NUMBER OF POSTS</span>
            <p>Number of post being displayed</p>
        </div>
        <div class="td-box-control-full">
            <?php 
echo td_panel_generator::dropdown(array('ds' => 'td_option', 'option_id' => 'tds_more_articles_on_post_pages_number', 'values' => array(array('text' => '1', 'val' => ''), array('text' => '2', 'val' => 2), array('text' => '3', 'val' => 3), array('text' => '4', 'val' => 4), array('text' => '5', 'val' => 5), array('text' => '6', 'val' => 6))));
?>