From 1c76e2c3f536a2662a00bb6eb4b350ee1774d3ef Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Xavier=20Juli=C3=A1n?= <xavier.julian@kaleidos.net>
Date: Thu, 28 May 2015 08:33:57 +0200
Subject: [PATCH] Add loading in profile tabs

---
 .../profile/profile-contacts/profile-contacts.jade       | 3 ++-
 .../profile/profile-projects/profile-projects.jade       | 3 ++-
 app/modules/profile/profile.scss                         | 9 +++++++++
 .../user-timeline/user-timeline/user-timeline.jade       | 3 ++-
 4 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/app/modules/profile/profile-contacts/profile-contacts.jade b/app/modules/profile/profile-contacts/profile-contacts.jade
index 636c031d..eda0a675 100644
--- a/app/modules/profile/profile-contacts/profile-contacts.jade
+++ b/app/modules/profile/profile-contacts/profile-contacts.jade
@@ -1,6 +1,7 @@
 section.profile-contacts
     div(ng-if="!vm.contacts.size")
-        p Loading... (TODO)
+        div.spin
+            img(src="/svg/spinner-circle.svg", alt="Loading...")
     // nav.profile-contact-filters
     //     a.active(href="", title="No Filter") all
     //     a(href="", title="Only show your team") team
diff --git a/app/modules/profile/profile-projects/profile-projects.jade b/app/modules/profile/profile-projects/profile-projects.jade
index 5251bda3..d3f38bcd 100644
--- a/app/modules/profile/profile-projects/profile-projects.jade
+++ b/app/modules/profile/profile-projects/profile-projects.jade
@@ -1,6 +1,7 @@
 section.profile-projects
     div(ng-if="!vm.projects.size")
-        p Loading... (TODO)
+         div.spin
+            img(src="/svg/spinner-circle.svg", alt="Loading...")
 
     div.project-list-single(tg-repeat="project in vm.projects")
         div.project-list-single-left
diff --git a/app/modules/profile/profile.scss b/app/modules/profile/profile.scss
index cc133829..62b1d1bf 100644
--- a/app/modules/profile/profile.scss
+++ b/app/modules/profile/profile.scss
@@ -24,6 +24,15 @@
                 padding-top: .5vh;
             }
         }
+        .spin {
+            margin: 10% auto;
+            width: 3rem;
+            img {
+                @extend %loading-spinner;
+                max-height: 3rem;
+                max-width: 3rem;
+            }
+        }
     }
     .profile-sidebar {
         flex-basis: 150px;
diff --git a/app/modules/user-timeline/user-timeline/user-timeline.jade b/app/modules/user-timeline/user-timeline/user-timeline.jade
index dc8e2ab6..c4ebca16 100644
--- a/app/modules/user-timeline/user-timeline/user-timeline.jade
+++ b/app/modules/user-timeline/user-timeline/user-timeline.jade
@@ -1,6 +1,7 @@
 section.profile-timeline
     div(ng-if="!vm.timelineList.size")
-        p Loading... (TODO)
+         div.spin
+            img(src="/svg/spinner-circle.svg", alt="Loading...")
 
     div(infinite-scroll="vm.loadTimeline()", infinite-scroll-distance="3", infinite-scroll-disabled="vm.scrollDisabled")
         div(tg-repeat="timeline in vm.timelineList", tg-user-timeline-item="timeline")