Display details about the search context in the placeholder

This commit is contained in:
Robin Ward 2013-05-29 12:19:03 -04:00
parent b1bdebd611
commit 4cf1d9c266
7 changed files with 45 additions and 8 deletions

View File

@ -15,7 +15,7 @@ Discourse.Category = Discourse.Model.extend({
},
searchContext: function() {
return ({ type: 'category', id: this.get('id') });
return ({ type: 'category', id: this.get('id'), category: this });
}.property('id'),
url: function() {

View File

@ -29,7 +29,7 @@ Discourse.User = Discourse.Model.extend({
}).property('username'),
searchContext: function() {
return ({ type: 'user', id: this.get('username_lower') });
return ({ type: 'user', id: this.get('username_lower'), user: this });
}.property('username_lower'),
/**

View File

@ -18,6 +18,9 @@ Discourse.UserRoute = Discourse.Route.extend({
setupController: function(controller, user) {
user.findDetails();
// Add a search context
this.controllerFor('search').set('searchContext', user.get('searchContext'));
},
activate: function() {
@ -26,9 +29,6 @@ Discourse.UserRoute = Discourse.Route.extend({
Discourse.MessageBus.subscribe("/users/" + user.get('username_lower'), function(data) {
user.loadUserAction(data);
});
// Add a search context
this.controllerFor('search').set('searchContext', user.get('searchContext'));
},
deactivate: function() {

View File

@ -1,4 +1,4 @@
{{textField value=term placeholderKey="search.placeholder"}}
{{view Discourse.SearchTextField valueBinding="term" searchContextBinding="searchContext"}}
{{#unless loading}}
{{#unless noResults}}
{{#each resultType in content}}

View File

@ -9,13 +9,13 @@
Discourse.TextField = Ember.TextField.extend({
attributeBindings: ['autocorrect', 'autocapitalize', 'autofocus'],
placeholder: (function() {
placeholder: function() {
if( this.get('placeholderKey') ) {
return Em.String.i18n(this.get('placeholderKey'));
} else {
return '';
}
}).property('placeholderKey')
}.property('placeholderKey')
});

View File

@ -0,0 +1,33 @@
/**
This is a text field that supports a dynamic placeholder based on search context.
@class SearchTextField
@extends Discourse.TextField
@namespace Discourse
@module Discourse
**/
Discourse.SearchTextField = Discourse.TextField.extend({
/**
A dynamic placeholder for the search field based on our context
@property placeholder
**/
placeholder: function() {
var ctx = this.get('searchContext');
if (ctx) {
switch(Em.get(ctx, 'type')) {
case 'user':
return Em.String.i18n('search.prefer.user', {username: Em.get(ctx, 'user.username')});
case 'category':
return Em.String.i18n('search.prefer.category', {category: Em.get(ctx, 'category.name')});
}
}
return Em.String.i18n('search.placeholder');
}.property('searchContext')
});

View File

@ -435,6 +435,10 @@ en:
no_results: "No results found."
searching: "Searching ..."
prefer:
user: "search will prefer results by @{{username}}"
category: "search will prefer results in {{category}}"
site_map: "go to another topic list or category"
go_back: 'go back'
current_user: 'go to your user page'