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

Search Table refactor because of code non related to front Taiga coding style

stable
Xavier Julián 2014-09-01 12:34:39 +02:00
parent 7465685171
commit f5df8387bf
2 changed files with 34 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
app/partials/views/modules/search-result-table.jade
View File

@ -4,17 +4,17 @@ script(type="text/ng-template", id="search-issues")
div.search-result-table-container(ng-class="{'hidden': !issues.length}") div.search-result-table-container(ng-class="{'hidden': !issues.length}")
div.search-result-table-header div.search-result-table-header
div.row.title div.row.title
div.user-stories.width-4 Issues div.user-stories Issues
div.status.width-2 Status div.status Status
div.points.width-1 Assigned to div.assigned-to Assigned to
div.search-result-table-body div.search-result-table-body
div.row.table-main(ng-repeat="issue in issues track by issue.id") div.row.table-main(ng-repeat="issue in issues track by issue.id")
div.user-stories.width-6 div.user-stories
div.user-story-name div.user-story-name
a(href="", tg-nav="project-issues-detail:project=project.slug,ref=issue.ref", a(href="", tg-nav="project-issues-detail:project=project.slug,ref=issue.ref",
tg-bo-bind="issue.subject") tg-bo-bind="issue.subject")
div.status.width-2(tg-listitem-issue-status="issue") div.status(tg-listitem-issue-status="issue")
div.points.width-1(tg-listitem-assignedto="issue") div.assigned-to(tg-listitem-assignedto="issue")
div.empty.empty-search-results(ng-class="{'hidden': issues.length}") div.empty.empty-search-results(ng-class="{'hidden': issues.length}")
span.icon.icon-issues span.icon.icon-issues
@ -26,17 +26,17 @@ script(type="text/ng-template", id="search-userstories")
div.search-result-table-container(ng-class="{'hidden': !userstories.length}") div.search-result-table-container(ng-class="{'hidden': !userstories.length}")
div.search-result-table-header div.search-result-table-header
div.row.title div.row.title
div.user-stories.width-4 User Stories div.user-stories User Stories
div.status.width-2 Status div.status Status
div.points.width-1 Points div.points Points
div.search-result-table-body div.search-result-table-body
div.row.table-main(ng-repeat="us in userstories track by us.id") div.row.table-main(ng-repeat="us in userstories track by us.id")
div.user-stories.width-4 div.user-stories
div.user-story-name div.user-story-name
a(href="", tg-nav="project-userstories-detail:project=project.slug,ref=us.ref", a(href="", tg-nav="project-userstories-detail:project=project.slug,ref=us.ref",
tg-bo-bind="us.subject") tg-bo-bind="us.subject")
div.status.width-2(tg-listitem-us-status="us") div.status(tg-listitem-us-status="us")
div.points.width-1(tg-bo-bind="us.total_points") div.points(tg-bo-bind="us.total_points")
div.empty.empty-search-results(ng-class="{'hidden': userstories.length}") div.empty.empty-search-results(ng-class="{'hidden': userstories.length}")
span.icon.icon-issues span.icon.icon-issues
@ -47,17 +47,17 @@ script(type="text/ng-template", id="search-tasks")
div.search-result-table-container(ng-class="{'hidden': !tasks.length}") div.search-result-table-container(ng-class="{'hidden': !tasks.length}")
div.search-result-table-header div.search-result-table-header
div.row.title div.row.title
div.user-stories.width-4 Task div.user-stories Task
div.status.width-2 Status div.status Status
div.points.width-1 Assigned to div.assigned-to Assigned to
div.search-result-table-body div.search-result-table-body
div.row.table-main(ng-repeat="task in tasks track by task.id") div.row.table-main(ng-repeat="task in tasks track by task.id")
div.user-stories.width-4 div.user-stories
div.user-story-name div.user-story-name
a(href="", tg-nav="project-tasks-detail:project=project.slug,ref=task.ref", a(href="", tg-nav="project-tasks-detail:project=project.slug,ref=task.ref",
tg-bo-bind="task.subject") tg-bo-bind="task.subject")
div.status.width-2(tg-listitem-task-status="task") div.status(tg-listitem-task-status="task")
div.points.width-1(tg-listitem-assignedto="task") div.assigned-to(tg-listitem-assignedto="task")
div.empty.empty-search-results(ng-class="{'hidden': tasks.length}") div.empty.empty-search-results(ng-class="{'hidden': tasks.length}")
span.icon.icon-issues span.icon.icon-issues
@ -68,10 +68,10 @@ script(type="text/ng-template", id="search-wikipages")
div.search-result-table-container(ng-class="{'hidden': !wikipages.length}") div.search-result-table-container(ng-class="{'hidden': !wikipages.length}")
div.search-result-table-header div.search-result-table-header
div.row.title div.row.title
div.user-stories.width-4 Wiki page div.user-stories Wiki page
div.search-result-table-body div.search-result-table-body
div.row.table-main(ng-repeat="wikipage in wikipages track by wikipage.id") div.row.table-main(ng-repeat="wikipage in wikipages track by wikipage.id")
div.user-stories.width-4 div.user-stories
div.user-story-name div.user-story-name
a(href="", tg-nav="project-wiki-page:project=project.slug,slug=wikipage.slug", a(href="", tg-nav="project-wiki-page:project=project.slug,slug=wikipage.slug",
tg-bo-bind="wikipage.slug") tg-bo-bind="wikipage.slug")

20
app/styles/modules/search/search-result-table.scss
View File

@ -7,18 +7,22 @@
} }
.row { .row {
@include table-flex; @include table-flex($align-content: center, $align-items: center);
padding: 20px; padding: .5rem;
&:hover { &:hover {
background: lighten($green-taiga, 60%); background: lighten($green-taiga, 60%);
@include transition (background .2s ease-in); @include transition (background .2s ease-in);
} }
>div {
@include table-flex-child(1, 0, 0);
}
.user-stories { .user-stories {
@include table-flex-child(5, 500px, 0, 500px); @include table-flex-child(5, 500px, 0, 500px);
} }
.status,
.points {
@include table-flex-child(1, 0, 0);
}
.assigned-to {
@include table-flex-child(1, 250px, 0, 250px);
}
} }
.row-selected { .row-selected {
background: lighten($green-taiga, 60%); background: lighten($green-taiga, 60%);
@ -69,7 +73,11 @@
flex-basis: 35px; flex-basis: 35px;
} }
figcaption { figcaption {
margin-left: 1rem; display: inline-block;
margin-left: .5rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
} }
} }
} }