From 1f2d79355fb78627409b255e86396e5b01c34a2f Mon Sep 17 00:00:00 2001
From: Olivier Mayer <blind1009@gmail.com>
Date: Thu, 19 Feb 2015 18:29:45 +0900
Subject: [PATCH] Result number

fix #4
---
 lib/Alchemy/Phrasea/Controller/Prod/Query.php |  2 +-
 templates/web/prod/index.html.twig            | 26 ++++++--------
 www/skins/prod/000000/prodcolor.css           | 36 ++++++++++++++-----
 3 files changed, 39 insertions(+), 25 deletions(-)

diff --git a/lib/Alchemy/Phrasea/Controller/Prod/Query.php b/lib/Alchemy/Phrasea/Controller/Prod/Query.php
index 09ad33fb7e..1bd5833387 100644
--- a/lib/Alchemy/Phrasea/Controller/Prod/Query.php
+++ b/lib/Alchemy/Phrasea/Controller/Prod/Query.php
@@ -152,7 +152,7 @@ class Query implements ControllerProviderInterface
         $explain .= '<br><div>' . $result->getDuration() . ' s</div>dans index ' . $result->getIndexes();
         $explain .= "</div>";
 
-        $infoResult = '<a href="#" class="infoDialog" infos="' . str_replace('"', '&quot;', $explain) . '">' . $app->trans('reponses:: %total% reponses', ['%total%' => $result->getTotal()]) . '</a> | ' . $app->trans('reponses:: %number% documents selectionnes', ['%number%' => '<span id="nbrecsel"></span>']);
+        $infoResult = '<a href="#" class="infoDialog" infos="' . str_replace('"', '&quot;', $explain) . '">' .$app->trans('%total% reponses', ['%total%' => '<span>'.$result->getTotal().'</span>']) . '</a>' . $app->trans('%number% documents<br/>selectionnes', ['%number%' => '<span id="nbrecsel"></span>']);
 
         $json['infos'] = $infoResult;
         $json['navigation'] = $string;
diff --git a/templates/web/prod/index.html.twig b/templates/web/prod/index.html.twig
index c223df5c3f..ae0faf1c56 100644
--- a/templates/web/prod/index.html.twig
+++ b/templates/web/prod/index.html.twig
@@ -468,6 +468,16 @@
                             </table>
                         </div>
                     </form>
+                    <div id="answers_status">
+                        <div class="infos">
+                            <span id="tool_results">
+
+                            </span>
+                        </div>
+                        <!--td class="navigation">
+                            <div id="tool_navigate"></div>
+                        </td-->
+                    </div>
                 </div>
 
                 <!--
@@ -711,22 +721,6 @@
                         });
                     </script>
                 </div>
-                <div id="answers_status" class="PNB">
-                    <table>
-                        <tr>
-                            <td class="infos">
-                                <a href="#" onclick="lookBox(this,event);return false;">{{ 'Preferences' | trans }} </a>
-                                |
-                                <span id="tool_results">
-
-                                </span>
-                            </td>
-                            <td class="navigation">
-                                <div id="tool_navigate"></div>
-                            </td>
-                        </tr>
-                    </table>
-                </div>
             </div>
         </div>
     </div>
diff --git a/www/skins/prod/000000/prodcolor.css b/www/skins/prod/000000/prodcolor.css
index 1a198f33cc..ba1e26db41 100644
--- a/www/skins/prod/000000/prodcolor.css
+++ b/www/skins/prod/000000/prodcolor.css
@@ -616,17 +616,12 @@ div.diapo {
 }
 
 #answers_status{
-    top: auto;
-    left: 10px;
-    right: 10px;
-    height: 30px;
-    overflow: hidden;
+    width: 200px;
+    float: right;
 }
 
 #answers_status table{
     width: 100%;
-    height: 20px;
-    margin: 5px 0;
 }
 
 #answers_status table tr{
@@ -638,10 +633,35 @@ div.diapo {
     text-align: right;
 }
 
-#answers_status table tr td.infos{
+#answers_status .infos {
     text-align: left;
+    line-height: 18px;
+    font-size: 11px;
+    color: #949494;
 }
 
+#answers_status .infos .infoDialog {
+    float: left;
+    color: #949494;
+    margin-top: 2px;
+    margin-right: 30px;
+}
+
+#answers_status .infos .infoDialog span {
+    font-size: 20px;
+    display: block;
+}
+
+#answers_status .infos #nbrecsel {
+    float: left;
+    font-size: 20px;
+    margin-right: 10px;
+    height: 30px;
+    line-height: 36px;
+    vertical-align: middle;
+}
+
+
 /******* POPOVERS *************************************************************/
 #tooltip .popover {
     background-color:inherit;