templates/Theme/Users/User/Billet/clientreviews.html.twig line 48

Open in your IDE?
  1. {% extends "Theme/Users/User/layoutoffert.html.twig" %}
  2. {% block meta %}
  3.     {{ parent() }}
  4.     <meta name="keywords" content="{{ site }}, Business, Innovation,Boutique,e-commerce,{{ site }},site web, hébergement heb Cameroun, hébergement web illimité,hébergement, site internet, site, gratuite,hébergement revendeur,template,domaine, nom de domaine, cameroun, site cameroun,hébergement web cameroun,site moins cher."/>
  5.     <meta name="author" content="Noel Kenfack"/>
  6.     <meta name="description" content="{{ site }} | Cameroun | {{ metier }} ,{{ site }},site web, hébergement heb Cameroun, hébergement web illimité,hébergement, site internet, site, gratuite,hébergement revendeur,template,domaine, nom de domaine, cameroun, site cameroun,hébergement web cameroun,site moins cher." />
  7.     <style>
  8.         .stat-tld{
  9.             background: #f2f2f2; border-radius: 4px; padding: 8px; height: 36px; width: 36px; border-radius: 18px; display: inline-block;
  10.         }
  11.         .completed{
  12.             font-size: 15px!important;
  13.         }
  14.     </style>
  15. {% endblock %}
  16. {% block title %}
  17. {{ parent() }} | Facture
  18. {% endblock %}
  20. {% block userblog_body %}
  21. <div class="my-container">
  22. <div class="row">
  23.     <div class="col-md-12" style="margin-bottom: 7px;">
  24.     <div class="step-indicator" style="display: inline-block; width: 100%; margin: 0px; background: #f9f9f9;">
  25.         <a class="stepcard completed" href="" style="display: inline-block; width: 22%;"><div class="coustom-my-text">{{ site }}</div></a>
  26.         <a class="stepcard completed" href="" style="display: inline-block; width: 22%;"><div class="coustom-my-text">Avis utilisateurs</div></a>
  27.         <a class="stepcard" href="#!" style="display: inline-block;  width: 22%;"><div class="coustom-my-text">{{ liste_billet|length }} Avis</div></a>
  28.     </div>
  29.     </div>
  30. </div>
  31. </div>
  34. <div style="background: #f5f7f8; padding-top: 20px;">
  35.     <div class="my-container">
  36.         <div class="row">
  37.         <div class="col-md-12">
  38.         {% for infos in app.session.flashbag.get('information') %}
  39.         {% if loop.first %}
  40.             <div style="margin-bottom: 10px;">
  41.             {% include 'Theme/General/Template/Menu/flasinfos.html.twig' %}
  42.             </div>
  43.         {% endif %}
  44.         {% endfor %}
  45.        </div>
  46.        
  47.         <div class="col-md-4">
  48.             {{ render(controller("App\\Controller\\Produit\\Service\\ServiceController:menuarticle", {'position': 'reviews'})) }}
  49.         </div>
  50.         <div class="col-md-8">
  51.         
  52.         <main style="background: #fff; padding: 7px; box-shadow:0px 0px 2px rgba(0,0,0,0.0005); margin: 0px; min-width: 100%;">
  53.             <div class="row">
  54.                     <div class="col-md-12">
  55.                         <strong style="border-bottom: 2px solid #ddd; display: block;">Nous sommes toujours à l'écoute de nos clients</strong>
  56.                     </div>
  57.                     <div class="col-md-5">
  58.                         
  59.                         <div style="margin-top: 7px;">
  60.                         {% set rapport = 0 %}
  61.                         {% if total > 0 %}
  62.                         {% set rapport = (somme/total)|round(2, 'ceil') %}
  63.                         
  64.                         <div class="star-ratings-css" style="margin-left: 0px; display: inline-block; float: left;">
  65.                           <div class="star-ratings-css-top" style="width: {{ ((rapport/5)|round(2, 'ceil'))*100 }}%"><span>★</span><span>★</span><span>★</span><span>★</span><span>★</span></div>
  66.                           <div class="star-ratings-css-bottom"><span>★</span><span>★</span><span>★</span><span>★</span><span>★</span></div>
  67.                         </div> 
  68.                         <div style="margin-left: 15px; margin-top: 7px; display: inline-block; width: 100px; text-align: center; background: #1e499b;; color: #fff; border-radius: 10px;">{{ rapport }} - {{ total }}</div>
  69.                         {% endif %}
  70.                         <div style="margin-top: 10px;"><strong class="text-success">Evaluation sur 5.</strong></div>
  71.                         </div>
  72.                     </div>
  73.                     <div class="col-md-7 text-warning" style="font-style: italic; height: 50px;">
  74.                     <img src="{{ asset('templatecms/images/quetion.png') }}" alt="avis" style="width: 40px; height:40px; border-radius: 20px; position: absolute; top: 0px; right: 15px; z-index: 2;"/>
  75.                     <div class="base-content text-info" style=" padding-right: 40px;">Les avis ci-dessous viennent des utilisateurs de la communauté {{ site }} ayant installer l'application {{ site }}.</div>
  76.                     </div>
  77.                     </div>
  78.                 </main>
  80.                 <main style="background: #fff; padding: 7px; box-shadow:0px 0px 2px rgba(0,0,0,0.0005); margin: 15px 0px; min-width: 100%;">
  81.                     {% for avis in liste_billet %}
  83.                       <div class="topic">
  84.                         <div class="open">
  85.                         <h2 class="question" style="padding-bottom: 10px; padding-top: 10px;">
  86.                         <img src="{% if avis.user != null and avis.user.imgprofil != null %}{{ asset(avis.user.imgprofil.getwebpath) }}{% else %}{{ asset('template/images/projets/afrique.png') }}{% endif %}" alt="{{ avis.user.name(25) }}" style="width: 50px; height: 50px; float: left; margin-right: 7px;" >  
  87.                         {{ avis.user.name(40) }} - {{ avis.date|date('d') }}.{{ avis.date|date('M') }}.{{ avis.date|date('Y') }}</br>
  89.                         <div class="star-ratings-css" style="margin-left: 0px; display: inline-block; float: left;">
  90.                           <div class="star-ratings-css-top" style="width: {{ ((avis.avisuser/5)|round(2, 'ceil'))*100 }}%"><span>★</span><span>★</span><span>★</span><span>★</span><span>★</span></div>
  91.                           <div class="star-ratings-css-bottom"><span>★</span><span>★</span><span>★</span><span>★</span><span>★</span></div>
  92.                         </div> 
  93.                         <div style="margin-left: 15px; margin-top: 7px; display: inline-block; width: 50px; text-align: center; background: #1e499b;; color: #fff; border-radius: 10px;">{{ avis.avisuser }}</div>
  94.                         
  95.                         
  96.                         
  97.                         <span style="padding: 3px; float: right; color: #ddd; font-size: 15px;">Services:</span>
  98.                         </h2> <span class="faq-t" style="top: -50px;"></span>
  99.                         </div>
  100.                         <div class="answer">{{ avis.description }}</br>
  101.                         
  102.                         {% for comment in avis.reponsebillets %}
  103.                         <div class="module-comment-block" style="border-top: 1px solid #333;">
  105.                           <div class="module-comment-text">
  106.                             <div>
  107.                             <img src="{% if comment.user != null and comment.user.imgprofil != null %}{{ asset(comment.user.imgprofil.getwebpath) }}{% else %}{{ asset('template/images/projets/afrique.png') }}{% endif %}" alt="{{ comment.user.name(25) }}" style="float: left; width: 50px; height: 50px; margin-right: 7px;" >  
  108.                             <strong>{{ comment.user.name(25) }}</strong>
  109.                             <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenu-avis-{{ avis.id }}">
  110.                             <a href="#!" class="dropdown-item update-content-article-reponse" style="color: #333;" value="{{ comment.id }}"><i class="fa fa-edit" style="font-size: 18px;"></i> Modifier</a>
  111.                             </div>
  112.                             <a id="dropdownMenu-avis-{{ avis.id }}" data-toggle="dropdown" style="float: right; font-size: 30px; color: red;">
  113.                                  <i class="fa fa-angle-down"></i> 
  114.                             </a>
  115.                             </div>
  116.                             <div><em>{{ comment.date|date('d') }}.{{ comment.date|date('M') }}.{{ comment.date|date('Y') }}</em></div>
  118.                             <div>
  119.                               {{ comment.description }}
  120.                             </div>
  121.                           </div>
  123.                         </div> <!-- /module-comment-block -->    
  124.                         {% endfor %}
  125.                           {% if app.user == avis.user or is_granted('ROLE_GESTION') %}
  126.                           <div class="row" style="border-top: 3px solid #333; margin-top: 15px; padding-top:5px; background: #f7f7f7;">
  127.                           <div class="col-md-3 col s12 m3">
  128.                             <img src="{% if app.user != null and app.user.imgprofil != null %}{{ asset(app.user.imgprofil.getwebpath) }}{% else %}{{ asset('template/images/projets/afrique.png') }}{% endif %}" alt="{{ app.user.name(25) }}" width="50" height="50" style="float: right;">  
  129.                           </div>
  131.                           <div class="col-md-9 col s12 m9">
  132.                             <div><strong>{{ app.user.name(25) }}</strong></div>
  133.                               <form method="post" action="{{ path('users_user_add_new_reponse_billet_user', {'id': avis.id, 'position': 3}) }}">
  134.                               <div class="form-group">
  135.                                 <label for="reponsebillet-{{ avis.id }}">Ajouter une réponse</label>
  136.                                 <textarea name="reponse" class="form-control" id="reponsebillet-{{ avis.id }}" style="width: 100%; background: #fff;" required=""></textarea>
  137.                               </div>
  138.                               <div class="form-group" style="margin-top: -15px;">
  139.                                   <button class="btn btn-primary">Enregister</button>
  140.                               </div>
  141.                               </form>
  142.                           </div>
  143.                           </div>
  144.                           {% endif %}
  145.                         </div>
  146.                     </div>
  148.                     {% else %}
  149.                     <div class="topic">
  150.                         <div class="open">
  151.                         <h2 class="question">1. Aucun avis disponible pour cette commande</h2> <span class="faq-t"></span>
  152.                         </div>
  153.                         <p class="answer">Vos avis nous permettent d'améliorer notre manière de vos servir.</p>
  154.                     </div>
  155.                     {% endfor %}
  156.                     
  157.                     <span class="clearfix"></span>
  158.                     {% if nombrepage > 0 %}
  159.                 
  160.                     {% if page > 1 and page <= nombrepage %}
  161.                     {% set pagepre = page - 1 %}
  162.                     {% else %}
  163.                         {% set pagepre = nombrepage %}
  164.                     {% endif %}
  166.                     {% if page < nombrepage %}
  167.                         {% set pagesuiv = page + 1 %}
  168.                     {% else %}
  169.                         {% set pagesuiv =  1 %}
  170.                     {% endif %}
  172.                     {% if nombrepage < 5 %}
  173.                         {% set debut = 1 %}
  174.                         {% set fin = nombrepage %}
  175.                     {% else %}
  176.                         {% if page > 2 and page < (nombrepage - 2) %}
  177.                             {% set debut = page - 2 %}
  178.                             {% if page + 2 >= nombrepage %}
  179.                                 {% set fin = nombrepage %}
  180.                             {% else %}
  181.                                 {% set fin = page + 2 %}
  182.                             {% endif %}
  183.                         {% else %}
  184.                             {% if page <= 2 %}
  185.                                 {% if page == 1 %}
  186.                                     {% set debut = 1 %}
  187.                                     {% set fin = page + 3 %}
  188.                                 {% else %}
  189.                                     {% set debut = 1 %}
  190.                                     {% set fin = page + 2 %}
  191.                                 {% endif %}
  192.                             {% else %}
  193.                                 {% set debut = page - 2 %}
  194.                                 {% if page + 2 >= nombrepage %}
  195.                                     {% set fin = nombrepage %}
  196.                                 {% else %}
  197.                                     {% set fin = page + 2 %}
  198.                                 {% endif %}
  199.                             {% endif %}
  200.                         {% endif %}
  201.                         
  202.                     {% endif %}
  203.                     <div>
  204.                       <ul class="pagination" style="margin-top: 20px; display: block;"> 
  205.                         <li><a href="{{ path('produit_produit_afh_client_reviews', {'page': 1 }) }}" title="Première page" style=" width: 34px; height: 34px; border-radius: 17px; padding-top: 5px; margin: 2px; text-align: center; line-height: 8px;"><span class="fa fa-fast-backward" style="font-size: 13px;"></span></a></li>
  206.                         <li><a href="{{ path('produit_produit_afh_client_reviews', {'page': pagepre }) }}" title="Page précedente" style=" width: 34px; height: 34px; border-radius: 17px; padding-top: 5px; margin: 2px; text-align: center;"><span class="fa fa-step-backward" style="font-size: 13px;"></span></a></li>
  207.                         {% for p in debut..fin %}
  208.                         <li value="{{ p }}"><a href="{{ path('produit_produit_afh_client_reviews', {'page': p }) }}" class="{% if p == page %}activepage{% endif %}" style="margin: 4px 0px;">{{ p }}</a></li>
  209.                         {% endfor %}
  210.                         <li><a href="{{ path('produit_produit_afh_client_reviews', {'page': pagesuiv }) }}"  title="Page suivante" style=" width: 34px; height: 34px; border-radius: 17px; padding-top: 5px; margin: 2px; text-align: center;"><span class="fa fa-step-forward" style="font-size: 13px;"></span></a></li>
  211.                         <li><a href="{{ path('produit_produit_afh_client_reviews', {'page': nombrepage }) }}" title="Dernière page" style=" width: 34px; height: 34px; border-radius: 17px; padding-top: 5px; margin: 2px; text-align: center; line-height: 8px;"><span class="fa fa-fast-forward" style="font-size: 13px;"></span></a></li>
  212.                        </ul>
  213.                     <div class="clearfix"></div>
  214.                     </div>
  215.                     {% else %}
  216.                     <div>
  217.                       <ul class="pagination" style="margin-top: 20px; display: block;">
  218.                       <li><a href="{{ path('produit_produit_afh_client_reviews', {'page': page }) }}" title="Première page" style=" width: 34px; height: 34px; border-radius: 17px; padding-top: 5px; margin: 2px; text-align: center; line-height: 8px;"><span class="fa fa-fast-backward" style="font-size: 13px;"></span></a></li>
  219.                         <li><a href="{{ path('produit_produit_afh_client_reviews', {'page': page }) }}" title="Page précedente" style="width: 34px; height: 34px; border-radius: 17px; padding-top: 5px; margin: 2px; text-align: center;"><span class="fa fa-step-backward" style="font-size: 13px;"></span></a></li>
  221.                         <li><a href="{{ path('produit_produit_afh_client_reviews', {'page': page }) }}" class="activepage" style="margin: 4px 0px;">0</a></li>
  223.                         <li><a href="{{ path('produit_produit_afh_client_reviews', {'page': page }) }}"  title="Page suivante" style="width: 34px; height: 34px; border-radius: 17px; padding-top: 5px; margin: 2px; text-align: center;"><span class="fa fa-step-forward" style="font-size: 13px;"></span></a></li>
  224.                         <li><a href="{{ path('produit_produit_afh_client_reviews', {'page': page }) }}" title="Dernière page" style=" width: 34px; height: 34px; border-radius: 17px; padding-top: 5px; margin: 2px; text-align: center; line-height: 8px;"><span class="fa fa-fast-forward" style="font-size: 13px;"></span></a></li>
  225.                        </ul>
  226.                     <div class="clearfix"></div>
  227.                     </div>
  228.                     {% endif %}    
  229.                 </main>
  231.         </div>
  232.         </div>
  233.     </div>
  234. </div>
  237. {% include 'Theme/General/Template/Menu/contacts.html.twig' %}
  239. <section class="clearfix">    
  240. <div style="border-top: 2px solid #ddd; background: #fff;">
  241.     <div class="my-container">
  242.     {{ render(controller("App\\Controller\\Users\\User\\BilletController:aviscarousel")) }}
  243.     </div>
  244. </div>
  245. </section>
  247. <div class="modal fade" data-backdrop="false" id="modalGestionCatalogueSelect">
  248. <div class="modal-dialog modal-md">
  249. <div class="modal-content">
  250. <div class="modal-header color-bottom" style="border-bottom: 4px solid #37c0fb; display: block;">
  251.     <button type="button" class="close" data-dismiss="modal" style="float: right;">&times;</button>
  252.     <h3 class="modal-title"><span class=" fa fa-thumbs-o-up"></span> Mise à jour du contenu </h3>
  253. </div>
  254. <div class="modal-body null-bottom null-bottom-in">
  255.     <div class="row">
  256.       <div class="input-field col s12">
  257.         <div class="wait-chargement-content-module" style="text-align: center;">
  258.             Patientez un moment pendant le chargement de l'article</br>
  259.             <img src="{{ asset('template/images/loader1.gif') }}" alt="image" style="height: 40px; width: 40px;">
  260.         </div>
  262.         <div class="content-module-loading" style="display: none;">
  263.         
  264.         </div>
  265.       </div>
  266.     </div>
  267. </div>
  268. <div class="modal-footer color-top" style="text-align: right; border-top: 4px solid #37c0fb; display: block;">
  269. {% include "Theme/General/Template/Menu/social.html.twig" %}
  270. </div>
  271. </div>
  272. </div>
  273. </div>
  275. {% if openticket != null %}
  276. <div class="modal fade" data-backdrop="false" id="modalopenticketUser">
  277. <div class="modal-dialog modal-md" style="min-width: 300px!important;">
  278. <div class="modal-content text-left" style="height: 100%;">
  279. <div class="modal-header color-bottom" style="border-bottom: 4px solid #37c0fb; display: block;">
  280.     <button type="button" class="close" data-dismiss="modal" style="float: right;">&times;</button>
  281.     <h3 class="modal-title">
  282.         <img src="{% if openticket.user != null and openticket.user.imgprofil != null %}{{ asset(openticket.user.imgprofil.getwebpath) }}{% else %}{{ asset('template/images/projets/afrique.png') }}{% endif %}"  style="width: 50px; height: 50px; border-radius: 25px; float: left; margin-right: 7px;"/>
  283.         {{ openticket.user.name(25) }}<br>
  284.         <div style="font-size: 12px;">Client</div>
  285.     </h3>
  286. </div>
  287. <div class="modal-body null-bottom null-bottom-in">
  288.     <div class="row">
  289.       <div class="col-md-12">
  290.         
  291.         <div>
  292.         <div class="star-ratings-css" style="margin-left: 0px; display: inline-block; float: left;">
  293.           <div class="star-ratings-css-top" style="width: {{ ((openticket.avisuser/5)|round(2, 'ceil'))*100 }}%"><span>★</span><span>★</span><span>★</span><span>★</span><span>★</span></div>
  294.           <div class="star-ratings-css-bottom"><span>★</span><span>★</span><span>★</span><span>★</span><span>★</span></div>
  295.         </div> 
  296.         <div style="margin-left: 15px; margin-top: 7px; display: inline-block; width: 50px; text-align: center; background: #1e499b;; color: #fff; border-radius: 10px;">{{ openticket.avisuser }}</div>
  297.         <div>
  298.         <span style="padding: 3px; color: #ddd; font-size: 15px;">Services:</span>
  299.         {% if openticket.panier.collectionproduit == null %}
  300.             {% for prodpan in openticket.panier.produitpaniers %}
  301.                 {% if prodpan.produit.souscategorie.categorie.rang == 1 %}
  302.                 <span style="padding: 3px; background: green; color: #fff; font-size: 10px; margin: 3px; border-radius: 7px;">Nom de domaine</span>
  303.                 {% else %}
  304.                 <span style="padding: 3px; background: green; color: #fff; font-size: 10px; margin: 3px; border-radius: 7px;">{{ prodpan.produit.souscategorie.nom }}</span>
  305.                 {% endif %}
  306.             {% endfor %}
  307.         {% else %}
  308.             {% set collection = openticket.panier.collectionproduit %}
  309.             {% for renewplan in collection.renewplans %}
  310.                 {% set prodpan = renewplan.produitpanier %}
  311.                 {% if prodpan.produit.souscategorie.categorie.rang == 1 %}
  312.                 <span style="padding: 3px; background: green; color: #fff; font-size: 10px; margin: 3px; border-radius: 7px;">Nom de domaine</span>
  313.                 {% else %}
  314.                 <span style="padding: 3px; background: green; color: #fff; font-size: 10px; margin: 3px; border-radius: 7px;">{{ prodpan.produit.souscategorie.nom }}</span>
  315.                 {% endif %}
  316.             {% endfor %}
  317.         {% endif %}
  318.         </div>
  319.         <div style="margin-top: 15px; background: #f2f2f2; padding: 7px;">
  320.         {{ openticket.description }}
  321.         </div>
  322.         </div>            
  323.                         
  324.       </div>
  325.     </div>
  326. </div>
  327. <div class="modal-footer color-top" style="text-align: right; border-top: 4px solid #37c0fb; display: block;">
  328.     {% include "Theme/General/Template/Menu/social.html.twig" %}
  329. </div>
  330. </div>
  331. </div>
  332. </div>
  333. {% endif %}
  335. {% endblock %}
  337. {% block javascripttemplate %}
  338. $('a').tooltip();
  340. {% if openticket != null %}
  341. $('#modalopenticketUser').modal('show');
  342. {% endif %}
  344. {% for infos in app.session.flashbag.get('information') %}
  345. {% if loop.first %}
  346.     resetNotif();
  347.     alertify.alert("{{ infos }}");
  348. {% endif %}
  349. {% endfor %}
  351. $(".open").click(function(){
  352.   var container = $(this).parents(".topic");
  353.   var answer = container.find(".answer");
  354.   var trigger = container.find(".faq-t");
  355.   
  356.   answer.slideToggle(200);
  357.   
  358.   if (trigger.hasClass("faq-o")) {
  359.     trigger.removeClass("faq-o");
  360.   }
  361.   else {
  362.     trigger.addClass("faq-o");
  363.   }
  364.   
  365.   if (container.hasClass("expanded")) {
  366.     container.removeClass("expanded");
  367.   }
  368.   else {
  369.     container.addClass("expanded");
  370.   }
  371. });
  373. $('.update-content-article-reponse').click(function(){
  374.     var id = $(this).attr('value');
  375.     $('#modalGestionCatalogueSelect').modal('show');
  376.     $('.wait-chargement-content-module').show();
  377.     $('.content-module-loading').hide();
  378.     $.get('{{ path('users_user_update_reponse_billet', {'position': 3}) }}',{ id: id }, function(data){
  379.         $('.wait-chargement-content-module').hide();
  380.         $('.content-module-loading').show();
  381.         $('.content-module-loading').html(data);
  382.     });
  383. });        
  386. var Accordion = function(el, multiple) {
  387.     this.el = el || {};
  388.     this.multiple = multiple || false;
  390.     // Variables privadas
  391.     var links = this.el.find('.link');
  392.     // Evento
  393.     links.on('click', {el: this.el, multiple: this.multiple}, this.dropdown)
  394. }
  396. Accordion.prototype.dropdown = function(e) {
  397.     var $el = e.data.el;
  398.         $this = $(this),
  399.         $next = $this.next();
  401.     $next.slideToggle();
  402.     $this.parent().toggleClass('open');
  404.     if (!e.data.multiple) {
  405.         $el.find('.submenu').not($next).slideUp().parent().removeClass('open');
  406.     };
  407. }    
  409. var accordion = new Accordion($('#accordion'), false);
  410. $('a').tooltip();
  412. $('.item-app').hover(function(){
  413.   $(this).find('.popover').stop(true, true).delay(200).fadeIn(200);
  414.   }, function(){
  415.   $(this).find('.popover').stop(true, true).delay(200).fadeOut(200);
  416. });  
  417. {% endblock %}