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

View File

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

View File

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

View File

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