i18n: Adding new languages: Part 1 (#1882)

Co-authored-by: Jose Alberto Hernandez <alberto@blue-daemon.local>

src/app/shared/footer/footer.component.html

@@ -1,4 +1,4 @@
-<div fxLayout="column" id="footer" class="m-b-20">
+<div fxLayout="column" id="footer" class="m-b-20" *ngIf="displayBackEndInfo">
   <mat-divider fxFlexAlign="center" class="divider"></mat-divider>
   <div fxLayout="column" class="m-b-20 content">
 
@@ -15,12 +15,12 @@
       <td colspan="2" class="center footer-content"><b>{{ server }}</b></td>
     </tr>
     <tr *ngIf="isBusinessDateDefined">
-      <td class="footer-content">Current Business Date:</td>
+      <td class="footer-content">{{'labels.text.Current Business Date' | translate}}:</td>
       <td class="center footer-content business-date"><b>{{ businessDate | date: 'EEEE, MMMM dd, y' }}</b></td>
     </tr>
   </table>
   </div>
   <mat-divider fxFlexAlign="center" class="divider"></mat-divider>
-  <p fxFlexAlign="center" class="footer-content">{{ 'APP_NAME' | translate }} {{ 'labels.text.by' | translate }} Mifos
+  <p fxFlexAlign="center" class="footer-content">{{ 'APP_NAME' | translate}} {{'labels.text.by' | translate}} Mifos
   </p>
 </div>

src/app/shared/footer/footer.component.ts

@@ -42,43 +42,49 @@ export class FooterComponent implements OnInit, OnDestroy {
   alert$: Subscription;
   timer: any;
 
-  displayBackEndInfo: boolean = environment.displayBackEndInfo;
+  displayBackEndInfo = true;
 
   constructor(private systemService: SystemService,
     private settingsService: SettingsService,
     private authenticationService: AuthenticationService,
     private alertService: AlertService,
     private dateUtils: Dates,
-    private versionService: VersionService) { }
+    private versionService: VersionService) {
+      this.displayBackEndInfo = (environment.displayBackEndInfo === 'true');
+  }
 
   ngOnInit() {
-    this.alert$ = this.alertService.alertEvent.subscribe((alertEvent: Alert) => {
-      const alertType = alertEvent.type;
-      if (alertType === SettingsService.businessDateType + ' Set Config') {
-        this.isBusinessDateEnabled = (alertEvent.message === 'enabled') ? true : false;
-        this.isBusinessDateDefined = false;
-        if (this.isBusinessDateEnabled) {
-          this.setBusinessDate();
+    if (this.displayBackEndInfo) {
+      this.alert$ = this.alertService.alertEvent.subscribe((alertEvent: Alert) => {
+        const alertType = alertEvent.type;
+        if (alertType === SettingsService.businessDateType + ' Set Config') {
+          this.isBusinessDateEnabled = (alertEvent.message === 'enabled') ? true : false;
+          this.isBusinessDateDefined = false;
+          if (this.isBusinessDateEnabled) {
+            this.setBusinessDate();
+          }
+        } else if (alertType === SettingsService.businessDateType + ' Set') {
+          if (this.isBusinessDateEnabled) {
+            this.setBusinessDate();
+          }
+        } else if (alertType === 'Authentication Start') {
+          this.timer = setTimeout(() => { this.getConfigurations(); }, 60000);
         }
-      } else if (alertType === SettingsService.businessDateType + ' Set') {
-        if (this.isBusinessDateEnabled) {
-          this.setBusinessDate();
-        }
-      } else if (alertType === 'Authentication Start') {
-        this.timer = setTimeout(() => { this.getConfigurations(); }, 60000);
-      }
-    });
-    this.getConfigurations();
-    this.server = this.settingsService.server;
-    this.versionService.getBackendInfo().subscribe((data: any) => {
-      const buildVersion: string = data.git.build.version.split('-');
-      this.versions.fineract.version = buildVersion[0];
-      this.versions.fineract.hash = buildVersion[1];
-    });
+      });
+      this.getConfigurations();
+      this.server = this.settingsService.server;
+      this.versionService.getBackendInfo().subscribe((data: any) => {
+        const buildVersion: string = data.git.build.version.split('-');
+        this.versions.fineract.version = buildVersion[0];
+        this.versions.fineract.hash = buildVersion[1];
+      });
+    }
   }
 
   ngOnDestroy() {
-    clearTimeout(this.timer);
+    if (this.displayBackEndInfo) {
+      clearTimeout(this.timer);
+    }
   }
 
   /**