soporte para multiples consulados

src/pages/usefulinfo/usefulinfo.html

@@ -116,61 +116,52 @@
 
 		</ion-row>
 
-		<ion-row >
-			<p class="title1">{{nombre}}</p>
-		</ion-row>
-
-		<ion-row class="border oddcolor">
-
-			<ion-col col-1 col-xl-1 class="iconfix">
-				<img src="assets/imgs/Marqueta/telephone-handle-silhouette.png">
-			</ion-col>
-
-			<ion-col col-5 col-xl-5 class="textclr">
-				Telefono consulado
-			</ion-col>
-
-			<ion-col col-6 col-xl-6 style="text-align: right;">
-				<ion-grid *ngFor="let phone of telephone">
-					<ion-row class="ionlbl" >
-						{{phone.numero}}
-					</ion-row>
-				</ion-grid>
-			</ion-col>
-
-		</ion-row>
-
-		<ion-row class="border evencolor">
-
-			<ion-col col-1 col-xl-1 class="iconfix">
-				<img src="assets/imgs/Marqueta/maps-and-flags.png">
-			</ion-col>
-
-			<ion-col col-5 col-xl-5 class="textclr">
-				Direccion consulado
-			</ion-col>
-
-			<ion-col col-6 col-xl-6 class="ionlbl">
-				{{direccion}}
-			</ion-col>
-
-		</ion-row>
-
-		<ion-row class="border oddcolor">
-
-			<ion-col col-1 col-xl-1 class="iconfix">
-				<img src="assets/imgs/Marqueta/close-envelope.png">
-			</ion-col>
-
-			<ion-col col-5 col-xl-5 class="textclr">
-				correo electrónico
-			</ion-col>
-
-			<ion-col col-6 col-xl-6 class="ionlbl">
-				{{email}}
-			</ion-col>
-
-		</ion-row>
+    <div *ngFor="let consulado of consulados">
+      <ion-row >
+        <p class="title1">{{consulado.nombre}}</p>
+      </ion-row>
+  
+      <ion-row class="border oddcolor">
+        <!-- {{phone | json} -->
+        <ion-col col-1 col-xl-1 class="iconfix">
+          <img src="assets/imgs/Marqueta/telephone-handle-silhouette.png">
+        </ion-col>
+        <ion-col col-5 col-xl-5 class="textclr">
+          Telefono consulado
+        </ion-col>
+        <ion-col col-6 col-xl-6 style="text-align: right;">
+          <ion-grid *ngFor="let phone of consulado.telephone">
+            <ion-row class="ionlbl" >
+              {{phone.numero}}
+            </ion-row>
+          </ion-grid>
+        </ion-col>
+      </ion-row>
+  
+      <ion-row class="border evencolor">
+        <ion-col col-1 col-xl-1 class="iconfix">
+          <img src="assets/imgs/Marqueta/maps-and-flags.png">
+        </ion-col>
+        <ion-col col-5 col-xl-5 class="textclr">
+          Direccion consulado
+        </ion-col>
+        <ion-col col-6 col-xl-6 class="ionlbl">
+          {{consulado.direccion}}
+        </ion-col>
+      </ion-row>
+  
+      <ion-row class="border oddcolor">
+        <ion-col col-1 col-xl-1 class="iconfix">
+          <img src="assets/imgs/Marqueta/close-envelope.png">
+        </ion-col>
+        <ion-col col-5 col-xl-5 class="textclr">
+          correo electrónico
+        </ion-col>
+        <ion-col col-6 col-xl-6 class="ionlbl">
+          {{consulado.email}}
+        </ion-col>
+      </ion-row>
+    </div>
 
 		<ion-row class="border evencolor">
 

src/pages/usefulinfo/usefulinfo.ts

@@ -44,6 +44,7 @@ export class UsefulinfoPage {
   countrie: any;
   ports: Port[];
   port: Port;
+  consulados: any = [];
 
   constructor(public navCtrl: NavController, public navParams: NavParams, public storage: Storage,
     public restProvider: RestProvider, private loader: Loader) {
@@ -98,24 +99,39 @@ export class UsefulinfoPage {
   }
 
   portChange(event: { component: SelectSearchableComponent, value: any }) {
-        this.error = '';
-        this.countrie = event.value.nombre;
-        for (var i = 0; i < this.informations.length; i++) {
-          if(this.ports[i].nombre === event.value.nombre) {
-              this.selectedcountry = true;
-              this.datoutils = this.ports[i].datosutiles;
-              this.moneda = this.datoutils.moneda;
-              this.capital = this.datoutils.capital;
-              this.idioma = this.datoutils.idioma;
-              this.nombre = this.datoutils.consulados.nombre;
-              this.direccion = this.datoutils.consulados.direccion;
-              this.email = this.datoutils.consulados.email;
-              this.telephone = this.datoutils.consulados.telefonos;
-
+    this.consulados = [];
+    this.error = '';
+    this.countrie = event.value.nombre;
+    for (var i = 0; i < this.informations.length; i++) {
+      if(this.ports[i].nombre === event.value.nombre) {
+          this.selectedcountry = true;
+          this.datoutils = this.ports[i].datosutiles;
+          this.moneda = this.datoutils.moneda;
+          this.capital = this.datoutils.capital;
+          this.idioma = this.datoutils.idioma;
+          if (Array.isArray(this.datoutils.consulados)) {
+            this.datoutils.consulados.forEach(consulado => {
+              this.consulados.push({
+                nombre: consulado.nombre,
+                direccion: consulado.direccion,
+                email: consulado.email,
+                telephone: consulado.telefonos
+              });
+            });
+          } else {
+            this.consulados.push({
+              nombre: this.datoutils.consulados.nombre,
+              direccion: this.datoutils.consulados.direccion,
+              email: this.datoutils.consulados.email,
+              telephone: this.datoutils.consulados.telefonos
+            });
           }
+      } else {
 
-        }
-  }
+        console.log("else");
+      }
+    }
+}
 
 
   ionViewDidLoad() {