feat(i18n): add Persian language support

Author: Goudarz

app/components/currency-amount.js

@@ -4,7 +4,8 @@ import Component from '@glimmer/component';
 const locales = {
   'de'      : 'de-DE',
   'zh_Hans' : 'zh-CN',
-  'zh_Hant' : 'zh-TW'
+  'zh_Hant' : 'zh-TW',
+  'fa_IR'   : 'fa-IR'
 };
 
 export default class CurrencyAmount extends Component {

app/helpers/general-date.js

@@ -13,7 +13,7 @@ const dateFormats = {
   'tz'                 : ' '
 };
 
-const locales12Hours = new Set(['en', 'bn', 'hi', 'id', 'ja', 'run', 'th', 'vi', 'ko']);
+const locales12Hours = new Set(['en', 'bn', 'fa_IR', 'hi', 'id', 'ja', 'run', 'th', 'vi', 'ko']);
 
 export function generalDate(params, { tz }) {
   const timezone = tz || moment.tz.guess();

app/services/l10n.js

@@ -21,6 +21,7 @@ export default class L10nService extends L10n {
       'de'      : 'Deutsch',
       'en'      : 'English',
       'es'      : 'Español',
+      'fa_IR'   : 'فارسی',
       'fr'      : 'Français',
       'hi'      : 'हिंदी',
       'hr'      : 'Hrvatski',
@@ -82,6 +83,8 @@ export default class L10nService extends L10n {
         locale = 'zh-tw';
       } else if (locale === 'nb_NO') {
         locale = 'nb';
+      } else if (locale === 'fa_IR') {
+        locale = 'fa-IR';
       }
 
       getScript(`/assets/moment-locales/${locale}.js`)

app/templates/components/forms/group/group-view.hbs

@@ -8,7 +8,7 @@
             <img src="{{@group.logoUrl}}" class="logo mr-8" />
           {{/if}}
           <div>
-            <h1 class="event name text-white">{{@group.name}}</h1>
+            <h1 class="event name text-white" dir="auto">{{@group.name}}</h1>
           </div>
         </div>
       </div>

app/templates/public.hbs

@@ -12,7 +12,7 @@
               <h5 class="event time ends" style={{this.vietnameseFontFamily}}>{{t 'To'}} {{general-date this.model.endsAt 'date-time-tz-long' tz=this.model.timezone}}</h5>
             {{/if}}
             <LinkTo @route="public">
-              <h1 class="event name text-white">{{this.model.name}}</h1>
+              <h1 class="event name text-white" dir="auto">{{this.model.name}}</h1>
             </LinkTo>
             <h4 class="event location" style={{this.vietnameseFontFamily}}><i class="icon map marker alternate"></i>{{this.headerLocation}}</h4>
           </div>
@@ -30,7 +30,7 @@
                 <h5 class="event time ends" style={{this.vietnameseFontFamily}}>{{t 'To'}} {{general-date this.model.endsAt 'date-time-tz-long' tz=this.model.timezone}}</h5>
               {{/if}}
               <LinkTo @route="public">
-                <h1 class="event name text-white">{{this.model.name}}</h1>
+                <h1 class="event name text-white" dir="auto">{{this.model.name}}</h1>
               </LinkTo>
               <h4 class="event location" style={{this.vietnameseFontFamily}}><i class="icon map marker alternate"></i>{{this.headerLocation}}</h4>
             </div>

app/templates/public/index.hbs

@@ -5,7 +5,7 @@
     </div>
   {{/if}}
   {{#if this.model.event.description}}
-    <div class="description" id="info">
+    <div class="description" id="info" dir="auto">
       {{sanitize this.model.event.description}}
     </div>
     <div class="ui hidden divider"></div>

app/utils/dictionary/fluent-language.ts

@@ -19,6 +19,11 @@ export const fluentLanguage = [
     code      : 'es-ES',
     isChecked : false
   },
+  {
+    name      : 'فارسی',
+    code      : 'fa-IR',
+    isChecked : false
+  },
   {
     name      : 'Français',
     code      : 'fr-FR',

app/utils/dictionary/native-language.ts

@@ -19,6 +19,11 @@ export const nativeLanguage = [
     code      : 'es-ES',
     isChecked : false
   },
+  {
+    name      : 'فارسی',
+    code      : 'fa-IR',
+    isChecked : false
+  },
   {
     name      : 'Français',
     code      : 'fr-FR',

app/utils/dictionary/translate-language.ts

@@ -16,7 +16,8 @@ export const LANGUAGE_CODE_ENUM = {
   ARABIC              : 'ar',
   HINDI               : 'hi',
   SWEDISH             : 'sv',
-  NORWEGIAN           : 'nb_NO'
+  NORWEGIAN           : 'nb_NO',
+  PERSIAN             : 'fa_IR'
 }
 
 export const translateLanguages = [
@@ -45,6 +46,11 @@ export const translateLanguages = [
     code      : LANGUAGE_CODE_ENUM.SPANISH,
     isChecked : false
   },
+  {
+    name      : 'قارسی',
+    code      : LANGUAGE_CODE_ENUM.PERSIAN,
+    isChecked : false
+  },
   {
     name      : 'Français',
     code      : LANGUAGE_CODE_ENUM.FRENCH,