templates/question/show.html.twig line 1

  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="d-flex justify-content-between">
  40.                                     <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 class="q-display p-3">
  53.                                     <i class="fa fa-quote-left mr-3"></i>
  54.                                     <p class="d-inline">{{ question.question|parse_markdown }}</p>
  55.                                     <p class="pt-4"><strong>--{{ question.askedBy.fullName }}</strong></p>
  56.                                 </div>
  57.                             </div>
  58.                         </div>
  59.                     </div>
  60.                 </div>
  61.             </div>
  62.         </div>
  64.         <div class="d-flex justify-content-between my-4">
  65.             <h2 class="">Answers <span style="font-size:1.2rem;">({{ question.answers|length }})</span></h2>
  66.             <button class="btn btn-sm btn-secondary">Submit an Answer</button>
  67.         </div>
  70.         <ul class="list-unstyled">
  71.             {% for answer in question.answers %}
  72.                 <li class="mb-4">
  73.                     <div class="d-flex justify-content-center">
  74.                         <div class="mr-2 pt-2">
  75.                             <img src="{{ asset(answer.answeredBy.avatarUrl) }}" width="50" height="50" alt="Tisha avatar">
  76.                         </div>
  77.                         <div class="mr-3 pt-2">
  78.                             {{ answer.answer|parse_markdown }}
  79.                             <p>-- {{ answer.answeredBy.fullName }}</p>
  80.                         </div>
  81.                         <div class="vote-arrows flex-fill pt-2 js-vote-arrows" style="min-width: 90px;">
  82.                             <button class="vote-up btn btn-link" name="direction" value="up"><i class="far fa-arrow-alt-circle-up"></i></button>
  83.                             <button class="vote-down btn btn-link" name="direction" value="down"><i class="far fa-arrow-alt-circle-down"></i></button>
  84.                             <span>{{ answer.votesString }}</span>
  85.                         </div>
  86.                     </div>
  87.                 </li>
  88.             {% else %}
  89.                 <li class="mb-4">
  90.                     <div class="d-flex justify-content-center">
  91.                         Be the first to answer!
  92.                     </div>
  93.                 </li>
  94.             {% endfor %}
  95.         </ul>
  96.     </div>
  97. {% endblock %}