Symfony 3.4 - Передача переменных в мои модалы? - PullRequest
0 голосов
/ 08 апреля 2019

Хотелось бы узнать, можно ли передавать переменные в модал с помощью Symfony?

Перед интеграцией модала моя строка выглядела как

<a href="{{ path('paquets_delete', { 'id': uneInfo.id, 'type':unType['typeUtilisateur'] }) }}" class="btn btn-danger"><span class="glyphicon glyphicon-remove"></span> Supprimer</a>

Используется для удалениястрока из моей базы данных.

Я хотел добавить запрос подтверждения модального знака.Затем я добавил модал, и теперь у меня есть это:

<a href="#" data-toggle="modal" data-target="#mymodal" class="btn btn-danger"><span class="glyphicon glyphicon-remove"></span> Supprimer</a>

Модал:

<div class="modal" id="mymodal">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
            <div class="modal-header">
              <h5 class="modal-title">Modal title</h5>
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
            </div>
            <div class="modal-body">
              <p>Modal body text goes here.</p>
            </div>
            <div class="modal-footer">
              <a href="#HereIWantMyVariablesForMyControllerPathRendering" type="button" class="btn btn-primary">Save changes</button>
              <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
            </div>
          </div>
        </div>
      </div>

Есть ли параметр, который нужно вставить в мою ссылку, вызывающую модал, для размещения переменных?

РЕДАКТИРОВАТЬ:

После использования макросов, Фабиан, вот мой код:

Views / macro / macro.html.twig:

{%- macro create_delete_modal(body, deleteLink) -%}
    {% filter spaceless %}
        <div id="deleteModal" class="modal fade" role="dialog">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                        <h4 class="modal-title">Supprimer?</h4>
                    </div>
                    <div class="modal-body">
                        <p>{{ body }}</p>
                    </div>
                    <div class="modal-footer">
                        <a href="{{ deleteLink }}" class="btn btn-danger">Supprimer</a>
                        <button type="button" class="btn btn-default" data-dismiss="modal">Fermer</button>
                    </div>
                </div>
            </div>
        </div>
    {% endfilter %}
{%- endmacro -%}

Функция удаления контроллера:

/**
 * Suppression d'un package | Suppression d'un type d'utilisateur attribué à un package
 *
 * @Route("/{id}/{type}/delete", name="paquets_delete")
 */
public function deleteAction(Request $request, $id, $type)
{
    $em = $this->getDoctrine()->getManager();
    $unPaquet = $em->getRepository('PagesBundle:Paquet')->find($id); //Récupération du package

    $nbTypes = count($unPaquet->getTypeUser()); //Récupération du nombre de TypeUser auquel est attribué le package


    if($nbTypes == 1)
    {
        $em->remove($unPaquet); // Si un seul destinataire, on supprimme le package.
    }

    else if($nbTypes > 1)
    {
        $am = $this->getDoctrine()->getManager();
        $leType = $am->getRepository('PagesBundle:TypeUser')->findByTypeUtilisateur($type);
        $unPaquet->deleteTypeFromTypesUser($leType[0]); // Si plusieurs destinataires, on supprimme juste le type d'utilisateur passé en paramètre
    }

    $em->flush(); // Validation



    $this->getDoctrine()->getManager()->getRepository('PagesBundle:User')->updateNbDDLAll("dec"); // A la suppression d'un package, on décrémente le nombre de télécharme

    $this->addFlash( // Message d'information à l'admin
        'info_delete',
        'Package supprimée !'
    );

    return $this->redirectToRoute('paquets_index'); // Actualisation de la page
}

index.html.twig:

{% extends 'base.html.twig' %}
{% import 'macro/macro.html.twig' as macro %}


{% block body %}
<br/>
<a href="{{ path('paquets_new') }}" class="btn btn-primary btn-lg btn-block"> <span class="glyphicon glyphicon-plus"></span> Ajouter un package</a>
<br/> <br/>
{% for unType in typesUser %}
{% set i=loop.index0 %}
<h1 class="text-primary text-center">{{unType['typeUtilisateur']}} <span class="badge badge-primary badge-pill w3-small">{{ tabInfos[i]|length }}</span></h1>
<br />

<table class="table table-stripped">
    <thead>
        <tr>
            <th>Id</th>
            <th>Titre</th>
            <th>Package</th>
            <th>Notice</th>
            <th>Commentaire</th>
            <th>Actions</th>
        </tr>
    </thead>
    <tbody>
        {% for uneInfo in tabInfos[i] %}
        <tr>
            <td><a href="{{ path('paquets_show', { 'id': uneInfo.id }) }}">{{ uneInfo.id }}</a></td>
            <td>{{ uneInfo.titre }}</td>
            <td><a href="{{ path('paquet_fileDDL', { 'id': uneInfo.id, 'type': 'package'}) }}"</a>{{ uneInfo.urlPaquet }} </td>
            <td><a href="{{ path('paquet_fileDDL', { 'id': uneInfo.id, 'type': 'notice'}) }}"</a>{{ uneInfo.urlNotice }} </td>
            <td>{{ uneInfo.commentaire }}</td>
            <td>
                <a href="{{ path('paquets_edit', { 'id': uneInfo.id }) }}" class="btn btn-warning"><span class="glyphicon glyphicon-edit"></span> Modifier</a>
                {#<a href="{{ path('paquets_delete', { 'id': uneInfo.id, 'type':unType['typeUtilisateur'] }) }}" class="btn btn-danger"><span class="glyphicon glyphicon-remove"></span> Supprimer</a> #}
                <button class="btn btn-danger" type="button" data-toggle="modal" data-target="#deleteModal"><span class="glyphicon glyphicon-remove"></span> Supprimer</button>
                {{ macro.create_delete_modal('Voulez-vous vraiment supprimer ce package ? ', path('paquets_delete', {'id':uneInfo.id, 'type': unType['typeUtilisateur']})) }}
            </td>
        </tr>
        {% endfor %}
    </tbody>
</table>
<br/><br/>


{% endfor %}
{% endblock %}

Самая важная часть html.twig:

{% for uneInfo in tabInfos[i] %}
        <tr>
            <td><a href="{{ path('paquets_show', { 'id': uneInfo.id }) }}">{{ uneInfo.id }}</a></td>
            <td>{{ uneInfo.titre }}</td>
            <td><a href="{{ path('paquet_fileDDL', { 'id': uneInfo.id, 'type': 'package'}) }}"</a>{{ uneInfo.urlPaquet }} </td>
            <td><a href="{{ path('paquet_fileDDL', { 'id': uneInfo.id, 'type': 'notice'}) }}"</a>{{ uneInfo.urlNotice }} </td>
            <td>{{ uneInfo.commentaire }}</td>
            <td>
                <a href="{{ path('paquets_edit', { 'id': uneInfo.id }) }}" class="btn btn-warning"><span class="glyphicon glyphicon-edit"></span> Modifier</a>

                <button class="btn btn-danger" type="button" data-toggle="modal" data-target="#deleteModal"><span class="glyphicon glyphicon-remove"></span> Supprimer</button>
                {{ macro.create_delete_modal('Voulez-vous vraiment supprimer ce package ? ', path('paquets_delete', {'id':uneInfo.id, 'type': unType['typeUtilisateur']})) }}
            </td>
        </tr>
        {% endfor %}

enter image description here

Проблема: удаляются первые пакеты, а не те, которые яхочу удалить

1 Ответ

0 голосов
/ 08 апреля 2019

Я бы порекомендовал вам использовать макрос для вашего модального режима.Этот вы можете использовать каждый раз, когда вы хотите.Это будет выглядеть примерно так:

{%- macro create_delete_modal(body, deleteLink) -%}
    {% filter spaceless %}
        <div id="deleteModal" class="modal fade" role="dialog">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                        <h4 class="modal-title">Supprimer?</h4>
                    </div>
                    <div class="modal-body">
                        <p>{{ body }}</p>
                    </div>
                    <div class="modal-footer">
                        <a href="{{ deleteLink }}" class="btn btn-danger">Supprimer</a>
                        <button type="button" class="btn btn-default" data-dismiss="modal">close</button>
                    </div>
                </div>
            </div>
        </div>
    {% endfilter %}
{%- endmacro -%}

И использовать его:

{% import 'macro/macro.html.twig' as macro %}

{{ macro.create_delete_modal('Are you sure you want to delete this?',  path('paquets_delete', { 'id': uneInfo.id, 'type':unType['typeUtilisateur'] }) }}

<button class="btn btn-danger" type="button" data-toggle="modal" data-target="#deleteModal"><span class="glyphicon glyphicon-remove"></span> Supprimer</button>


Редактировать

Идентификатор модала (id="#deleteModal") больше не является уникальным, поскольку вы зацикливаетесь на нем.Просто добавьте текущий индекс цикла к нему, и он будет работать как положено.

{%- macro create_delete_modal(id, body, deleteLink) -%}
    {% filter spaceless %}
        <div id="{{ id }}" class="modal fade" role="dialog">

И в вашем цикле передайте индекс цикла:

{% for uneInfo in tabInfos[i] %}
    <tr>
        <td>
            <button class="btn btn-danger" type="button" data-toggle="modal" data-target="#deleteModal-{{ uneInfo.id }}"><span class="glyphicon glyphicon-remove"></span> Supprimer</button>
            {{ macro.create_delete_modal('deleteModal-'~uneInfo.id, 'Voulez-vous vraiment supprimer ce package ? ', path('paquets_delete', {'id':uneInfo.id, 'type': unType['typeUtilisateur']})) }}
        </td>
    </tr>
{% endfor %}
...