From b80bbf8deb0cc9fa1deaec1e4bc9bd20f9fd2180 Mon Sep 17 00:00:00 2001
From: Pierre-Yves Chibon <pingou@pingoured.fr>
Date: Jan 08 2018 09:17:10 +0000
Subject: Fix the counter to make the accordion working correctly


Signed-off-by: Pierre-Yves Chibon <pingou@pingoured.fr>

---

diff --git a/pagure/templates/settings.html b/pagure/templates/settings.html
index 51900de..73f9010 100644
--- a/pagure/templates/settings.html
+++ b/pagure/templates/settings.html
@@ -563,27 +563,28 @@
         </div>
         <div class="card-block">
           <div id="accordions" role="tablist" aria-multiselectable="true">
-            {% set idcount = 1 %}
+
             {% for plugin in plugins %}
             {% if not config.get('ENABLE_TICKETS', True) and plugin in ['Pagure tickets'] %}
             {% else %}
             <div class="panel panel-default" >
-              <div class="panel-heading" role="tab" id="pluginheading{{idcount}}">
+              <div class="panel-heading" role="tab" id="pluginheading{{ loop.index }}">
                 <h4 class="panel-title">
                   <a data-toggle="collapse" data-parent="#accordions"
-                      href="#plugincollapse{{idcount}}" aria-expanded="true"
-                      aria-controls="plugincollapse{{idcount}}">
-                    <span id="dropdowncaret" class="oi" data-glyph="caret-right"></span>&nbsp;{{ plugin }}
+                      href="#plugincollapse{{ loop.index }}" aria-expanded="true"
+                      aria-controls="plugincollapse{{ loop.index }}">
+                    <span id="dropdowncaret" class="oi" data-glyph="caret-right">
+                    </span>&nbsp;{{ plugin }}
                   </a>
                 </h4>
               </div>
-              <div id="plugincollapse{{ idcount }}" data-plugin="{{ plugin }}"
+              <div id="plugincollapse{{ loop.index }}" data-plugin="{{ plugin }}"
                   class="panel-collapse collapse" role="tabpanel"
-                  aria-labelledby="pluginheading{{ idcount }}">
-                <span class="oi oi-spin pull-left" data-glyph="loop-circular"></span>
+                  aria-labelledby="pluginheading{{ loop.index }}">
+                <span class="oi oi-spin pull-left" data-glyph="loop-circular">
+                </span>
               </div>
             </div>
-            {% set idcount = idcount+1 %}
             {% endif %}
             {% endfor %}
           </div>