Project list behaviour

app/locales/locale-en.json

@@ -524,6 +524,7 @@
         "WELCOME": "Welcome",
         "SECTION_PROJECTS": "Projects",
         "HELP": "TODO. You can reorder your projects in your favorite way by drag&drop, Taiga will remember your order for every project list.\n Remember that the first ten projects will be shown in your rapid access menu in the top bar dropdown menu",
+        "PRIVATE": "Private project",
         "STATS": {
             "PROJECT": "project<br/> points",
             "DEFINED": "defined<br/> points",

app/modules/home/projects/list.jade

@@ -1,7 +1,10 @@
 ul.home-project-list
     li.home-project-list-single(tg-bind-scope, ng-repeat="project in vm.projects.all")
-        h2.home-project-list-single-title
-            a(href="#", ng-bind="::project.name", tg-nav="project:project=project.slug")
-                span {{project.is_private}}
-        p {{ ::project.description | limitTo:150 }}
-            span(ng-if="::project.description.length > 150") ...
+        a(href="#", tg-nav="project:project=project.slug")
+            h2.home-project-list-single-title
+                span.project-name(ng-bind="::project.name", title="{{ ::project.name }}")
+                span.private(ng-if="project.is_private", title="{{'PROJECT.PRIVATE' | translate}}")
+                    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")

app/modules/home/projects/styles/list.scss

@@ -12,6 +12,9 @@
             p {
                 color: $gray;
             }
+            .private path {
+                fill: $gray;
+            }
         }
     }
     h2 {
@@ -21,12 +24,23 @@
         line-height: 1.3;
         margin-bottom: 0;
         text-transform: none;
-        a {
-            display: block;
+        .project-name {
+            display: inline-block;
+            max-width: 90%;
             overflow: hidden;
             text-overflow: ellipsis;
+            vertical-align: middle;
             white-space: nowrap;
         }
+        .private {
+            display: inline-block;
+            margin-left: .3rem;
+            width: .5rem;
+            path {
+                fill: $gray-light;
+                transition: fill .3s linear;
+            }
+        }
     }
     p {
         @extend %text;

app/modules/home/styles/home.scss

@@ -8,6 +8,10 @@
     .project-list {
         width: 250px;
     }
+    .see-more-projects-btn {
+        display: block;
+        margin-top: 2rem;
+    }
     .title-bar {
         @extend %title;
         @extend %larger;

app/modules/projects/listing/listing.jade

@@ -14,7 +14,7 @@ div.project-list-wrapper.centered
                     div.project-list-single-left
                         div.project-list-single-title
                             h1
-                                a(href="#", ng-bind="::project.name", tg-nav="project:project=project.slug")
+                                a(href="#", ng-bind="::project.name", tg-nav="project:project=project.slug", title="{{ ::project.name }}")
                                     span {{project.is_private}}
                             p {{ ::project.description | limitTo:300 }}
                                 span(ng-if="::project.description.length > 300") ...

app/svg/lock.svg

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" viewBox="0 0 10.2367 12.115">
+    <g transform="translate(51.126 -417.22)">
+        <path class="lock" d="m-46.008 417.22c-1.886 0-3.4167 1.5307-3.4167 3.4167v1.033h-1.2265c-0.2632 0-0.4751 0.2264-0.4751 0.5072v6.6509c0 0.2808 0.2119 0.5072 0.4751 0.5072h9.2865c0.2632 0 0.4751-0.2264 0.4751-0.5072v-6.6509c0-0.2808-0.2119-0.5072-0.4751-0.5072h-1.2265v-1.033c0-1.886-1.5307-3.4167-3.4168-3.4167zm0 1.2986c1.1686 0 2.1195 0.9496 2.1195 2.1181v1.033h-4.2375v-1.033c0-1.1685 0.9495-2.1181 2.118-2.1181z"/>
+    </g>
+</svg>