+  "name": "Active Radio",

+    "@awesome-cordova-plugins/background-mode": "^6.2.0",

+    "@awesome-cordova-plugins/device": "^6.2.0",

+    "@awesome-cordova-plugins/facebook": "^6.2.0",

+    "@awesome-cordova-plugins/file": "^6.2.0",

+    "@awesome-cordova-plugins/foreground-service": "^6.2.0",

+    "@awesome-cordova-plugins/google-analytics": "^6.2.0",

+    "@awesome-cordova-plugins/http": "^6.2.0",

+    "@awesome-cordova-plugins/in-app-browser": "^6.2.0",

+    "@awesome-cordova-plugins/open-native-settings": "^6.2.0",

+    "@awesome-cordova-plugins/push": "^6.2.0",

+    "@awesome-cordova-plugins/sign-in-with-apple": "^6.2.0",

+    "@awesome-cordova-plugins/streaming-media": "^6.2.0",

+    "@ionic/storage": "^3.0.6",

+    "cordova-open-native-settings": "^1.5.5",

+    "cordova-plugin-advanced-http": "^3.3.1",

+    "cordova-plugin-background-mode": "^0.7.3",

+    "cordova-plugin-device": "^2.1.0",

+    "cordova-plugin-facebook-connect": "^3.2.0",

+    "cordova-plugin-file": "^7.0.0",

+    "cordova-plugin-foreground-service": "^1.1.3",

+    "cordova-plugin-google-analytics": "^1.9.2",

+    "cordova-plugin-inappbrowser": "^5.0.0",

+    "cordova-plugin-sign-in-with-apple": "^0.1.2",

+    "cordova-plugin-streaming-media": "^2.3.0",

+    "phonegap-plugin-multidex": "^1.0.0",

+    "phonegap-plugin-push": "^2.3.0",

+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 includeSubdomains="true">192.168.1.38</domain>

+        <domain includeSubdomains="true">google.com</domain>

+        <domain includeSubdomains="true">goo.gl</domain>

+    </domain-config>

+</network-security-config>

+

+import { Storage } from '@ionic/storage-angular';

+import { InAppBrowser } from '@awesome-cordova-plugins/in-app-browser/ngx';

+import { BackgroundMode } from '@awesome-cordova-plugins/background-mode/ngx';

+import { GoogleAnalytics } from '@awesome-cordova-plugins/google-analytics/ngx';

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

+    constructor(private storage: Storage, private iab: InAppBrowser, private ga: GoogleAnalytics, private platform: Platform) {

+        /*

+        this.backgroundMode.setDefaults({

+            title: 'MyMusicApp',

+            //text: 'Android 8 problem!',

+            resume: true,

+            hidden: true,

+            silent: true

+        });

+        this.backgroundMode.enable();*/

+        console.log("App Component")

+            this.storage.create();

+            this.platform.ready().then(() => {

+                this.ga.startTrackerWithId('G-23DGLKJTFD')

+                    .then(() => {

+                        console.log('Google analytics is ready now');

+                        this.ga.trackView('Outbox')

+                            .then(() => {

+                            })

+                            .catch(

+                                error => console.log(error)

+                            );

+                    }).catch(

+                        error => console.log('Google Analytics Error: ' + error)

+                    );

+

+            });

+

+

+    }

+    async ngOnInit() {

+        // If using a custom driver:

+        // await this.storage.defineDriver(MyCustomDriver)

+    }

+    mailTo() {

+        console.log("mail to");

+        const browser =  this.iab.create('mailto:fm99mcot@gmail.com', '_system');

+    }

+    aboutUs() {

+        console.log('about us');

+        const browser =   this.iab.create('https://dev-web-fm99.mcot.net/privacy-policy-2/', '_system');

+    }

+    openWeb() {

+        console.log('about us');

+        const browser =   this.iab.create('https://fm99activeradio.mcot.net/index', '_system');

+    }

+import { Facebook } from '@awesome-cordova-plugins/facebook/ngx';

+import { StreamingMedia } from '@awesome-cordova-plugins/streaming-media/ngx';

+import { HTTP } from '@awesome-cordova-plugins/http/ngx';

+import { SignInWithApple } from '@awesome-cordova-plugins/sign-in-with-apple/ngx';

+import { InAppBrowser } from '@awesome-cordova-plugins/in-app-browser/ngx';

+import { BackgroundMode } from '@awesome-cordova-plugins/background-mode/ngx';

+import { Push } from '@awesome-cordova-plugins/push/ngx';

+import { ForegroundService } from '@awesome-cordova-plugins/foreground-service/ngx';

+import { OpenNativeSettings } from '@awesome-cordova-plugins/open-native-settings/ngx';

+import { GoogleAnalytics } from '@awesome-cordova-plugins/google-analytics/ngx';

+import { IonicStorageModule } from '@ionic/storage-angular';

+

+    IonicStorageModule.forRoot()

+  providers: [{ provide: RouteReuseStrategy, useClass: IonicRouteStrategy }, Facebook, StreamingMedia, HTTP, SignInWithApple,  InAppBrowser, BackgroundMode, Push, ForegroundService, OpenNativeSettings, GoogleAnalytics],

+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-buttons slot="end">

+          <ion-button class='text-white' (click)="dismiss()" color="light">Close</ion-button>

+      </ion-buttons>

+    <ion-title class="txt-white">Active Radio</ion-title>

+  </ion-toolbar>

+</ion-header>

+<ion-content padding>

+  <ion-row>

+    <ion-col>

+      <div class="ion-text-center"><h1 class="txt-white">ลิมรหัสผ่าน</h1></div>

+    </ion-col>

+  </ion-row>

+  <form>

+    <ion-row>

+      <ion-col>

+        <ion-item lines="full">

+          <ion-label position="floating">Email</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-row>

+    <ion-col>

+      <small class="txt-white">       

+      </small>

+    </ion-col>

+  </ion-row>

+</ion-content>

+ion-content {

+    --background: url(/assets/images/bg-01.jpg) no-repeat top center/cover fixed, #fff;

+    position: relative;

+    height: 100%;

+    width: 100%;

+    --padding-bottom: 70px;

+  }

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

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

+import { WpdataService } from "../services/wpdata.service";

+

+@Component({

+    selector: 'app-forgot-password',

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

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

+})

+export class ForgotPasswordPage implements OnInit {

+

+    email = "";

+

+    constructor(public modalController: ModalController, private wp:WpdataService) { }

+

+    ngOnInit() {

+    }

+    async resetPassword() {

+        if( this.email == "" ) {

+            alert("Please Enter Valid Email");

+            return;

+        }

+        let r = await this.wp.resetPassword(this.email);

+        alert(r.msg);

+    }

+

+    dismiss() {

+        // using the injected ModalController this page

+        // can "dismiss" itself and optionally pass back data

+        this.modalController.dismiss({

+            'dismissed': true

+        });

+    }

+}

+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-buttons slot="end">

+      <ion-button (click)="dismiss()" color="light">Close</ion-button>

+    </ion-buttons>

+    <ion-title class="txt-white">Active Radio</ion-title>

+  </ion-toolbar>

+</ion-header>

+

+<ion-content>

+  <ion-row>

+    <ion-col>

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

+        <h1 class="txt-white">เข้าสู่ระบบ</h1>

+      </div>

+    </ion-col>

+  </ion-row>

+  <ion-row>

+    <ion-col>

+      <form>

+        <ion-item lines="full">

+          <ion-label position="floating">Email</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">Password</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-button [routerLink]="['/profile']">ไปหน้า profile</ion-button> -->

+</ion-content>

+$social-facebook: #3b5998;

+$social-facebook-color: #fff;

+$social-facebook-active: #23345a;

+$social-facebook-hover: #2d4373;

+

+ion-content {

+  --background: url(/assets/images/bg-01.jpg) no-repeat top center/cover fixed,

+    #fff;

+  position: relative;

+  height: 100%;

+  width: 100%;

+  --padding-bottom: 70px;

+}

+

+.apple-bnt {

+  --vertical-align: middle;

+  --padding-start: 10px;

+  --padding-end: 10px;

+  --background: #2c2c2c;

+  --background-hover: rgba(145, 255, 0, 0.89);

+}

+

+.divider {

+  display: flex;

+

+  &:before,

+  &:after {

+    content: "";

+    flex: 1;

+  }

+}

+

+.line {

+  align-items: center;

+  margin: 1em -1em;

+  color: #ffffff;

+

+  &:before,

+  &:after {

+    height: 1px;

+    margin: 0 1em;

+  }

+}

+

+.one-line {

+  &:before,

+  &:after {

+    background: #ffffff;

+  }

+}

+

+.small-text {

+  color: #fff;

+}

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

+import { Facebook, FacebookLoginResponse } from '@awesome-cordova-plugins/facebook/ngx';

+import { WpdataService } from "../services/wpdata.service";

+import { Storage } from '@ionic/storage-angular';

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

+import { ModalController, Platform } from '@ionic/angular';

+

+import { ProfilePage } from '../profile/profile.page';

+import { RegisterFormPage } from '../register-form/register-form.page';

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

+import { SignInWithApple, AppleSignInResponse, AppleSignInErrorResponse, ASAuthorizationAppleIDRequest } from '@awesome-cordova-plugins/sign-in-with-apple/ngx';

+

+

+

+@Component({

+    selector: 'app-login',

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

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

+})

+export class LoginPage implements OnInit {

+

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

+    isAndroid = false;

+    constructor(private fb: Facebook, private wp: WpdataService, private storage: Storage, private router:Router, public modalController: ModalController, private signInWithApple: SignInWithApple, private platform: Platform) { }

+    //constructor() { }

+

+    ngOnInit() {

+        if (this.platform.is('android')) {

+            this.isAndroid = true;

+            console.log("Android");

+        }else {

+            console.log("Other");

+        }

+    }

+    async ionViewWillEnter() {

+        /*

+        let u = await this.storage.get('user');

+        console.log(u);

+        if( u != null ) {

+            //this.router.navigate(['/profile']);

+            this.modalController.dismiss({

+                'dismissed': true

+            });

+            const modal = await this.modalController.create({

+                component: ProfilePage,

+            });

+            return await modal.present();

+        }*/

+    }

+    

+    async openRegister() {

+        this.modalController.dismiss({

+            'dismissed': true

+        });

+        const modal = await this.modalController.create({

+            component: RegisterFormPage,

+        });

+        return await modal.present();

+    }

+    async openForgotPassword() {

+        this.modalController.dismiss({

+            'dismissed': true

+        });

+        const modal = await this.modalController.create({

+            component: ForgotPasswordPage,

+        });

+        return await modal.present();

+    }

+    async userLogin() {

+        console.log(this.registerForm);

+        if( this.registerForm.email == "" || this.registerForm.password == "" ) {

+            alert("Please enter email and password");

+            return;

+        }

+        let res = await this.wp.loginUser(this.registerForm);

+        console.log(res);

+        if(res.error == true) {

+            alert(res.msg)

+        }else {

+            alert("Login Success");

+            this.storage.set('user', {name: res.output.firstName + " "+res.output.lastName, email: res.output.email});

+            this.dismiss();

+        }

+        

+    }

+    doFbLogin() {

+        this.fb.login(['public_profile',  'email'])

+          .then((res: FacebookLoginResponse) =>{ 

+              console.log('Logged into Facebook!', res);

+

+              this.fb.api('me?fields=id,name,email,first_name,last_name,picture.width(720).height(720).as(picture_large)', []).then(async profile => {

+                  console.log(profile);

+                  let abc = await this.wp.storeFbData(profile);

+                  console.log(JSON.parse(abc.data));

+                  this.storage.set('user', profile);

+                  //this.router.navigate(['/profile']);

+                    this.modalController.dismiss({

+                        'dismissed': true

+                    });

+                    const modal = await this.modalController.create({

+                        component: ProfilePage,

+                    });

+                    return await modal.present();

+              });

+

+          })

+          .catch(e => console.log('Error logging into Facebook', e));

+        

+        

+    }

+    dismiss() {

+        // using the injected ModalController this page

+        // can "dismiss" itself and optionally pass back data

+        this.modalController.dismiss({

+            'dismissed': true

+        });

+    }

+    appleSignIn() {

+        this.signInWithApple.signin({

+            requestedScopes: [

+                ASAuthorizationAppleIDRequest.ASAuthorizationScopeFullName,

+                ASAuthorizationAppleIDRequest.ASAuthorizationScopeEmail

+            ]

+        })

+            .then((res: AppleSignInResponse) => {

+                // https://developer.apple.com/documentation/signinwithapplerestapi/verifying_a_user

+                //alert('Send token to apple for verification: ' + res.identityToken);

+                console.log("send token");

+                console.log(res);

+                //alert(res);

+                this.wp.storeFbData(res).then( data => {

+                    console.log(data);

+                }, error => {

+                    console.log(error);

+                } );

+                this.storage.set('user', { name: res.fullName.givenName + " "+res.fullName.familyName, email: res.email });

+                this.dismiss();

+            })

+            .catch((error: AppleSignInErrorResponse) => {

+                alert(error.code + ' ' + error.localizedDescription);

+                console.error(error);

+            });

+    }

+

+}

+import { Push, PushObject, PushOptions } from '@awesome-cordova-plugins/push/ngx';

+import { InAppBrowser } from '@awesome-cordova-plugins/in-app-browser/ngx';

+import { ModalController, Platform } from '@ionic/angular';

+import { StreamingMedia, StreamingVideoOptions, StreamingAudioOptions } from '@awesome-cordova-plugins/streaming-media/ngx';

+

+import { BackgroundMode } from '@awesome-cordova-plugins/background-mode/ngx';

+import { ForegroundService } from '@awesome-cordova-plugins/foreground-service/ngx';

+import { WpdataService } from "../services/wpdata.service";

+

+import { ProfilePage } from '../profile/profile.page';

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

+import { Storage } from '@ionic/storage-angular';

+

+

+

+declare var Media: any;

+    isAudioPlay: boolean = false; 

+    audio;

+    

+    ngOnInit() {

+    }

+    

+    constructor(private streamingMedia: StreamingMedia,  private wp: WpdataService, private storage:Storage, public modalController: ModalController, private push: Push,  private iab: InAppBrowser,  private backgroundMode: BackgroundMode, private platform: Platform, private foregroundService: ForegroundService) {

+

+        this.platform.ready().then(() => {

+            this.backgroundMode.enable();

+

+            this.backgroundMode.on('enable').subscribe(s => {

+                this.backgroundMode.disableWebViewOptimizations();

+                this.backgroundMode.disableBatteryOptimizations();

+                this.backgroundMode.moveToForeground();

+            });

+        });

+        //this.audio  = new Audio()

+        //this.audio.src = 'https://mcotdigital-gvwieh.cdn.byteark.com/radiocdn_edge/fm99.stream_aac/playlist.m3u8';

+        //this.audio.load();

+

+        this.wp.initLiveScore();

+        //this.wp.loadStreamLink();

+        this.wp.openLogin$.subscribe( data => {

+            this.openLogin(data);

+        });

+        setTimeout(()=>{

+

+            this.push.hasPermission()

+                .then((res: any) => {

+

+                    if (res.isEnabled) {

+                        console.log('We have permission to send push notifications');

+                    } else {

+                        console.log('We do not have permission to send push notifications');

+                    }

+

+                });

+

+

+            const options: PushOptions = {

+                android: {

+                    sound: true,

+                    iconColor: 'CYAN',

+                    icon: 'noticon',

+                    forceShow: true,

+                },

+                ios: {

+                    alert: true,

+                    badge: true,

+                    sound: 'false'

+                },

+                windows: {},

+                browser: {

+                    pushServiceURL: 'http://push.api.phonegap.com/v1/push'

+                }

+            }

+

+            const pushObject: PushObject = this.push.init(options);

+            pushObject.on('notification').subscribe((notification: any) => {

+                console.log('Received a notification');

+                console.log(notification);

+                if( notification.additionalData.link ) {

+                    this.iab.create(notification.additionalData.link, "_system");

+                }

+            });

+

+            pushObject.on('registration').subscribe((registration: any) => {

+                console.log('Device registered', registration.registrationId);

+                this.wp.storeAPNSToken(registration.registrationId);

+            });

+

+            pushObject.on('error').subscribe(error => console.error('Error with Push plugin', error));

+        }, 2000);

+    }

+       async openLogin(data) {

+

+        console.log("open login ..");

+        console.log(data);

+

+        let u = await this.storage.get('user');

+        if( u != null ) {

+            const modal = await this.modalController.create({

+                component: ProfilePage,

+                componentProps: {action: data}

+            });

+            return await modal.present();

+        }else {

+            const modal = await this.modalController.create({

+                component: LoginPage

+            });

+            return await modal.present();

+        }

+    }

+

+

+    ionViewWillEnter() {

+    }

+    async playStreaming() {

+

+        let user = await this.storage.get('user');

+        await this.wp.loadStreamLink();

+        let audiourl = await this.storage.get('audiourl');

+        if( this.audio == null ) {

+            console.log(audiourl);

+            //this.audio  = new Audio()

+            this.audio = new Media(audiourl);

+            //this.audio.src = 'https://mcotdigital-gvwieh.cdn.byteark.com/radiocdn_edge/fm99.stream_aac/playlist.m3u8';

+            console.log(audiourl);

+            //this.audio.src = audiourl;

+            //this.audio.load();

+

+        }

+        console.log(this.audio.src);

+        if( this.isAudioPlay == false ) {

+            //var media = new Media(audiourl);

+            //media.play();

+            //this.foregroundService.start('Live Audio Running', 'Background Service', 'noticon', 3, 10);

+            this.audio.play();

+            if( user != null ) {

+                this.wp.appLog({'action': 'play_audio_live', 'email': user.email})

+            }

+        }else {

+            this.audio.pause();

+            //this.foregroundService.stop();

+            if( user != null ) {

+                this.wp.appLog({'action': 'stop_audio_live', 'email': user.email});

+            }

+        }

+        this.isAudioPlay = ! this.isAudioPlay;

+        console.log("Play Streaming");

+    }

+    async playVDO() {

+        let options: StreamingVideoOptions = {

+            successCallback: () => { console.log('Video played') },

+            errorCallback: (e) => { console.log('Error streaming') },

+            shouldAutoClose: false,

+            controls: true,

+        };