From: Yoan Le Clanche <yoanl@pilotsystems.net>
Date: Wed, 12 Jul 2023 12:40:22 +0000 (+0200)
Subject: Add next / previous button for seminar parts : https://trackers.pilotsystems.net... 
X-Git-Tag: 2.8.1-pro~30
X-Git-Url: https://git.parisson.com/?a=commitdiff_plain;h=4ad4aaeee279de9f50b52d5a41e31daed155fba5;p=teleforma.git

Add next / previous button for seminar parts : https://trackers.pilotsystems.net/prebarreau/0553
---

diff --git a/teleforma/static/teleforma/css/teleforma.css b/teleforma/static/teleforma/css/teleforma.css
index 187313aa..f9f5e338 100644
--- a/teleforma/static/teleforma/css/teleforma.css
+++ b/teleforma/static/teleforma/css/teleforma.css
@@ -2255,6 +2255,12 @@ form .exceed{
 .multipart-tabs .disabled {
     pointer-events: none;
 }
+.multipart .multipart-previous {
+    float:left;
+}
+.multipart .multipart-next {
+    float:right;
+}
 .tab-content {
   display: none;
   padding: 6px 12px;
diff --git a/teleforma/templates/teleforma/seminar_detail.html b/teleforma/templates/teleforma/seminar_detail.html
index 74259999..8aff2851 100644
--- a/teleforma/templates/teleforma/seminar_detail.html
+++ b/teleforma/templates/teleforma/seminar_detail.html
@@ -82,6 +82,9 @@
       openTab($(this).attr('href'));
     })
     openTab($('.tab-link:not(.disabled)').last().attr('href'));
+
+    $('.multipart-next').bind('click', goNext)
+    $('.multipart-previous').bind('click', goPrevious)
   });
 
 
@@ -95,9 +98,33 @@
     $("a[href="+tab+"]").addClass('active');
     $(tab).show().addClass("active");
     $(tab + "-index").show();
+
+    $('.multipart-next, .multipart-previous').attr('disabled', false)
+    var next = $('.tab-link.active').next(':not(.disabled)')
+    if(next.length)
+      $('.multipart-next').show()
+    else
+      $('.multipart-next').hide()
+    var previous = $('.tab-link.active').prev();
+    if(previous.length)
+      $('.multipart-previous').show()
+    else
+      $('.multipart-previous').hide()
     
   }
 
+  function goNext() {
+    var next = $('.tab-link.active').next(':not(.disabled)')
+    if(next.length)
+      openTab(next.first().attr('href'));
+  }
+  function goPrevious() {
+    var previous = $('.tab-link.active').prev();
+    console.log("previous", previous)
+    console.log("previous", previous[0])
+    if(previous.length)
+      openTab(previous.first().attr('href'));
+  }
 
   $(window).ready(function () {
     {% if user.is_staff %}
@@ -276,6 +303,11 @@
       {% endif %}
 
     </div>
+
+    <div class="prev-next-buttons">
+      <input type="button" value="Précédent" class="multipart-previous" />
+      <input type="button" value="Suivant" class="multipart-next" />
+    </div>
   </div>
 
   {% else %}