Merge pull request #1812 from lostdalek/feature/externalProductionClient

Bump Phraseanet production client

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"
   }
 }

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>

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;