From 1f1c5f62c7322980ef60650d719d6efe2eeb4e1d Mon Sep 17 00:00:00 2001
From: stefanorigano <sri@odoo.com>
Date: Thu, 30 Nov 2017 14:43:59 +0100
Subject: [PATCH] [ADD] web: empty_states, add pictures

Add 3 pictures to illustrate empty states across several modules.
Width 120px,  variable height.
---
 .../static/src/img/empty_state_file_happy.svg | 44 +++++++++++++++++++
 .../src/img/empty_state_file_neutral.svg      | 41 +++++++++++++++++
 .../src/img/empty_state_folder_neutral.svg    | 15 +++++++
 3 files changed, 100 insertions(+)
 create mode 100644 addons/web/static/src/img/empty_state_file_happy.svg
 create mode 100644 addons/web/static/src/img/empty_state_file_neutral.svg
 create mode 100644 addons/web/static/src/img/empty_state_folder_neutral.svg

diff --git a/addons/web/static/src/img/empty_state_file_happy.svg b/addons/web/static/src/img/empty_state_file_happy.svg
new file mode 100644
index 00000000000..9aaa6ba0840
--- /dev/null
+++ b/addons/web/static/src/img/empty_state_file_happy.svg
@@ -0,0 +1,44 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="120" height="140" viewBox="0 0 120 140">
+    <defs>
+        <linearGradient id="empty_state_file_happy-c" x1="91.284%" x2="25.707%" y1="100%" y2="0%">
+            <stop offset="0%" stop-color="#875A7B"/>
+            <stop offset="100%" stop-color="#6B4862"/>
+        </linearGradient>
+        <circle id="empty_state_file_happy-b" cx="56" cy="76.614" r="56"/>
+        <filter id="empty_state_file_happy-a" width="112.5%" height="112.5%" x="-6.2%" y="-4.5%" filterUnits="objectBoundingBox">
+            <feOffset dy="2" in="SourceAlpha" result="shadowOffsetOuter1"/>
+            <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="2"/>
+            <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.106063179 0"/>
+        </filter>
+        <path id="empty_state_file_happy-d" d="M56,122.807018 C86.927946,122.807018 112,97.6721263 112,66.6666667 C112,59.6606665 112,37.4384443 112,0 L0,0 C0,23.774138 0,45.9963602 0,66.6666667 C0,97.6721263 25.072054,122.807018 56,122.807018 Z"/>
+        <path id="empty_state_file_happy-f" d="M22,6.01503759 L84.3146067,6.01503759 L100.5,22.556391 L100.5,114.829574 L100.5,114.829574 C100.5,124.218415 92.8888407,131.829574 83.5,131.829574 L31,131.829574 L31,131.829574 C21.6111593,131.829574 14,124.218415 14,114.829574 L14,14.0150376 L14,14.0150376 C14,9.5967596 17.581722,6.01503759 22,6.01503759 Z"/>
+    </defs>
+    <g fill="none" fill-rule="evenodd" transform="translate(4 2)">
+        <use fill="#000" filter="url(#empty_state_file_happy-a)" xlink:href="#empty_state_file_happy-b"/>
+        <use fill="url(#empty_state_file_happy-c)" xlink:href="#empty_state_file_happy-b"/>
+        <g transform="translate(0 10)">
+            <mask id="empty_state_file_happy-e" fill="#fff">
+                <use xlink:href="#empty_state_file_happy-d"/>
+            </mask>
+            <g mask="url(#empty_state_file_happy-e)">
+                <use fill="#FFF" xlink:href="#empty_state_file_happy-f"/>
+                <path stroke="#A1ACBA" stroke-width="2" d="M99.5,22.9642476 L83.8940075,7.01503759 L22,7.01503759 C18.1340068,7.01503759 15,10.1490443 15,14.0150376 L15,114.829574 C15,123.66613 22.163444,130.829574 31,130.829574 L83.5,130.829574 C92.336556,130.829574 99.5,123.66613 99.5,114.829574 L99.5,22.9642476 Z"/>
+            </g>
+            <path stroke="#A1ACBA" stroke-width="2" d="M84.8002454,27.5045043 C87.4060329,25.0223449 91.4154529,21.2660453 91.7879265,20.6269769 C92.0921888,20.1049414 92.2011803,19.5697888 92.2011803,18.5540391 C92.2011803,17.9213416 92.0599129,17.3140076 91.7659798,16.6778758 C91.2745815,15.6143886 90.3683274,14.4694369 88.765383,12.8381982 C88.2386259,12.302143 86.3189539,10.4445628 84.8002454,8.96835098 L84.8002454,27.5045043 Z" mask="url(#empty_state_file_happy-e)" transform="rotate(135 88.5 18.226)"/>
+            <g fill="#000" mask="url(#empty_state_file_happy-e)" opacity=".07">
+                <g transform="translate(23 81)">
+                    <rect width="46.716" height="6.214"/>
+                    <rect width="68.812" height="6.214" y="8.7"/>
+                    <rect width="42.297" height="6.214" y="20.506"/>
+                    <rect width="52.398" height="6.214" y="31.07"/>
+                </g>
+            </g>
+        </g>
+        <path stroke="#A1ACBA" stroke-linecap="round" stroke-width="2" d="M13 14L4 5M18 9L18 0M1 20L10 20"/>
+        <g transform="translate(28.491 43.21)">
+            <path stroke="#A1ACBA" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11.5087719,17.7894737 C28.0087719,26.7894737 44.5087719,17.7894737 44.5087719,17.7894737"/>
+            <circle cx="48.009" cy="5.289" r="3.5" fill="#A1ACBA"/>
+            <circle cx="8.009" cy="5.289" r="3.5" fill="#A1ACBA"/>
+        </g>
+    </g>
+</svg>
diff --git a/addons/web/static/src/img/empty_state_file_neutral.svg b/addons/web/static/src/img/empty_state_file_neutral.svg
new file mode 100644
index 00000000000..8ead42fee13
--- /dev/null
+++ b/addons/web/static/src/img/empty_state_file_neutral.svg
@@ -0,0 +1,41 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="120" height="140" viewBox="0 0 120 140">
+    <defs>
+        <linearGradient id="empty_state_file_neutral-c" x1="91.284%" x2="25.707%" y1="100%" y2="0%">
+            <stop offset="0%" stop-color="#875A7B"/>
+            <stop offset="100%" stop-color="#6B4862"/>
+        </linearGradient>
+        <circle id="empty_state_file_neutral-b" cx="56" cy="66.614" r="56"/>
+        <filter id="empty_state_file_neutral-a" width="112.5%" height="112.5%" x="-6.2%" y="-4.5%" filterUnits="objectBoundingBox">
+            <feOffset dy="2" in="SourceAlpha" result="shadowOffsetOuter1"/>
+            <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="2"/>
+            <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.106063179 0"/>
+        </filter>
+        <path id="empty_state_file_neutral-d" d="M56,122.807018 C86.927946,122.807018 112,97.6721263 112,66.6666667 C112,59.6606665 112,37.4384443 112,0 L0,0 C0,23.774138 0,45.9963602 0,66.6666667 C0,97.6721263 25.072054,122.807018 56,122.807018 Z"/>
+        <path id="empty_state_file_neutral-f" d="M22,6.01503759 L84.3146067,6.01503759 L100.5,22.556391 L100.5,114.829574 L100.5,114.829574 C100.5,124.218415 92.8888407,131.829574 83.5,131.829574 L31,131.829574 L31,131.829574 C21.6111593,131.829574 14,124.218415 14,114.829574 L14,14.0150376 L14,14.0150376 C14,9.5967596 17.581722,6.01503759 22,6.01503759 Z"/>
+    </defs>
+    <g fill="none" fill-rule="evenodd" transform="translate(4 12)">
+        <use fill="#000" filter="url(#empty_state_file_neutral-a)" xlink:href="#empty_state_file_neutral-b"/>
+        <use fill="url(#empty_state_file_neutral-c)" xlink:href="#empty_state_file_neutral-b"/>
+        <mask id="empty_state_file_neutral-e" fill="#fff">
+            <use xlink:href="#empty_state_file_neutral-d"/>
+        </mask>
+        <g mask="url(#empty_state_file_neutral-e)">
+            <use fill="#FFF" xlink:href="#empty_state_file_neutral-f"/>
+            <path stroke="#A1ACBA" stroke-width="2" d="M99.5,22.9642476 L83.8940075,7.01503759 L22,7.01503759 C18.1340068,7.01503759 15,10.1490443 15,14.0150376 L15,114.829574 C15,123.66613 22.163444,130.829574 31,130.829574 L83.5,130.829574 C92.336556,130.829574 99.5,123.66613 99.5,114.829574 L99.5,22.9642476 Z"/>
+        </g>
+        <path stroke="#A1ACBA" stroke-width="2" d="M84.8002454,27.5045043 C87.4060329,25.0223449 91.4154529,21.2660453 91.7879265,20.6269769 C92.0921888,20.1049414 92.2011803,19.5697888 92.2011803,18.5540391 C92.2011803,17.9213416 92.0599129,17.3140076 91.7659798,16.6778758 C91.2745815,15.6143886 90.3683274,14.4694369 88.765383,12.8381982 C88.2386259,12.302143 86.3189539,10.4445628 84.8002454,8.96835098 L84.8002454,27.5045043 Z" mask="url(#empty_state_file_neutral-e)" transform="rotate(135 88.5 18.226)"/>
+        <g fill="#000" mask="url(#empty_state_file_neutral-e)" opacity=".07">
+            <g transform="translate(23 81)">
+                <rect width="46.716" height="6.214"/>
+                <rect width="68.812" height="6.214" y="8.7"/>
+                <rect width="42.297" height="6.214" y="20.506"/>
+                <rect width="52.398" height="6.214" y="31.07"/>
+            </g>
+        </g>
+        <g transform="translate(33 35)">
+            <path stroke="#A1ACBA" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16,16 L32,16"/>
+            <circle cx="43.5" cy="3.5" r="3.5" fill="#A1ACBA"/>
+            <circle cx="3.5" cy="3.5" r="3.5" fill="#A1ACBA"/>
+        </g>
+    </g>
+</svg>
diff --git a/addons/web/static/src/img/empty_state_folder_neutral.svg b/addons/web/static/src/img/empty_state_folder_neutral.svg
new file mode 100644
index 00000000000..a770048e9c1
--- /dev/null
+++ b/addons/web/static/src/img/empty_state_folder_neutral.svg
@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="120" height="80" viewBox="0 0 120 80">
+    <defs>
+        <path id="empty_state_folder_neutral-a" d="M8.15133853,2.03266494 C15.1181646,2.07103942 20.2457522,2.09022666 23.5341013,2.09022666 C29.2880727,2.67246326 31.6934027,7.69959307 33.3118113,7.80266168 C34.3319796,7.86763127 55.9931747,7.87117022 98.2953965,7.81327853 L98.2953964,7.81327383 C102.520257,7.807492 106.021314,11.0879351 106.290138,15.3042382 L109.872507,71.4909675 L109.872507,71.4909675 C110.153638,75.9002923 106.807075,79.702658 102.39775,79.9837889 C102.228288,79.9945936 102.058524,80 101.888718,80 L13.5914116,80 L13.5914116,80 C9.44645322,80 5.98795974,76.8340666 5.62255795,72.7052458 L0.138420204,10.7377836 L0.138425901,10.7377831 C-0.251070308,6.33670994 3.00095538,2.45318612 7.40202857,2.06368991 C7.65117622,2.04164028 7.90122088,2.03128725 8.15133853,2.03266494 Z"/>
+    </defs>
+    <g fill="none" fill-rule="evenodd" transform="translate(3)">
+        <path fill="#B3BCC7" d="M20.1061947,5.31888761e-15 L105.008552,1.77197836e-15 L105.008552,0 C109.42683,7.03681384e-15 113.008552,3.581722 113.008552,8 C113.008552,8.11162646 113.006216,8.2232407 113.001545,8.33476939 L110.401302,70.4184617 L110.401302,70.4184617 C110.177003,75.7738465 105.770141,80 100.410062,80 L20.1061947,80 L20.1061947,80 C15.6879167,80 12.1061947,76.418278 12.1061947,72 L12.1061947,8 L12.1061947,8 C12.1061947,3.581722 15.6879167,7.91705186e-15 20.1061947,7.10542736e-15 Z"/>
+        <use fill="#FFF" xlink:href="#empty_state_folder_neutral-a"/>
+        <path stroke="#A1ACBA" stroke-width="3" d="M23.4555754,3.59022305 C20.1610327,3.58992152 15.0572634,3.57072672 8.1430764,3.53264218 C7.93985584,3.53152281 7.73669459,3.53993465 7.53426216,3.55784997 C3.95839117,3.87431556 1.31611928,7.0296783 1.63258026,10.6055501 L7.116718,72.5730122 C7.41360697,75.9276791 10.2236329,78.5 13.5914116,78.5 L101.888718,78.5 C102.026686,78.5 102.164618,78.4956073 102.302307,78.4868285 C105.884883,78.2584097 108.603965,75.1689875 108.375546,71.5864111 L104.793178,15.3996818 C104.574758,11.9739347 101.730149,9.30857557 98.2974492,9.31327712 C55.6656382,9.37161987 34.2920624,9.36812791 33.2164767,9.29962905 C32.3616761,9.24519094 31.7375671,8.8327866 30.8076334,7.9722604 C30.6692793,7.84423259 30.5265129,7.70839026 30.3298961,7.5186795 C30.3687585,7.55617688 29.9525337,7.1536949 29.8359231,7.0418405 C29.4258229,6.64846677 29.1003118,6.34929572 28.7622926,6.06082094 C27.0951648,4.638049 25.4566062,3.80833453 23.4555754,3.59022305 Z"/>
+        <g transform="translate(31 30)">
+            <circle cx="3.5" cy="3.5" r="3.5" fill="#A1ACBA"/>
+            <circle cx="42.5" cy="3.5" r="3.5" fill="#A1ACBA"/>
+            <path stroke="#A1ACBA" stroke-linecap="round" stroke-width="2" d="M15,19 L32,19"/>
+        </g>
+    </g>
+</svg>