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

Search results placeholder

stable
Xavier Julián 2015-10-08 16:24:58 +02:00 committed by Alejandro Alonso
parent e41c23a57f
commit 338cbf89ec
4 changed files with 30 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
app/images/search-empty.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

6
app/partials/includes/components/empty-search-results.jade Normal file
View File

@ -0,0 +1,6 @@
img(
src="../../images/search-empty.png"
alt="{{ 'SEARCH.EMPTY_TITLE' | translate }}"
)
p.title {{ 'SEARCH.EMPTY_TITLE' | translate }}
p {{ 'SEARCH.EMPTY_DESCRIPTION' | translate }}

24
app/partials/includes/modules/search-result-table.jade
View File

@ -18,10 +18,8 @@ script(type="text/ng-template", id="search-issues")
div.status(tg-listitem-issue-status="issue") div.status(tg-listitem-issue-status="issue")
div.assigned-to(tg-listitem-assignedto="issue") div.assigned-to(tg-listitem-assignedto="issue")
div.empty.empty-search-results(ng-class="{'hidden': issues.length}") div.empty-search-results(ng-class="{'hidden': issues.length}")
span.icon.icon-issues include ../components/empty-search-results
span.title(translate="SEARCH.EMPTY_TITLE")
span(translate="SEARCH.EMPTY_DESCRIPTION")
script(type="text/ng-template", id="search-userstories") script(type="text/ng-template", id="search-userstories")
@ -42,10 +40,8 @@ script(type="text/ng-template", id="search-userstories")
div.status(tg-listitem-us-status="us") div.status(tg-listitem-us-status="us")
div.points(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-search-results(ng-class="{'hidden': userstories.length}")
span.icon.icon-issues include ../components/empty-search-results
span.title(translate="SEARCH.EMPTY_TITLE")
span(translate="SEARCH.EMPTY_DESCRIPTION")
script(type="text/ng-template", id="search-tasks") script(type="text/ng-template", id="search-tasks")
div.search-result-table-container(ng-class="{'hidden': !tasks.length}", tg-bind-scope) div.search-result-table-container(ng-class="{'hidden': !tasks.length}", tg-bind-scope)
@ -65,10 +61,8 @@ script(type="text/ng-template", id="search-tasks")
div.status(tg-listitem-task-status="task") div.status(tg-listitem-task-status="task")
div.assigned-to(tg-listitem-assignedto="task") div.assigned-to(tg-listitem-assignedto="task")
div.empty.empty-search-results(ng-class="{'hidden': tasks.length}") div.empty-search-results(ng-class="{'hidden': tasks.length}")
span.icon.icon-issues include ../components/empty-search-results
span.title(translate="SEARCH.EMPTY_TITLE")
span(translate="SEARCH.EMPTY_DESCRIPTION")
script(type="text/ng-template", id="search-wikipages") script(type="text/ng-template", id="search-wikipages")
div.search-result-table-container(ng-class="{'hidden': !wikipages.length}", tg-bind-scope) div.search-result-table-container(ng-class="{'hidden': !wikipages.length}", tg-bind-scope)
@ -82,7 +76,5 @@ script(type="text/ng-template", id="search-wikipages")
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")
div.empty.empty-search-results(ng-class="{'hidden': wikipages.length}") div.empty-search-results(ng-class="{'hidden': wikipages.length}")
span.icon.icon-issues include ../components/empty-search-results
span.title(translate="SEARCH.EMPTY_TITLE")
span(translate="SEARCH.EMPTY_DESCRIPTION")

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

@ -1,9 +1,4 @@
.search-result-table { .search-result-table {
.empty {
.title {
border: 0;
}
}
.row { .row {
align-content: center; align-content: center;
align-items: center; align-items: center;
@ -63,14 +58,6 @@
} }
} }
} }
.title {
@extend %medium;
@extend %bold;
border-bottom: 1px solid $gray-light;
&:hover {
background: transparent;
}
}
.table-main { .table-main {
@extend %small; @extend %small;
border-bottom: 1px solid $whitish; border-bottom: 1px solid $whitish;
@ -95,3 +82,19 @@
} }
} }
} }
.empty-search-results {
margin-top: 4rem;
text-align: center;
img {
margin-bottom: 1rem;
}
.title {
@extend %large;
text-transform: uppercase;
}
p {
@extend %light;
margin: 0;
}
}