# easy-elements/1.2.1/admin/settingstab/tab-widget.php

Easy Elements for Elementor – Addons & Website Templates, version 1.2.1. 120 lines.

- Page: https://pluginprobe.com/plugins/easy-elements/1.2.1/code/admin/settingstab/tab-widget.php
- Raw: https://pluginprobe.com/plugins/easy-elements/1.2.1/raw/admin/settingstab/tab-widget.php
- Modified: 2025-12-02T11:10:46+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/easy-elements/1.2.1/code/admin/settingstab/tab-widget.php#L10-L20`.

```php
<?php
if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly

$tab_slug = isset($current_tab) ? $current_tab : 'widget';
$grouped_widgets = [];

// Group widgets
foreach ( $available_elements as $key => $widget ) {
    $group = isset($widget['group']) ? $widget['group'] : 'General Widgets';
    $grouped_widgets[$group][$key] = $widget;
}
?>

<div class="easy-widgets-wrapper">
    <?php foreach ( $grouped_widgets as $group_name => $widgets ) : 

        $group_slug = str_replace(' ', '-', strtolower($group_name));
        $group_enabled = get_option('easy_element_group_' . $group_slug, 0);
        ?>
        <div class="easyel-widget-heading-group easyel-dflex easyel-justify-between easyel-align-center">
            <h2 class="easyel-widget-group-title"><?php echo esc_html($group_name); ?></h2>
            <label class="easyel-toggle-switch-widget">
                <input type="checkbox" 
                        class="easyel-group-toggle-widget" 
                        name ="easyel-toggle-switch-widget"
                        data-group="<?php echo esc_attr($group_slug); ?>" 
                        <?php checked(1, $group_enabled); ?> /> 
                <span class="easyel-enable-all-widget">Enable All</span>
                <span class="slider"></span>
            </label>
            <input type="hidden" name="easy_element_group_<?php echo esc_attr($group_slug); ?>" 
                class="easyel-group-hidden" 
                value="<?php echo esc_attr($group_enabled); ?>" />
        </div>

        <div class="easyel-widgets-grid <?php echo esc_attr( $group_slug ); ?>" data-group="<?php echo esc_attr($group_slug); ?>">
            <?php foreach ( $widgets as $key => $widget ) : 
                $option_name = 'easy_element_' . $tab_slug . '_' . $key;
                $enabled = get_option($option_name, '1');

                $is_pro_enable = isset($widget['is_pro']) && $widget['is_pro'];
                $is_pro = $is_pro_enable && ! class_exists('Easy_Elements_Pro');
                $easyel_pro_attr_class = $is_pro ? ' easyel-pro-enable' : '';
                $pro_widget = $is_pro_enable ? 'easyel-pro-widget' : '';
                $is_upcoming_enable = isset( $widget['upcoming'] ) ? $widget['upcoming'] : '';

            ?>
                <div class="easy-widget-item easyel-widget-card easyel-dflex easyel-justify-between easyel-align-center <?php echo esc_attr($easyel_pro_attr_class . ' ' . $pro_widget); ?>" data-widget-key="<?php echo esc_attr($key); ?>">
                    <div class="easyel-widget-card-content easyel-dflex easyel-align-center">
                        <div class="easyel-widget-icon">
                             <?php 
                                if( $is_upcoming_enable ) { ?>
                                    <div class="easyel-pro-badge">
                                        <i class="easyelIcon-crown"></i>
                                        <?php esc_html_e( 'Upcoming', 'easy-elements' )?>
                                    </div>
                                   
                                    <?php } elseif( $is_pro_enable ) { ?>
                                    <div class="easyel-pro-badge">
                                        <i class="easyelIcon-crown"></i>
                                        <?php esc_html_e( 'Pro', 'easy-elements' )?>
                                    </div>
                                <?php } ?>
                            <i class="<?php echo esc_attr($widget['icon']); ?>"></i>
                        </div>
                        <div class="easyel-widget-text">
                            <div class="widget-header">
                                <strong><?php echo esc_html($widget['title']); ?></strong>
                                
                            </div>
                            <div class="easyel-demo-link easyel-dflex easyel-align-center">
                                <?php if ( ! empty( $widget['demo_url'] ) ) : ?>
                                    <a href="<?php echo esc_url($widget['demo_url']); ?>" target="_blank" rel="noopener noreferrer">
                                        <i class="easyelIcon-monitor"></i>
                                        <?php esc_html_e('Demo', 'easy-elements'); ?>
                                    </a>
                                <?php endif; ?>
                                <?php if ( ! empty( $widget['docx_url'] ) ) : ?>
                                <a href="<?php echo esc_url($widget['docx_url']); ?>" target="_blank" rel="noopener noreferrer">
                                    <i class="easyelIcon-document"></i>
                                    <?php esc_html_e('Docs', 'easy-elements'); ?>
                                </a>
                                <?php endif; ?>
                            </div>
                        </div>
                    </div>
                    <div class="widget-toggle easyel-widget-card-switcher">
                        <label class="easy-toggle-switch">
                            <?php 
                            if ( ! empty( $widget['is_pro'] ) && ! class_exists('Easy_Elements_Pro') ) { ?>
                                
                                <input type="checkbox" 
                                    class="widget-toggle-checkbox" 
                                    data-widget-key="<?php echo esc_attr($key); ?>"
                                    data-tab="<?php echo esc_attr($tab_slug); ?>"
                                    value="1"
                                    name="easy-toggle-switch"
                                    disabled />

                            <?php } else { ?>

                                <input type="checkbox" 
                                    class="widget-toggle-checkbox" 
                                    data-widget-key="<?php echo esc_attr($key); ?>"
                                    data-tab="<?php echo esc_attr($tab_slug); ?>"
                                    value="1"
                                    name="easy-toggle-switch"
                                    <?php checked( $enabled, '1' ); ?>
                                    <?php disabled( $is_pro ); ?> />

                            <?php } ?>

                            <span class="slider"></span>
                        </label>
                    </div>
                </div>
            <?php endforeach; ?>
        </div>
    <?php endforeach; ?>
</div>
```