From f17642f0575c4f9dda6ef137fba0077b3150a5d0 Mon Sep 17 00:00:00 2001
From: Andrey Antukh <niwi@niwi.nz>
Date: Mon, 24 Oct 2016 22:15:56 +0200
Subject: [PATCH] Add uploading spinner for images page in dashboard.

---
 src/uxbox/main/ui/dashboard/images.cljs | 27 ++++++++++++++++---------
 1 file changed, 17 insertions(+), 10 deletions(-)

diff --git a/src/uxbox/main/ui/dashboard/images.cljs b/src/uxbox/main/ui/dashboard/images.cljs
index 52b02ef4f..24e9abb00 100644
--- a/src/uxbox/main/ui/dashboard/images.cljs
+++ b/src/uxbox/main/ui/dashboard/images.cljs
@@ -59,6 +59,10 @@
   (-> (l/key :images-by-id)
       (l/derive st/state)))
 
+(def ^:private uploading?-ref
+  (-> (l/key :uploading)
+      (l/derive dashboard-ref)))
+
 ;; --- Page Title
 
 (mx/defcs page-title
@@ -185,22 +189,25 @@
 ;; --- Grid
 
 (mx/defcs grid-form
-  {:mixins [mx/static]}
+  {:mixins [mx/static mx/reactive]}
   [own coll-id]
   (letfn [(forward-click [event]
             (dom/click (mx/ref-node own "file-input")))
           (on-file-selected [event]
             (let [files (dom/get-event-files event)]
               (rs/emit! (di/create-images coll-id files))))]
-    [:div.grid-item.add-project {:on-click forward-click}
-     [:span "+ New image"]
-     [:input.upload-image-input
-      {:style {:display "none"}
-       :multiple true
-       :ref "file-input"
-       :value ""
-       :type "file"
-       :on-change on-file-selected}]]))
+    (let [uploading? (mx/react uploading?-ref)]
+      [:div.grid-item.add-project {:on-click forward-click}
+       (if uploading?
+         [:div i/loader-pencil]
+         [:span "+ New image"])
+       [:input.upload-image-input
+        {:style {:display "none"}
+         :multiple true
+         :ref "file-input"
+         :value ""
+         :type "file"
+         :on-change on-file-selected}]])))
 
 (mx/defc grid-options-copy
   {:mixins [mx/reactive mx/static]}