From ddb9c5d9010a6bbe0f4b5e943e67d56840606ced Mon Sep 17 00:00:00 2001
From: Aatish Neupane <aatishnn@gmail.com>
Date: Sun, 9 Dec 2018 21:21:41 +0545
Subject: [PATCH] add equalizer for images on product plugin, allow animate
 option to be dynamically set

---
 .../0021_ungleichproduct_animate.py           | 20 +++++++++++++++++++
 ungleich_page/models.py                       |  1 +
 .../ungleich/section_products.html            | 15 +++++++++++++-
 3 files changed, 35 insertions(+), 1 deletion(-)
 create mode 100644 ungleich_page/migrations/0021_ungleichproduct_animate.py

diff --git a/ungleich_page/migrations/0021_ungleichproduct_animate.py b/ungleich_page/migrations/0021_ungleichproduct_animate.py
new file mode 100644
index 00000000..28e638c3
--- /dev/null
+++ b/ungleich_page/migrations/0021_ungleichproduct_animate.py
@@ -0,0 +1,20 @@
+# -*- coding: utf-8 -*-
+# Generated by Django 1.9.4 on 2018-12-09 15:06
+from __future__ import unicode_literals
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('ungleich_page', '0020_auto_20180320_0216'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='ungleichproduct',
+            name='animate',
+            field=models.BooleanField(default=True),
+        ),
+    ]
diff --git a/ungleich_page/models.py b/ungleich_page/models.py
index 6e25501f..53a433b7 100644
--- a/ungleich_page/models.py
+++ b/ungleich_page/models.py
@@ -144,6 +144,7 @@ class UngleichProductItem(ServiceItem):
 
 class UngleichProduct(Service):
     section_class = models.CharField(max_length=100, default="", blank=True)
+    animate = models.BooleanField(default=True)
 
 
 class UngleichCustomer(Service):
diff --git a/ungleich_page/templates/ungleich_page/ungleich/section_products.html b/ungleich_page/templates/ungleich_page/ungleich/section_products.html
index aba92735..9cdc94c8 100644
--- a/ungleich_page/templates/ungleich_page/ungleich/section_products.html
+++ b/ungleich_page/templates/ungleich_page/ungleich/section_products.html
@@ -8,7 +8,7 @@
 			</div>
 			<div class="row">
 				{% for plugin in product_instance.child_plugin_instances %}
-					<div class="col-md-4 col-sm-6 portfolio-item wow fadeInUp" data-wow-delay="{{ forloop.counter|multiply:0.25 }}s" style="visibility: visible; animation-delay: {{ forloop.counter|multiply:0.25 }}s; animation-name: fadeInUp;">
+					<div class="col-md-4 col-sm-6 portfolio-item sameheight-{{product_instance.pk}} {% if product_instance.animate %}wow fadeInUp{%endif%}" data-wow-delay="{{ forloop.counter|multiply:0.25 }}s" style="visibility: visible; animation-delay: {{ forloop.counter|multiply:0.25 }}s; animation-name: fadeInUp;">
 						{% render_plugin plugin %}
 					</div>
 				{% endfor %}
@@ -16,3 +16,16 @@
 		</div>
 	</div>
 </section>
+
+
+<script>
+$( document ).ready(function() {
+	var equalizer = ".sameheight-{{product_instance.pk}}"
+    var heights = $(equalizer).map(function() {
+        return $(this).height();
+    }).get(),
+
+    maxHeight = Math.max.apply(null, heights);
+    $(equalizer).height(maxHeight);
+});
+</script>
\ No newline at end of file