Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

SAKIII-5411 - adding header structure to search views #1969

Closed
wants to merge 3 commits into from
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
16 changes: 11 additions & 5 deletions dev/css/sakai/sakai.base.css
Expand Up @@ -2233,8 +2233,13 @@ ul li.s3d-list-item:hover {
-moz-box-shadow: 0 1px 1px 1px #CCC; -moz-box-shadow: 0 1px 1px 1px #CCC;
} }
.s3d-search-header .s3d-search-header-type { .s3d-search-header .s3d-search-header-type {
display: inline-block; display: inline-block;
padding-top: 2px; padding-top: 2px;
color: #666666;
font-size: 1em;
font-weight: normal;
text-align: left;
margin: 0;
} }
.s3d-search-header .s3d-search-selects { .s3d-search-header .s3d-search-selects {
float: right; float: right;
Expand Down Expand Up @@ -2275,9 +2280,10 @@ ul li.s3d-list-item:hover {
margin-bottom: 15px; margin-bottom: 15px;
} }
.s3d-search-refineby .s3d-search-refineby-title { .s3d-search-refineby .s3d-search-refineby-title {
margin-bottom: 5px; margin: 0;
display: block; font-size: 13px;
color: #64707E; font-weight: normal;
color: #64707E;
} }
.s3d-search-refineby button { .s3d-search-refineby button {
cursor: pointer; cursor: pointer;
Expand Down
2 changes: 1 addition & 1 deletion dev/search.html
Expand Up @@ -61,7 +61,7 @@
{var tagsListed = false} {var tagsListed = false}
{for t in tags} {for t in tags}
{if t_index === "0"} {if t_index === "0"}
<span class="s3d-search-refineby-title">__MSG__REFINE_YOUR_SEARCH_BY__</span> <h2 class="s3d-search-refineby-title">__MSG__REFINE_YOUR_SEARCH_BY__</h2>
<div class="s3d-search-refineby-list"> <div class="s3d-search-refineby-list">
{var tagsListed = true} {var tagsListed = true}
{/if} {/if}
Expand Down
2 changes: 2 additions & 0 deletions devwidgets/searchall/bundles/default.properties
Expand Up @@ -5,6 +5,8 @@ CONTACT = contact
CONTACTS = contacts CONTACTS = contacts
CONTENT_ITEM = content items CONTENT_ITEM = content items
CONTENT_ITEMS = content items CONTENT_ITEMS = content items
ITEM_FOUND = item found
ITEMS_FOUND = items found
MEMBERSHIP = membership MEMBERSHIP = membership
MEMBERSHIPS = memberships MEMBERSHIPS = memberships
NO_RESULTS_DESCRIPTION = No results? Try typing in a keyword to search on (above) NO_RESULTS_DESCRIPTION = No results? Try typing in a keyword to search on (above)
Expand Down
6 changes: 6 additions & 0 deletions devwidgets/searchall/javascript/searchall.js
Expand Up @@ -139,6 +139,12 @@ require(["jquery", "sakai/sakai.api.core", "/dev/javascript/search_util.js"], fu
}, function(items, total){ }, function(items, total){
// Adjust display global total // Adjust display global total
$(searchConfig.global.numberFound, $rootel).text("" + (total || 0)); $(searchConfig.global.numberFound, $rootel).text("" + (total || 0));
if (total === 1) {
$(searchConfig.global.numberFound, $rootel).next('span.s3d-aural-text').text('' + sakai.api.i18n.getValueForKey('ITEM_FOUND', 'searchall'));
}
else {
$(searchConfig.global.numberFound, $rootel).next('span.s3d-aural-text').text('' + sakai.api.i18n.getValueForKey('ITEMS_FOUND', 'searchall'));
}
return sakai.api.Util.TemplateRenderer(searchConfig.results.template, { return sakai.api.Util.TemplateRenderer(searchConfig.results.template, {
"items": items, "items": items,
"sakai": sakai "sakai": sakai
Expand Down
2 changes: 1 addition & 1 deletion devwidgets/searchall/searchall.html
Expand Up @@ -3,7 +3,7 @@
<div class="searchall_content_main"> <div class="searchall_content_main">
<div class="s3d-search-refineby search_tags_refine_container"></div> <div class="s3d-search-refineby search_tags_refine_container"></div>
<div class="fl-left fl-container s3d-search-header" id="results_header"> <div class="fl-left fl-container s3d-search-header" id="results_header">
<span class="s3d-search-header-type">__MSG__ALL_TYPES__ (<strong id="searchall_numberFound">0</strong>)</span> <h2 class="s3d-search-header-type">__MSG__ALL_TYPES__ (<strong id="searchall_numberFound">0</strong><span class="s3d-aural-text"> __MSG__ITEMS_FOUND__</span>)</h2>
<div class="s3d-search-selects"> <div class="s3d-search-selects">
<div class="s3d-search-sort"> <div class="s3d-search-sort">
__MSG__SORT_BY__: <select> __MSG__SORT_BY__: <select>
Expand Down
2 changes: 2 additions & 0 deletions devwidgets/searchcontent/bundles/default.properties
@@ -1,5 +1,7 @@
ADD_CONTENT = Add content ADD_CONTENT = Add content
CONTENT = Content CONTENT = Content
CONTENT_ITEM_FOUND = content item found
CONTENT_ITEMS_FOUND = content items found
NO_RESULTS_DESCRIPTION = No results? Try typing in a keyword to search on (above) NO_RESULTS_DESCRIPTION = No results? Try typing in a keyword to search on (above)
OLDEST = Oldest OLDEST = Oldest
SEARCH_THROUGH_CONTENT = Search through content SEARCH_THROUGH_CONTENT = Search through content
Expand Down
6 changes: 6 additions & 0 deletions devwidgets/searchcontent/javascript/searchcontent.js
Expand Up @@ -183,6 +183,12 @@ require(["jquery", "sakai/sakai.api.core", "/dev/javascript/search_util.js"], fu
}, function(items, total){ }, function(items, total){
// Adjust display global total // Adjust display global total
$(searchConfig.global.numberFound, $rootel).text("" + total); $(searchConfig.global.numberFound, $rootel).text("" + total);
if (total === 1) {
$(searchConfig.global.numberFound, $rootel).next('span.s3d-aural-text').text('' + sakai.api.i18n.getValueForKey('CONTENT_ITEM_FOUND', 'searchcontent'));
}
else {
$(searchConfig.global.numberFound, $rootel).next('span.s3d-aural-text').text('' + sakai.api.i18n.getValueForKey('CONTENT_ITEMS_FOUND', 'searchcontent'));
}
return sakai.api.Util.TemplateRenderer(searchConfig.results.template, { return sakai.api.Util.TemplateRenderer(searchConfig.results.template, {
"items": items, "items": items,
"sakai": sakai "sakai": sakai
Expand Down
2 changes: 1 addition & 1 deletion devwidgets/searchcontent/searchcontent.html
Expand Up @@ -3,7 +3,7 @@
<div class="searchcontent_content_main"> <div class="searchcontent_content_main">
<div class="s3d-search-refineby search_tags_refine_container"></div> <div class="s3d-search-refineby search_tags_refine_container"></div>
<div class="fl-left fl-container s3d-search-header" id="results_header"> <div class="fl-left fl-container s3d-search-header" id="results_header">
<span class="s3d-search-header-type">__MSG__CONTENT__ (<strong id="searchcontent_numberFound">0</strong>)</span> <h2 class="s3d-search-header-type">__MSG__CONTENT__ (<strong id="searchcontent_numberFound">0</strong><span class="s3d-aural-text"> __MSG__CONTENT_ITEMS_FOUND__</span>)</h2>
<div class="s3d-search-selects"> <div class="s3d-search-selects">
<!-- FACETED WIDGET --> <!-- FACETED WIDGET -->
<div id="widget_faceted_98384013291" class="searchcontent_facted widget_inline"></div> <div id="widget_faceted_98384013291" class="searchcontent_facted widget_inline"></div>
Expand Down
2 changes: 2 additions & 0 deletions devwidgets/searchgroups/bundles/default.properties
Expand Up @@ -4,6 +4,8 @@ CONTENT_ITEM = content item
CONTENT_ITEMS = content items CONTENT_ITEMS = content items
CREATED = created CREATED = created
GROUPS = Groups GROUPS = Groups
GROUP_FOUND = group found
GROUPS_FOUND = groups found
NO_GROUPS_FOUND_CATEGORY = No ${category} found NO_GROUPS_FOUND_CATEGORY = No ${category} found
NO_RESULTS_DESCRIPTION = No results? Try typing in a keyword to search on (above) NO_RESULTS_DESCRIPTION = No results? Try typing in a keyword to search on (above)
OLDEST = Oldest OLDEST = Oldest
Expand Down
6 changes: 6 additions & 0 deletions devwidgets/searchgroups/javascript/searchgroups.js
Expand Up @@ -199,6 +199,12 @@ require(["jquery", "sakai/sakai.api.core", "/dev/javascript/search_util.js"], fu
}, function(items, total){ }, function(items, total){
// Adjust display global total // Adjust display global total
$(searchConfig.global.numberFound, $rootel).text("" + total); $(searchConfig.global.numberFound, $rootel).text("" + total);
if (total === 1) {
$(searchConfig.global.numberFound, $rootel).next('span.s3d-aural-text').text('' + sakai.api.i18n.getValueForKey('GROUP_FOUND', 'searchgroups'));
}
else {
$(searchConfig.global.numberFound, $rootel).next('span.s3d-aural-text').text('' + sakai.api.i18n.getValueForKey('GROUPS_FOUND', 'searchgroups'));
}
return sakai.api.Util.TemplateRenderer(searchConfig.results.template, { return sakai.api.Util.TemplateRenderer(searchConfig.results.template, {
"items": items, "items": items,
"sakai": sakai "sakai": sakai
Expand Down
2 changes: 1 addition & 1 deletion devwidgets/searchgroups/searchgroups.html
Expand Up @@ -3,7 +3,7 @@
<div class="searchgroups_content_main"> <div class="searchgroups_content_main">
<div class="s3d-search-refineby search_tags_refine_container"></div> <div class="s3d-search-refineby search_tags_refine_container"></div>
<div class="fl-left fl-container s3d-search-header" id="results_header"> <div class="fl-left fl-container s3d-search-header" id="results_header">
<span class="s3d-search-header-type"><span id="searchgroups_type_title"></span> (<strong id="searchgroups_numberFound">0</strong>)</span> <h2 class="s3d-search-header-type"><span id="searchgroups_type_title"></span> (<strong id="searchgroups_numberFound">0</strong><span class="s3d-aural-text"> __MSG__GROUPS_FOUND__</span>)</h2>
<div class="s3d-search-selects"> <div class="s3d-search-selects">
<!-- FACETED WIDGET --> <!-- FACETED WIDGET -->
<div id="searchgroups_results_faceted" class=""><!-- <div id="searchgroups_results_faceted" class=""><!--
Expand Down
2 changes: 2 additions & 0 deletions devwidgets/searchpeople/bundles/default.properties
Expand Up @@ -2,6 +2,8 @@ CONTACT = contact
CONTACTS = contacts CONTACTS = contacts
CONTENT_ITEM = content item CONTENT_ITEM = content item
CONTENT_ITEMS = content items CONTENT_ITEMS = content items
PEOPLE_FOUND = people found
PERSON_FOUND = person found
MEMBERSHIP = membership MEMBERSHIP = membership
MEMBERSHIPS = memberships MEMBERSHIPS = memberships
NO_RESULTS_DESCRIPTION = No results? Try typing in a keyword to search on (above) NO_RESULTS_DESCRIPTION = No results? Try typing in a keyword to search on (above)
Expand Down
6 changes: 6 additions & 0 deletions devwidgets/searchpeople/javascript/searchpeople.js
Expand Up @@ -193,6 +193,12 @@ require(["jquery", "sakai/sakai.api.core", "/dev/javascript/search_util.js"], fu
}, function(items, total){ }, function(items, total){
// Adjust display global total // Adjust display global total
$(searchConfig.global.numberFound, $rootel).text("" + total); $(searchConfig.global.numberFound, $rootel).text("" + total);
if (total === 1) {
$(searchConfig.global.numberFound, $rootel).next('span.s3d-aural-text').text('' + sakai.api.i18n.getValueForKey('PERSON_FOUND', 'searchpeople'));
}
else {
$(searchConfig.global.numberFound, $rootel).next('span.s3d-aural-text').text('' + sakai.api.i18n.getValueForKey('PEOPLE_FOUND', 'searchpeople'));
}
return sakai.api.Util.TemplateRenderer(searchConfig.results.template, { return sakai.api.Util.TemplateRenderer(searchConfig.results.template, {
"items": items, "items": items,
"sakai": sakai "sakai": sakai
Expand Down
2 changes: 1 addition & 1 deletion devwidgets/searchpeople/searchpeople.html
Expand Up @@ -3,7 +3,7 @@
<div class="searchpeople_content_main"> <div class="searchpeople_content_main">
<div class="s3d-search-refineby search_tags_refine_container"></div> <div class="s3d-search-refineby search_tags_refine_container"></div>
<div class="fl-left fl-container s3d-search-header" id="results_header"> <div class="fl-left fl-container s3d-search-header" id="results_header">
<span class="s3d-search-header-type">__MSG__PEOPLE__ (<strong id="searchpeople_numberFound">0</strong>)</span> <h2 class="s3d-search-header-type">__MSG__PEOPLE__ (<strong id="searchpeople_numberFound">0</strong><span class="s3d-aural-text"> __MSG__PEOPLE_FOUND__</span>)</h2>
<div class="s3d-search-selects"> <div class="s3d-search-selects">
<!-- FACETED WIDGET --> <!-- FACETED WIDGET -->
<div id="widget_faceted_449529953" class="searchpeople_facted widget_inline"></div> <div id="widget_faceted_449529953" class="searchpeople_facted widget_inline"></div>
Expand Down