Display remaining characters when editing display name and bio (#2219)

This commit is contained in:
Sebastian Morr 2017-04-21 18:17:21 +02:00 committed by Eugen
parent 5e33ad29d4
commit 74c474a652
3 changed files with 12 additions and 4 deletions

View File

@ -37,4 +37,12 @@ $(() => {
$(e.target).parent().attr('style', null); $(e.target).parent().attr('style', null);
} }
}); });
// used on /settings/profile
$('.account_display_name').on('input', e => {
$('.name-counter').text(30 - $(e.target).val().length)
});
$('.account_note').on('input', e => {
$('.note-counter').text(160 - $(e.target).val().length)
});
}); });

View File

@ -5,8 +5,8 @@
= render 'shared/error_messages', object: @account = render 'shared/error_messages', object: @account
.fields-group .fields-group
= f.input :display_name, placeholder: t('simple_form.labels.defaults.display_name') = f.input :display_name, placeholder: t('simple_form.labels.defaults.display_name'), hint: t('simple_form.hints.defaults.display_name', counter: "<span class=\"name-counter\">#{30-@account.display_name.size}</span>").html_safe
= f.input :note, placeholder: t('simple_form.labels.defaults.note') = f.input :note, placeholder: t('simple_form.labels.defaults.note'), hint: t('simple_form.hints.defaults.note', counter: "<span class=\"note-counter\">#{160-@account.note.size}</span>").html_safe
= f.input :avatar, wrapper: :with_label, hint: t('simple_form.hints.defaults.avatar') = f.input :avatar, wrapper: :with_label, hint: t('simple_form.hints.defaults.avatar')
= f.input :header, wrapper: :with_label, hint: t('simple_form.hints.defaults.header') = f.input :header, wrapper: :with_label, hint: t('simple_form.hints.defaults.header')

View File

@ -4,10 +4,10 @@ en:
hints: hints:
defaults: defaults:
avatar: PNG, GIF or JPG. At most 2MB. Will be downscaled to 120x120px avatar: PNG, GIF or JPG. At most 2MB. Will be downscaled to 120x120px
display_name: At most 30 characters display_name: '%{counter} characters left'
header: PNG, GIF or JPG. At most 2MB. Will be downscaled to 700x335px header: PNG, GIF or JPG. At most 2MB. Will be downscaled to 700x335px
locked: Requires you to manually approve followers and defaults post privacy to followers-only locked: Requires you to manually approve followers and defaults post privacy to followers-only
note: At most 160 characters note: '%{counter} characters left'
imports: imports:
data: CSV file exported from another Mastodon instance data: CSV file exported from another Mastodon instance
sessions: sessions: