Add translations for counter of profile (#3214)

ref #3101

app/javascript/packs/public.js

@@ -98,10 +98,14 @@ delegate(document, '.status__content__spoiler-link', 'click', ({ target }) => {
 
 delegate(document, '.account_display_name', 'input', ({ target }) => {
   const nameCounter = document.querySelector('.name-counter');
+  if (nameCounter) {
     nameCounter.textContent = 30 - length(target.value);
+  }
 });
 
 delegate(document, '.account_note', 'input', ({ target }) => {
   const noteCounter = document.querySelector('.note-counter');
+  if (noteCounter) {
     noteCounter.textContent = 160 - length(target.value);
+  }
 });

config/locales/simple_form.ar.yml

@@ -4,10 +4,10 @@ ar:
     hints:
       defaults:
         avatar: PNG, GIF أو JPG. على الأكثر 2 ميغابيت . سوف يتم تصغيرها إلى 120x120px
-        display_name: "%{count} أحرف متبقية"
+        display_name: '<span class="name-counter">%{count}</span> أحرف متبقية'
         header: PNG, GIF or JPG. على الأكثر 2 ميغابيت . سوف يتم تصغيرها إلى 700x335px
         locked: يتطلب منك الموافقة يدويا على كل طلب للإشتراك بحسابك و منشوراتك تعرض لمتابعيك فقط دون غيرهم
-        note: "%{count} أحرف متبقية"
+        note: '<span class="note-counter">%{count}</span> أحرف متبقية'
       imports:
         data: ملف CSV تم تصديره من خادوم مثيل  آخر لماستدون
       sessions:

config/locales/simple_form.de.yml

@@ -4,10 +4,10 @@ de:
     hints:
       defaults:
         avatar: PNG, GIF oder JPG. Maximal 2MB. Wird auf 120x120px herunterskaliert
-        display_name: '%{count} Zeichen verbleiben'
+        display_name: '<span class="name-counter">%{count}</span> Zeichen verbleiben'
         header: PNG, GIF oder JPG. Maximal 2MB. Wird auf 700x335px herunterskaliert
         locked: Erlaubt dir, Nutzer zu überprüfen, bevor sie dir folgen können
-        note: '%{count} Zeichen verbleiben'
+        note: '<span class="note-counter">%{count}</span> Zeichen verbleiben'
       imports:
         data: CSV-Datei, die von einer anderen Mastodon-Instanz exportiert wurde
       sessions:

config/locales/simple_form.ja.yml

@@ -4,10 +4,10 @@ ja:
     hints:
       defaults:
         avatar: 2MBまでのPNGやGIF、JPGが利用可能です。120x120pxまで縮小されます。
-        display_name: あと%{count}文字入力できます。
+        display_name: あと<span class="name-counter">%{count}</span>文字入力できます。
         header: 2MBまでのPNGやGIF、JPGが利用可能です。 700x335pxまで縮小されます。
         locked: フォロワーを手動で承認する必要があります。デフォルトではトゥートの公開範囲はフォロワーのみです。
-        note: あと%{count}文字入力できます。
+        note: あと<span class="note-counter">%{count}</span>文字入力できます。
       imports:
         data: 他の Mastodon インスタンスからエクスポートしたCSVファイルを選択して下さい
       sessions:

config/locales/simple_form.pt-BR.yml

@@ -4,10 +4,10 @@ pt-BR:
     labels:
       defaults:
         avatar: PNG, GIF or JPG. Máximo 2MB. Será reduzido para 120x120px
-        display_name: '%{count} caracteres restantes'
+        display_name: '<span class="name-counter">%{count}</span> caracteres restantes'
         header: PNG, GIF or JPG. Máximo 2MB. Será reduzido para 700x335px
         locked: Requer você aprovação manualmente seguidores e posts padrão de privacidade para seguidores-apenas
-        note: '%{count} caracteres restantes'
+        note: '<span class="note-counter">%{count}</span> caracteres restantes'
       imports:
         data: Arquivo CSV exportado de outra instancia Mastodon
       sessions:

config/locales/simple_form.ru.yml

@@ -4,10 +4,10 @@ ru:
     hints:
       defaults:
         avatar: PNG, GIF или JPG. Максимально 2MB. Будет уменьшено до 120x120px
-        display_name: 'Осталось символов: %{count}'
+        display_name: 'Осталось символов: <span class="name-counter">%{count}</span>'
         header: PNG, GIF или JPG. Максимально 2MB. Будет уменьшено до 700x335px
         locked: Потребует от Вас ручного подтверждения подписчиков, изменит приватность постов по умолчанию на "только для подписчиков"
-        note: 'Осталось символов: %{count}'
+        note: 'Осталось символов: <span class="note-counter">%{count}</span>'
       imports:
         data: Файл CSV, экспортированный с другого узла Mastodon
       sessions:

config/locales/simple_form.th.yml

@@ -5,13 +5,13 @@ th:
       defaults:
         avatar: PNG, GIF or JPG. At most 2MB. Will be downscaled to 120x120px
         display_name:
-            one: '1 character left'
+          one: '<span class="name-counter">1</span> character left'
-            other: '%{count} characters left'
+          other: '<span class="name-counter">%{count}</span> characters left'
         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
         note:
-            one: '1 character left'
+          one: '<span class="name-counter">1</span> character left'
-            other: '%{count} characters left'
+          other: '<span class="note-counter">%{count}</span> characters left'
       imports:
         data: CSV file exported from another Mastodon instance
       sessions:

config/locales/simple_form.tr.yml

@@ -5,10 +5,10 @@ tr:
     hints:
       defaults:
         avatar: En fazla 2MB olacak şekilde PNG, GIF veya JPG formatında yükleyiniz. 120x120px büyüklüğüne indirgenecektir
-        display_name: '%{count} karakter kaldı'
+        display_name: '<span class="name-counter">%{count}</span> karakter kaldı'
         header: En fazla 2MB olacak şekilde PNG, GIF veya JPG formatında yükleyiniz. 700x335px büyüklüğüne indirgenecektir.
         locked: Takipçilerinizi manuel olarak kabul etmenizi ve gönderilerinizi varsayılan olarak sadece takipçilerinizin göreceği şekilde paylaşmanızı sağlar.
-        note: '%{count} karakter kaldı'
+        note: '<span class="note-counter">%{count}</span> karakter kaldı'
       imports:
         data: Diğer Mastodon sunucusundan dışarı aktardığınız CSV dosyası
       sessions:

config/locales/simple_form.uk.yml

@@ -4,10 +4,10 @@ uk:
     hints:
       defaults:
         avatar: PNG, GIF, або JPG. Максимум - 2МБ. Буде зменшено до 120x120px
-        display_name: 'Залишилося символів: %{count}'
+        display_name: 'Залишилося символів: <span class="name-counter">%{count}</span>'
         header: PNG, GIF, або JPG. Максимум - 2МБ. Буде зменшено до 700x335px
         locked: Буде вимагати від Вас самостійного підтверждення підписників, змінить приватність постів за замовчуванням на "тільки для підписників"
-        note: 'Осталось символов: %{count}'
+        note: 'Осталось символов: <span class="note-counter">%{count}</span>'
       imports:
         data: Файл CSV, экспортированный с другого узла Mastodon
       sessions: