From 11035fe4a4f6d6edceecf26269f7ad177e304956 Mon Sep 17 00:00:00 2001
From: Filip Vilic <filip.t.vilic@gmail.com>
Date: Mon, 3 Sep 2018 10:01:04 +0200
Subject: [PATCH] PHRAS-2100_refactoring_list_manager modals UI

---
 .../actions/Feedback/List-Share.html.twig     | 52 ++++++++++---------
 .../prod/actions/Feedback/lists-all.html.twig |  2 +-
 2 files changed, 29 insertions(+), 25 deletions(-)

diff --git a/templates/web/prod/actions/Feedback/List-Share.html.twig b/templates/web/prod/actions/Feedback/List-Share.html.twig
index 393109bbcb..938cc9e77b 100644
--- a/templates/web/prod/actions/Feedback/List-Share.html.twig
+++ b/templates/web/prod/actions/Feedback/List-Share.html.twig
@@ -2,22 +2,24 @@
   {{ 'You are not authorized to do this' | trans }}
 {% else %}
   <div id="ListShare">
-    <div>
-      <h2 style="font-size:14px; margin-bottom:10px;"><b>{{ 'About Roles :' | trans }}</b></h2>
-      <p>
-        - {{ 'Admin can edit shares, modify content' | trans }}
-      </p>
-      <p>
-        - {{ 'Editor can modify content' | trans }}
-      </p>
-      <p>
-        - {{ 'Access user have readonly access' | trans }}
-      </p>
+    <div class="info-box-share-holder">
+      <img id="info-box-trigger" src="/assets/common/images/icons/info-grey.png" width="18" height="18">
+      <div id="info-box" style="display: none">
+          <p><b>{{ 'About Roles :' | trans }}</b></p>
+          <p>
+            - {{ 'Admin can edit shares, modify content' | trans }}
+          </p>
+          <p>
+            - {{ 'Editor can modify content' | trans }}
+          </p>
+          <p>
+            - {{ 'Access user have readonly access' | trans }}
+          </p>
+      </div>
     </div>
-    <div style="margin-top:10px;">
-      <form name="list_share_user">
-        <label for="use">{{ 'Find a user' | trans }} : </label>
-        <input type="text" class="search" name="user" value="" style="width:180px" />
+    <div>
+      <form name="list_share_user" class="list_share_user">
+        <input type="text" class="search" name="user" value="" placeholder="{{ 'Search for existing user' | trans }}"/>
       </form>
     </div>
     <div>
@@ -25,14 +27,16 @@
       {% for owner in list.getOwners() %}
         <table class="owner">
           <tr>
-            <td>
-              <img src="/assets/common/images/icons/user.png"/>
+            <td class="listmanager_badge_img">
+              <img src="/assets/common/images/icons/user-white.png" />
             </td>
-            <td style="width:150px;padding:5px;">
-              {{ owner.getUser().getDisplayName() }}
+            <td style="padding: 0 10px; font-size: 12px;">
+              <strong style="font-size:14px;">
+                {{ owner.getUser().getDisplayName() }}
+              </strong>
               <input type="hidden" name="usr_id" value="{{ owner.getUser().getId() }}" />
-            </td>
-            <td style="padding-right:10px;min-width:100px;">
+              <br>
+
               {% if app.getAuthenticatedUser().getId() == owner.getUser().getId() %}
                 {% if owner.getRole() == constant('Alchemy\\Phrasea\\Model\\Entities\\UsrListOwner::ROLE_ADMIN') %}
                   {{ 'You are Admin' | trans }}
@@ -53,9 +57,9 @@
               {% endif %}
             </td>
             <td style="width:15px">
-               {% if app.getAuthenticatedUser().getId() == owner.getUser().getId() %}
-                  <a href="#" class="deleter listmanager-share-delete-user-action" data-list-id="{{ list.getId() }}" data-user-id="{{ owner.getUser().getId() }}">
-                    <img src="/assets/prod/images/Push/close_badge.png" title="{{ 'Remove' | trans }}"/>
+               {% if app.getAuthenticatedUser().getId() != owner.getUser().getId() %}
+                  <a href="#" class="deleter listmanager-share-delete-user-action" style="color: #676767; font-size: 20px;" data-list-id="{{ list.getId() }}" data-user-id="{{ owner.getUser().getId() }}">
+                    &times;
                   </a>
                 {% endif %}
             </td>
diff --git a/templates/web/prod/actions/Feedback/lists-all.html.twig b/templates/web/prod/actions/Feedback/lists-all.html.twig
index 02b52fd0d1..bbbeead968 100644
--- a/templates/web/prod/actions/Feedback/lists-all.html.twig
+++ b/templates/web/prod/actions/Feedback/lists-all.html.twig
@@ -21,7 +21,7 @@
   </div>
   <ul class="lists">
     {% for list in lists %}
-      <li class="list lists_manager_list" style="padding:0;position:relative;">
+      <li class="list lists_manager_list" style="padding:0;position:relative;" data-list-id="{{  list.getId() }}">
         <a href="#" class="list_link list-edit-action" data-list-id="{{  list.getId() }}">
           {#{% if list.getOwner(app.getAuthenticatedUser()).getRole() >= constant('Alchemy\\Phrasea\\Model\\Entities\\UsrListOwner::ROLE_EDITOR') %}#}
             {#<img src="/assets/prod/images/Push/list-icon.png" />#}