+These are Cordova resources. You can replace icon.png and splash.png and run

+`ionic cordova resources` to generate custom icons and splash screens for your

+app. See `ionic cordova resources --help` for details.

+

+Cordova reference documentation:

+

+- Icons: https://cordova.apache.org/docs/en/latest/config_ref/images.html

+- Splash Screens: https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-splashscreen/

+<?xml version="1.0" encoding="utf-8"?>

+<network-security-config>

+    <domain-config cleartextTrafficPermitted="true">

+        <domain includeSubdomains="true">localhost</domain>

+    </domain-config>

+</network-security-config>

+  },

+  {

+    path: 'home',

+    loadChildren: () => import('./home/home.module').then( m => m.HomePageModule)

+  },

+  {

+    path: 'register',

+    loadChildren: () => import('./register/register.module').then( m => m.RegisterPageModule)

+  },

+  {

+    path: 'login',

+    loadChildren: () => import('./login/login.module').then( m => m.LoginPageModule)

+  },

+  {

+    path: 'forgot-password',

+    loadChildren: () => import('./forgot-password/forgot-password.module').then( m => m.ForgotPasswordPageModule)

+  },

+  {

+    path: 'register-form',

+    loadChildren: () => import('./register-form/register-form.module').then( m => m.RegisterFormPageModule)

+  },

+  {

+    path: 'profile',

+    loadChildren: () => import('./profile/profile.module').then( m => m.ProfilePageModule)

+  },

+  {

+    path: 'reset-password',

+    loadChildren: () => import('./reset-password/reset-password.module').then( m => m.ResetPasswordPageModule)

+  },

+  {

+    path: 'placedetail',

+    loadChildren: () => import('./placedetail/placedetail.module').then( m => m.PlacedetailPageModule)

+  },

+  {

+    path: 'place',

+    loadChildren: () => import('./place/place.module').then( m => m.PlacePageModule)

+  },

+  {

+    path: 'province',

+    loadChildren: () => import('./province/province.module').then( m => m.ProvincePageModule)

+import { HttpClientModule, HttpClient} from '@angular/common/http';

+

+// import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';

+// import { library } from '@fortawesome/fontawesome-svg-core';

+import { FontAwesomeModule, FaIconLibrary } from '@fortawesome/angular-fontawesome';

+import { fas } from '@fortawesome/free-solid-svg-icons';

+import { far } from '@fortawesome/free-regular-svg-icons';

+import { fab } from '@fortawesome/free-brands-svg-icons';

+

+// library.add(fas,far,fab);

+

+  imports: [HttpClientModule, BrowserModule, IonicModule.forRoot(), AppRoutingModule, FontAwesomeModule],

+export class AppModule {

+constructor(library: FaIconLibrary) {

+  library.addIconPacks(fas, fab, far);

+}

+

+}

+</div>

+<ion-title size="large">wellnessroute.info</ion-title>

+  <ion-title size="large">แผนที่สุขภาพ</ion-title>

+import { NgModule } from '@angular/core';

+import { Routes, RouterModule } from '@angular/router';

+

+import { ForgotPasswordPage } from './forgot-password.page';

+

+const routes: Routes = [

+  {

+    path: '',

+    component: ForgotPasswordPage

+  }

+];

+

+@NgModule({

+  imports: [RouterModule.forChild(routes)],

+  exports: [RouterModule],

+})

+export class ForgotPasswordPageRoutingModule {}

+import { NgModule } from '@angular/core';

+import { CommonModule } from '@angular/common';

+import { FormsModule } from '@angular/forms';

+

+import { IonicModule } from '@ionic/angular';

+

+import { ForgotPasswordPageRoutingModule } from './forgot-password-routing.module';

+

+import { ForgotPasswordPage } from './forgot-password.page';

+

+@NgModule({

+  imports: [

+    CommonModule,

+    FormsModule,

+    IonicModule,

+    ForgotPasswordPageRoutingModule

+  ],

+  declarations: [ForgotPasswordPage]

+})

+export class ForgotPasswordPageModule {}

+<ion-header>

+  <ion-toolbar>

+    <ion-title>Wellness Route</ion-title>

+  </ion-toolbar>

+</ion-header>

+

+<ion-content>

+  <ion-row>

+    <ion-col>

+      <div class="ion-text-center">

+        <h1>ลืมรหัสผ่าน</h1>

+      </div>

+    </ion-col>

+  </ion-row>

+  <form>

+    <ion-row>

+      <ion-col>

+        <ion-item lines="full">

+          <ion-label position="floating">อีเมล์</ion-label>

+          <ion-input type="email" name="email" [(ngModel)]="email" inputmode="email"></ion-input>

+        </ion-item>

+      </ion-col>

+    </ion-row>

+    <ion-row>

+      <ion-col>

+        <ion-button type="submit" color="danger" expand="block" (click)="resetPassword()">ส่งรหัสผ่าน</ion-button>

+

+      </ion-col>

+    </ion-row>

+  </form>

+</ion-content>

+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';

+import { IonicModule } from '@ionic/angular';

+

+import { ForgotPasswordPage } from './forgot-password.page';

+

+describe('ForgotPasswordPage', () => {

+  let component: ForgotPasswordPage;

+  let fixture: ComponentFixture<ForgotPasswordPage>;

+

+  beforeEach(waitForAsync(() => {

+    TestBed.configureTestingModule({

+      declarations: [ ForgotPasswordPage ],

+      imports: [IonicModule.forRoot()]

+    }).compileComponents();

+

+    fixture = TestBed.createComponent(ForgotPasswordPage);

+    component = fixture.componentInstance;

+    fixture.detectChanges();

+  }));

+

+  it('should create', () => {

+    expect(component).toBeTruthy();

+  });

+});

+import { Component, OnInit } from '@angular/core';

+

+@Component({

+  selector: 'app-forgot-password',

+  templateUrl: './forgot-password.page.html',

+  styleUrls: ['./forgot-password.page.scss'],

+})

+export class ForgotPasswordPage implements OnInit {

+

+  email = "";

+

+  constructor() { }

+

+  ngOnInit() {

+  }

+

+}

+import { NgModule } from '@angular/core';

+import { Routes, RouterModule } from '@angular/router';

+

+import { HomePage } from './home.page';

+

+const routes: Routes = [

+  {

+    path: '',

+    component: HomePage

+  }

+];

+

+@NgModule({

+  imports: [RouterModule.forChild(routes)],

+  exports: [RouterModule],

+})

+export class HomePageRoutingModule {}

+import { NgModule } from '@angular/core';

+import { CommonModule } from '@angular/common';

+import { FormsModule } from '@angular/forms';

+

+import { IonicModule } from '@ionic/angular';

+

+import { HomePageRoutingModule } from './home-routing.module';

+

+import { HomePage } from './home.page';

+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';

+import { IonSlides } from '@ionic/angular';

+

+@NgModule({

+  imports: [

+    CommonModule,

+    FormsModule,

+    IonicModule,

+    HomePageRoutingModule,

+    FontAwesomeModule

+  ],

+  declarations: [HomePage]

+})

+export class HomePageModule {}

+<ion-header class="ion-no-border">

+  <ion-toolbar class="new-background-color">

+    <ion-title>Wellness Route</ion-title>

+  </ion-toolbar>

+</ion-header>

+<ion-content [fullscreen]="true">

+  <ion-slides pager="true" [options]="slideOptsOne">

+    <ion-slide *ngFor="let p of imageslide">

+      <div class="slide">

+        <ion-img [src]="p.better_featured_image.source_url"></ion-img>

+      </div>

+    </ion-slide>

+  </ion-slides>

+  <ion-grid>

+    <ion-row>

+      <ion-col>

+        <ion-toolbar class="search">

+          <ion-searchbar placeholder="ค้นหา"></ion-searchbar>

+        </ion-toolbar>

+      </ion-col>

+    </ion-row>

+    <ion-row class="ion-justify-content-start">

+      <!-- <ion-col size="6">

+        <div class="center catshow">

+          <fa-icon [icon]="['fas', 'utensils']" size="3x" class="red"></fa-icon>

+        </div>

+      </ion-col>

+      <ion-col size="6">

+        <div class=" catshow center">

+          <fa-icon [icon]="['fas', 'spa']" size="3x"></fa-icon>        

+        </div>

+      </ion-col>

+      <ion-col size="6">

+        <div class=" catshow center">

+          <fa-icon [icon]="['fas', 'praying-hands']" size="3x"></fa-icon>          

+        </div>

+      </ion-col>

+      <ion-col size="6">

+        <div class="catshow center">

+          <fa-icon [icon]="['fas', 'running']" size="3x"></fa-icon>

+        </div>

+      </ion-col> -->

+      <ion-col size="3">

+        <div class="center catshow">

+          <a [routerLink]="['/tabs/place/']"><fa-icon [icon]="['fas', 'utensils']" size="2x" class="red"></fa-icon></a>          

+        </div>

+      </ion-col>

+      <ion-col size="3">

+        <div class=" catshow center">

+          <fa-icon [icon]="['fas', 'spa']" size="2x"></fa-icon>        

+        </div>

+      </ion-col>

+      <ion-col size="3">

+        <div class=" catshow center">

+          <fa-icon [icon]="['fas', 'praying-hands']" size="2x"></fa-icon>          

+        </div>

+      </ion-col>

+      <ion-col size="3">

+        <div class="catshow center">

+          <fa-icon [icon]="['fas', 'running']" size="2x"></fa-icon>

+        </div>

+      </ion-col>

+    </ion-row>

+    <ion-row>

+      <ion-col>

+        <ion-card *ngFor="let pldata of placelasted">

+          <div *ngIf="$any(pldata).better_featured_image != null">

+            <img src="{{$any(pldata).better_featured_image.source_url}}" alt="">

+          </div>

+          <div *ngIf="$any(pldata).better_featured_image == null">

+            <img src="/assets/images/temp.png" />

+          </div>

+          <ion-card-header>            

+            <a [routerLink]="['/tabs/place/', pldata.id]"><ion-card-title [innerHTML]="pldata.title.rendered"></ion-card-title>

+            </a>

+            <a [routerLink]="['/tabs/province/']">

+              <span [innerHTML]="pldata._embedded['wp:term'][1][0].name"></span>

+            </a> /

+            <a [routerLink]="['/tabs/place/']">

+              <span [innerHTML]="pldata._embedded['wp:term'][2][0].name"></span>

+            </a>

+          </ion-card-header>

+        </ion-card>

+      </ion-col>

+    </ion-row>

+  </ion-grid>

+</ion-content>

+ion-card-title {

+  font-family: "IBM Plex Sans Thai", sans-serif !important;

+  font-weight: 600;

+  font-size: 20px;

+}

+

+ion-searchbar{

+  // --color:#000;

+  // --placeholder-color:#000;

+  // --background:#000;

+}

+

+.search{

+  padding: 0px !important;

+  // margin-bottom: 30px;

+  margin-top: 10px;

+}

+

+// .red {

+//   color: rgb(255, 0, 0);

+// }

+

+.catshow {

+  height: 100px;

+  // background-color: rgb(183, 210, 236);

+  border: solid 1px;

+  border-color: cornflowerblue;

+}

+

+.center {

+  // // height: 110px;

+  // margin: auto;

+  // // width: 50%;

+  // border: 3px solid green;

+  // padding: 10px;

+  // display: block;

+  // margin-left: auto;

+  // margin-right: auto;

+  display: flex;

+  // height: 180px;

+  // background-color: #ff1124;

+  justify-content: center;

+  align-items: center;

+  // flex-wrap: wrap;

+}

+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';

+import { IonicModule } from '@ionic/angular';

+

+import { HomePage } from './home.page';

+

+describe('HomePage', () => {

+  let component: HomePage;

+  let fixture: ComponentFixture<HomePage>;

+

+  beforeEach(waitForAsync(() => {

+    TestBed.configureTestingModule({

+      declarations: [ HomePage ],

+      imports: [IonicModule.forRoot()]

+    }).compileComponents();

+

+    fixture = TestBed.createComponent(HomePage);

+    component = fixture.componentInstance;

+    fixture.detectChanges();

+  }));

+

+  it('should create', () => {

+    expect(component).toBeTruthy();

+  });

+});

+import { Component, OnInit } from '@angular/core';

+import { NavController } from '@ionic/angular';

+import { WpServiceService } from '../wp-service.service';

+

+

+@Component({

+  selector: 'app-home',

+  templateUrl: './home.page.html',

+  styleUrls: ['./home.page.scss'],

+})

+export class HomePage implements OnInit {

+

+  imageslide :any = [];

+  placelasted :any = [];

+  sliderOne: any;

+

+  slideOptsOne = {

+    initialSlide: 0,

+    slidesPerView: 1,

+    autoplay: true

+  };

+

+  constructor(public navCtrl: NavController, private wpservice: WpServiceService) { }

+

+  ngOnInit() {

+    

+    this.wpservice.getSlideshow().subscribe((data) => {

+      this.imageslide = data;

+      console.log('load imageslide');

+    });

+

+    this.wpservice.getLasted().subscribe((placedata) => {

+      this.placelasted = placedata;

+      console.log('load Place');

+      console.log(placedata);

+    });        

+  }

+

+}

+import { NgModule } from '@angular/core';

+import { Routes, RouterModule } from '@angular/router';

+

+import { LoginPage } from './login.page';

+

+const routes: Routes = [

+  {

+    path: '',

+    component: LoginPage

+  }

+];

+

+@NgModule({

+  imports: [RouterModule.forChild(routes)],

+  exports: [RouterModule],

+})

+export class LoginPageRoutingModule {}

+import { NgModule } from '@angular/core';

+import { CommonModule } from '@angular/common';

+import { FormsModule } from '@angular/forms';

+

+import { IonicModule } from '@ionic/angular';

+

+import { LoginPageRoutingModule } from './login-routing.module';

+

+import { LoginPage } from './login.page';

+

+@NgModule({

+  imports: [

+    CommonModule,

+    FormsModule,

+    IonicModule,

+    LoginPageRoutingModule

+  ],

+  declarations: [LoginPage]

+})

+export class LoginPageModule {}

+<ion-header>

+  <ion-toolbar>

+    <ion-title>Wellness Route</ion-title>

+  </ion-toolbar>

+</ion-header>

+

+<ion-content>

+  <ion-row>

+    <ion-col>

+      <div class="ion-text-center">

+        <h1>เข้าสู่ระบบ</h1>

+      </div>

+    </ion-col>

+  </ion-row>

+  <ion-row>

+    <ion-col>

+      <form>

+        <ion-item lines="full">

+          <ion-label position="floating">อีเมล์</ion-label>

+          <ion-input type="text" required="true" [(ngModel)]='registerForm.email' name='email' type='email'></ion-input>

+        </ion-item>

+

+        <ion-item lines="full">

+          <ion-label position="floating">รหัสผ่าน</ion-label>

+          <ion-input type="password" required [(ngModel)]='registerForm.password' name='password'></ion-input>

+        </ion-item>

+      </form>

+    </ion-col>

+  </ion-row>

+  <ion-row>

+    <ion-col>

+      <ion-button type="submit" color="success" expand="block" (click)="userLogin()">Login</ion-button>

+    </ion-col>

+  </ion-row>

+  <ion-row>

+    <ion-col class='ion-text-center'>

+      <a (click)="openForgotPassword()" class="small-text">ลืมรหัส</a>      

+    </ion-col>

+    <ion-col class='ion-text-center'>

+      <a (click)="openRegister()" class="small-text">สม้ครใหม่</a>

+    </ion-col>

+  </ion-row>

+  <ion-row>

+    <ion-col>

+      <span class="divider line one-line">หรือ</span>

+    </ion-col>

+  </ion-row>

+  <ion-row>

+    <ion-col>

+      <ion-button class="log-fb-in-button" expand="block" (click)="doFbLogin()">

+        Log in with Facebook

+      </ion-button><br>

+      <button (click)="appleSignIn()" block [hidden]="isAndroid">

+        <img src="assets/images/appleid_button@2x.png">

+      </button>

+    </ion-col>

+  </ion-row>

+  <ion-col>      

+    <a [routerLink]="['/tabs/forgot-password']">

+      page ลืมรหัส

+    </a>

+  </ion-col>

+  <ion-col>      

+    <a [routerLink]="['/tabs/register']">

+      page register or signin

+    </a>

+  </ion-col>

+  <ion-col>      

+    <a [routerLink]="['/tabs/reset-password']">

+      page reset password

+    </a>

+  </ion-col>

+  <ion-col>      

+    <a [routerLink]="['/tabs/profile']">

+      page profile

+    </a>

+  </ion-col>

+</ion-content>

+

+.divider {

+    display: flex;

+  

+    &:before,

+    &:after {

+      content: "";

+      flex: 1;

+    }

+  }

+  .line {

+    align-items: center;

+    margin: 1em -1em;

+    color: #5f5e5e;

+    &:before,

+    &:after {

+      height: 1px;

+      margin: 0 1em;

+    }

+  }

+  .one-line {

+    &:before,

+    &:after {

+      background: #5f5e5e;

+    }

+  }

+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';

+import { IonicModule } from '@ionic/angular';

+

+import { LoginPage } from './login.page';

+

+describe('LoginPage', () => {

+  let component: LoginPage;

+  let fixture: ComponentFixture<LoginPage>;

+

+  beforeEach(waitForAsync(() => {

+    TestBed.configureTestingModule({

+      declarations: [ LoginPage ],

+      imports: [IonicModule.forRoot()]

+    }).compileComponents();

+

+    fixture = TestBed.createComponent(LoginPage);

+    component = fixture.componentInstance;

+    fixture.detectChanges();

+  }));

+

+  it('should create', () => {

+    expect(component).toBeTruthy();

+  });

+});

+import { Component, OnInit } from '@angular/core';

+

+@Component({

+  selector: 'app-login',

+  templateUrl: './login.page.html',

+  styleUrls: ['./login.page.scss'],

+})

+export class LoginPage implements OnInit {

+

+  registerForm = { email: "", password: "" };

+  isAndroid = false;

+

+  constructor() { }

+

+  ngOnInit() {

+  }

+

+}

+import { NgModule } from '@angular/core';

+import { Routes, RouterModule } from '@angular/router';

+

+import { PlacePage } from './place.page';

+

+const routes: Routes = [

+  {

+    path: '',

+    component: PlacePage

+  }

+];

+

+@NgModule({

+  imports: [RouterModule.forChild(routes)],

+  exports: [RouterModule],

+})

+export class PlacePageRoutingModule {}

+import { NgModule } from '@angular/core';

+import { CommonModule } from '@angular/common';

+import { FormsModule } from '@angular/forms';

+

+import { IonicModule } from '@ionic/angular';

+

+import { PlacePageRoutingModule } from './place-routing.module';

+

+import { PlacePage } from './place.page';

+

+@NgModule({

+  imports: [

+    CommonModule,

+    FormsModule,

+    IonicModule,

+    PlacePageRoutingModule

+  ],

+  declarations: [PlacePage]

+})

+export class PlacePageModule {}

+<ion-header>

+  <ion-toolbar class="new-background-color">

+    <ion-title>Wellness Route</ion-title>

+  </ion-toolbar>

+</ion-header>

+

+<ion-content>

+  <img src="/assets/images/golf-bg.jpg">

+  <div class="holidaycard">

+    <ion-grid>

+      <ion-row>

+        <ion-col size="12">

+          <div class="txt-place-title">Place Category Name</div>

+        </ion-col>

+      </ion-row>

+      <ion-card *ngFor="let pcl of placecatlist">

+        <div *ngIf="$any(pcl).better_featured_image != null">

+          <img src="{{$any(pcl).better_featured_image.source_url}}" alt="">

+        </div>

+        <div *ngIf="$any(pcl).better_featured_image == null">

+          <img src="/assets/images/temp.png" />

+        </div>

+        <ion-card-header>

+           <a [routerLink]="['/tabs/place/', pcl.id]"><ion-card-title [innerHTML]="pcl.title.rendered"></ion-card-title></a>

+        </ion-card-header>

+      </ion-card>

+    </ion-grid>

+  </div>

+</ion-content>

+.holidaycard {

+    position: absolute;

+    left: 0px;

+    // bottom: 0px;

+    top:200px;

+    min-height: 48%;

+    width: 100%;

+    padding: 5px;

+    border-radius: 15px ;

+    background: white;

+    --background: white;

+  }

+  

+  ion-card-title {

+    font-family: "IBM Plex Sans Thai", sans-serif !important;

+    font-weight: 600;

+    font-size: 20px;

+  }

+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';

+import { IonicModule } from '@ionic/angular';

+

+import { PlacePage } from './place.page';

+

+describe('PlacePage', () => {

+  let component: PlacePage;

+  let fixture: ComponentFixture<PlacePage>;

+

+  beforeEach(waitForAsync(() => {

+    TestBed.configureTestingModule({

+      declarations: [ PlacePage ],

+      imports: [IonicModule.forRoot()]

+    }).compileComponents();

+

+    fixture = TestBed.createComponent(PlacePage);

+    component = fixture.componentInstance;

+    fixture.detectChanges();

+  }));

+

+  it('should create', () => {

+    expect(component).toBeTruthy();

+  });

+});

+import { Component, OnInit, Input } from '@angular/core';

+import { ActivatedRoute, Router } from '@angular/router';

+import { WpServiceService } from '../wp-service.service';

+

+@Component({

+  selector: 'app-place',

+  templateUrl: './place.page.html',

+  styleUrls: ['./place.page.scss'],

+})

+export class PlacePage implements OnInit {

+

+  data: any;

+  placecatlist: any;

+

+  constructor(private wpservice: WpServiceService, private route: ActivatedRoute, private router: Router) { }

+

+  @Input() id: string;

+

+  ngOnInit() {

+    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);

+    });

+  }

+

+}

+import { NgModule } from '@angular/core';

+import { Routes, RouterModule } from '@angular/router';

+

+import { PlacedetailPage } from './placedetail.page';

+

+const routes: Routes = [

+  {

+    path: '',

+    component: PlacedetailPage

+  }

+];

+

+@NgModule({

+  imports: [RouterModule.forChild(routes)],

+  exports: [RouterModule],

+})

+export class PlacedetailPageRoutingModule {}