get_js_assets_url( 'announcements-app' ),
[],
ELEMENTOR_VERSION,
true
);
$this->print_config( 'announcements-app' );
}
/**
* Get initialization settings to use in frontend.
*
* @return array[]
*/
protected function get_init_settings(): array {
$active_announcements = $this->get_active_announcements();
$additional_settings = [];
foreach ( $active_announcements as $announcement ) {
$additional_settings[] = $announcement->get_prepared_data();
//@TODO - replace with ajax request from the front after actually triggered
$announcement->after_triggered();
}
return [
'announcements' => $additional_settings,
];
}
/**
* Enqueue the module styles.
*/
public function enqueue_styles() {
wp_enqueue_style(
'announcements-app',
$this->get_css_assets_url( 'modules/announcements/announcements' ),
[],
ELEMENTOR_VERSION
);
}
/**
* Retrieve all announcement in raw format ( array ).
*
* @return array[]
*/
private function get_raw_announcements(): array {
return [
[
'title' => 'Create smarter with Elementor AI',
'description' => 'Instantly turn your ideas into original text and custom code with a free trial of Elementor AI installed on the newest versions of Elementor.
- Effortlessly write professional copy about any topic, in any tone. Then instantly translate it to twenty-five languages.
- No code? No problem. Generate Custom Code, CSS, and HTML with a prompt
- Coming soon: A picture might be worth a thousand words, but all you need is a short description to generate the perfect image for your site.
',
'media' => [
'type' => 'image',
'src' => ELEMENTOR_ASSETS_URL . 'images/announcement.png',
],
'cta' => [
[
'label' => 'Continue',
'variant' => 'primary',
'target' => '_blank',
],
[
'label' => 'Learn More',
'target' => '_blank',
'url' => 'https://go.elementor.com/whats-new-popup-learn-elementor-ai/',
],
],
'triggers' => [
[
'action' => 'aiStared',
],
],
],
[
'title' => 'Activate Containers for Brilliant Layouts',
'description' => 'Take advantage of the full power of Containers in Elementor to create slick, pixel-perfect, responsive layouts, plus improve the performance of your website. Follow these steps: Switch Flexbox Container to ‘Active’ and Save.',
'media' => [
'type' => 'image',
'src' => ELEMENTOR_ASSETS_URL . 'images/containers-announcement.png',
],
'cta' => [
[
'label' => 'Activate Container',
'variant' => 'primary',
'target' => '_blank',
'url' => ElementorSettings::get_url() . '#tab-experiments',
],
[
'label' => 'Try It First',
'target' => '_blank',
'url' => 'https://go.elementor.com/whats-new-popup/',
],
],
'triggers' => [
[
'action' => 'isFlexContainerInactive',
],
],
],
];
}
/**
* Retrieve all announcement objects.
*
* @return array
*/
private function get_announcements(): array {
$announcements = [];
foreach ( $this->get_raw_announcements() as $announcement_data ) {
$announcements[] = new Announcement( $announcement_data );
}
return $announcements;
}
/**
* Retrieve all active announcement objects.
*
* @return array
*/
private function get_active_announcements(): array {
$active_announcements = [];
foreach ( $this->get_announcements() as $announcement ) {
if ( $announcement->is_active() ) {
$active_announcements[] = $announcement;
}
}
return $active_announcements;
}
public function __construct() {
if ( empty( $this->get_active_announcements() ) ) {
return;
}
parent::__construct();
add_action( 'elementor/editor/footer', function () {
$this->render_app_wrapper();
} );
add_action( 'elementor/editor/after_enqueue_scripts', function () {
$this->enqueue_scripts();
$this->enqueue_styles();
} );
}
}