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

Search empty results

stable
Xavier Julián 2014-08-13 15:25:39 +02:00
parent 3fa726f2c0
commit 713d8f6db3
3 changed files with 91 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,57 +1,83 @@
section.search-result-table section.search-result-table
script(type="text/ng-template", id="search-issues") script(type="text/ng-template", id="search-issues")
div.search-result-table-header div.search-result-table-container(ng-class="{'hidden': !issues.length}")
div.row.title div.search-result-table-header
div.user-stories.width-4 Issues div.row.title
div.status.width-2 Status div.user-stories.width-4 Issues
div.points.width-1 Assigned to div.status.width-2 Status
div.search-result-table-body div.points.width-1 Assigned to
div.row.table-main(ng-repeat="issue in issues track by issue.id") div.search-result-table-body
div.user-stories.width-6 div.row.table-main(ng-repeat="issue in issues track by issue.id")
div.user-story-name div.user-stories.width-6
a(href="", tg-nav="project-issues-detail:project=project.slug,ref=issue.ref", div.user-story-name
tg-bo-bind="issue.subject") a(href="", tg-nav="project-issues-detail:project=project.slug,ref=issue.ref",
div.status.width-2(tg-listitem-issue-status="issue") tg-bo-bind="issue.subject")
div.points.width-1(tg-listitem-assignedto="issue") div.status.width-2(tg-listitem-issue-status="issue")
div.points.width-1(tg-listitem-assignedto="issue")
div.empty.empty-search-results(ng-class="{'hidden': issues.length}")
span.icon.icon-issues
span.title It looks like nothing was found with your search criteria.
span Maybe try one of the tabs above or search again
script(type="text/ng-template", id="search-userstories") script(type="text/ng-template", id="search-userstories")
div.search-result-table-header div.search-result-table-container(ng-class="{'hidden': !userstories.length}")
div.row.title div.search-result-table-header
div.user-stories.width-4 User Stories div.row.title
div.status.width-2 Status div.user-stories.width-4 User Stories
div.points.width-1 Points div.status.width-2 Status
div.search-result-table-body div.points.width-1 Points
div.row.table-main(ng-repeat="us in userstories track by us.id") div.search-result-table-body
div.user-stories.width-4 div.row.table-main(ng-repeat="us in userstories track by us.id")
div.user-story-name div.user-stories.width-4
a(href="", tg-nav="project-userstories-detail:project=project.slug,ref=us.ref", div.user-story-name
tg-bo-bind="us.subject") a(href="", tg-nav="project-userstories-detail:project=project.slug,ref=us.ref",
div.status.width-2(tg-listitem-us-status="us") tg-bo-bind="us.subject")
div.points.width-1(tg-bo-bind="us.total_points") div.status.width-2(tg-listitem-us-status="us")
div.points.width-1(tg-bo-bind="us.total_points")
div.empty.empty-search-results(ng-class="{'hidden': userstories.length}")
span.icon.icon-issues
span.title It looks like nothing was found with your search criteria.
span Maybe try one of the tabs above or search again
script(type="text/ng-template", id="search-tasks") script(type="text/ng-template", id="search-tasks")
div.search-result-table-header div.search-result-table-container(ng-class="{'hidden': !tasks.length}")
div.row.title div.search-result-table-header
div.user-stories.width-4 Task div.row.title
div.status.width-2 Status div.user-stories.width-4 Task
div.points.width-1 Assigned to div.status.width-2 Status
div.search-result-table-body div.points.width-1 Assigned to
div.row.table-main(ng-repeat="task in tasks track by task.id") div.search-result-table-body
div.user-stories.width-4 div.row.table-main(ng-repeat="task in tasks track by task.id")
div.user-story-name div.user-stories.width-4
a(href="", tg-nav="project-tasks-detail:project=project.slug,ref=task.ref", div.user-story-name
tg-bo-bind="task.subject") a(href="", tg-nav="project-tasks-detail:project=project.slug,ref=task.ref",
div.status.width-2(tg-listitem-task-status="task") tg-bo-bind="task.subject")
div.points.width-1(tg-listitem-assignedto="task") div.status.width-2(tg-listitem-task-status="task")
div.points.width-1(tg-listitem-assignedto="task")
div.empty.empty-search-results(ng-class="{'hidden': tasks.length}")
span.icon.icon-issues
span.title It looks like nothing was found with your search criteria.
span Maybe try one of the tabs above or search again
script(type="text/ng-template", id="search-wikipages") script(type="text/ng-template", id="search-wikipages")
div.search-result-table-header div.search-result-table-container(ng-class="{'hidden': !wikipages.length}")
div.row.title div.search-result-table-header
div.user-stories.width-4 Wiki page div.row.title
div.search-result-table-body div.user-stories.width-4 Wiki page
div.row.table-main(ng-repeat="wikipage in wikipages track by wikipage.id") div.search-result-table-body
div.user-stories.width-4 div.row.table-main(ng-repeat="wikipage in wikipages track by wikipage.id")
div.user-story-name div.user-stories.width-4
a(href="", tg-nav="project-wiki-page:project=project.slug,slug=wikipage.slug", div.user-story-name
tg-bo-bind="wikipage.slug") a(href="", tg-nav="project-wiki-page:project=project.slug,slug=wikipage.slug",
tg-bo-bind="wikipage.slug")
div.empty.empty-search-results(ng-class="{'hidden': wikipages.length}")
span.icon.icon-issues
span.title It looks like nothing was found with your search criteria.
span Maybe try one of the tabs above or search again

14
app/styles/modules/search/search-in.scss
View File

@ -1,7 +1,15 @@
.search-in { .search-in {
.icon { input {
background: $grayer;
color: $white;
@include placeholder {
color: $gray-light;
}
}
.icon-search {
color: $gray-light;
position: absolute; position: absolute;
right: 10px; right: .7rem;
top: 6px; top: .7rem;
} }
} }

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

@ -1,5 +1,11 @@
.search-result-table { .search-result-table {
.empty {
.title {
border: 0;
}
}
.row { .row {
@include table-flex; @include table-flex;
padding: 20px; padding: 20px;