templates/question/show.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Question: {{ question.name }}{% endblock %}
  5. {% block body %}
  6. <div class="container">
  7.     <div class="row">
  8.         <div class="col-12">
  9.             <h2 class="my-4">
  10.                 Topic:
  11.                 <a href="#link-to-topic">{{ question.topic.name }}</a>
  12.             </h2>
  13.             <h2 class="my-4">Question:</h2>
  14.             <div style="box-shadow: 2px 3px 9px 4px rgba(0,0,0,0.04);">
  15.                 <div class="q-container-show p-4">
  16.                     <div class="row">
  17.                         <div class="col-2 text-center">
  18.                             <img src="{{ asset(question.askedBy.avatarUrl) }}" width="100" height="100"  alt="Tisha avatar">
  19.                             <div class="mt-3">
  20.                                 <small>
  21.                                     {% if question.isApproved %}
  22.                                         Asked <br>
  23.                                         {{ question.createdAt|ago }}
  24.                                     {% else %}
  25.                                         (unpublished)
  26.                                     {% endif %}
  27.                                 </small>
  29.                                 <form action="{{ path('app_question_vote', { slug: question.slug }) }}" method="POST">
  30.                                     <div class="vote-arrows vote-arrows-alt flex-fill pt-2" style="min-width: 90px;">
  31.                                         <button class="vote-up btn btn-link" name="direction" value="up"><i class="far fa-arrow-alt-circle-up"></i></button>
  32.                                         <button class="vote-down btn btn-link" name="direction" value="down"><i class="far fa-arrow-alt-circle-down"></i></button>
  33.                                         <span>{{ question.votesString }}</span>
  34.                                     </div>
  35.                                 </form>
  36.                             </div>
  37.                         </div>
  38.                         <div class="col">
  39.                             <div class="col">
  40.                                 <div class="d-flex justify-content-between">
  41.                                     <h1 class="q-title-show">{{ question.name }}</h1>
  42.                                     {% if is_granted('ROLE_ADMIN') %}
  43.                                         <a class="text-white" href="{{ ea_url()
  44.                                             .setController('App\\Controller\\Admin\\QuestionCrudController')
  45.                                             .setAction('edit')
  46.                                             .setEntityId(question.id)
  47.                                         }}">
  48.                                             <span class="fa fa-edit"></span>
  49.                                         </a>
  50.                                     {% endif %}
  51.                                 </div>
  52.                             </div>
  53.                             <div class="q-display p-3">
  54.                                 <i class="fa fa-quote-left mr-3"></i>
  55.                                 <p class="d-inline">{{ question.question }}</p>
  56.                                 <p class="pt-4"><strong>--{{ question.askedBy.fullName }}</strong></p>
  57.                             </div>
  58.                         </div>
  59.                     </div>
  60.                 </div>
  61.             </div>
  62.         </div>
  63.     </div>
  65.     <div class="d-flex justify-content-between my-4">
  66.         <h2 class="">Answers <span style="font-size:1.2rem;">({{ question.answers|length }})</span></h2>
  67.         <button class="btn btn-sm btn-secondary">Submit an Answer</button>
  68.     </div>
  72.     <ul class="list-unstyled">
  73.         {% for answer in question.answers %}
  74.             <li class="mb-4">
  75.                 <div class="d-flex justify-content-center">
  76.                     <div class="mr-2 pt-2">
  77.                         <img src="{{ asset(answer.answeredBy.avatarUrl) }}" width="50" height="50" alt="Tisha avatar">
  78.                     </div>
  79.                     <div class="mr-3 pt-2">
  80.                         {{ answer.answer }}
  81.                         <p>-- {{ answer.answeredBy.fullName }}</p>
  82.                     </div>
  83.                     <div class="vote-arrows flex-fill pt-2 js-vote-arrows" style="min-width: 90px;">
  84.                         <button class="vote-up btn btn-link" name="direction" value="up"><i class="far fa-arrow-alt-circle-up"></i></button>
  85.                         <button class="vote-down btn btn-link" name="direction" value="down"><i class="far fa-arrow-alt-circle-down"></i></button>
  86.                         <span>{{ answer.votesString }}</span>
  87.                     </div>
  88.                 </div>
  89.             </li>
  90.         {% else %}
  91.             <li class="mb-4">
  92.                 <div class="d-flex justify-content-center">
  93.                     Be the first to answer!
  94.                 </div>
  95.             </li>
  96.         {% endfor %}
  97.     </ul>
  98. </div>
  99. {% endblock %}