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