Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

Document how developers can create modals

Abierto
#279 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
2/5
Tiempo estimado
1-3 horas
Aptitud para principiantes
45/100
Tipo de issue
Documentación
Claridad
Bastante claro
Estado de actividad
Estancado
Stack tecnológico
javascript

Línea de trabajo

Comienza con la publicación enlazada del foro y la documentación existente para desarrolladores de Matomo para encontrar el lugar adecuado para esta guía. Documenta el marcado del modal de Twig mostrado y el uso de JavaScript modalConfirm, y marca la finalización con un ejemplo fácil de encontrar que permita a los desarrolladores seguir la configuración del modal de confirmación.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

Documentation

suggested in https://forum.matomo.org/t/matomo-dialog-modal-developers/29860

original post below:


I don't know for sure if it is documented, but I couldn't find anything about how to use Matomo dialogs/modals. For those looking to implement, for example, a confirmation modal, do this:

In your twig:

<div class="ui-confirm" id="sendNotificationConfirm">
    <h2>{{ sendNotificationConfirm }}</h2>
    <input role="yes" type="button" value="{{ 'General_Yes'|translate }}"/>
    <input role="no" type="button" value="{{ 'General_No'|translate }}"/>
</div>

In your script (wrap the following into a function called by a click event or any event you prefer):

piwikHelper.modalConfirm(makeSelectorLastId('sendNotificationConfirm'), {
      yes:
      function () {
        // Code you want to be executed when the user hit "Yes"
      }
    });
Lenguaje dominante
PHP
Estrellas
58
Forks
88
Merge medio
6 h 29 min
PR fusionados (30 d)
3

Preparar el entorno

Este proyecto no incluye contenedor de desarrollo, Dockerfile ni guía de contribución, así que la configuración corre por tu cuenta: empieza por su README y consulta nuestra guía para la primera contribución para los pasos generales.

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de matomo-org/developer-documentation

Todos los issues de matomo-org/developer-documentation

Issues similares

Más issues de PHP

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.