22

✏️ Editing: form_wrapper.php

<div class="ff_form_wrap ff_screen_<?php echo esc_attr($route); ?>">
    <div class="global-overlay" id="form-setting-overlay"></div>
	<?php
        do_action_deprecated(
            'fluentform_before_form_screen_wrapper',
            [
                $form_id,
                $route
            ],
            FLUENTFORM_FRAMEWORK_UPGRADE,
            'fluentform/before_form_screen_wrapper',
            'Use fluentform/before_form_screen_wrapper instead of fluentform_before_form_screen_wrapper.'
        );
        do_action('fluentform/before_form_screen_wrapper', $form_id, $route);
    ?>
	
	<div class="form_internal_menu">
        <?php
        if ( is_array($menu_items) && count($menu_items) < 5){
            if (isset($_SERVER['HTTP_REFERER'])): ?>
                <div class="ff_menu_back">
                    <a class="ff_menu_link" href="<?php echo sanitize_url($_SERVER['HTTP_REFERER']) ;?>">
                        <span class="el-icon-arrow-left"></span>
                    </a>
                </div>
            <?php endif;
        }
        ?>
        <div title="<?php echo esc_html($form->title); ?>" class="ff_form_name" id="js-ff-nav-title">
			<div class="ff_form_name_inner">
                <?php echo esc_html($form->title); ?>
            </div>
		</div>
        <?php
            $extra_menu_class = 'normal_form_editor';
            if (\FluentForm\App\Helpers\Helper::hasPartialEntries($form->id)) $extra_menu_class = "partial_entries_form_editor";
        ?>

<div id="more-menu">
                    <more-menu />
                </div>
            </div>
        </div>
        <span class="ff_menu_toggle">
            <i class="ff-icon ff-icon-menu"></i>
        </span>
	</div>
    
    <?php
        do_action('fluentform/after_form_menu');

wp_add_inline_script('fluent_forms_global', "
            //for mobile nav
            let formHeaderMenuElem = jQuery('.form_internal_menu_inner');
            jQuery('.ff_menu_toggle').on('click', function() {
                formHeaderMenuElem.toggleClass('active');
            });

// for setting sidebar
            let formSettingSidebarElem = jQuery('.ff_settings_sidebar_wrap');
            let formSettingOverlayElem = jQuery('#form-setting-overlay');
    
            jQuery('.ff_sidebar_toggle').on('click', function() {
                jQuery(formSettingSidebarElem).add(formSettingOverlayElem).toggleClass('active');
            });
            
            jQuery(formSettingOverlayElem).on('click', function() {
                jQuery(formSettingOverlayElem).add(formSettingSidebarElem).removeClass('active');
            });

");
    ?>

MR SKB