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

Redesignyaout od the projects page

stable
Xavier Julián 2014-07-30 14:31:33 +02:00
parent 1b3d3b00fa
commit d573c373c3
3 changed files with 47 additions and 70 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/coffee/modules/project.coffee
View File

@ -21,6 +21,7 @@ class ProjectController extends taiga.Controller
@.$inject = ["$scope", "$tgResources", "$tgRepo", "$routeParams", "$q"]
constructor: (@scope, @rs, @repo, @params, @q) ->
@scope.hideMenu = false
@.loadInitialData()
loadInitialData: ->

46
app/partials/project.jade
View File

@ -4,28 +4,28 @@ block head
title Taiga Project management web application with scrum in mind!
block content
.home-project(ng-controller="ProjectController as ctrl")
.inner
h1(tg-bo-html="ctrl.project.name")
ul.home-project-info-list
li
span.info-num(tg-bo-html="stats.total_points")
span.info-text projects points
li
span.info-num(tg-bo-html="stats.defined_points")
span.info-text defined points
li
span.info-num(tg-bo-html="stats.assigned_points")
span.info-text assigned points
li
span.info-num(tg-bo-html="stats.closed_points")
span.info-text closed points
p.description(tg-bo-html="project.description")
.home-project-bottom
div.wrapper(ng-controller="ProjectController as ctrl")
section.main.single-project
h1
span.green(tg-bo-html="ctrl.project.name")
div.summary
ul.home-project-info-list
li
span.info-num(tg-bo-html="stats.total_points")
span.info-text project<br/> points
li
span.info-num(tg-bo-html="stats.defined_points")
span.info-text defined<br/> points
li
span.info-num(tg-bo-html="stats.assigned_points")
span.info-text assigned<br/> points
li
span.info-num(tg-bo-html="stats.closed_points")
span.info-text closed<br/> points
div.project-data-container
p.description(tg-bo-html="project.description")
ul
li(ng-repeat="member in project.active_memberships")
img(src="{{member.photo}}")
figure.avatar
img(src="{{member.photo}}", alt="{{member.full_name}}")

70
app/styles/modules/home-project.scss
View File

@ -1,62 +1,38 @@
.home-project {
align-items: center;
display: flex;
.inner {
background-color: rgba(255, 255, 255, .2);
padding: 2rem;
width: 970px;
}
h1 {
font-weight: bold;
margin-bottom: 3rem;
}
li,
h1,
p {
color: $whitish;
}
}
.home-project-info-list {
display: flex;
@include table-flex();
li {
@include table-flex-child(1, 0, 0, auto);
margin-right: 1rem;
}
.info-num {
@extend %xlarge;
font-family: 'DroidSans-Bold';
@extend %bold;
float: left;
margin-right: .3rem;
position: relative;
top: 5px;
}
.info-text {
@extend %small;
display: block;
line-height: 12px;
width: 55px;
}
li {
align-items: center;
display: flex;
margin-right: 1rem;
float: left;
line-height: .9rem;
}
}
.home-project-bottom {
align-items: center;
display: flex;
justify-content: space-between;
margin-top: 2rem;
img {
border-radius: 3px;
width: 40px;
}
li {
margin-right: .5rem;
.project-data-container {
@include table-flex();
p {
@include table-flex-child(3, 0, 0);
}
ul {
display: flex;
flex-flow: row wrap;
margin-bottom: 0;
width: 50%;
@include table-flex-child(1, 0, 0);
}
.button-blackish {
color: $whitish;
li {
display: inline-block;
margin-right: .1rem;
width: 10%;
figure {
width: 100%;
}
}
}