Skip to content

Add Image Editor demo app with popup close event#681

Merged
oblomov-dev merged 2 commits into
standardfrom
claude/image-editor-popup-close-517e94
Jul 17, 2026
Merged

Add Image Editor demo app with popup close event#681
oblomov-dev merged 2 commits into
standardfrom
claude/image-editor-popup-close-517e94

Conversation

@oblomov-dev

Copy link
Copy Markdown
Member

Summary

Adds a new demo application (app 383) showcasing the Image Editor component with popup-based editing workflow and PNG export functionality.

Changes

  • New demo app: z2ui5_cl_demo_app_383 - Image Editor with popup editing

    • Displays an image with an "Edit Image..." button
    • Opens Image Editor in a dialog popup when edit is triggered
    • Implements Save/Cancel actions with proper event handling
    • Demonstrates the image_editor_popup_close client event for capturing edited image data
    • Updates the main image on successful save and displays confirmation toast
  • Updated sample app registry: Added new demo app 383 to the sample app list for discoverability

Implementation Details

  • Uses z2ui5_cl_xml_view=>factory_popup() for dialog creation
  • Leverages image_editor_container and image_editor UI5 components
  • Implements three-state event handling: EDIT (open popup), SAVE (process image), CANCEL (close popup)
  • Captures edited image data via client->get_event_arg(1) from the popup close event
  • Updates view model and displays user feedback via toast message

https://claude.ai/code/session_01HbhPYiga7hfH54P1U4Y4ou

claude and others added 2 commits July 17, 2026 16:56
Add a self-contained demo (z2ui5_cl_demo_app_383) in the "framework -
action" package that showcases the IMAGE_EDITOR_POPUP_CLOSE frontend
action directly, without the z2ui5_cl_pop_image_editor helper class.

The Save button binds client->_event_client( cs_event-image_editor_popup_close ),
which reads the edited image from the ImageEditor control on the client
(getImagePngDataURL), closes the popup and returns the PNG data URL to
the server as the SAVE event argument.

Regenerate the src/01 overview catalog for the new tile.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01HbhPYiga7hfH54P1U4Y4ou
@oblomov-dev
oblomov-dev merged commit 74d4ae4 into standard Jul 17, 2026
1 check passed
@oblomov-dev
oblomov-dev deleted the claude/image-editor-popup-close-517e94 branch July 17, 2026 17:04
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants