load_dashicons(); $js_dir = WPUF_ASSET_URI . '/js/admin/'; $css_dir = WPUF_ASSET_URI . '/css/admin/'; // Once we have Gutenberg block javascript, we can enqueue our assets wp_register_script( 'wpuf-forms-block', $js_dir . 'gutenblock.js', [ 'wp-blocks', 'wp-editor', 'wp-components', 'wp-i18n', 'wp-element', 'underscore' ], WPUF_VERSION ); wp_register_style( 'wpuf-forms-block-style', $css_dir . 'gutenblock.css', [ 'wp-edit-blocks' ], WPUF_VERSION ); wp_register_style( 'wpuf-forms-block-editor', $css_dir . 'gutenblock-editor.css', [ 'wp-edit-blocks', 'wpuf-forms-block-style' ], WPUF_VERSION ); /* * we need to get our forms so that the block can build a dropdown * with the forms * */ wp_enqueue_script( 'wpuf-forms-block' ); $forms = []; $all_forms = wpuf()->admin->forms->get_forms( [ 'post_status' => 'publish' ] ); foreach ( $all_forms['forms'] as $form ) { $forms[] = [ 'value' => $form->id, 'label' => $form->get_title(), ]; } $block_logo = WPUF_ASSET_URI . '/images/icon-128x128.png'; $thumbnail_logo = WPUF_ASSET_URI . '/images/icon-128x128.png'; wp_localize_script( 'wpuf-forms-block', 'wpufBlock', [ 'forms' => $forms, 'siteUrl' => get_home_url(), 'block_logo' => $block_logo, 'thumbnail_logo' => $thumbnail_logo, ] ); wp_enqueue_style( 'wpuf-forms-block-style' ); wp_enqueue_style( 'wpuf-forms-block-editor' ); } public function load_preview_data() { $js_dir = WPUF_ASSET_URI . '/js/admin/'; // check for preview and iframe get parameters if ( isset( $_GET['wpuf_preview'] ) && isset( $_GET['wpuf_iframe'] ) ) { $form_id = intval( $_GET['wpuf_preview'] ); // Style below: update width and height for particular form ?> $form_id, ] ); wp_enqueue_script( 'wpuf-block-setup' ); } } }