|
@@ -317,6 +317,9 @@ $(document).ready(function(){
|
|
|
<div class="container-fluid tag-container">
|
|
<div class="container-fluid tag-container">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
<nav class="navbar-expand-sm tag" style="margin-left: 0px">
|
|
<nav class="navbar-expand-sm tag" style="margin-left: 0px">
|
|
|
|
|
|
|
|
|
|
|
|
@@ -335,11 +338,11 @@ $(document).ready(function(){
|
|
|
<button id='{{elem.0}}' data-toggler='{{elem.0}}' class="border-thin mybtn btn-toggle elem.0" style="margin-bottom: 2px; ">#{{elem.1}}</button>
|
|
<button id='{{elem.0}}' data-toggler='{{elem.0}}' class="border-thin mybtn btn-toggle elem.0" style="margin-bottom: 2px; ">#{{elem.1}}</button>
|
|
|
{% endfor %}
|
|
{% endfor %}
|
|
|
|
|
|
|
|
- {% for key, value in ort_dict.items %}
|
|
|
|
|
|
|
+ {% for key, value in raum_agebote_dict.items %}
|
|
|
<button class="border-thin mybtn btn-toggle {{key}}" data-toggler='{{key}}' style="margin-bottom: 2px; ">#{{value}}</button>
|
|
<button class="border-thin mybtn btn-toggle {{key}}" data-toggler='{{key}}' style="margin-bottom: 2px; ">#{{value}}</button>
|
|
|
{% endfor %}
|
|
{% endfor %}
|
|
|
|
|
|
|
|
- {% for key, value in raum_agebote_dict.items %}
|
|
|
|
|
|
|
+ {% for key, value in ort_dict.items %}
|
|
|
<button class="border-thin mybtn btn-toggle {{key}}" data-toggler='{{key}}' style="margin-bottom: 2px; ">#{{value}}</button>
|
|
<button class="border-thin mybtn btn-toggle {{key}}" data-toggler='{{key}}' style="margin-bottom: 2px; ">#{{value}}</button>
|
|
|
{% endfor %}
|
|
{% endfor %}
|
|
|
|
|
|
|
@@ -436,8 +439,9 @@ $(document).ready(function(){
|
|
|
</div>-->
|
|
</div>-->
|
|
|
|
|
|
|
|
<p class="mab-card-text card-text" style="">
|
|
<p class="mab-card-text card-text" style="">
|
|
|
-
|
|
|
|
|
|
|
+ {% if request.user_agent.browser.family != 'Safari' %}
|
|
|
<button id='product_{{product.pk}}_flipper' onclick="" class="border-thin mybtn flipper" data-flip-card="product_{{product.pk}}_card" style=""><i class="fas fa-sync-alt"></i> Steckbrief</button>
|
|
<button id='product_{{product.pk}}_flipper' onclick="" class="border-thin mybtn flipper" data-flip-card="product_{{product.pk}}_card" style=""><i class="fas fa-sync-alt"></i> Steckbrief</button>
|
|
|
|
|
+ {% endif %}
|
|
|
<!-- <button id='product_{{product.pk}}_teilen' onclick="location.href = '{% url 'product-detail-card-embed' pk=product.pk %}'" class="border-thin mybtn" style=""><i class="fas fa-share"></i> Teilen</button> -->
|
|
<!-- <button id='product_{{product.pk}}_teilen' onclick="location.href = '{% url 'product-detail-card-embed' pk=product.pk %}'" class="border-thin mybtn" style=""><i class="fas fa-share"></i> Teilen</button> -->
|
|
|
<button id='product_{{product.pk}}_{{product.frei}}' data-toggler='{{product.frei}}' class="border-thin mybtn btn-toggle {{product.frei}}" style="">#{{product.get_frei_display}}</button>
|
|
<button id='product_{{product.pk}}_{{product.frei}}' data-toggler='{{product.frei}}' class="border-thin mybtn btn-toggle {{product.frei}}" style="">#{{product.get_frei_display}}</button>
|
|
|
<button id='product_{{product.pk}}_{{product.status}}' data-toggler='{{product.status}}' class="border-thin mybtn btn-toggle {{product.status}}" style="">#{{product.get_status_display}}</button>
|
|
<button id='product_{{product.pk}}_{{product.status}}' data-toggler='{{product.status}}' class="border-thin mybtn btn-toggle {{product.status}}" style="">#{{product.get_status_display}}</button>
|
|
@@ -467,6 +471,7 @@ $(document).ready(function(){
|
|
|
|
|
|
|
|
<!-- BACKFACE BACKFACE BACKFACE BACKFACE BACKFACE BACKFACE BACKFACE -->
|
|
<!-- BACKFACE BACKFACE BACKFACE BACKFACE BACKFACE BACKFACE BACKFACE -->
|
|
|
|
|
|
|
|
|
|
+ {% if request.user_agent.browser.family != 'Safari' %}
|
|
|
|
|
|
|
|
<div class="mab-card-face mab-card-face--back">
|
|
<div class="mab-card-face mab-card-face--back">
|
|
|
<div class="mab-card {% if product.frei == 'JAJA' %} {% endif %}">
|
|
<div class="mab-card {% if product.frei == 'JAJA' %} {% endif %}">
|
|
@@ -488,7 +493,6 @@ $(document).ready(function(){
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
-
|
|
|
|
|
<a href="{% url 'product-detail' product.pk %}">
|
|
<a href="{% url 'product-detail' product.pk %}">
|
|
|
<div style="position: relative;text-align: center;">
|
|
<div style="position: relative;text-align: center;">
|
|
|
|
|
|
|
@@ -500,11 +504,11 @@ $(document).ready(function(){
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div> <!-- BACKFACE -->
|
|
|
|
|
|
|
|
|
|
+ {% endif %}
|
|
|
|
|
|
|
|
-
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
@@ -516,21 +520,9 @@ $(document).ready(function(){
|
|
|
{{sponsor_cards|safe}}
|
|
{{sponsor_cards|safe}}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
+{% if request.user_agent.browser.family != 'Safari' %}
|
|
|
<script>
|
|
<script>
|
|
|
|
|
|
|
|
-/*
|
|
|
|
|
- var card = document.querySelector('.card');
|
|
|
|
|
- card.addEventListener( 'click', function() {
|
|
|
|
|
- card.classList.toggle('is-flipped');
|
|
|
|
|
- });
|
|
|
|
|
-*/
|
|
|
|
|
-/*
|
|
|
|
|
- cards = $(".flipcard");
|
|
|
|
|
- cards.on( 'click', function(e) {
|
|
|
|
|
- $(this).toggleClass('is-flipped');
|
|
|
|
|
- });
|
|
|
|
|
-*/
|
|
|
|
|
-
|
|
|
|
|
$(".flipper").click (function(elem){
|
|
$(".flipper").click (function(elem){
|
|
|
|
|
|
|
|
let toggler = this.getAttribute("data-flip-card");
|
|
let toggler = this.getAttribute("data-flip-card");
|
|
@@ -551,6 +543,8 @@ $(document).ready(function(){
|
|
|
|
|
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
|
|
+{% endif %}
|
|
|
|
|
+
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<!-- End Cards -->
|
|
<!-- End Cards -->
|