diff --git a/app/modules/home/projects/list.jade b/app/modules/home/projects/list.jade index a2d99f10..9c69d948 100644 --- a/app/modules/home/projects/list.jade +++ b/app/modules/home/projects/list.jade @@ -1,4 +1,4 @@ -ul.home-project-list +ul.home-project-list(ng-show="vm.projects.length") li.home-project-list-single(tg-bind-scope, ng-repeat="project in vm.projects.all") a(href="#", tg-nav="project:project=project.slug") h2.home-project-list-single-title @@ -7,4 +7,14 @@ ul.home-project-list include ../../../svg/lock.svg p {{ ::project.description | limitTo:150 }} span(ng-if="::project.description.length > 150") ... -a.see-more-projects-btn.button-gray(href="#", tg-nav="projects", title="{{'PROJECT.NAVIGATION.SEE_MORE_PROJECTS' | translate}}", translate="PROJECT.NAVIGATION.SEE_MORE_PROJECTS") +a.see-more-projects-btn.button-gray(ng-show="vm.projects.length", href="#", tg-nav="projects", title="{{'PROJECT.NAVIGATION.SEE_MORE_PROJECTS' | translate}}", translate="PROJECT.NAVIGATION.SEE_MORE_PROJECTS") +section.projects-empty(ng-hide="vm.projects.length") + include ../../../svg/empty-project.svg + p You don't have any projects yet + a.create-project-btn.button-green( + href="#", + ng-click="vm.newProject()", + title="{{'PROJECT.NAVIGATION.ACTION_CREATE_PROJECT' | translate}}", + translate="PROJECT.NAVIGATION.ACTION_CREATE_PROJECT") + + diff --git a/app/modules/home/projects/styles/list.scss b/app/modules/home/projects/styles/list.scss index 64d0c401..50909a97 100644 --- a/app/modules/home/projects/styles/list.scss +++ b/app/modules/home/projects/styles/list.scss @@ -50,3 +50,22 @@ transition: color .3s linear; } } + +.projects-empty { + text-align: center; + svg { + height: 100px; + margin: 1rem auto; + text-align: center; + width: 100%; + path { + fill: $whitish; + } + } + p { + @extend %small; + } + .create-project-btn { + display: block; + } +} diff --git a/app/svg/empty-project.svg b/app/svg/empty-project.svg new file mode 100644 index 00000000..fdc92148 --- /dev/null +++ b/app/svg/empty-project.svg @@ -0,0 +1,7 @@ + + + + + + +