place detail gallery

package.json

@@ -32,7 +32,8 @@
     "@ionic-native/http": "^5.36.0",
     "@ionic-native/native-geocoder": "^5.36.0",
     "@ionic/angular": "^5.5.2",
-    "cordova-ios": "6.2.0",
+    "cordova-ios": "^4.0.1",
+    "ionic-img-viewer": "^2.9.0",
     "rxjs": "~6.6.0",
     "tslib": "^2.2.0",
     "zone.js": "~0.11.4"
@@ -104,4 +105,4 @@
       "ios"
     ]
   }
-}
+}

src/app/app.module.ts

@@ -22,6 +22,9 @@ import { NativeGeocoder } from '@ionic-native/native-geocoder/ngx';
 import { CallNumber } from '@ionic-native/call-number/ngx';
 import { EmailComposer } from '@ionic-native/email-composer/ngx';
 
+// import { IonicImageViewerModule } from 'ionic-img-viewer';
+
+
 // library.add(fas,far,fab);
 
 @NgModule({

src/app/placedetail/placedetail.page.html

@@ -4,7 +4,7 @@
       <ion-back-button></ion-back-button>
     </ion-buttons>
     <div class="hcs">
-      <img src="/assets/images/wellnessbar.svg" height="50" />    
+      <img src="/assets/images/wellnessbar.svg" height="50" />
     </div>
   </ion-toolbar>
 </ion-header>
@@ -90,11 +90,13 @@
           </ion-col>
         </ion-list>
       </ion-col>
-<ion-list *ngIf="segment === 'list3'">
-  <ion-col>
-    
-  </ion-col>
-</ion-list>
+      <ion-list *ngIf="segment === 'list3'">
+        <ion-row *ngIf="placelist">
+          <ion-col size="6" *ngFor="let galimg of placelist['acf']['gallery']">            
+            <img src="{{galimg.url}}" imageViewer />    
+          </ion-col>
+        </ion-row>
+      </ion-list>
     </ion-row>
 
   </ion-grid>

src/app/placedetail/placedetail.page.scss

@@ -56,3 +56,17 @@
     margin-top: -41px;
   }
 }
+
+// ion-segment {
+//   --background:#ffc409;
+// }
+ion-segment-button {
+  --indicator-box-shadow: transparent !important;
+  // --background:white;
+  // --color:#2d2e87;
+  // --background-checked: linear-gradient(to right, #2d2e87, #0083CB)!important;
+  // --color-checked: rgb(160, 205, 216);
+  border-radius: .5rem !important;
+  padding: 2px;
+  margin: 0;
+}

src/app/placedetail/placedetail.page.ts

@@ -63,6 +63,15 @@ export class PlacedetailPage implements OnInit {
     }, error => {
       console.log("errror ", error);
     });
+    // let id = this.route.snapshot.paramMap.get('id') || this.id;
+    // console.log("fetching ...");
+    // this.wpservice.getPlaceCat().subscribe((data) => {
+    //   this.placecatlist = data;      
+    //   console.log("load Cat Place ...");
+    //   console.log(data);
+    // }, error => {
+    //   console.log("errror ", error);
+    // });
   }
 
   loadMap() {

src/app/tabs/tabs.page.html

@@ -17,7 +17,7 @@
 
     <ion-tab-button tab="login" layout="icon-top">
       <ion-icon name="person"></ion-icon>
-      <ion-label>ฉัน</ion-label>
+      <ion-label >ฉัน</ion-label>
     </ion-tab-button>
     
   </ion-tab-bar>

src/app/tabs/tabs.page.scss

@@ -1,6 +1,7 @@
 ion-label {
     font-family: "IBM Plex Sans Thai", sans-serif !important;
-    font-weight: 400;
+    font-weight: 500;
+    font-size: 14px;
 }
 
 ion-tab-bar {