MARKTPLATZ/marktplatz/templates/marktplatz/product_detail.html

{% extends "base_generic.html" %}
{% load fullurl %}
{% load tags %}
{% load static %}
{% block script %}
<link href="{% static 'featherlight.min.css' %}" type="text/css" rel="stylesheet" />
<script src="{% static 'featherlight.min.js' %}" type="text/javascript" charset="utf-8"></script>
<link href="{% static 'featherlight.gallery.min.css' %}" type="text/css" rel="stylesheet" />
<script src="{% static 'featherlight.gallery.min.js' %}" type="text/javascript" charset="utf-8"></script>

<script>
	$(document).ready(function(){

	$('.gallery').featherlightGallery({
			previousIcon: '«',
			nextIcon: '»',
			galleryFadeIn: 250,
			openSpeed: 250,
		});

	});


</script>



{% endblock %}

{% block content %}


<style>


.image-detail{

	margin:40px 60px 40px 0px;

}



@media (min-width: 500px) {


}


</style>

<!-- <hr style="color: black; background-color: black; margin-top: 0px; width: 130%; display: flex; margin-left: -20px; margin-right:20px "> -->

<div class="container " style="">
		<div class="row gemain-color">
				<div class="col-sm-6">


					<h2 class="titlepro" style="margin-top: 7px;color: font-weight: bold">{{ product.name }}
					      <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>
					</h2>

					<p class="lead kur"> {{ product.claim }}</p>

					<div class="row">
						<div class="col-sm-4">{% include "marktplatz/modal-share.html" %}</div>
							<div class="col-sm-4"> {% include "marktplatz/modal-sa.html" %}</div>
			        <div class="col-sm-4">{% if product.wohnprojekt.email  %} <a href="mailto:{{  product.wohnprojekt.email  }}" class="text-decoration-none" ><i class="fas fa-envelope"></i> {{  product.wohnprojekt.email  }}</a> {% endif %} </div>
			    </div>

					<div class="">
						&nbsp;
					</div>
					<div class="">
						&nbsp;
					</div>
					<div class="">
						&nbsp;
					</div>
					<div class="">
						&nbsp;
					</div>

					<div class="">
						{{  product.get_frei_display  }}
					</div>


					<div class="">
						{{  product.mitmachen  }}
					</div>

					<p>{% if product.wohnprojekt.inseratstext  %}{% field_name product.wohnprojekt 'inseratstext' %}: {{ product.wohnprojekt.inseratstext }}{% endif %}</p>

					<div class="">
						&nbsp;
					</div>

					<p class=""> {{ product.beschreibung }}</p>

					<p class=""> {{ product.learning }}</p>



					<div class="">
						&nbsp;
					</div>
					<div class="">
						&nbsp;
					</div>




					{% for video in product.video_set.all %}

						<video autoplay style="width: 100%;height: auto;vertical-align: middle; padding-bottom: 10px" controls>
							<source src="{{video.image.url}}" type="video/mp4">
						</video>

					{% endfor %}

					{% if product.media_set %}
						{% for media in product.media_set.all %}
							{% if not forloop.first %}
								{% if forloop.counter < 6  %}
									<div class="image-detail" style="flex: {% get_ratio media %}; ">
										<img href="{{media.image_big.url}}" align="middle" src="{{media.image_norm.url }}" class="gallery img-fluid img-responsive"  alt="" style="width: 100%;height: auto;vertical-align: middle;">
									</div>
								{% endif %}
							{% endif %}
						{% endfor %}
					{% endif %}


				</div>



 			<!-- *************************************************************** -->


				<div class="col-sm-6">


					<div class="image-detail" style="">
					<img href="{{product.media_set.first.image_big.url}}" align="middle" src="{{product.media_set.first.image_norm.url }}" class="gallery img-fluid img-responsive"  alt="" style="width: 100%;height: auto;vertical-align: middle;">

					</div>


					<br />
					<h5 class=" mediumkur">Steckbrief</h5>
					<br />

					<p>{{ product.wohnprojekt.kind_of_product }}, gegründet {{ product.wohnprojekt.gruendungsjahr }}, in Betrieb genommen: {{ product.wohnprojekt.betriebgenommen }}.</p>
					<p>Rechtsform: {{ product.wohnprojekt.rechtsform }}</p>
					<p>{{ product.wohnprojekt.artmodell }}</p>
					<p>{{ product.wohnprojekt.orga }}</p>
					<p>{% if product.wohnprojekt.eigentum  %}{% field_name product.wohnprojekt 'eigentum' %}: {{ product.wohnprojekt.get_eigentum_display }}{% endif %}</p>
					<p>Gemeinschaftliche Projekte: {{ product.wohnprojekt.gprojekte }}</p>
					<p>Gemeinschaftsräume: {{ product.wohnprojekt.gemeinschaftr }}
						{% if product.wohnprojekt.kgemeinschaftr  %} - {{ product.wohnprojekt.kgemeinschaftr }}{% endif %}
					</p>

					<p>{% if product.wohnprojekt.sonderwohnformen  %}{% field_name product.wohnprojekt 'sonderwohnformen' %}: {{ product.wohnprojekt.sonderwohnformen }}{% endif %}</p>
					<p>Besondere Zielgruppen: {{ product.wohnprojekt.zielgruppen }}</p>
					<p>Freiraumangebote: {{ product.wohnprojekt.freiraumangebote }}</p>
					<p>{% if product.wohnprojekt.schwerpunkt  %}{% field_name product.wohnprojekt 'schwerpunkt' %}: {{ product.wohnprojekt.schwerpunkt }}{% endif %}</p>
					<p>{{ product.wohnprojekt.oekologie }}</p>


					<br />
					<h5 class=" mediumkur">Kenndaten</h5>
					<br />

					<p>{{ product.wohnprojekt.get_altneu_display }}, {{ product.wohnprojekt.bauweise }}</p>
					<p>Bautr&auml;ger: {{ product.wohnprojekt.bautraeger }}</p>
					<p>{% if product.wohnprojekt.wohnbaufoerderung  %}{% field_name product.wohnprojekt 'wohnbaufoerderung' %}: {{ product.wohnprojekt.wohnbaufoerderung }}{% endif %}</p>
					<p>im Haus Wohnen ca {{ product.wohnprojekt.aerwachsene }} Erwachsene und {{  product.wohnprojekt.akinder }} Kinder.
						Anzahl an Mitglieder: {{ product.wohnprojekt.amitglieder }}
					</p>
					<p>{% if product.wohnprojekt.awohnungen  %}{% field_name product.wohnprojekt 'awohnungen' %}: {{  product.wohnprojekt.awohnungen  }} Wohnungen{% endif %}</p>
					<p>{% if product.wohnprojekt.gaestwohnungen  %}{% field_name product.wohnprojekt 'gaestwohnungen' %}: {{ product.wohnprojekt.gaestwohnungen }}{% endif %}</p>
					<p>{% if product.wohnprojekt.wohnflaeche  %}{% field_name product.wohnprojekt 'wohnflaeche' %}: {{ product.wohnprojekt.wohnflaeche }}{% endif %}</p>
			    <p>{% if product.wohnprojekt.gewerbeflaechen  %}{% field_name product.wohnprojekt 'gewerbeflaechen' %}: {{ product.wohnprojekt.gewerbeflaechen }}{% endif %}</p>
			    <p>{% if product.wohnprojekt.gemeinschaftsflaeche  %}{% field_name product.wohnprojekt 'gemeinschaftsflaeche' %}: {{ product.wohnprojekt.gemeinschaftsflaeche }}{% endif %}</p>
			    <p>{% if product.wohnprojekt.sonstige_flaechen  %}{% field_name product.wohnprojekt 'sonstige_flaechen' %}: {{ product.wohnprojekt.sonstige_flaechen }}{% endif %}</p>
			    <p>{% if product.wohnprojekt.flaeche  %}Fläche: {{ product.wohnprojekt.flaeche }}{% endif %}</p>
					<p>{% if product.wohnprojekt.kflaechen  %}{% field_name product.wohnprojekt 'kflaechen' %}: {{ product.wohnprojekt.kflaechen }}{% endif %}</p>
					<p>Im Haus arbeiten ca {{ product.wohnprojekt.parbeiten }} Personen {% if product.wohnprojekt.karbeiten  %}{{ product.wohnprojekt.karbeiten }}{% endif %}</p>
					<p>{% if product.wohnprojekt.raumangebot  %}{% field_name product.wohnprojekt 'raumangebot' %}: {{ product.wohnprojekt.raumangebot }}{% endif %}</p>
			    <p>{% if product.wohnprojekt.kraumangebot  %}{% field_name product.wohnprojekt 'kraumangebot' %}: {{ product.wohnprojekt.kraumangebot }}{% endif %}</p>

					<br />
					<h5 class=" mediumkur">Kontakt</h5>
					<br />

					<p>{{ product.wohnprojekt.adresse }}, {{ product.wohnprojekt.get_ort_display }}</p>

					{% if product.wohnprojekt.email  %}<p><a href="mailto:{{  product.wohnprojekt.email  }}"><i class="fas fa-envelope"></i> {{  product.wohnprojekt.email  }}</a></p>{% endif %}
					<p><a href="{{  product.wohnprojekt.website }}">Webseite</a></p>


					<br />
					<h5 class="mediumkur">Mediacredits</h5>
					<br />
					{% for media in product.media_set.all %}
						{% if media.copyright %}
							<p class="fieldname"> {{ media.copyright }}</p>
						{% endif %}
					{% endfor %}
					{% for media in product.video_set.all %}
						{% if media.copyright %}
							<p class="fieldname"> {{ media.copyright }}</p>
						{% endif %}
					{% endfor %}

					{% if product.media_set  %}
						{% for media in product.media_set.all %}
							{% if forloop.counter > 5  %}
								<div style="flex: {% get_ratio media %}; margin:40px 60px 40px 0px;">
									<img href="{{media.image_big.url}}" align="middle" src="{{media.image_norm.url }}" class="gallery img-fluid img-responsive"  alt="" style="width: 100%;height: auto;vertical-align: middle;">
								</div>
							{% endif %}
						{% endfor %}
					{% endif %}




			    <!-- <p>{% if product.wohnprojekt.altneu  %}{% field_name product.wohnprojekt 'altneu' %}: {{ product.wohnprojekt.altneu }}{% endif %}</p> -->

			    <!-- <p>{% if product.wohnprojekt.artmodell  %}{% field_name product.wohnprojekt 'artmodell' %}: {{ product.wohnprojekt.artmodell }}{% endif %}</p> -->
			    <!-- <p>{% if product.wohnprojekt.bautraeger  %}{% field_name product.wohnprojekt 'bautraeger' %}: {{ product.wohnprojekt.bautraeger }}{% endif %}</p> -->
			    <!-- <p>{% if product.wohnprojekt.aerwachsene  %}{% field_name product.wohnprojekt 'aerwachsene' %}: {{ product.wohnprojekt.aerwachsene }}{% endif %}</p>
			    <p>{% if product.wohnprojekt.akinder  %}{% field_name product.wohnprojekt 'akinder' %}: {{ product.wohnprojekt.akinder }}{% endif %}</p>
			    <p>{% if product.wohnprojekt.amitglieder  %}Anzahl an Mitglieder: {{ product.wohnprojekt.amitglieder }}{% endif %}</p> -->

			    <!-- <p>{% if product.wohnprojekt.awohnungen  %}{% field_name product.wohnprojekt 'awohnungen' %}: {{ product.wohnprojekt.awohnungen }}{% endif %}</p> -->
			    <!-- <p>{% if product.wohnprojekt.wohnflaeche  %}{% field_name product.wohnprojekt 'wohnflaeche' %}: {{ product.wohnprojekt.wohnflaeche }}{% endif %}</p>
			    <p>{% if product.wohnprojekt.gewerbeflaechen  %}{% field_name product.wohnprojekt 'gewerbeflaechen' %}: {{ product.wohnprojekt.gewerbeflaechen }}{% endif %}</p>
			    <p>{% if product.wohnprojekt.gemeinschaftsflaeche  %}{% field_name product.wohnprojekt 'gemeinschaftsflaeche' %}: {{ product.wohnprojekt.gemeinschaftsflaeche }}{% endif %}</p>
			    <p>{% if product.wohnprojekt.sonstige_flaechen  %}{% field_name product.wohnprojekt 'sonstige_flaechen' %}: {{ product.wohnprojekt.sonstige_flaechen }}{% endif %}</p>
			    <p>{% if product.wohnprojekt.flaeche  %}Fläche: {{ product.wohnprojekt.flaeche }}{% endif %}</p> -->

			    <!-- <p>{% if product.wohnprojekt.gemeinschaftr  %}{% field_name product.wohnprojekt 'gemeinschaftr' %}: {{ product.wohnprojekt.gemeinschaftr }}{% endif %}</p> -->
			    <!-- <p>{% if product.wohnprojekt.kgemeinschaftr  %}{% field_name product.wohnprojekt 'kgemeinschaftr' %}: {{ product.wohnprojekt.kgemeinschaftr }}{% endif %}</p> -->
			    <!-- <p>{% if product.wohnprojekt.sonderwohnformen  %}{% field_name product.wohnprojekt 'sonderwohnformen' %}: {{ product.wohnprojekt.sonderwohnformen }}{% endif %}</p> -->

			    <!-- <p>{% if product.wohnprojekt.parbeiten  %}{% field_name product.wohnprojekt 'parbeiten' %}: {{ product.wohnprojekt.parbeiten }}{% endif %}</p> -->

			    <!-- <p>{% if product.wohnprojekt.bauweise  %}{% field_name product.wohnprojekt 'bauweise' %}: {{ product.wohnprojekt.bauweise }}{% endif %}</p> -->
			    <!-- <p>{% if product.wohnprojekt.zielgruppen  %}{% field_name product.wohnprojekt 'zielgruppen' %}: {{ product.wohnprojekt.zielgruppen }}{% endif %}</p> -->
			    <!-- <p>{% if product.wohnprojekt.gprojekte  %}{% field_name product.wohnprojekt 'gprojekte' %}: {{ product.wohnprojekt.gprojekte }}{% endif %}</p> -->
			    <!-- <p>{% if product.wohnprojekt.oekologie  %}{% field_name product.wohnprojekt 'oekologie' %}: {{ product.wohnprojekt.oekologie }}{% endif %}</p> -->
			    <!-- <p>{% if product.wohnprojekt.freiraumangebote  %}{% field_name product.wohnprojekt 'freiraumangebote' %}: {{ product.wohnprojekt.freiraumangebote }}{% endif %}</p> -->




				</div>
		</div>

</div>


<div clas="container">

	<div class="row" style="margin-top: 10px">

		<div class="col-sm-6">






		</div>
		<div class="col-sm-4">

			 				 {% for field, value in product.wohnprojekt %}
			          {% if value and not field == "ID" %}
			           <!-- <p class="fieldname"><strong class="mediumkur"> {{ field }} :</strong> {{ value }}</p> -->
			          {% endif %}
			          {% endfor %}

		</div>

	</div>

</div>




{% endblock %}