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

Refactorized assigned to template

stable
Xavier Julián 2014-07-03 13:57:23 +02:00
parent eedc73e8f8
commit 6348bd3eee
8 changed files with 44 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/coffee/modules/issues/detail.coffee
View File

@ -270,16 +270,18 @@ AssignedToDirective = ($rootscope, $confirm) ->
<% } %>
<div class="assigned-to">
<span class="assigned-title">Assigned to</span>
<span class="user-assigned">
<a href="" title="edit assignment" class="user-assigned">
<% if (assignedTo) { %>
<%= assignedTo.full_name_display %>
<% } else { %>
Not assigned
<% } %>
</span>
<% if (editable) { %>
<span class="icon icon-arrow-bottom"></span>
<% } %>
</a>
<% if (editable) { %>
<a href="" title="delete assignment" class="icon icon-delete"></a>
<a href="" title="edit assignment" class="icon icon-edit"></a>
<% } %>
</div>
""")
@ -293,7 +295,7 @@ AssignedToDirective = ($rootscope, $confirm) ->
html = template({assignedTo: assignedTo, editable:editable})
$el.html(html)
$el.on "click", ".icon-edit", (event) ->
$el.on "click", ".user-assigned", (event) ->
event.preventDefault()
$rootscope.$broadcast("assigned-to:add")

2
app/partials/issues-detail-edit.jade
View File

@ -60,7 +60,7 @@ block content
span.status-status new
span.level-name status
section.us-detail-assigned-to(tg-assigned-to, ng-model="issue.assigned_to", editable="true")
section.us-assigned-to(tg-assigned-to, ng-model="issue.assigned_to", editable="true")
section.watchers(tg-watchers, ng-model="issue.watchers", editable="true")
section.us-detail-settings

2
app/partials/issues-detail.jade
View File

@ -63,7 +63,7 @@ block content
span.status-status new
span.level-name status
section.us-detail-assigned-to(tg-assigned-to, ng-model="issue.assigned_to")
section.us-assigned-to(tg-assigned-to, ng-model="issue.assigned_to")
section.watchers(tg-watchers, ng-model="issue.watchers")
section.us-detail-settings

8
app/partials/us-detail.jade
View File

@ -62,13 +62,7 @@ block content
li.total
span.points 10
span.role UX
section.us-detail-assigned-to
div.user-avatar
a.avatar(href="", title="Assigned to")
img(src="http://thecodeplayer.com/u/uifaces/18.jpg", alt="username")
div.assigned-to
span.assigned-title Assigned to
span.user-assigned Anler Hernández
include views/components/assigned-to
section.watchers
div.watchers-header
span.title watchers

2
app/partials/views/components/assigned-to.jade
View File

@ -1,4 +1,4 @@
section.us-detail-assigned-to
section.us-assigned-to
div.user-avatar
a.avatar(href="", title="Assigned to")
img(src="http://thecodeplayer.com/u/uifaces/18.jpg", alt="username")

31
app/styles/components/assigned-to.scss Normal file
View File

@ -0,0 +1,31 @@
.us-assigned-to {
@include table-flex();
margin-top: 2rem;
position: relative;
.user-avatar {
@include table-flex-child(1, 0);
}
.assigned-to {
@include table-flex-child(3, 0);
margin-left: 1rem;
margin-top: 15px;
.assigned-title {
color: $gray-light;
display: block;
}
.user-assigned {
@extend %large;
color: $green-taiga;
}
.icon-delete {
color: $gray-light;
opacity: 1;
position: absolute;
right: 1rem;
top: 1rem;
&:hover {
color: $green-taiga;
}
}
}
}

32
app/styles/layout/us-detail.scss
View File

@ -217,38 +217,6 @@
}
}
.us-detail-assigned-to {
@include table-flex();
margin-top: 2rem;
position: relative;
.user-avatar {
@include table-flex-child(1, 0);
}
.assigned-to {
@include table-flex-child(3, 0);
margin-left: 1rem;
margin-top: 15px;
.assigned-title {
color: $gray-light;
display: block;
}
.user-assigned {
@extend %large;
color: $green-taiga;
}
.icon-edit {
color: $gray-light;
opacity: 1;
position: absolute;
right: 1rem;
top: 1rem;
&:hover {
color: $green-taiga;
}
}
}
}
.watchers {
margin-top: 2rem;
.watchers-header {

1
app/styles/main.scss
View File

@ -31,6 +31,7 @@ $prefix-for-spec: true;
@import 'components/paginator';
@import 'components/watchers';
@import 'components/level';
@import 'components/assigned-to';
//Modules
@import 'modules/nav';