From 97c622005557b8c8e595c571b37abace37f9f113 Mon Sep 17 00:00:00 2001
From: Florian BLOUET <florian.blouet@gmail.com>
Date: Fri, 15 Apr 2016 14:21:28 +0200
Subject: [PATCH] Bump Phraseanet production client - misc fixes - update
 loading animation

---
 package.json                                     | 2 +-
 resources/www/common/images/icons/loading.svg    | 6 ++++++
 resources/www/prod/skins/000000/skin-000000.scss | 4 ++--
 3 files changed, 9 insertions(+), 3 deletions(-)
 create mode 100644 resources/www/common/images/icons/loading.svg

diff --git a/package.json b/package.json
index f97a3ac59a..e050f37b8a 100644
--- a/package.json
+++ b/package.json
@@ -33,6 +33,6 @@
     "postinstall": "./node_modules/.bin/gulp install;"
   },
   "dependencies": {
-    "phraseanet-production-client": "~0.16.2"
+    "phraseanet-production-client": "~0.17.0"
   }
 }
diff --git a/resources/www/common/images/icons/loading.svg b/resources/www/common/images/icons/loading.svg
new file mode 100644
index 0000000000..51cd6e71d4
--- /dev/null
+++ b/resources/www/common/images/icons/loading.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32" fill="#3FAB8F" class="circular-loader">
+    <path opacity=".25" d="M16 0 A16 16 0 0 0 16 32 A16 16 0 0 0 16 0 M16 4 A12 12 0 0 1 16 28 A12 12 0 0 1 16 4"/>
+    <path d="M16 0 A16 16 0 0 1 32 16 L28 16 A12 12 0 0 0 16 4z" class="loader-path">
+        <animateTransform attributeName="transform" type="rotate" from="0 16 16" to="360 16 16" dur="0.8s" repeatCount="indefinite" />
+    </path>
+</svg>
diff --git a/resources/www/prod/skins/000000/skin-000000.scss b/resources/www/prod/skins/000000/skin-000000.scss
index dc60c02f8a..60e83d915a 100644
--- a/resources/www/prod/skins/000000/skin-000000.scss
+++ b/resources/www/prod/skins/000000/skin-000000.scss
@@ -99,7 +99,7 @@ $editTextMultiValueHighlightBg: #222222;
 $preferencesLabelColor: #999999;
 
 $activeStateIcon: 'ui-icons_cccccc_256x240.png';
-$accordionLoaderImg: 'loader-white.gif';
+$accordionLoaderImg: 'loading.svg';
 $accordionBgHeaderHover: #474747;
 
 $inputButtonHoverColor: #FEFEFE;
@@ -113,7 +113,7 @@ $overlayBg: #111111;
 
 $tabsNavBg: #666666;
 $tabsNavBgActive: $mediumBackgroundColor;
-$contentLoaderImg: 'loader-white.gif';
+$contentLoaderImg: 'loading.svg';
 
 $btnBackground: #f2f2f2;
 $btnBackgroundHighlight: #D6D6D6;