{% extends 'base.html.twig' %}{% block title %}{% endblock %}{% block stylesheets %} <link rel="stylesheet" href="{{ asset('css/index-forum.css') }}"> <link rel="stylesheet" href="{{ asset('css/centre-ressource.css') }}"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1"/> {% endblock %} {% block body %} <main class="section-services"></main> <div class="section-about" id="section-about"> <div class="section-FAQ"> <div class="container bloc-list-forum"> <div class="row"> <div class="col-sm {{ app.request.locale == 'ar_TN' ? 'form_direction_rtl' : 'form_direction_ltr' }}"> <h5>{% trans %} forum.index.title {% endtrans %}</h5> <h2>Lorem ipsum dolor</h2> <div class="dc-description"> <p>Lorem ipsum dolor sit amet invidunt ut labore et sed diam voluptua. At vero eos et accusam et sed diam voluptua.</p> </div> <div class="dc-btnarea"> <!-- Button trigger modal --> <button type="button" class="btn-slider-text-for" data-toggle="modal" data-target="#exampleModalLong"> {% trans %} forum.index.proposer {% endtrans %} </button> </div> </div> <div class="col-sm"> <figure> <img src="http://amentotech.com/projects/doctreat/wp-content/uploads/2019/08/girl.png" alt="Health Form"></figure> </div> </div> </div> </div> </div> <!-- Modal --> <div class="modal fade" id="exampleModalLong" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLongTitle" style="margin-left: 5%;">{% trans %} forum.index.proposer {% endtrans %}</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body {{ app.request.locale == 'ar_TN' ? 'form_direction_rtl' : 'form_direction_ltr' }}"> <form method="post" action="{{ path('make_sujet') }}"> <div class="input-group row"> <div class="col-sm"> <span class="input-group-text">{% trans %} forum.index.name {% endtrans %}</span> </div> <div class="col-sm"> <input type="text" class="form-control" name="sujetName" placeholder="..." required></div> </div> <div class="col col-lg-12"> <span class="input-group-text">{% trans %} forum.index.description {% endtrans %}</span> </div> <div class="col col-lg-12"> <textarea name="sujetDescription" class="form-control" aria-label="With textarea" placeholder="..." required></textarea> </div> <button type="submit" class="btn-slider-text-sub">{% trans %} forum.index.send {% endtrans %}</button> </form> </div> {# <div class="modal-footer"> <button type="submit" class="btn-slider-text-for">Envoyer</button> </div> #} </div> </div> </div> {# <div class="row justify-content-center mt-5">#} {% for forum in sujetForums %} {% if app.user != null and app.user.id == forum.user.id and forum.isPublic == false %} {# <div class="container"> <div class="accordion-content mx-5"> <div class="accordion-item"> <header class="item-header"> <h4 id="item-quest-user" class="item-question">{{ forum.user }} </h4> <span id="date-question" >{{ forum.date |date("d/m/Y") }}</span> <form method="post" action="{{ path('update_forum_sujet', { id: forum.id }) }}"> <div > <input class="form-control form-control-lg " type="text" value="{{ forum.sujet }}" name="sujetName" placeholder="Nom de sujet" required> <textarea name="sujetDescription" class="form-control form-control-lg " aria-label="With textarea" placeholder="Description de sujet" required>{{ forum.description }}</textarea> </div> <button type="submit" class="btn-slider-text modif"> <i id="update-commentaire" class="fa-solid fa-pen-to-square"></i> </button> <a class="col-md-10" > <i id="drop-commentaire" onclick="supprimerReponse({{ forum.id }})" class="fa-sharp fa-solid fa-trash"></i> </a> </form> </header> </div> </div> </div> #} {% elseif forum.isPublic == true %} <div class="container"> <div class="card row justify-content-center"> <div class="col-md-12"> <div class="col-md-12 txt {{ app.request.locale == 'ar_TN' ? 'form_direction_rtl' : 'form_direction_ltr' }}"> <h6 class="card-title "> <strong>{{ forum.sujet }} </strong> <span id="date"> {{ app.request.locale == 'ar_TN' ? forum.getDatePublic | date('Y/m/d') : forum.getDatePublic | date('d/m/Y') }} </p></span> </h6> <hr> <p class="card-text">{{ forum.description | u.truncate(120,'...') | striptags }}</p> <a href="{{ path('show_forum_detail',{'id': forum.id}) }}"> <button class="btn-slider-text-forum">{% trans %} forum.index.details {% endtrans %}</button> </a> </div> </div> </div> </div> {# </div> #} {% endif %} {% endfor %} <div class="container showMore"> <div class="row justify-content-center"> <div class="col-md-12"> <div class="col-md-6"> <a> <button id="addMore" class="btn-slider-text mt-5"> {% trans %} forum.index.show {% endtrans %} </button> </a> </div> </div> </div> </div> {# <div class="navigation" style="margin-left:16% !important;"> {{ knp_pagination_render(sujetForums) }} </div> #} </div> </div> </div> </div> {% endblock %} {% block javascripts %} <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script> $(document).ready(function () { console.log('test') }); function supprimerReponse(a) { event.preventDefault() Swal.fire({ title: 'Êtes-vous sûr?', text: 'Vous ne pourrez pas revenir en arrière !', icon: 'warning', showCancelButton: true, confirmButtonColor: '#3085d6', cancelButtonColor: '#d33', confirmButtonText: 'Oui, supprimez-le!' }).then((result) => { if (result.isConfirmed) { $.ajax({ type: 'POST', url: '/delete/forum/sujet/' + a, // data: JSON.stringify(item), dataType: 'json', success: function (response) { console.log(response) location.reload() } }) // window.location.href = "/make/command/delete/"+a; } }) } let offset = 2; $('#addMore').on('click', function () { $.ajax({ type: "GET", url: '/ajax/get/sujetForum', data: { 'offset': offset }, success: function (response) { console.log(JSON.stringify(response)) response.result.map((value, index) => { var forumDate = value.date.date // Assurez-vous de remplacer cela par la valeur réelle en JavaScript var date = new Date(forumDate); var formattedDate = (date.getDate() < 10 ? '0' : '') + date.getDate() + '/' + ( (date.getMonth() + 1) < 10 ? '0' : '' ) + (date.getMonth() + 1) + '/' + date.getFullYear(); var formattedDate2 = date.getFullYear() + '/' + ((date.getMonth() + 1) < 10 ? '0' : '') + (date.getMonth() + 1) + '/' + (date.getDate() < 10 ? '0' : '') + date.getDate(); if (response.userId != null && response.userId == value.userId && value.isPublic == false) { let div = ` <div class="accordion-content mx-5"> <div class="accordion-item"> <header class="item-header"> <h4 class="item-question">${ value.userName } ${formattedDate}</h4> <form method="post" action="/update/forum/sujet/${ value.id }"> <div class="input-group"> <input class="form-control col-md-6" type="text" value="${ value.sujet }" name="sujetName" placeholder="Nom de sujet" required> <textarea name="sujetDescription" class="form-control col-md-6" aria-label="With textarea" placeholder="Description de sujet" required>${ value.description }</textarea> </div> <button type="submit" class="btn-slider-text">Modifier</button> <a class="col-md-10" style="margin-top:10%; margin-bottom:10px;"> <button onclick="supprimerReponse(${ value.id })" class="btn-slider-text">supprimer </button> </a> </form> </header> </div> </div> `; $(div).insertBefore(".showMore"); } else { let div = ` <div class="container"> <div class="card row justify-content-center"> <div class="col-md-12 {{ app.request.locale == 'ar_TN' ? 'form_direction_rtl' : 'form_direction_ltr' }}"> <div class="col-md-12"> <h6 class="card-title"><strong>${ value.sujet } </strong> {% if app.request.locale == 'ar_TN' %} <span id="date"> ${formattedDate2} </span></h6> {% else %} <span id="date"> ${formattedDate}</span></h6> {% endif %} <hr> <p class="card-text" > ${value.description.length > 120 ? value.description.slice(0, 120) + "..." : value.description } </p> <a href="/show/forum/detail/${ value.id }"> <button class="btn-slider-text-forum">{% trans %} forum.index.details {% endtrans %}</button> </a> </div> </div> </div> </div> `; $(div).insertBefore(".showMore"); } offset = offset + 1; }); } }); }); </script> {% endblock %}