Home project list WIP

app/coffee/app.coffee

@@ -341,6 +341,7 @@ modules = [
     "taigaIntegrations",
     "taigaComponents",
     "taigaProfile",
+    "taigaHome",
 
     # template cache
     "templates",

app/modules/home/home-project-list.directive.coffee

@@ -0,0 +1,18 @@
+HomeProjectListDirective = (projectsService) ->
+    link = (scope, el, attrs, ctrl) ->
+        scope.vm = {}
+
+        scope.vm.projects = projectsService.projects
+
+        scope.vm.newProject = ->
+            projectsService.newProject()
+
+    directive = {
+        templateUrl: "home/home-project-list.html"
+        scope: {}
+        link: link
+    }
+
+    return directive
+
+angular.module("taigaHome").directive("tgHomeProjectList", ["tgProjects", HomeProjectListDirective])

app/modules/home/home-project-list.jade

@@ -0,0 +1,10 @@
+ul.home-project-list
+    li.home-project-list-single(tg-bind-scope, ng-repeat="project in vm.projects.all")
+        div.home-project-list-single-left
+            div.home-project-list-single-title
+                h2
+                    a(href="#", ng-bind="::project.name", tg-nav="project:project=project.slug")
+                        span {{project.is_private}}
+                p {{ ::project.description }}
+
+        div.home-project-list-single-right

app/modules/home/home.module.coffee

@@ -0,0 +1 @@
+module = angular.module("taigaHome", [])

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

@@ -0,0 +1,3 @@
+.home-project-list {
+    content: 'WIP';
+}

app/modules/home/styles/home-working.scss

@@ -1,5 +1,6 @@
 .working-on,
 .watching {
+    margin-bottom: 2rem;
     .duty-single {
         align-items: center;
         border-bottom: 1px solid $whitish;
@@ -55,7 +56,3 @@
         margin: 2rem 30%;
     }
 }
-
-.watching {
-    margin-bottom: 2rem;
-}

app/modules/home/styles/home.scss

@@ -1,7 +1,9 @@
 .home-wrapper {
     display: flex;
-    .main {
+    padding-top: 2rem;
+    .duty-summary {
         flex: 1;
+        margin-right: .5rem;
     }
     .project-list {
         width: 250px;
@@ -12,7 +14,7 @@
         align-content: center;
         background: $whitish;
         display: flex;
-        margin: 2rem 0 .5rem;
+        margin: 0 0 .5rem;
         padding: .9rem 1rem;
     }
 }

app/modules/projects/listing/listing.directive.coffee

@@ -38,5 +38,4 @@ ProjectsListingDirective = (projectsService) ->
 
     return directive
 
-angular.module("taigaProjects").directive("tgProjectsListing",
+angular.module("taigaProjects").directive("tgProjectsListing", ["tgProjects", ProjectsListingDirective])
-    ["tgProjects", ProjectsListingDirective])

app/partials/home/home.jade

@@ -2,7 +2,7 @@ doctype html
 
 include ../includes/components/beta
 div.home-wrapper.centered
-    div.main
+    div.duty-summary
         // TODO Hide if ASSIGNED TO ==== false
         div.title-bar.working-on-title Working on
         // TODO Hide if ASSIGNED TO ==== false
@@ -65,4 +65,5 @@ div.home-wrapper.centered
                             span.duty-name It is not possible to re-order stories in the sprint view .
                     div.duty-project Teletransportation hubs
             a.button-gray.see-more(href="#", title="See more Watching US") See more
-    aside.project-list
+    aside.project-list(tg-home-project-list)
+