fix realistic detailed view (#424)

print/templates/operator_overview.html

@@ -27,7 +27,10 @@
         <main>
             <figure class="inksimulation operator" data-field-name="operator-overview-transform" title="{{ _('Ctrl + Scroll to Zoom') }}">
                 {{ svg_overview|replace("<li>", "")|replace("</li>", "")|safe }}
-                {% include 'ui_svg_action_buttons.html' %}
+                {% with %}
+                  {% set realistic_id='realistic-operator-overview' %}
+                  {% include 'ui_svg_action_buttons.html' with context %}
+                {% endwith %}
             </figure>
         </main>
         {% include 'footer.html' %}

print/templates/print_detail.html

@@ -17,7 +17,10 @@
         <main>
             <figure class="inksimulation" data-field-name="client-detail-transform-block{{ loop.index0 }}" title="{{ _('Ctrl + Scroll to Zoom') }}">
                 {{color_block.svg_preview|replace("<li>", "")|replace("</li>", "")|safe}}
-                {% include 'ui_svg_action_buttons.html' %}
+                {% with %}
+                  {% set loop_index=loop.index0 %}
+                  {% include 'ui_svg_action_buttons.html' with context %}
+                {% endwith %}
             </figure>
             <div class="color-palette detailed">
                 {% include 'color_swatch.html' %}

print/templates/print_overview.html

@@ -27,7 +27,10 @@
         <main class="client-overview-main">
             <figure class="inksimulation" data-field-name="client-overview-transform" title="{{ _('Ctrl + Scroll to Zoom') }}">
                 {{ svg_overview|replace("<li>", "")|replace("</li>", "")|safe }}
-                {% include 'ui_svg_action_buttons.html' %}
+                {% with %}
+                  {% set realistic_id='realistic-client-overview' %}
+                  {% include 'ui_svg_action_buttons.html' with context %}
+                {% endwith %}
             </figure>
 
             <div class="color-palette">

print/templates/ui_svg_action_buttons.html

@@ -4,7 +4,12 @@
   <button class="svg-full">100%</button>
   <button class="svg-apply">{{ _('Apply to all') }}</button>
   <button class="svg-realistic">
-    <input type="checkbox" id="realistic-operator-overview" data-field-name="overview" class="realistic" />
+    {% if loop_index is defined %}
-    <label for="realistic-operator-overview" class="realistic">{{ _('Realistic') }}</label>
+      <input type="checkbox" id="realistic-color-block-{{ loop_index }}" data-field-name="block{{ loop_index }}" class="realistic" />
+      <label for="realistic-color-block-{{ loop_index }}" class="realistic">{{ _('Realistic') }}</label>
+    {% else %}
+      <input type="checkbox" id="{{ realistic_id }}" data-field-name="overview" class="realistic" />
+      <label for="{{ realistic_id }}" class="realistic">{{ _('Realistic') }}</label>
+    {% endif %}
   </button>
 </div>