Compare commits

..

2 commits

16 changed files with 135 additions and 66 deletions

View file

@ -1,9 +1,37 @@
<main > <main >
<router-outlet ></router-outlet> <router-outlet ></router-outlet>
<!--
<app-login (newLanguageEvent) = "chgUILanguage($event)"></app-login>
-->
</main> </main>
<mat-divider></mat-divider> <mat-divider></mat-divider>
<div align="center">
<img *ngIf="zgoLanguage == 'en-US'"
src="../assets/zgo-usa-flag-default.png"
(click)="usFlagClicked()"
height="24px"
title="English (Default)"/>
<img *ngIf="zgoLanguage != 'en-US'"
src="../assets/zgo-usa-flag.png"
(click)="usFlagClicked()"
height="24px"
title="English"/>
<img src="../assets/flag-spacer.png"
height="24px">
<img *ngIf="zgoLanguage == 'es-US'"
src="../assets/zgo-spain-flag-default.png"
(click)="esFlagClicked()"
height="24px"
title="Spanish (Default)"/>
<img *ngIf="zgoLanguage != 'es-US'"
src="../assets/zgo-spain-flag.png"
(click)="esFlagClicked()"
height="24px"
title="Spanish"/>
</div>
<div class="footer" align="center"> <div class="footer" align="center">
<p>&copy; 2023 Vergara Technologies LLC</p> <p>&copy; 2023 Vergara Technologies LLC</p>
<p class="tiny">Version 1.4.1</p> <p class="tiny">Version 1.4.1</p>
<p class="tiny">Price data provided by CoinGecko API</p> <p class="tiny">{{ vE.mainPriceData }}</p>
</div> </div>

View file

@ -1,4 +1,7 @@
import { Component } from '@angular/core'; import { Component, OnInit } from '@angular/core';
import { LanguageService } from './language.service';
import { LanguageData } from './language.model';
//import { Post} from './posts/post.model'; //import { Post} from './posts/post.model';
@Component({ @Component({
@ -8,6 +11,49 @@ import { Component } from '@angular/core';
}) })
export class AppComponent { export class AppComponent {
title = 'ZGo'; title = 'ZGo';
zgoLanguage:string = '';
vE = {
mainPriceData : ''
} }
constructor(
private languageService: LanguageService){
}
ngOnInit(){
console.log('chgUILanguage() called on ngOnInit ');
this.chgUILanguage();
}
chgUILanguage() {
console.log('MAIN.chgUILanguage Called ');
this.languageService.getViewElements('main').subscribe(
response => {
console.log('response >> ', response );
console.log('main_price_data -> ',response.data.main_price_data);
this.vE.mainPriceData = response.data.main_price_data;
this.zgoLanguage = response.language;
},
error => { console.log('Error --> ',error); }
);
}
usFlagClicked() {
if ( this.zgoLanguage != 'en-US' ) {
localStorage.setItem('zgo_language','en-US');
window.location.reload();
}
}
esFlagClicked() {
if ( this.zgoLanguage != 'es-US' ) {
localStorage.setItem('zgo_language','es-US');
window.location.reload();
}
}
}

View file

@ -0,0 +1,5 @@
export interface LanguageData {
language: string;
component: string;
data?: any;
}

View file

@ -1,7 +1,6 @@
import { Injectable } from '@angular/core'; import { Injectable } from '@angular/core';
import { viewElement } from './viewelement.model'; import { LanguageData } from './language.model';
import { HttpClient, HttpParams, HttpHeaders } from '@angular/common/http'; import { HttpClient, HttpParams, HttpHeaders } from '@angular/common/http';
import { ConfigData } from './configdata'; import { ConfigData } from './configdata';
@Injectable({ @Injectable({
@ -10,39 +9,30 @@ import { ConfigData } from './configdata';
export class LanguageService { export class LanguageService {
private baseURL = 'http://www.test.com/getlang'; private baseURL = 'http://localhost:8080/getlang';
public zgoLanguage: string = '';
constructor(private http:HttpClient) { constructor(private http:HttpClient) {
} }
httpOptions = { getViewElements ( viewName:string ) {
headers: new HttpHeaders({ //
'Content-Type': 'application/json' // Get default language from localStorage
}) //
}; var def_zgoLanguage = localStorage.getItem('zgo_language');
_getViewElements ( viewName:string,
encoding:string = 'en-US' ){
const vElem : string = '{' +
'"login_confirm_login":"ZGo confirma su ingreso en la cadena de Zcash"' + ',' +
'"login_connect_to_zgo":"Conectar su billetera a ZGo"' + ',' +
'"login_enter_pin":"Ingrese el PIN enviado por ZGo para confirmar su billetera:"' + ',' +
'"login_last_block":"Ultimo Bloque Verificado: "' + ',' +
'"login_link_wallet":"Asociar Billetera"' + '}';
return vElem;
if ( def_zgoLanguage == null ) {
this.zgoLanguage = 'en-US';
localStorage.setItem('zgo_language',this.zgoLanguage);
} else {
this.zgoLanguage = def_zgoLanguage;
} }
//
getViewElements ( viewName:string, // Get View's text data from language database
encoding:string = 'en-US' ) { //
return this.http.get<LanguageData>(this.baseURL +
return this.http.get<any>(this.baseURL + '/?lang_id=' + this.zgoLanguage +
'/?lang_id=' + encoding +
'&viewname=' + viewName); '&viewname=' + viewName);
} }
} }

View file

@ -15,6 +15,7 @@ import { take } from 'rxjs/operators';
import { v4 as uuidv4 } from 'uuid'; import { v4 as uuidv4 } from 'uuid';
import { LanguageService } from '../language.service'; import { LanguageService } from '../language.service';
import { LanguageData } from '../language.model';
var QRCode = require('easyqrcodejs'); var QRCode = require('easyqrcodejs');
var URLSafeBase64 = require('urlsafe-base64'); var URLSafeBase64 = require('urlsafe-base64');
@ -92,22 +93,18 @@ export class LoginComponent implements OnInit, AfterViewInit {
entryForm: UntypedFormGroup; entryForm: UntypedFormGroup;
pinForm: UntypedFormGroup; pinForm: UntypedFormGroup;
public vResponse : _vE_login = { //
login_confirm_login : '', // Language Support
login_connect_to_zgo : '', //
login_enter_pin : '', vE = {
login_last_block : '',
login_link_wallet : ''
};
public vE = {
loginConfirmLogin : '', loginConfirmLogin : '',
loginConnectToZGo : '', loginConnectToZGo : '',
loginEnterPin : '', loginEnterPin : '',
loginLastBlock : '', loginLastBlock : '',
loginLinkWallet : '' loginLinkWallet : ''
} }
//
// ------------------------------------------------------------
constructor( constructor(
private fb: UntypedFormBuilder, private fb: UntypedFormBuilder,
private activatedRoute: ActivatedRoute, private activatedRoute: ActivatedRoute,
@ -118,6 +115,7 @@ export class LoginComponent implements OnInit, AfterViewInit {
private _changeDetectorRef: ChangeDetectorRef, private _changeDetectorRef: ChangeDetectorRef,
private languageService: LanguageService private languageService: LanguageService
){ ){
//this.fullnodeService.getAddr(); //this.fullnodeService.getAddr();
this.entryForm = fb.group({ this.entryForm = fb.group({
selectedSession: [0.001, Validators.required] selectedSession: [0.001, Validators.required]
@ -162,25 +160,7 @@ export class LoginComponent implements OnInit, AfterViewInit {
} }
ngOnInit(){ ngOnInit(){
this.chgUILanguage();
this.languageService.getViewElements('login','es-US').subscribe(
response => {
console.log('Received >> ', response );
var xv = JSON.parse(response) as _vE_login;
console.log('Last block -> ', );
/* this.vE.loginLastBlock = vElemObject.login_last_block;
this.vE.loginConnectToZGo = vElemObject.login_connect_to_zgo;
this.vE.loginLinkWallet = vElemObject.login_link_wallet;
this.vE.loginConfirmLogin = vElemObject.login_confirm_login;
this.vE.loginEnterPin = vElemObject.login_enter_pin;
*/
},
error => { console.log('Error >> ',error); }
);
this.intervalHolder = setInterval(() => { this.intervalHolder = setInterval(() => {
this.fullnodeService.getHeight(); this.fullnodeService.getHeight();
//this.userService.findUser(); //this.userService.findUser();
@ -252,4 +232,24 @@ export class LoginComponent implements OnInit, AfterViewInit {
this.UserSub.unsubscribe(); this.UserSub.unsubscribe();
clearInterval(this.intervalHolder); clearInterval(this.intervalHolder);
} }
chgUILanguage(){
console.log('LOGIN.chgUILanguage Called ');
this.languageService.getViewElements('login').subscribe(
response => {
console.log('Received >> ', response );
console.log('Language Code : ', response.language);
console.log('Component Name : ',response.component);
console.log('Language data : ',response.data);
console.log('Login_Last_Block -> ',response.data.login_last_block);
this.vE.loginLastBlock = response.data.login_last_block;
this.vE.loginConnectToZGo = response.data.login_connect_to_zgo;
this.vE.loginLinkWallet = response.data.login_link_wallet;
this.vE.loginConfirmLogin = response.data.login_confirm_login;
this.vE.loginEnterPin = response.data.login_enter_pin;
},
error => { console.log('Error >> ',error); }
);
}
} }

BIN
src/assets/brazil.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

BIN
src/assets/flag-spacer.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.3 KiB

BIN
src/assets/flag-spacer.xcf Normal file

Binary file not shown.

BIN
src/assets/spain-flag.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

BIN
src/assets/spain.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

BIN
src/assets/zgo-usa-flag.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB