Refactored the custom block example, added embedvideo

Author: mnocon

code_samples/page/custom_page_block/config/packages/page_blocks.yaml

@@ -34,6 +34,8 @@ ibexa_fieldtype_page:
                 event:
                     type: embed
                     name: Event
+                    options:
+                        udw_config_name: block_event_embed
                     validators:
                         not_blank:
                             message: Please select an event

code_samples/page/custom_page_block/templates/themes/standard/blocks/event/config.html.twig

@@ -1,10 +1,5 @@
 {% extends '@IbexaPageBuilder/page_builder/block/config.html.twig' %}
 
-{% block content %}
-    {% set form_templates = [_self] %}
-    {{ parent() }}
-{% endblock %}
-
 {% block basic_tab_content %}
     <div class="ibexa-block-config__fields">
         {{ form_row(form.name) }}
@@ -21,15 +16,3 @@
         {% endif %}
     </div>
 {% endblock %}
-
-{% block block_configuration_attribute_embed_widget %}
-    {% set attr = attr|merge({'hidden': true}) %}
-    {{ form_widget(form, {'attr': attr})}}
-    <div class="ibexa-pb-block-embed-field">
-        {% include '@IbexaPageBuilder/page_builder/block/config/embed_button.html.twig' with {
-            udw_config_name: 'block_event_embed',
-            data_open_udw: 'data-open-udw-embed'
-        } %}
-        {% include '@IbexaPageBuilder/page_builder/block/config/embed_preview.html.twig' %}
-    </div>
-{% endblock %}

docs/content_management/pages/create_custom_page_block.md

@@ -18,7 +18,7 @@ The following example shows how to create a block that showcases an event.
 First, add the following [YAML configuration](configuration.md#configuration-files):
 
 ``` yaml
-[[= include_file('code_samples/page/custom_page_block/config/packages/page_blocks.yaml', 0, 6) =]][[= include_file('code_samples/page/custom_page_block/config/packages/page_blocks.yaml', 16, 47) =]]
+[[= include_file('code_samples/page/custom_page_block/config/packages/page_blocks.yaml', 0, 6) =]][[= include_file('code_samples/page/custom_page_block/config/packages/page_blocks.yaml', 16, 49) =]]
 ```
 
 `event` is the internal name for the block, and `name` indicates the name under which the block is available in the interface.
@@ -36,6 +36,15 @@ The `not_blank` validators in the example ensure that the user fills in the two
 The `content_type` validator in the example ensure that the user choose a content item of the content type `event`.
 The `regexp` validator ensure that the final value looks like a content ID.
 
+The following UDW configuration is used with the `udw_config_name` key so only an event typed content item can be selected:
+
+``` yaml
+[[= include_file('code_samples/page/custom_page_block/config/packages/page_blocks.yaml', 50, 59) =]]
+```
+
+For more information, see [UDW configuration](browser.md#udw-configuration).
+
+
 ## Add block templates
 
 A block can have different templates that you select when adding it to a page.
@@ -121,16 +130,6 @@ Place the edit template in `templates/themes/<your_theme>/blocks/event/config.ht
 [[= include_file('code_samples/page/custom_page_block/templates/themes/standard/blocks/event/config.html.twig') =]]
 ```
 
-This example template overrides the `embed` attribute widget to customize the Universal Discovery Widget (UDW).
-It adds itself to the `form_templates` and defines a `block_configuration_attribute_embed_widget` block.
-The following UDW configuration is used so only an `event` typed content item can be selected:
-
-``` yaml
-[[= include_file('code_samples/page/custom_page_block/config/packages/page_blocks.yaml', 48, 57) =]]
-```
-
-For more information, see [UDW configuration](browser.md#udw-configuration).
-
 Your custom page block is now registered in the system.
 
 !!! caution

docs/content_management/pages/page_block_attributes.md

@@ -31,6 +31,7 @@ The following attribute types are available:
 |`text`|Text block|-|
 |`richtext`|Rich text block (see [creating RichText block](create_custom_richtext_block.md))|-|
 |`embed`|Embedded content item|`udw_config_name`: name of the [Universal Discovery Widget's configuration](browser.md#add-new-configuration) |
+|`embedvideo`|Embedded content item|`udw_config_name`: name of the [Universal Discovery Widget's configuration](browser.md#add-new-configuration) |
 |`select`|Drop-down with options to select|<ul><li>`choices` lists the available options in `label: value` form</li><li>`multiple`, when set to true, allows selecting more than one option</li></ul>|
 |`checkbox`|Checkbox|Selects available option if `value: true`.|
 |`multiple`|Checkbox(es)|`choices` lists the available options in `label: value` form.|
@@ -49,8 +50,9 @@ attributes:
     third_field: integer
 ```
 
-`embed` and `locationlist` use the Universal Discovery Widget (UDW).
-When creating a block with these two types you can use the `udw_config_name` option to configure the UDW behavior.
+The `embed`, `embedvideo`, and `locationlist` attribute types use the Universal Discovery Widget (UDW).
+When creating a block with these types you can use the `udw_config_name` option to configure the UDW behavior.
+See the [custom block example](create_custom_page_block.md#configure-block) to learn more.
 
 ## Custom attribute types