taiga
/
taiga-front
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add loading in profile tabs

stable
Xavier Julián 2015-05-28 08:33:57 +02:00 committed by Juanfran
parent 14b8e5c264
commit 1c76e2c3f5
4 changed files with 15 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
app/modules/profile/profile-contacts/profile-contacts.jade
View File

@ -1,6 +1,7 @@
section.profile-contacts section.profile-contacts
div(ng-if="!vm.contacts.size") div(ng-if="!vm.contacts.size")
p Loading... (TODO) div.spin
img(src="/svg/spinner-circle.svg", alt="Loading...")
// nav.profile-contact-filters // nav.profile-contact-filters
// a.active(href="", title="No Filter") all // a.active(href="", title="No Filter") all
// a(href="", title="Only show your team") team // a(href="", title="Only show your team") team

3
app/modules/profile/profile-projects/profile-projects.jade
View File

@ -1,6 +1,7 @@
section.profile-projects section.profile-projects
div(ng-if="!vm.projects.size") 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(tg-repeat="project in vm.projects")
div.project-list-single-left div.project-list-single-left

9
app/modules/profile/profile.scss
View File

@ -24,6 +24,15 @@
padding-top: .5vh; padding-top: .5vh;
} }
} }
.spin {
margin: 10% auto;
width: 3rem;
img {
@extend %loading-spinner;
max-height: 3rem;
max-width: 3rem;
}
}
} }
.profile-sidebar { .profile-sidebar {
flex-basis: 150px; flex-basis: 150px;

3
app/modules/user-timeline/user-timeline/user-timeline.jade
View File

@ -1,6 +1,7 @@
section.profile-timeline section.profile-timeline
div(ng-if="!vm.timelineList.size") 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(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") div(tg-repeat="timeline in vm.timelineList", tg-user-timeline-item="timeline")