diff --git a/MediaGalleryUi/view/adminhtml/web/js/image/image-edit.js b/MediaGalleryUi/view/adminhtml/web/js/image/image-edit.js index ab55b4983d11..5c5b77ef8cf7 100644 --- a/MediaGalleryUi/view/adminhtml/web/js/image/image-edit.js +++ b/MediaGalleryUi/view/adminhtml/web/js/image/image-edit.js @@ -7,8 +7,9 @@ define([ 'jquery', 'underscore', 'uiComponent', + 'Magento_Ui/js/lib/key-codes', 'Magento_MediaGalleryUi/js/action/getDetails' -], function ($, _, Component, getDetails) { +], function ($, _, Component, keyCodes, getDetails) { 'use strict'; return Component.extend({ @@ -100,6 +101,25 @@ define([ addMediaGridMessage: function (code, message) { this.mediaGridMessages().add(code, message); this.mediaGridMessages().scheduleCleanup(); + }, + + /** + * Handle Enter key event to save image details + * + * @param {Object} data + * @param {jQuery.Event} event + * @returns {Boolean} + */ + handleEnterKey: function (data, event) { + var modalElement = $(this.modalSelector), + key = keyCodes[event.keyCode]; + + if (key === 'enterKey') { + event.preventDefault(); + modalElement.find('.page-action-buttons button.save').click(); + } + + return true; } }); }); diff --git a/MediaGalleryUi/view/adminhtml/web/template/image/image-edit.html b/MediaGalleryUi/view/adminhtml/web/template/image/image-edit.html index 083dd3c01fe5..fadcdddf1ef1 100644 --- a/MediaGalleryUi/view/adminhtml/web/template/image/image-edit.html +++ b/MediaGalleryUi/view/adminhtml/web/template/image/image-edit.html @@ -14,7 +14,8 @@
@@ -36,7 +37,7 @@ name="description" class="admin__control-textarea minimum-length-0 maximum-length-500" rows="7" cols="80" - data-bind="value: image().description" + data-bind="value: image().description, event: {keypress: handleEnterKey}" data-validate="{'validate-alphanum-with-spaces':true, 'validate-length':true}">