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

Project list behaviour

stable
Xavier Julián 2015-04-27 09:55:51 +02:00 committed by Juanfran
parent 88c1c584ad
commit 37a0e59fd6
6 changed files with 37 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/locales/locale-en.json
View File

@ -524,6 +524,7 @@
"WELCOME": "Welcome", "WELCOME": "Welcome",
"SECTION_PROJECTS": "Projects", "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", "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": { "STATS": {
"PROJECT": "project<br/> points", "PROJECT": "project<br/> points",
"DEFINED": "defined<br/> points", "DEFINED": "defined<br/> points",

13
app/modules/home/projects/list.jade
View File

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

18
app/modules/home/projects/styles/list.scss
View File

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

4
app/modules/home/styles/home.scss
View File

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

2
app/modules/projects/listing/listing.jade
View File

@ -14,7 +14,7 @@ div.project-list-wrapper.centered
div.project-list-single-left div.project-list-single-left
div.project-list-single-title div.project-list-single-title
h1 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}} span {{project.is_private}}
p {{ ::project.description | limitTo:300 }} p {{ ::project.description | limitTo:300 }}
span(ng-if="::project.description.length > 300") ... span(ng-if="::project.description.length > 300") ...

7
app/svg/lock.svg Normal file
View File

@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 828 B