src/Aqarmap/Bundle/NeighborhoodBundle/Resources/views/neighborhoodDetails.html.twig line 1

  1. <div id="neighborhood-details">
  2. <div class="container">
  3. <div class="row">
  4. <div class="col-md-12">
  5. <div class="page-header">
  6. <h2 class="custom-header">{{ 'neighborhoods.headline.about_location'|trans({'%location%': location.title}) }}</h2>
  7. </div>
  8. </div>
  10. {% if location.photos.count > 0 %}
  11. <div class="col-xs-12 col-sm-7">
  12. <div id="neighborhood-photo" class="carousel slide" data-ride="carousel">
  13. <!-- Indicators -->
  14. <ol class="carousel-indicators">
  15. {% for photo in location.photos %}
  16. <li data-target="#neighborhood-photo" data-slide-to="{{ loop.index - 1 }}"{% if loop.index == 1 %} class="active"{% endif %}></li>
  17. {% endfor %}
  18. </ol>
  20. <!-- Wrapper for slides -->
  21. <div class="carousel-inner" role="listbox">
  22. {% for photo in location.photos %}
  23. <div class="carousel-item {% if loop.index == 1 %} active {% endif %}">
  24. <img src="{{ custom_vich_uploader_asset(photo.file, 'file')| thumbnail('neighborhood-slider') }}" alt="{{ photo.caption }}">
  25. </div>
  26. {% endfor %}
  27. </div>
  29. <!-- Controls -->
  30. <a class="left carousel-control carousel-control-prev" href="#neighborhood-photo" role="button" data-slide="prev">
  31. <span class="fa fa-chevron-left" aria-hidden="true"></span>
  32. <span class="sr-only">Previous</span>
  33. </a>
  34. <a class="right carousel-control carousel-control-next" href="#neighborhood-photo" role="button" data-slide="next">
  35. <span class="fa fa-chevron-right" aria-hidden="true"></span>
  36. <span class="sr-only">Next</span>
  37. </a>
  38. </div>
  39. </div>
  40. {% endif %}
  42. <div class="col-xs-12 {% if location.photos.count > 0 %} col-sm-5 {% else %} col-sm-12 {% endif %}">
  43. <div id="neighborhoodDescription">
  44. {{ location.description|replace({"&nbsp;": ''})|raw }}
  45. </div>
  46. {% if location.description|length > 1500 %}
  47. <a href="javascript:void(0)" class="see-more"></a>
  48. {% endif %}
  49. </div>
  50. </div>
  52. </div>
  53. </div><!-- end #neighborhood-details -->