From 410727bcf0d87ec55e6ccbd147c444211c4fc417 Mon Sep 17 00:00:00 2001
From: Harrys Ravalomanana <hra@esokia-webagency.com>
Date: Mon, 1 Jun 2020 16:06:09 +0400
Subject: [PATCH 1/3] PHRAS-3111

---
 templates/web/prod/templates/upload.html.twig | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/templates/web/prod/templates/upload.html.twig b/templates/web/prod/templates/upload.html.twig
index b9acb1766a..b90a96f401 100644
--- a/templates/web/prod/templates/upload.html.twig
+++ b/templates/web/prod/templates/upload.html.twig
@@ -42,10 +42,10 @@
 </script>
 
 <script type="text/template" id="download_finish_tpl">
-<b><%= heading %></b>
+<b title="<% _.each(reasons, function(reason) { %>*<%= reason %><% }); %>"><%= heading %></b>
 <br />
 <% _.each(reasons, function(reason) { %>
-    <div>*<%= reason %></div>
+    <div class="hidden">*<%= reason %></div>
 <% }); %>
 </script>
 

From c67e0c02f2130e3447c7224e204888a9fe4865e0 Mon Sep 17 00:00:00 2001
From: Harrys Ravalomanana <hra@esokia-webagency.com>
Date: Mon, 1 Jun 2020 18:12:38 +0400
Subject: [PATCH 2/3] PHRAS-3111

---
 templates/web/prod/templates/upload.html.twig | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/templates/web/prod/templates/upload.html.twig b/templates/web/prod/templates/upload.html.twig
index b90a96f401..19b6608bf0 100644
--- a/templates/web/prod/templates/upload.html.twig
+++ b/templates/web/prod/templates/upload.html.twig
@@ -42,10 +42,19 @@
 </script>
 
 <script type="text/template" id="download_finish_tpl">
-<b title="<% _.each(reasons, function(reason) { %>*<%= reason %><% }); %>"><%= heading %></b>
+<b class="show_more_message" ><%= heading %></b>
 <br />
 <% _.each(reasons, function(reason) { %>
-    <div class="hidden">*<%= reason %></div>
+    <b class="hidden alert alert-error more-warning" role="alert" style="position: absolute">*<%= reason %></b>
 <% }); %>
 </script>
+<script>
+    $(document).on('mouseover','.show_more_message', function (e) {
+        $(this).parent().find('.more-warning').removeClass('hidden')
+    })
+    $(document).on('mouseout','.show_more_message',function (e) {
+        $(this).parent().find('.more-warning').addClass('hidden')
+    })
+
+</script>
 

From c34fe529608d699da5a1cdb4ad8459c29f58cdf1 Mon Sep 17 00:00:00 2001
From: Harrys Ravalomanana <hra@esokia-webagency.com>
Date: Mon, 1 Jun 2020 18:33:06 +0400
Subject: [PATCH 3/3] PHRAS-3113 Admin user replace icons

---
 .../www/common/images/icons/info-circle-green.svg  |  1 +
 .../www/common/images/icons/info-circle-grey.svg   |  1 +
 .../www/common/images/icons/info-circle-red.svg    |  1 +
 templates/web/admin/editusers.html.twig            | 14 +++++++-------
 4 files changed, 10 insertions(+), 7 deletions(-)
 create mode 100644 resources/www/common/images/icons/info-circle-green.svg
 create mode 100644 resources/www/common/images/icons/info-circle-grey.svg
 create mode 100644 resources/www/common/images/icons/info-circle-red.svg

diff --git a/resources/www/common/images/icons/info-circle-green.svg b/resources/www/common/images/icons/info-circle-green.svg
new file mode 100644
index 0000000000..e22a29406f
--- /dev/null
+++ b/resources/www/common/images/icons/info-circle-green.svg
@@ -0,0 +1 @@
+<svg fill="#3d8b3d" aria-hidden="true" focusable="false" data-prefix="far" data-icon="info-circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svg-inline--fa fa-info-circle fa-w-16 fa-3x"><path d="M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 448c-110.532 0-200-89.431-200-200 0-110.495 89.472-200 200-200 110.491 0 200 89.471 200 200 0 110.53-89.431 200-200 200zm0-338c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z" class=""></path></svg>
\ No newline at end of file
diff --git a/resources/www/common/images/icons/info-circle-grey.svg b/resources/www/common/images/icons/info-circle-grey.svg
new file mode 100644
index 0000000000..b3ad509b40
--- /dev/null
+++ b/resources/www/common/images/icons/info-circle-grey.svg
@@ -0,0 +1 @@
+<svg fill="#333333" aria-hidden="true" focusable="false" data-prefix="far" data-icon="info-circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svg-inline--fa fa-info-circle fa-w-16 fa-3x"><path d="M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 448c-110.532 0-200-89.431-200-200 0-110.495 89.472-200 200-200 110.491 0 200 89.471 200 200 0 110.53-89.431 200-200 200zm0-338c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z" class=""></path></svg>
\ No newline at end of file
diff --git a/resources/www/common/images/icons/info-circle-red.svg b/resources/www/common/images/icons/info-circle-red.svg
new file mode 100644
index 0000000000..95f5bde9ab
--- /dev/null
+++ b/resources/www/common/images/icons/info-circle-red.svg
@@ -0,0 +1 @@
+<svg fill="#da4f49" aria-hidden="true" focusable="false" data-prefix="far" data-icon="info-circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svg-inline--fa fa-info-circle fa-w-16 fa-3x"><path d="M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 448c-110.532 0-200-89.431-200-200 0-110.495 89.472-200 200-200 110.491 0 200 89.471 200 200 0 110.53-89.431 200-200 200zm0-338c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z" class=""></path></svg>
\ No newline at end of file
diff --git a/templates/web/admin/editusers.html.twig b/templates/web/admin/editusers.html.twig
index e83482ed26..be5512cbe0 100644
--- a/templates/web/admin/editusers.html.twig
+++ b/templates/web/admin/editusers.html.twig
@@ -203,7 +203,7 @@
                 </td>
                 <td class="users_col">
                   <div class="time_trigger time_sbas_{{rights['sbas_id']}}">
-                    <img src="/assets/common/images/icons/user_details_gray.png" />
+                    <img width="14" src="/assets/common/images/icons/info-circle-grey.svg" />
                     <input type="hidden" name="time_sbas_id" value="{{rights['sbas_id']}}"/>
                   </div>
                 </td>
@@ -336,9 +336,9 @@
                 <td class="users_col case_right_quota" title="{{ 'Set download quotas' | trans }}">
                   <div class="quota_trigger quota_{{rights['base_id']}} base_{{rights['base_id']}}">
                     {% if rights[constant('\\ACL::RESTRICT_DWNLD')] > 0 %}
-                    <img src="/assets/common/images/icons/user_details_on.png" />
+                    <img width="14" src="/assets/common/images/icons/info-circle-red.svg" />
                     {% else %}
-                    <img src="/assets/common/images/icons/user_details_off.png" />
+                    <img width="14" src="/assets/common/images/icons/info-circle-green.svg" />
                     {% endif %}
                     <input type="hidden" name="quota_base_id" value="{{rights['base_id']}}"/>
                   </div>
@@ -346,9 +346,9 @@
                 <td class="users_col case_right_time" title="{{ 'Set time restrictions' | trans }}">
                   <div class="time_trigger time_{{rights['base_id']}} base_{{rights['base_id']}}">
                     {% if rights['time_limited'] > 0 %}
-                    <img src="/assets/common/images/icons/user_details_on.png" />
+                      <img width="14" src="/assets/common/images/icons/info-circle-red.svg" />
                     {% else %}
-                    <img src="/assets/common/images/icons/user_details_off.png" />
+                      <img width="14" src="/assets/common/images/icons/info-circle-green.svg" />
                     {% endif %}
                     <input type="hidden" name="time_base_id" value="{{rights['base_id']}}"/>
                   </div>
@@ -356,9 +356,9 @@
                 <td class="users_col case_right_masks" title="{{ 'Set statuses restrictions' | trans }}">
                   <div class="masks_trigger quotatime_{{rights['base_id']}} base_{{rights['base_id']}}">
                     {% if rights['masks'] > 0 %}
-                    <img src="/assets/common/images/icons/user_details_on.png" />
+                      <img width="14" src="/assets/common/images/icons/info-circle-red.svg" />
                     {% else %}
-                    <img src="/assets/common/images/icons/user_details_off.png" />
+                      <img width="14" src="/assets/common/images/icons/info-circle-green.svg" />
                     {% endif %}
                     <input type="hidden" name="masks_base_id" value="{{rights['base_id']}}"/>
                   </div>