Port PHRAS-1697 to 4.1

templates/web/prod/results/infos.html.twig

@@ -1,19 +1,42 @@
 <div id="explainResults" class="myexplain">
     <img src="/assets/common/images/icons/answers.gif" />
-    <span>
+    <span class="title-explain">
         <b>
-            {% set total = results.getTotal() %}
+            {% set total = results.getTotal()|number_format(null, null, ' ') %}
             {% trans %}reponses:: %total% Resultats{% endtrans %}
         </b>
     </span>
     <br>
-    <div>
+    <div class="sub-explain">
         {{ results.getDuration() / 1000 }} s
     </div>
     dans index {{ results.getIndexes() }}
     {% if not(esquery is null) %}
         <div>
-            <pre>{{ esquery }}</pre>
+            <a href="#" id="esqueryCopy">{{ 'copyClipboardLabel' | trans }}</a>
+        </div>
+        <div class="esqueryDataDiv">
+            <textarea id="esqueryData">{{ esquery }}</textarea>
         </div>
     {% endif %}
-</div>
+</div>
+
+<script language="javascript">
+    $(document).ready(function () {
+        var copyElContentClipboard = function (elId) {
+            var copyEl = document.getElementById(elId);
+            copyEl.select();
+            try {
+                var successful = document.execCommand('copy');
+                var msg = successful ? 'successful' : 'unsuccessful';
+                console.log('Copying text command was ' + msg);
+            } catch (err) {
+                console.log('unable to copy');
+            }
+        }
+        $('#esqueryCopy').on('click', function (event) {
+            event.preventDefault();
+            return copyElContentClipboard('esqueryData');
+        });
+    });
+</script>