templates/profil/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Hello ProfilController!{% endblock %}
  5. {% block body %}
  6.  
  7.     <h1> {{ nom }} </h1>
  10.     </br>
  11. <li class="list-inline-item"><a href="{{ path('contact', {'type':type,'id':profil})}}" class="js-like"><span class="flaticon-heart"></span></a></li>
  13. {% endblock %}
  18. {% block javascripts %}
  19.  
  21.  <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
  24.  
  25. <script>
  27.  
  28.  
  29. var chaine = '<div class="alert alert-primary alert-dismissible fade show" role="alert">Vous avez rajouter cette annonce à vos favories.<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button></div>';
  33.     function onClickBtnLike(event) {
  34.     event.preventDefault();
  36.     const url = this.href;
  37.     const spanCount = this.querySelector('span.js-likes');
  38.     const icone = this.querySelector('i');
  40.     axios.get(url).then(function (response) {
  41.         spanCount.textContent = response.data.likes;
  44. if (response.status === 200){
  45.                if (icone.classList.contains('fas')) {
  46.             icone.classList.replace('fas','far');
  47.         }
  48.         else {
  49.             icone.classList.replace('far', 'fas');
  50.         }
  51.         
  52.         }
  53.  
  54.  
  56.     }).catch(function (error) {
  57.          
  58.     });
  59. }
  60. document.querySelectorAll('a.js-like').forEach(function (link){
  61.     link.addEventListener('click', onClickBtnLike)
  62. })
  64.         </script>
  70.  <script>
  72.  
  73.  
  74. var chaine = '<div class="alert alert-primary alert-dismissible fade show" role="alert">Vous avez rajouter cette annonce à vos favories.<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button></div>';
  78.     function onClickBtnLike(event) {
  79.     event.preventDefault();
  81.     const url = this.href;
  82.     const spanCount = this.querySelector('span.js-save');
  83.     const icone = this.querySelector('i');
  86.    var div = document.getElementById('myDiv');
  87.       div.innerHTML += chaine;
  90.     axios.get(url).then(function (response) {
  91.         spanCount.textContent = response.data.likes;
  95. if (response.status === 200){
  96.  
  97.         
  98.         }
  99.  
  100.  
  102.     }).catch(function (error) {
  103.          
  104.     });
  105. }
  106. document.querySelectorAll('a.js-save').forEach(function (link){
  107.     link.addEventListener('click', onClickBtnLike)
  108. })
  110.         </script>
  115.  
  117. {% endblock %}