AEM responsivegrid добавить кнопку настройки на панель редактирования

#aem #sightly #aem-6 #crx

Вопрос:

Извините за запутанный заголовок, у меня есть настраиваемый синтаксический анализ responsivegrid, здесь мне нужно создать кнопку настройки помимо кнопок по умолчанию, что-то вроде этого (на самом деле это не кнопка копирования, я просто использую это как концепцию, на самом деле я тоже хочу заменить значок кнопки на значок по умолчанию): введите описание изображения здесь

затем, когда автор нажимает эту кнопку, он запускает настраиваемый вызов JS для вызова конечной точки, что-то вроде этого (я использую alert('test') здесь в качестве концепции): введите описание изображения здесь

и мой полный код в edit config приведен ниже: введите описание изображения здесь

 <?xml version="1.0" encoding="UTF-8"?>
<jcr:root
    xmlns:cq="http://www.day.com/jcr/cq/1.0"
    xmlns:jcr="http://www.jcp.org/jcr/1.0"
    cq:actions="[text:My Component,-,edit,delete,insert,copymove]"
    cq:dialogMode="floating"
    cq:layout="editbar"
    jcr:primaryType="cq:EditConfig"
    cq:disableTargeting="{Boolean}true">
    <cq:listeners
        jcr:primaryType="cq:EditListenersConfig"
        aftercopy="function(path, definition) {CQ.Myproject.Component.superParentRefresh(this); alert('test');}"
        afterchilddelete="REFRESH_SELF"
        afterchildedit="REFRESH_SELF"
        afterchildinsert="REFRESH_SELF"/>
</jcr:root>
 

Я пытался следовать http://www.sgaemsolutions.com/2019/01/ootbcustom-cqlisteners-in-cqeditconfig.html но не получается нажать эту кнопку и вызвать JS-оповещение…
Есть предложения? некоторый пример кода был бы полезен
Спасибо