product_detail_card.html 7.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186
  1. {% extends "base_generic.html" %}
  2. {% load fullurl %}
  3. {% load tags %}
  4. {% load static %}
  5. {% block script %}
  6. {% load email_obfuscator %}
  7. <link href="{% static 'featherlight.min.css' %}" type="text/css" rel="stylesheet" />
  8. <script src="{% static 'featherlight.min.js' %}" ></script>
  9. <link href="{% static 'featherlight.gallery.min.css' %}" type="text/css" rel="stylesheet" />
  10. <script src="{% static 'featherlight.gallery.min.js' %}" ></script>
  11. <script>
  12. $(document).ready(function(){
  13. $('.gallery').featherlightGallery({
  14. previousIcon: '«',
  15. nextIcon: '»',
  16. galleryFadeIn: 250,
  17. openSpeed: 250,
  18. });
  19. });
  20. </script>
  21. {% endblock %}
  22. {% block content %}
  23. <style>
  24. .image-detail{
  25. margin:40px 60px 40px 0px;
  26. }
  27. @media (min-width: 500px) {
  28. }
  29. </style>
  30. <!-- <hr style="color: black; background-color: black; margin-top: 0px; width: 130%; display: flex; margin-left: -20px; margin-right:20px "> -->
  31. <div class="container " style="">
  32. <div class="row gemain-color">
  33. <div class="col-sm-3">
  34. </div>
  35. <!-- *************************************************************** -->
  36. <div class="col-sm-6">
  37. <h2 class="titlepro" style="margin-top: 7px; font-weight: bold">{{ product.name }}
  38. <small class="text-muted">{% if product.year %} {{ product.year }}, {% endif %} {% for country in product.country %} {{ country.name }}, {% endfor %} {% if product.city %} {{ product.city }} {% endif %}</small>
  39. </h2>
  40. <p class="lead kur"> {{ product.claim }}</p>
  41. <div class="image-detail" style="">
  42. <img href="{{product.media_set.first.image_big.url}}" src="{{product.media_set.first.image_norm.url }}" class="gallery img-fluid img-responsive" alt="" style="width: 100%;height: auto;vertical-align: middle;">
  43. </div>
  44. <br />
  45. <h5 class=" mediumkur">Steckbrief</h5>
  46. <br />
  47. <p>{{ product.wohnprojekt.kind_of_product }}, gegründet {{ product.wohnprojekt.gruendungsjahr }}, in Betrieb genommen: {{ product.wohnprojekt.betriebgenommen }}.</p>
  48. <p>Rechtsform: {{ product.wohnprojekt.rechtsform }}</p>
  49. <p>{{ product.wohnprojekt.artmodell }}</p>
  50. <p>{{ product.wohnprojekt.orga }}</p>
  51. <p>{% if product.wohnprojekt.eigentum %}{% field_name product.wohnprojekt 'eigentum' %}: {{ product.wohnprojekt.get_eigentum_display }}{% endif %}</p>
  52. <p>Gemeinschaftliche Projekte: {{ product.wohnprojekt.gprojekte }}</p>
  53. <p>Gemeinschaftsräume: {{ product.wohnprojekt.gemeinschaftr }}
  54. {% if product.wohnprojekt.kgemeinschaftr %} - {{ product.wohnprojekt.kgemeinschaftr }}{% endif %}
  55. </p>
  56. <p>{% if product.wohnprojekt.sonderwohnformen %}{% field_name product.wohnprojekt 'sonderwohnformen' %}: {{ product.wohnprojekt.sonderwohnformen }}{% endif %}</p>
  57. <p>Besondere Zielgruppen: {{ product.wohnprojekt.zielgruppen }}</p>
  58. <p>Freiraumangebote: {{ product.wohnprojekt.freiraumangebote }}</p>
  59. <p>{% if product.wohnprojekt.schwerpunkt %}{% field_name product.wohnprojekt 'schwerpunkt' %}: {{ product.wohnprojekt.schwerpunkt }}{% endif %}</p>
  60. <p>{{ product.wohnprojekt.oekologie }}</p>
  61. <br />
  62. <h5 class=" mediumkur">Kontakt</h5>
  63. <br />
  64. <p>{{ product.wohnprojekt.adresse }}, {{ product.wohnprojekt.get_ort_display }}</p>
  65. {% if product.wohnprojekt.email %}<p>{{ product.wohnprojekt.email | obfuscate_mailto:'<i class="fas fa-envelope"></i> Email' }}</p>{% endif %}
  66. <p><a href="{{ product.wohnprojekt.website }}">Webseite</a></p>
  67. <!-- <p>{% if product.wohnprojekt.altneu %}{% field_name product.wohnprojekt 'altneu' %}: {{ product.wohnprojekt.altneu }}{% endif %}</p> -->
  68. <!-- <p>{% if product.wohnprojekt.artmodell %}{% field_name product.wohnprojekt 'artmodell' %}: {{ product.wohnprojekt.artmodell }}{% endif %}</p> -->
  69. <!-- <p>{% if product.wohnprojekt.bautraeger %}{% field_name product.wohnprojekt 'bautraeger' %}: {{ product.wohnprojekt.bautraeger }}{% endif %}</p> -->
  70. <!-- <p>{% if product.wohnprojekt.aerwachsene %}{% field_name product.wohnprojekt 'aerwachsene' %}: {{ product.wohnprojekt.aerwachsene }}{% endif %}</p>
  71. <p>{% if product.wohnprojekt.akinder %}{% field_name product.wohnprojekt 'akinder' %}: {{ product.wohnprojekt.akinder }}{% endif %}</p>
  72. <p>{% if product.wohnprojekt.amitglieder %}Anzahl an Mitglieder: {{ product.wohnprojekt.amitglieder }}{% endif %}</p> -->
  73. <!-- <p>{% if product.wohnprojekt.awohnungen %}{% field_name product.wohnprojekt 'awohnungen' %}: {{ product.wohnprojekt.awohnungen }}{% endif %}</p> -->
  74. <!-- <p>{% if product.wohnprojekt.wohnflaeche %}{% field_name product.wohnprojekt 'wohnflaeche' %}: {{ product.wohnprojekt.wohnflaeche }}{% endif %}</p>
  75. <p>{% if product.wohnprojekt.gewerbeflaechen %}{% field_name product.wohnprojekt 'gewerbeflaechen' %}: {{ product.wohnprojekt.gewerbeflaechen }}{% endif %}</p>
  76. <p>{% if product.wohnprojekt.gemeinschaftsflaeche %}{% field_name product.wohnprojekt 'gemeinschaftsflaeche' %}: {{ product.wohnprojekt.gemeinschaftsflaeche }}{% endif %}</p>
  77. <p>{% if product.wohnprojekt.sonstige_flaechen %}{% field_name product.wohnprojekt 'sonstige_flaechen' %}: {{ product.wohnprojekt.sonstige_flaechen }}{% endif %}</p>
  78. <p>{% if product.wohnprojekt.flaeche %}Fläche: {{ product.wohnprojekt.flaeche }}{% endif %}</p> -->
  79. <!-- <p>{% if product.wohnprojekt.gemeinschaftr %}{% field_name product.wohnprojekt 'gemeinschaftr' %}: {{ product.wohnprojekt.gemeinschaftr }}{% endif %}</p> -->
  80. <!-- <p>{% if product.wohnprojekt.kgemeinschaftr %}{% field_name product.wohnprojekt 'kgemeinschaftr' %}: {{ product.wohnprojekt.kgemeinschaftr }}{% endif %}</p> -->
  81. <!-- <p>{% if product.wohnprojekt.sonderwohnformen %}{% field_name product.wohnprojekt 'sonderwohnformen' %}: {{ product.wohnprojekt.sonderwohnformen }}{% endif %}</p> -->
  82. <!-- <p>{% if product.wohnprojekt.parbeiten %}{% field_name product.wohnprojekt 'parbeiten' %}: {{ product.wohnprojekt.parbeiten }}{% endif %}</p> -->
  83. <!-- <p>{% if product.wohnprojekt.bauweise %}{% field_name product.wohnprojekt 'bauweise' %}: {{ product.wohnprojekt.bauweise }}{% endif %}</p> -->
  84. <!-- <p>{% if product.wohnprojekt.zielgruppen %}{% field_name product.wohnprojekt 'zielgruppen' %}: {{ product.wohnprojekt.zielgruppen }}{% endif %}</p> -->
  85. <!-- <p>{% if product.wohnprojekt.gprojekte %}{% field_name product.wohnprojekt 'gprojekte' %}: {{ product.wohnprojekt.gprojekte }}{% endif %}</p> -->
  86. <!-- <p>{% if product.wohnprojekt.oekologie %}{% field_name product.wohnprojekt 'oekologie' %}: {{ product.wohnprojekt.oekologie }}{% endif %}</p> -->
  87. <!-- <p>{% if product.wohnprojekt.freiraumangebote %}{% field_name product.wohnprojekt 'freiraumangebote' %}: {{ product.wohnprojekt.freiraumangebote }}{% endif %}</p> -->
  88. </div>
  89. <div class="col-sm-3">
  90. </div>
  91. </div>
  92. </div>
  93. <div class="container">
  94. <div class="row" style="margin-top: 10px">
  95. <div class="col-sm-6">
  96. </div>
  97. <div class="col-sm-4">
  98. {% for field, value in product.wohnprojekt %}
  99. {% if value and not field == "ID" %}
  100. <!-- <p class="fieldname"><strong class="mediumkur"> {{ field }} :</strong> {{ value }}</p> -->
  101. {% endif %}
  102. {% endfor %}
  103. </div>
  104. </div>
  105. </div>
  106. {% endblock %}