From 366c48673397dc537de4a6d209df5a17354fd0c0 Mon Sep 17 00:00:00 2001
From: Harrys Ravalomanana <hra@esokia.com>
Date: Wed, 7 Aug 2019 16:43:53 +0400
Subject: [PATCH] PHRAS-2282 #comment add new design #time 24h

---
 .../prod/WorkZone/Browser/Browser.html.twig   |  6 ++--
 .../prod/WorkZone/Browser/Results.html.twig   | 32 ++++++-------------
 2 files changed, 12 insertions(+), 26 deletions(-)

diff --git a/templates/web/prod/WorkZone/Browser/Browser.html.twig b/templates/web/prod/WorkZone/Browser/Browser.html.twig
index 7ba9370ec7..ce831a2b42 100644
--- a/templates/web/prod/WorkZone/Browser/Browser.html.twig
+++ b/templates/web/prod/WorkZone/Browser/Browser.html.twig
@@ -1,7 +1,7 @@
 
-<div class="PNB" id="BasketBrowser">
+<div class="PNB BasketBrowser" id="BasketBrowser">
   <div class="PNB10 Browser">
-    <div class="PNB10" style="width:190px;right:auto;">
+    <div class="PNB10 leftBrowser">
       <form name="BasketBrowser" method="GET" action="{{ path('prod_workzone_search') }}">
         <input name="Query" class="Query search" placeholder="{{ 'Search baskets' | trans }}" type="text"/>
 
@@ -78,7 +78,7 @@
       </form>
 
     </div>
-    <div class="PNB results" style="left:220px;">
+    <div class="PNB results rightBrowser">
     </div>
   </div>
   <div class="PNB10 Basket">
diff --git a/templates/web/prod/WorkZone/Browser/Results.html.twig b/templates/web/prod/WorkZone/Browser/Results.html.twig
index 47ba7802dd..71e43ef98c 100644
--- a/templates/web/prod/WorkZone/Browser/Results.html.twig
+++ b/templates/web/prod/WorkZone/Browser/Results.html.twig
@@ -7,24 +7,9 @@
         {% if Total == 0 %}
           {{ 'No results' | trans }}
         {% elseif Total == 1 %}
-          {{ '1 result' | trans }}
+          {{ 'Result' | trans }}
         {% else %}
-          {% trans with {'%Total%' : Total} %}%Total% results{% endtrans %}
-        {% endif %}
-      </td>
-      <td class="paginator">
-        {% if Page - 1  > 0 %}
-        <a href="{{ path('prod_workzone_search', { 'Query' : Query, 'Year' : Year, 'Type' : Type, 'Page' : (Page - 1) }) }}" class="result">
-          <img src="/assets/prod/images/Basket/Browser/left.png" />
-        </a>
-        {% endif %}
-        <span>
-          Page {{ Page }} / {{ MaxPage }}
-        </span>
-        {% if Page + 1  <= MaxPage %}
-        <a href="{{ path('prod_workzone_search', { 'Query' : Query, 'Year' : Year, 'Type' : Type, 'Page' : (Page + 1) }) }}" class="result">
-          <img src="/assets/prod/images/Basket/Browser/right.png" />
-        </a>
+            {{ 'Results' | trans }}
         {% endif %}
       </td>
     </tr>
@@ -35,18 +20,16 @@
   {% for Basket in Baskets %}
     <div class="result {% if loop.index is odd %}odd{% endif %}">
       <a href="{{ path('basket_delete', {basket: Basket.getId()}) }}" class="delete-basket close" title="{% trans %}Delete basket{% endtrans %}" style="color:#fff;padding:2px">×</a>
-      <div class="PNB10" style="right:15px;">
+      <div class="PNB10 rightBrowserInner">
         <table>
           <tr>
             <td class="thumbnail">
               {% set BasketElement = Basket.getElements().first() %}
               {% if BasketElement %}
-                {{thumbnail.format(BasketElement.getRecord(app).get_thumbnail(), 80, 80, '', true, false)}}
+                {{thumbnail.format(BasketElement.getRecord(app).get_thumbnail(), 150, 106, '', true, false)}}
               {% endif %}
-              <div class="counter">
-                 {{ Basket.getElements().count() }}
-              </div>
             </td>
+            <td class="" width="12" style="font-size: 0">&nbsp;</td>
             <td class="content">
               <h1 class="title">
                 <img class="loader" src="/assets/prod/images/Basket/Browser/loader.gif" />
@@ -64,9 +47,12 @@
                 {% endif %}
                 <a class="basket_link" href="{{ path('prod_workzone_basket', { basket : Basket.getId() }) }}">
                   {{ Basket.getName() }}
-                </a>
+                <br><span class="basketCount">
+                        {{ Basket.getElements().count() }} {{ ' records' }}
+                  </span></a>
               </h1>
 
+
               {% if Basket.getPusher() %}
               <p>
                 {% set user_name = '<a href="/user/' ~ Basket.getPusher().get_id() ~ '/" tooltipsrc="' ~ path('prod_tooltip_user', { 'usr_id' : Basket.getPusher(app).getId() }) ~ '" class="UserTips">' ~ Basket.getPusher(app).get_display_name() ~ '</a>' %}