From f857ae3841ffe0d92fc620c8ef215de1e1890a34 Mon Sep 17 00:00:00 2001
From: Lars Jung <lrsjng@gmail.com>
Date: Mon, 30 Mar 2015 21:59:44 +0200
Subject: [PATCH] Update sidebar toggle.

---
 src/_h5ai/client/images/ui/back.svg     | 3 +++
 src/_h5ai/client/images/ui/info.svg     | 3 +++
 src/_h5ai/client/js/inc/view/sidebar.js | 5 ++++-
 3 files changed, 10 insertions(+), 1 deletion(-)
 create mode 100644 src/_h5ai/client/images/ui/back.svg
 create mode 100644 src/_h5ai/client/images/ui/info.svg

diff --git a/src/_h5ai/client/images/ui/back.svg b/src/_h5ai/client/images/ui/back.svg
new file mode 100644
index 00000000..3275e210
--- /dev/null
+++ b/src/_h5ai/client/images/ui/back.svg
@@ -0,0 +1,3 @@
+<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" version="1.1">
+  <path d="M20 11h-12.17l5.59-5.59-1.42-1.41-8 8 8 8 1.41-1.41-5.58-5.59h12.17v-2z" fill="#555"/>
+</svg>
\ No newline at end of file
diff --git a/src/_h5ai/client/images/ui/info.svg b/src/_h5ai/client/images/ui/info.svg
new file mode 100644
index 00000000..ebc0e5c5
--- /dev/null
+++ b/src/_h5ai/client/images/ui/info.svg
@@ -0,0 +1,3 @@
+<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" width="24" height="24" version="1.1">
+  <path d="M 12 2 C 6.48 2 2 6.48 2 12 C 2 17.52 6.48 22 12 22 C 17.52 22 22 17.52 22 12 C 22 6.48 17.52 2 12 2 z M 11 7 L 13 7 L 13 9 L 11 9 L 11 7 z M 11 11 L 13 11 L 13 17 L 11 17 L 11 11 z" fill="#555"/>
+</svg>
\ No newline at end of file
diff --git a/src/_h5ai/client/js/inc/view/sidebar.js b/src/_h5ai/client/js/inc/view/sidebar.js
index 3cf27012..bb8bdbc6 100644
--- a/src/_h5ai/client/js/inc/view/sidebar.js
+++ b/src/_h5ai/client/js/inc/view/sidebar.js
@@ -3,13 +3,14 @@ modulejs.define('view/sidebar', ['$', 'core/resource', 'core/store'], function (
     var storekey = 'sidebarIsVisible';
     var toggleTemplate =
             '<div id="sidebar-toggle" class="tool">' +
-                '<img src="' + resource.image('settings') + '" alt="settings"/>' +
+                '<img alt="settings"/>' +
             '</div>';
 
 
     function update(toggle) {
 
         var $toggle = $('#sidebar-toggle');
+        var $img = $toggle.find('img');
         var $sidebar = $('#sidebar');
         var isVisible = store.get(storekey);
 
@@ -20,9 +21,11 @@ modulejs.define('view/sidebar', ['$', 'core/resource', 'core/store'], function (
 
         if (isVisible) {
             $toggle.addClass('current');
+            $img.attr('src', resource.image('back'));
             $sidebar.show();
         } else {
             $toggle.removeClass('current');
+            $img.attr('src', resource.image('settings'));
             $sidebar.hide();
         }
     }