first commit

This commit is contained in:
2026-05-25 14:34:29 +02:00
commit 64f5e06629
4236 changed files with 1314148 additions and 0 deletions

View File

@@ -0,0 +1,20 @@
{%- set form_state = form_state | default(settings['form-state']) | default('default') -%}
{%- set classes = ['e-con', 'e-atomic-element', base_styles.base, 'form-state-' ~ form_state] | merge(settings.classes | default([])) | join(' ') -%}
<form class="{{ classes }} {{ editor_classes | default('') }}"
data-id="{{ id }}"
data-element_type="{{ type }}"
data-e-type="{{ type }}"
data-interaction-id="{{ interaction_id }}"
data-interactions="{{ interactions | json_encode | e('html_attr') }}"
x-data="eForm{{ id }}"
x-on:submit="submit"
{%- if settings['form-name'] is not empty %}
aria-label="{{ settings['form-name'] | e('html_attr') }}"
data-form-name="{{ settings['form-name'] | e('html_attr') }}"
{% endif -%}
{%- if settings['_cssid'] is not empty %}
id="{{ settings['_cssid'] | e('html_attr') }}"
{% endif -%}
{{ editor_attributes | default('') | raw }}>
<!-- elementor-children-placeholder -->
</form>

View File

@@ -0,0 +1,363 @@
<?php
namespace Elementor\Modules\AtomicWidgets\Elements\Atomic_Form;
use Elementor\Modules\AtomicWidgets\Controls\Section;
use Elementor\Modules\AtomicWidgets\Controls\Types\Chips_Control;
use Elementor\Modules\AtomicWidgets\Controls\Types\Email_Form_Action_Control;
use Elementor\Modules\AtomicWidgets\Controls\Types\Text_Control;
use Elementor\Modules\AtomicWidgets\Controls\Types\Toggle_Control;
use Elementor\Modules\AtomicWidgets\Elements\Atomic_Paragraph\Atomic_Paragraph;
use Elementor\Modules\AtomicWidgets\Elements\Atomic_Form\Form_Success_Message\Form_Success_Message;
use Elementor\Modules\AtomicWidgets\Elements\Atomic_Form\Form_Error_Message\Form_Error_Message;
use Elementor\Modules\AtomicWidgets\Elements\Base\Atomic_Element_Base;
use Elementor\Modules\AtomicWidgets\Elements\Base\Element_Builder;
use Elementor\Modules\AtomicWidgets\Elements\Base\Has_Element_Template;
use Elementor\Modules\AtomicWidgets\Elements\Base\Widget_Builder;
use Elementor\Modules\AtomicWidgets\PropDependencies\Manager as Dependency_Manager;
use Elementor\Modules\AtomicWidgets\PropTypes\Attributes_Prop_Type;
use Elementor\Modules\AtomicWidgets\PropTypes\Classes_Prop_Type;
use Elementor\Modules\AtomicWidgets\PropTypes\Email_Prop_Type;
use Elementor\Modules\AtomicWidgets\PropTypes\Key_Value_Prop_Type;
use Elementor\Modules\AtomicWidgets\PropTypes\Primitives\Number_Prop_Type;
use Elementor\Modules\AtomicWidgets\PropTypes\Size_Prop_Type;
use Elementor\Modules\AtomicWidgets\PropTypes\Html_V3_Prop_Type;
use Elementor\Modules\AtomicWidgets\PropTypes\Primitives\String_Array_Prop_Type;
use Elementor\Modules\AtomicWidgets\PropTypes\Primitives\String_Prop_Type;
use Elementor\Modules\AtomicWidgets\Styles\Style_Definition;
use Elementor\Modules\AtomicWidgets\Styles\Style_Variant;
use Elementor\Core\Breakpoints\Manager as Breakpoints_Manager;
use Elementor\Modules\Components\PropTypes\Overridable_Prop_Type;
if ( ! defined( 'ABSPATH' ) ) {
exit; // Exit if accessed directly.
}
class Atomic_Form extends Atomic_Element_Base {
use Has_Element_Template;
const BASE_STYLE_KEY = 'base';
public const ACTION_COLLECT_SUBMISSIONS = 'collect-submissions';
public const METADATA_REMOTE_IP = 'remote_ip';
public const METADATA_USER_AGENT = 'user_agent';
public function __construct( $data = [], $args = null ) {
parent::__construct( $data, $args );
$this->meta( 'is_container', true );
}
public static function get_type() {
return 'e-form';
}
public static function get_element_type(): string {
return self::get_type();
}
public function get_title() {
return esc_html__( 'Atomic form', 'elementor' );
}
public function get_keywords() {
return [ 'atomic', 'form' ];
}
public function get_icon() {
return 'eicon-atomic-form';
}
protected static function define_props_schema(): array {
$email_dependencies = Dependency_Manager::make()
->where( [
'operator' => 'contains',
'path' => [ 'actions-after-submit' ],
'value' => 'email',
'effect' => 'hide',
] )
->get();
$submissions_metadata_dependencies = Dependency_Manager::make()
->where( [
'operator' => 'contains',
'path' => [ 'actions-after-submit' ],
'value' => self::ACTION_COLLECT_SUBMISSIONS,
'effect' => 'hide',
] )
->get();
return [
'classes' => Classes_Prop_Type::make()
->default( [] ),
'form-name' => String_Prop_Type::make()
->default( __( 'Form', 'elementor' ) ),
'form-state' => String_Prop_Type::make()
->enum( [ 'default', 'success', 'error' ] )
->default( 'default' )
->meta( 'generates_class', 'form-state-{value}' ),
'actions-after-submit' => String_Array_Prop_Type::make()
->default( [ String_Prop_Type::generate( 'email' ) ] ),
'submissions_metadata' => String_Array_Prop_Type::make()
->set_dependencies( $submissions_metadata_dependencies )
->default( [
String_Prop_Type::generate( self::METADATA_REMOTE_IP ),
String_Prop_Type::generate( self::METADATA_USER_AGENT ),
] ),
'email' => Email_Prop_Type::make()
->set_dependencies( $email_dependencies )
->meta( Overridable_Prop_Type::ignore() )
->default( [] ),
'attributes' => Attributes_Prop_Type::make()->meta( Overridable_Prop_Type::ignore() ),
];
}
protected function define_atomic_controls(): array {
$state_control = Toggle_Control::bind_to( 'form-state' )
->set_label( __( 'States', 'elementor' ) )
->set_meta( [ 'topDivider' => true ] );
if ( $state_control instanceof Toggle_Control ) {
$state_control
->add_options( [
'default' => [
'title' => __( 'Normal', 'elementor' ),
],
'success' => [
'title' => __( 'Success', 'elementor' ),
],
'error' => [
'title' => __( 'Error', 'elementor' ),
],
] )
->set_exclusive( true )
->set_convert_options( true )
->set_size( 'tiny' )
->set_full_width( true );
}
return [
Section::make()
->set_label( __( 'Content', 'elementor' ) )
->set_items( [
Text_Control::bind_to( 'form-name' )
->set_label( __( 'Form name', 'elementor' ) ),
$state_control,
Chips_Control::bind_to( 'actions-after-submit' )
->set_label( __( 'Actions after submit', 'elementor' ) )
->set_meta( [ 'topDivider' => true ] )
->set_options( [
[
'label' => __( 'Collect submissions', 'elementor' ),
'value' => self::ACTION_COLLECT_SUBMISSIONS,
],
[
'label' => __( 'Email', 'elementor' ),
'value' => 'email',
],
] ),
Chips_Control::bind_to( 'submissions_metadata' )
->set_label( __( 'Include metadata', 'elementor' ) )
->set_meta( [ 'topDivider' => true ] )
->set_options( [
[
'label' => __( 'User IP', 'elementor' ),
'value' => self::METADATA_REMOTE_IP,
],
[
'label' => __( 'User Agent', 'elementor' ),
'value' => self::METADATA_USER_AGENT,
],
] ),
Email_Form_Action_Control::bind_to( 'email' )
->set_meta( [
'topDivider' => true,
] ),
] ),
Section::make()
->set_label( __( 'Settings', 'elementor' ) )
->set_id( 'settings' )
->set_items( [
Text_Control::bind_to( '_cssid' )
->set_label( __( 'ID', 'elementor' ) )
->set_meta( $this->get_css_id_control_meta() ),
] ),
];
}
protected function define_base_styles(): array {
return [
static::BASE_STYLE_KEY => Style_Definition::make()
->add_variant(
Style_Variant::make()
->set_breakpoint( Breakpoints_Manager::BREAKPOINT_KEY_DESKTOP )
->add_prop( 'display', String_Prop_Type::generate( 'flex' ) )
->add_prop( 'flex', String_Prop_Type::generate( '1' ) )
->add_prop( 'flex-direction', String_Prop_Type::generate( 'row' ) )
->add_prop( 'flex-wrap', String_Prop_Type::generate( 'wrap' ) )
->add_prop( 'align-items', String_Prop_Type::generate( 'flex-start' ) )
->add_prop( 'align-content', String_Prop_Type::generate( 'start' ) )
->add_prop( 'gap', Size_Prop_Type::generate( [
'size' => 10,
'unit' => 'px',
] ) )
->add_prop( 'padding', Size_Prop_Type::generate( [
'size' => 20,
'unit' => 'px',
] ) )
),
static::BASE_STYLE_KEY . ' .e-form-checkbox-row' => Style_Definition::make()
->add_variant(
Style_Variant::make()
->add_prop( 'align-items', String_Prop_Type::generate( 'center' ) )
->add_prop( 'gap', Size_Prop_Type::generate( [
'size' => 8,
'unit' => 'px',
] ) )
->add_prop( 'padding', Size_Prop_Type::generate( [
'size' => 0,
'unit' => 'px',
] ) )
),
];
}
protected function define_panel_categories(): array {
return [ 'atomic-form' ];
}
protected function define_default_html_tag() {
return 'form';
}
protected function define_default_children() {
$prefix = 'e-form-';
return [
$this->build_label( __( 'First name', 'elementor' ), $prefix . 'first-name' ),
$this->build_input( __( 'First name', 'elementor' ), 'text', $prefix . 'first-name' ),
$this->build_label( __( 'Last name', 'elementor' ), $prefix . 'last-name' ),
$this->build_input( __( 'Last name', 'elementor' ), 'text', $prefix . 'last-name' ),
$this->build_label( __( 'Email', 'elementor' ), $prefix . 'email' ),
$this->build_input( __( 'your@mail.com', 'elementor' ), 'email', $prefix . 'email' ),
$this->build_label( __( 'Message', 'elementor' ), $prefix . 'message' ),
$this->build_input( __( 'Your message', 'elementor' ), 'textarea', $prefix . 'message' ),
$this->build_checkbox_row( __( 'Checkbox', 'elementor' ), $prefix . 'checkbox' ),
Widget_Builder::make( 'e-form-submit-button' )
->settings( [
'text' => Html_V3_Prop_Type::generate( [
'content' => String_Prop_Type::generate( __( 'Submit', 'elementor' ) ),
'children' => [],
] ),
] )
->build(),
$this->build_status_message(
__( 'Great! Weve received your information.', 'elementor' ),
'success',
__( 'Success message', 'elementor' )
),
$this->build_status_message(
__( 'We couldnt process your submission. Please retry', 'elementor' ),
'error',
__( 'Error message', 'elementor' )
),
];
}
private function build_checkbox_row( string $label_text, string $checkbox_id ): array {
$checkbox = Widget_Builder::make( 'e-form-checkbox' )
->settings( [
'_cssid' => String_Prop_Type::generate( $checkbox_id ),
] )
->build();
$label = $this->build_label( $label_text, $checkbox_id );
return Element_Builder::make( 'e-flexbox' )
->children( [ $checkbox, $label ] )
->settings( [
'classes' => Classes_Prop_Type::generate( [ 'e-form-checkbox-row' ] ),
] )
->build();
}
private function build_label( string $text, string $input_id ): array {
return Widget_Builder::make( 'e-form-label' )
->settings( [
'text' => Html_V3_Prop_Type::generate( [
'content' => String_Prop_Type::generate( $text ),
'children' => [],
] ),
'input-id' => String_Prop_Type::generate( $input_id ),
] )
->build();
}
private function build_input( string $placeholder, string $type = 'text', $input_id = '' ): array {
if ( 'textarea' === $type ) {
return Widget_Builder::make( 'e-form-textarea' )
->settings( [
'placeholder' => String_Prop_Type::generate( $placeholder ),
'rows' => Number_Prop_Type::generate( 4 ),
'_cssid' => String_Prop_Type::generate( $input_id ),
] )
->build();
}
return Widget_Builder::make( 'e-form-input' )
->settings( [
'placeholder' => String_Prop_Type::generate( $placeholder ),
'type' => String_Prop_Type::generate( $type ),
'_cssid' => String_Prop_Type::generate( $input_id ),
] )
->build();
}
private function build_status_message( string $message, string $state, string $title ): array {
$paragraph_value = Html_V3_Prop_Type::generate( [
'content' => String_Prop_Type::generate( $message ),
'children' => [],
] );
$element_type = 'success' === $state
? Form_Success_Message::get_element_type()
: Form_Error_Message::get_element_type();
return Element_Builder::make( $element_type )
->settings( [
'attributes' => Attributes_Prop_Type::generate( [
Key_Value_Prop_Type::generate( [] ),
] ),
] )
->editor_settings( [
'title' => $title,
] )
->children( [
Widget_Builder::make( Atomic_Paragraph::get_element_type() )
->settings( [
'paragraph' => $paragraph_value,
] )
->build(),
] )
->is_locked( true )
->build();
}
protected function get_templates(): array {
return [
'elementor/elements/atomic-form' => __DIR__ . '/atomic-form.html.twig',
];
}
protected function build_template_context(): array {
$context = $this->build_base_template_context();
$context['form_state'] = 'default';
return $context;
}
}

View File

@@ -0,0 +1,38 @@
<?php
namespace Elementor\Modules\AtomicWidgets\Elements\Atomic_Form\Form_Error_Message;
use Elementor\Modules\AtomicWidgets\Elements\Atomic_Form\Form_Message\Form_Message;
if ( ! defined( 'ABSPATH' ) ) {
exit;
}
class Form_Error_Message extends Form_Message {
public static function get_type() {
return 'e-form-error-message';
}
public static function get_element_type(): string {
return 'e-form-error-message';
}
public function get_title() {
return esc_html__( 'Error message', 'elementor' );
}
protected static function get_background_color(): string {
return '#ffdede';
}
protected static function get_text_color(): string {
return '#870000';
}
protected function get_css_id_control_meta(): array {
return [
'layout' => 'two-columns',
'topDivider' => false,
];
}
}

View File

@@ -0,0 +1,10 @@
{% set classes = ['e-con', 'e-atomic-element', base_styles.base] | merge(settings.classes | default([])) | join(' ') %}
{% set message_type = type == 'e-form-success-message' ? 'message-success' : 'message-error' %}
<div class="{{ classes }} {{ message_type }} {{ editor_classes | default('') }}"
data-id="{{ id }}"
data-element_type="{{ type }}"
data-e-type="{{ type }}"
data-interaction-id="{{ interaction_id }}"
{{ editor_attributes | default('') | raw }}>
<!-- elementor-children-placeholder -->
</div>

View File

@@ -0,0 +1,99 @@
<?php
namespace Elementor\Modules\AtomicWidgets\Elements\Atomic_Form\Form_Message;
use Elementor\Modules\AtomicWidgets\Elements\Base\Atomic_Element_Base;
use Elementor\Modules\AtomicWidgets\Elements\Base\Has_Element_Template;
use Elementor\Modules\AtomicWidgets\PropTypes\Attributes_Prop_Type;
use Elementor\Modules\AtomicWidgets\PropTypes\Background_Prop_Type;
use Elementor\Modules\AtomicWidgets\PropTypes\Classes_Prop_Type;
use Elementor\Modules\AtomicWidgets\PropTypes\Color_Prop_Type;
use Elementor\Modules\AtomicWidgets\PropTypes\Primitives\String_Prop_Type;
use Elementor\Modules\AtomicWidgets\PropTypes\Size_Prop_Type;
use Elementor\Modules\AtomicWidgets\Styles\Style_Definition;
use Elementor\Modules\AtomicWidgets\Styles\Style_Variant;
use Elementor\Modules\AtomicWidgets\Controls\Section;
use Elementor\Modules\AtomicWidgets\Controls\Types\Text_Control;
use Elementor\Modules\Components\PropTypes\Overridable_Prop_Type;
if ( ! defined( 'ABSPATH' ) ) {
exit;
}
abstract class Form_Message extends Atomic_Element_Base {
use Has_Element_Template;
const BASE_STYLE_KEY = 'base';
abstract protected static function get_background_color(): string;
abstract protected static function get_text_color(): string;
public function __construct( $data = [], $args = null ) {
parent::__construct( $data, $args );
$this->meta( 'is_container', true );
}
public function get_icon() {
return 'eicon-div-block';
}
public function should_show_in_panel() {
return false;
}
protected static function define_props_schema(): array {
return [
'classes' => Classes_Prop_Type::make()
->default( [] ),
'attributes' => Attributes_Prop_Type::make()->meta( Overridable_Prop_Type::ignore() ),
];
}
protected function define_atomic_controls(): array {
return [
Section::make()
->set_label( __( 'Settings', 'elementor' ) )
->set_id( 'settings' )
->set_items( [
Text_Control::bind_to( '_cssid' )
->set_label( __( 'ID', 'elementor' ) )
->set_meta( $this->get_css_id_control_meta() ),
] ),
];
}
protected function define_base_styles(): array {
return [
static::BASE_STYLE_KEY => Style_Definition::make()
->add_variant(
Style_Variant::make()
->add_props( [
'display' => String_Prop_Type::generate( 'none' ),
'background' => Background_Prop_Type::generate( [
'color' => Color_Prop_Type::generate( static::get_background_color() ),
] ),
'color' => Color_Prop_Type::generate( static::get_text_color() ),
'padding' => Size_Prop_Type::generate( [
'size' => 12,
'unit' => 'px',
] ),
'text-align' => String_Prop_Type::generate( 'center' ),
'font-size' => Size_Prop_Type::generate( [
'size' => 12,
'unit' => 'px',
] ),
] )
),
];
}
protected function get_templates(): array {
return [
'elementor/elements/form-message' => __DIR__ . '/form-message.html.twig',
];
}
protected function build_template_context(): array {
return $this->build_base_template_context();
}
}

View File

@@ -0,0 +1,38 @@
<?php
namespace Elementor\Modules\AtomicWidgets\Elements\Atomic_Form\Form_Success_Message;
use Elementor\Modules\AtomicWidgets\Elements\Atomic_Form\Form_Message\Form_Message;
if ( ! defined( 'ABSPATH' ) ) {
exit;
}
class Form_Success_Message extends Form_Message {
public static function get_type() {
return 'e-form-success-message';
}
public static function get_element_type(): string {
return 'e-form-success-message';
}
public function get_title() {
return esc_html__( 'Success message', 'elementor' );
}
protected static function get_background_color(): string {
return '#D4E9D6';
}
protected static function get_text_color(): string {
return '#2F532E';
}
protected function get_css_id_control_meta(): array {
return [
'layout' => 'two-columns',
'topDivider' => false,
];
}
}