Show JNews Gallery option on Frontend Submit

add_filter(
    'jnews_frontend_submit_add_page_template',
    function ( $template ) {

        add_action( 'print_media_templates', 'show_jnews_gallery_on_frontend_submit' );

        return $template;
    }
);


if ( ! function_exists( 'show_jnews_gallery_on_frontend_submit' ) ) {
    function show_jnews_gallery_on_frontend_submit() {

        ?>
            <script type="text/html" id="tmpl-jnews-slider-gallery">
                <h2 class="jnews-gallery-setting-header"><?php esc_html_e( 'JNews Gallery Setting', 'jnews-gallery' ); ?></h2>
                <label class="setting">
                    <div class="setting-slider-gallery">
                        <span><?php esc_html_e( 'Enable JNews Slider Gallery', 'jnews-gallery' ); ?></span>
                        <input type="checkbox" data-setting="jnewsslider" />
                    </div>
                </label>
                <label class="setting">
                    <div class="setting-slider-gallery">
                        <span><?php esc_html_e( 'Use Slider Zoom with Description', 'jnews-gallery' ); ?></span>
                        <input type="checkbox" data-setting="jnewsslider_zoom" />
                    </div>
                </label>
                <label class="setting">
                    <div class="setting-slider-gallery">
                        <span><?php esc_html_e( 'Show Ads Wrapper', 'jnews-gallery' ); ?></span>
                        <input type="checkbox" data-setting="jnewsslider_ads" />
                    </div>
                </label>
                <label class="setting">
                    <div class="setting-slider-gallery">
                        <span><?php esc_html_e( 'Slider Title', 'jnews-gallery' ); ?></span>
                        <input type="text" data-setting="jnewsslider_title" />
                    </div>

                </label>
            </script>

            <script>
                function do_execute_gallery(){
                    if(typeof wp !== 'undefined') {
                        _.extend(wp.media.gallery.defaults, {
                            jnewsslider: false,
                            jnewsslider_zoom: false,
                            jnewsslider_ads: false,
                            jnewsslider_title: ''
                        });
                        wp.media.view.Settings.Gallery = wp.media.view.Settings.Gallery.extend({
                            template: function(view){
                                return wp.media.template('gallery-settings')(view)
                                    + wp.media.template('jnews-slider-gallery')(view);
                            }
                        });
                    }
                }

                function do_gallery(){
                    setTimeout(function(){
                        do_execute_gallery();
                    }, 500);
                }

                jQuery(window).on('load',function(){ do_gallery() });
                jQuery(document).on('ready',function(){ do_gallery() });
            </script>

            <?php
    }
}