Merge pull request #166 from ramoncordini/auto-card-resizing

Feat: Inlusão da função AdjustCardHeight.
scieloorg · Aug 30, 2024 · 253b097 · 253b097
2 parents c0a1aaf + a382809
commit 253b097
Show file tree

Hide file tree

Showing 7 changed files with 45 additions and 13 deletions.
diff --git a/opac/webapp/static/js/main.js b/opac/webapp/static/js/main.js
@@ -168,6 +168,13 @@ var Portal = {
 
 			});
 
+			// Verifica se tem o atributo data-autoheight="true"
+			$('.scielo-slider').each(function() {
+				if ($(this).data('autoheight')) {
+					Portal.AdjustCardHeight($(this));
+				}
+			});
+
 
 			$(".shareFacebook,.shareTwitter,.shareDelicious,.shareGooglePlus,.shareLinkedIn,.shareReddit,.shareStambleUpon,.shareCiteULike,.shareMendeley").on("click",function(e) {
 				e.preventDefault();
@@ -514,6 +521,24 @@ var Portal = {
 				});
 			}
 
+		},
+		/*
+		Se tiver o atributo autoheight="true" redimensiona
+		os cards para a altura do maior card
+		*/ 
+		AdjustCardHeight(slider){
+			var cards = slider.find('.card');
+                let maxHeight = 0;
+
+                cards.each(function() {
+                    var cardHeight = $(this).outerHeight();
+                    var cardPBottom = parseFloat($(this).css('padding-bottom'));
+                    if (cardHeight > maxHeight) {
+                        maxHeight = cardHeight - cardPBottom;
+                    }
+                });
+
+                cards.height(maxHeight);
 		},
 		Slider: function() {
 			var id = $(this).attr("id"),

diff --git a/opac/webapp/static/js/scielo-bundle-min.js b/opac/webapp/static/js/scielo-bundle-min.js
diff --git a/opac/webapp/static/maps/scielo-bundle-min.js.map b/opac/webapp/static/maps/scielo-bundle-min.js.map
diff --git a/opac/webapp/templates/article/includes/recent_articles_row.html b/opac/webapp/templates/article/includes/recent_articles_row.html
@@ -12,7 +12,10 @@
 
         {% endif %}
 
-        <a href="{{ url_for('.article_detail_v3', url_seg=article.journal.url_segment, article_pid_v3=article.aid) }}" target="_blank" class="btn btn-secondary d-block mb-0 mt-4">{% trans%}Continue lendo{% endtrans %}</a>
+
+    </div>
+    <div class="card-footer">
+      <a href="{{ url_for('.article_detail_v3', url_seg=article.journal.url_segment, article_pid_v3=article.aid) }}" target="_blank" class="btn btn-secondary d-block mx-0 my-0">{% trans%}Continue lendo{% endtrans %}</a>
     </div>
 
   </div>
diff --git a/opac/webapp/templates/journal/detail.html b/opac/webapp/templates/journal/detail.html
@@ -100,7 +100,7 @@ <h3>{% trans %}Sumário{% endtrans %}</h3>
   <!-- press releases --->
   {# press_releases #}
   {% if press_releases %}
-  <section id="pressReleasesList" class="journalContent mb-5 press-releases-cards d-none" data-lastdays="909">
+  <section id="pressReleasesList" class="journalContent mb-5 press-releases-cards d-none" data-lastdays="60">
     <div class="container">
       <div class="row">
         <div class="col">
@@ -116,7 +116,7 @@ <h2 class="scielo__text-title--4">
 
           {% if press_releases|length > 1 %}
 
-            <div class="scielo-slider">
+            <div class="scielo-slider" data-autoheight="true">
 
               {% for press_release in press_releases  %}
                 {% include "press_release/includes/press_releases_row.html" %}
@@ -150,7 +150,7 @@ <h2 class="scielo__text-title--4">
 
             <h2 class="scielo__text-title--4">{% trans %}Artigos mais recentes{% endtrans %}</h2>
 
-            <div class="scielo-slider">
+            <div class="scielo-slider" data-autoheight="true">
               {% for article in recent_articles  %}
                 {% include "article/includes/recent_articles_row.html" %}
               {% endfor %}
@@ -174,7 +174,7 @@ <h2 class="scielo__text-title--4">{% trans %}Artigos mais recentes{% endtrans %}
 
             <h2 class="scielo__text-title--4">{% trans %}Notícias{% endtrans %}</h2>
 
-            <div class="scielo-slider">
+            <div class="scielo-slider" data-autoheight="true">
 
               {% for item in news  %}
 
@@ -300,7 +300,7 @@ <h2 class="scielo__text-title--4">
 
               {% if press_releases|length > 1 %}
 
-                <div class="scielo-slider">
+                <div class="scielo-slider" data-autoheight="true">
 
                   {% for press_release in press_releases  %}
                     {% include "press_release/includes/press_releases_row.html" %}
@@ -330,7 +330,7 @@ <h2 class="scielo__text-title--4">
 
               <h2 class="scielo__text-title--4">{% trans %}Artigos mais <br class="d-block d-sm-none">recentes{% endtrans %}</h2>
 
-              <div class="scielo-slider">
+              <div class="scielo-slider" data-autoheight="true">
                 {% for article in recent_articles  %}
                   {% include "article/includes/recent_articles_row.html" %}
                 {% endfor %}
@@ -346,7 +346,7 @@ <h2 class="scielo__text-title--4">{% trans %}Artigos mais <br class="d-block d-s
 
               <h2 class="scielo__text-title--4">{% trans %}Notícias{% endtrans %}</h2>
 
-              <div class="scielo-slider">
+              <div class="scielo-slider" data-autoheight="true">
 
                 {% for item in news  %}
 

diff --git a/opac/webapp/templates/news/includes/collection_news_row.html b/opac/webapp/templates/news/includes/collection_news_row.html
@@ -19,7 +19,10 @@
         {{ item.description|striptags|replace('Read More →', '')|truncate(70) }}
       </p>
 
-      <a href="{{ item.url }}" target="_blank" class="btn btn-secondary d-block mb-0">{% trans%}Continue lendo{% endtrans %}</a>
+
+  </div>
+  <div class="card-footer">
+    <a href="{{ item.url }}" target="_blank" class="btn btn-secondary d-block mx-0 my-0">{% trans%}Continue lendo{% endtrans %}</a>
   </div>
 
 </div>
diff --git a/opac/webapp/templates/press_release/includes/press_releases_row.html b/opac/webapp/templates/press_release/includes/press_releases_row.html
@@ -17,9 +17,10 @@
     <strong class="card-title">
       {{ press_release.title|striptags }}
     </strong>
-
-    <a href="{{ press_release.url }}" target="_blank" class="btn btn-secondary d-block mb-0 mt-4">{% trans%}Continue lendo{% endtrans %}</a>
 
   </div>
+  <div class="card-footer">
+    <a href="{{ press_release.url }}" target="_blank" class="btn btn-secondary d-block mx-0 my-0">{% trans%}Continue lendo{% endtrans %}</a>
+  </div>
 
 </div>