templates/forum/forum_page/byCountry.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Forum | Avopy{% endblock %}
  5. {% block stylesheets %}
  6.     <style>
  7.         .intro-banner {
  8.             padding: 33px 0;
  9.         }
  11.         .headline-topic {
  12.             padding: 4px 30px !important;
  13.         }
  15.         .boxed-list-item-f {
  16.             display: flex;
  17.             flex-wrap: nowrap;
  18.             flex-direction: column;
  19.         }
  20.     </style>
  21. {% endblock %}
  23. {% block body %}
  24.     <div id="main-forum">
  25.         {% include('forum/layout/search.html.twig') %}
  26.         <div class="col-12">
  27.             <!-- Breadcrumbs -->
  28.             <nav id="breadcrumbs" class="dark">
  29.                 <ul>
  30.                     <li><a href="{{ path('forum_public_country', {'country' : "uae"}) }}">Forum</a></li>
  31.                 </ul>
  32.             </nav>
  33.         </div>
  35.         <!-- Features Cities -->
  36.         <div class="section margin-bottom-65 margin-top-65 padding-left-20 padding-right-20">
  37.             <div class="container-fluid ">
  38.                 <div class="row">
  39.                     <div class="col-lg-8 col-sm-12">
  40.                         <div class="row">
  41.                             <div class="col-lg-4 col-sm-6">
  42.                                 <a href="{{ path('app_forum_forum_post_new', {'countryMin' : 'uae'}) }}"
  43.                                    class="button  " style="font-size: 26px">
  44.                                     <i class="icon-feather-plus"></i> New Post
  45.                                 </a>
  46.                             </div>
  47.                             <div class="col-lg-4 col-sm-6 " style="display: flex; align-items: center">
  48.                                 <h1 class="text-black ">Forum in {{ country|upper }}</h1>
  49.                             </div>
  50.                         </div>
  51.                     </div>
  52.                 </div>
  54.                 <div class="row">
  55.                     <div class="col-lg-8 col-sm-12">
  56.                         {% for categorie in categories %}
  57.                             <div class="dashboard-box child-box-in-row">
  58.                                 <div class="headline headline-topic ">
  59.                                     <h2 class="text-black padding-bottom-20 padding-top-20">
  60.                                         {{ categorie.name }}
  61.                                     </h2>
  62.                                 </div>
  64.                                 <div class="content">
  65.                                     <ul class="dashboard-box-list">
  66.                                         {% for topic in categorie.topics %}
  67.                                             <li>
  68.                                                 <div class="boxed-list-item boxed-list-item-f">
  69.                                                     <!-- Content -->
  70.                                                     <div class="item-content">
  71.                                                         <div class="row">
  72.                                                             <div class="col-md-6 col-lg-6">
  73.                                                                 <h3>
  74.                                                                     <a href="{{ path('app_forum_forum_topic_show', {'countryMin' : topic.countryMin, 'slug' : topic.slug}) }}">
  75.                                                                         <span class="text-black">{{ topic.name }}</span>
  76.                                                                     </a>
  77.                                                                 </h3>
  78.                                                             </div>
  79.                                                             <div class="col-md-1 col-lg-1 d-flex">
  80.                                                                 <div class="category-box">
  81.                                                                     <div class="category-box-icon">
  82.                                                                         <i class="icon-material-outline-bookmark-border text-black"></i>
  83.                                                                     </div>
  84.                                                                     <div class="category-box-counter">
  85.                                                                         <h4>{{ topic.postActives|length }}</h4>
  86.                                                                     </div>
  87.                                                                 </div>
  88.                                                             </div>
  89.                                                             <div class="col-md-1 col-lg-1 d-flex">
  90.                                                                 <div class="category-box">
  91.                                                                     <div class="category-box-icon">
  92.                                                                         <i class="icon-line-awesome-comments-o text-black"></i>
  93.                                                                     </div>
  94.                                                                     <div class="category-box-counter">
  95.                                                                         <h4>{{ topic.commentNumber }}</h4>
  96.                                                                     </div>
  97.                                                                 </div>
  98.                                                             </div>
  99.                                                             <div class="col-md-4 col-lg-4 align-self-center">
  100.                                                                 {% set lastPost = topic.lastPost %}
  101.                                                                 {% if lastPost %}
  102.                                                                     <p class="" style="display: flex;align-items: center;">
  103.                                                                         <span class="forum_avatar ripple-effect-dark"
  104.                                                                               title="{{ lastPost.forumUser.alias }}"
  105.                                                                         >
  106.                                                                             {{ lastPost.forumUser.avatarSpanName }}
  107.                                                                         </span>
  108.                                                                         &nbsp; {{ lastPost.timeCreateString }}
  109.                                                                     </p>
  110.                                                                 {% endif %}
  111.                                                             </div>
  112.                                                         </div>
  113.                                                     </div>
  114.                                                 </div>
  115.                                             </li>
  116.                                         {% endfor %}
  117.                                     </ul>
  118.                                 </div>
  119.                             </div>
  120.                         {% endfor %}
  121.                     </div>
  122.                     <div class="col-lg-4 col-sm-12">
  123.                         <br>
  124.                         {% include('forum/layout/recent_post.html.twig') %}
  125.                         <br>
  126.                         {% include('forum/layout/recent_reply.html.twig') %}
  127.                     </div>
  128.                 </div>
  129.             </div>
  130.         </div>
  131.         <!-- Features Cities / End -->
  132.     </div>
  135. {% endblock %}