User logged home placeholders

app/locales/locale-en.json

@@ -328,6 +328,7 @@
     "HOME": {
         "PAGE_TITLE": "Home - Taiga",
         "PAGE_DESCRIPTION": "The Taiga home page with your main projects and all your assigned and watched user stories, tasks and issues",
+        "EMPTY_WORKING_ON": "<strong>It feels empty, doesn't it?</strong> Start working with Taiga and you'll see here the stories, tasks and issues you are workin on.",
         "EMPTY_WATCHING": "<strong>Follow</strong> the projects, User Stories, Tasks, Issues... that you want to know about :)",
         "EMPTY_PROJECT_LIST": "You don't have any projects yet",
         "WORKING_ON_SECTION": "Working on",

app/modules/external-apps/external-app.controller.coffee

@@ -12,8 +12,8 @@ class ExternalAppController extends taiga.Controller
         "tgLoader"
     ]
 
-    constructor: (@routeParams, @externalAppsService, @window, @currentUserService, @location,
-    @navUrls, @xhrError, @loader) ->
+    constructor: (@routeParams, @externalAppsService, @window, @currentUserService, @location, @navUrls,
+    @xhrError, @loader) ->
         @loader.start(false)
         @._applicationId = @routeParams.application
         @._state = @routeParams.state

app/modules/home/duties/duty.scss

@@ -58,18 +58,3 @@
         margin: 2rem 30%;
     }
 }
-.watching-empty {
-    padding: 5vh;
-    text-align: center;
-    svg {
-        margin: 2rem auto;
-        max-width: 160px;
-        text-align: center;
-        path {
-            fill: $whitish;
-        }
-    }
-    p {
-        @extend %small;
-    }
-}

app/modules/home/projects/home-project-list.scss

@@ -63,6 +63,7 @@
     }
     p {
         @extend %small;
+        @extend %light;
     }
     .create-project-button {
         display: block;

app/modules/home/working-on/empty.jade

@@ -0,0 +1,6 @@
+- for (var x = 0; x < 2; x++)
+    .empty-ticket
+        .avatar
+        .data
+            .line
+            .line

app/modules/home/working-on/empty.scss

@@ -0,0 +1,42 @@
+.working-on-empty,
+.watching-empty {
+    margin-bottom: 4rem;
+    p {
+        @extend %light;
+        margin: 1rem 0 0;
+    }
+}
+
+.empty-ticket {
+    display: flex;
+    &:not(:last-child) {
+        border-bottom: 1px solid $whitish;
+        padding: 1rem 0;
+    }
+    &:last-child {
+        padding: 1rem 0 0;
+    }
+    .avatar {
+        background: darken($whitish, 5%);
+        flex-basis: 48px;
+        height: 48px;
+        margin-right: 1rem;
+        width: 48px;
+    }
+
+    .data {
+        display: flex;
+        flex-direction: column;
+    }
+
+    .line {
+        background: $whitish;
+        height: 1rem;
+        margin-bottom: 1rem;
+        width: 40vw;
+        &:last-child {
+            margin: 0;
+            width: 20vw;
+        }
+    }
+}

app/modules/home/working-on/working-on.jade

@@ -1,12 +1,17 @@
-div.title-bar.working-on-title(ng-show="vm.assignedTo.size", translate="HOME.WORKING_ON_SECTION")
+div.title-bar.working-on-title(translate="HOME.WORKING_ON_SECTION")
+
 section.working-on(ng-show="vm.assignedTo.size")
     div.duty-single(tg-duty="duty", tg-repeat="duty in vm.assignedTo", ng-class="{blocked: duty.is_blocked}")
 
-div.title-bar.watching-title(translate="HOME.WATCHING_SECTION")
+section.working-on-empty(ng-show="!vm.assignedTo.size")
+    p(translate="HOME.EMPTY_WORKING_ON")
+    include empty.jade
 
-section.watching-empty(ng-show="!vm.watching.size")
-    include ../../../svg/hide.svg
-    p(translate="HOME.EMPTY_WATCHING")
+div.title-bar.watching-title(translate="HOME.WATCHING_SECTION")
 
 section.watching(ng-show="vm.watching.size")
     div.duty-single(tg-duty="duty", tg-repeat="duty in vm.watching", ng-class="{blocked: duty.is_blocked}")
+
+section.watching-empty(ng-show="!vm.watching.size")
+    p(translate="HOME.EMPTY_WATCHING")
+    include empty.jade