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

diff --git a/teleforma/static/teleforma/css/teleforma.css b/teleforma/static/teleforma/css/teleforma.css
index 187313aa850f15e085095428d702bfc1189601ea..f9f5e338828476f7ad31e0c420fdb2dd09f3a3d7 100644 (file)
--- 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 74259999d47228fd80768a06eb0541ae3017841a..8aff28517b924d8db20f59054d2bc868a91da03e 100644 (file)
--- 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 %}