IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-25 18:55:32 -06:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #2878 from daemonsy/daemonsy_focus_topic_input

Browse Source 
UX Improvement: Autofocus the topic field on edit
This commit is contained in:
Robin Ward 2014-10-16 15:56:35 -04:00
commit d439bd274e
2 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
app/assets/javascripts/discourse/components/autofocus-text-field.js.es6 Normal file
View File

@ -0,0 +1,7 @@
export default Ember.TextField.extend({
becomeFocused: function() {
var input = this.get("element");
input.focus();
input.selectionStart = input.selectionEnd = input.value.length;
}.on('didInsertElement')
});

4
app/assets/javascripts/discourse/templates/topic.hbs
View File

@ -17,9 +17,9 @@
{{#if editingTopic}} {{#if editingTopic}}
{{#if isPrivateMessage}} {{#if isPrivateMessage}}
<span class="private-message-glyph">{{fa-icon envelope}}</span> <span class="private-message-glyph">{{fa-icon envelope}}</span>
{{text-field id='edit-title' value=newTitle maxLength=maxTitleLength}} {{autofocus-text-field id='edit-title' value=newTitle maxLength=maxTitleLength}}
{{else}} {{else}}
{{text-field id='edit-title' value=newTitle maxLength=maxTitleLength}} {{autofocus-text-field id='edit-title' value=newTitle maxLength=maxTitleLength}}
</br> </br>
{{category-chooser valueAttribute="id" value=newCategoryId source=category_id}} {{category-chooser valueAttribute="id" value=newCategoryId source=category_id}}
{{/if}} {{/if}}