From 5e51c3daef8550cbe040d28b012593ac0db43fc7 Mon Sep 17 00:00:00 2001
From: Nabil BENDAFI <nabil@bendafi.fr>
Date: Wed, 17 Jun 2020 14:45:39 +0200
Subject: [PATCH] Fix data-clipboard-target-id unicity

---
 rules.md | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/rules.md b/rules.md
index 6225fd9..9b2a86f 100644
--- a/rules.md
+++ b/rules.md
@@ -23,12 +23,14 @@
 
 <ul>
   {% for group in site.data.rules.groups %}
+  {% assign groupIndex = forloop.index %}
     {% for service in group.services %}
     {% assign serviceIndex = forloop.index %}
       {% for exporter in service.exporters %}
       {% assign nbrRules = exporter.rules | size %}
       <li>
-        <h2 id="{{ service.name | replace: " ", "-" | downcase }}">
+        {% assign serviceId = service.name | replace: " ", "-" | downcase %}
+        <h2 id="{{ serviceId }}">
           {{ serviceIndex }}.
           {{ service.name }}
           {% if exporter.name %}:
@@ -45,7 +47,7 @@
             <small style="font-size: 60%; vertical-align: middle; margin-left: 10px;">
               ({{ nbrRules }} rules)
             </small>
-            <span class="clipboard-multiple" data-clipboard-target-id="service-{{ serviceIndex }}">[copy all]</span>
+            <span class="clipboard-multiple" data-clipboard-target-id="group-{{ groupIndex }}-service-{{ serviceIndex }}">[copy all]</span>
           {% endif %}
         </h2>
 
@@ -64,10 +66,10 @@
               {{ serviceIndex }}.{{ ruleIndex }}.
               {{ rule.name }}
               </h4>
-            <details id="service-{{ serviceIndex }}-rule-{{ ruleIndex }}" {% if true || (serviceIndex == 1 && ruleIndex == 1) %} open {% endif %}>
+            <details id="group-{{ groupIndex }}-service-{{ serviceIndex }}-rule-{{ ruleIndex }}" {% if true || (serviceIndex == 1 && ruleIndex == 1) %} open {% endif %}>
               <summary>
                 {{ rule.description }}
-                <span class="clipboard-single" data-clipboard-target-id="service-{{ serviceIndex }}-rule-{{ ruleIndex }}" onclick="event.preventDefault();">[copy]</span>
+                <span class="clipboard-single" data-clipboard-target-id="group-{{ groupIndex }}-service-{{ serviceIndex }}-rule-{{ ruleIndex }}" onclick="event.preventDefault();">[copy]</span>
               </summary>
               <p>
               {% assign ruleName = rule.name | split: ' ' %}