="lines-num lines-num-new"> 6228 
+            "cordova-electron": ">=3.0.0"
6229 
+          }
6230 
+        }
6231 
+      }
6232 
+    },
6233 
+    "node_modules/cordova-plugin-facebook-connect": {
6234 
+      "version": "3.2.0",
6235 
+      "resolved": "https://registry.npmjs.org/cordova-plugin-facebook-connect/-/cordova-plugin-facebook-connect-3.2.0.tgz",
6236 
+      "integrity": "sha512-7tdHvfJ7r7iN4zqFbNQwJet/UOytvmV6zxr3Cj9NT44/PemjeTn94HlO59I5yLs2Qc+LYc1GsUTnmVcxIqf/SA=="
6237 
+    },
6238 
+    "node_modules/cordova-plugin-file": {
6239 
+      "version": "7.0.0",
6240 
+      "resolved": "https://registry.npmjs.org/cordova-plugin-file/-/cordova-plugin-file-7.0.0.tgz",
6241 
+      "integrity": "sha512-mSwy9GE5pHq2ZHhu/wYk/VhrwR5VLk+XQsk3+IiiFmDgcPsrVIyELkM2FZKX09cC6i+bJVTFVKUlwteSStj3ow==",
6242 
+      "engines": {
6243 
+        "cordovaDependencies": {
6244 
+          "5.0.0": {
6245 
+            "cordova-android": ">=6.3.0"
6246 
+          },
6247 
+          "7.0.0": {
6248 
+            "cordova-android": ">=10.0.0"
6249 
+          },
6250 
+          "8.0.0": {
6251 
+            "cordova": ">100"
6252 
+          }
6253 
+        }
6254 
+      }
6255 
+    },
6256 
+    "node_modules/cordova-plugin-foreground-service": {
6257 
+      "version": "1.1.3",
6258 
+      "resolved": "https://registry.npmjs.org/cordova-plugin-foreground-service/-/cordova-plugin-foreground-service-1.1.3.tgz",
6259 
+      "integrity": "sha512-/C2Z8w9JIfAaLeXP290msQP9jcHR+CAJYbp6/x+mS21VtvS2Ug0upKsgjEzzSzRnt08Mr8kuwCV7juUd6eCWcw=="
6260 
+    },
6261 
+    "node_modules/cordova-plugin-google-analytics": {
6262 
+      "version": "1.9.2",
6263 
+      "resolved": "https://registry.npmjs.org/cordova-plugin-google-analytics/-/cordova-plugin-google-analytics-1.9.2.tgz",
6264 
+      "integrity": "sha512-+sYwZIXO6fVFIIJw6IZodQDgs0W/21PDVoGX7SaspUFtleM9vxFctpfQy72RyRA69/ib1HVBMq78j7KiogoKMQ=="
6265 
+    },
6266 
+    "node_modules/cordova-plugin-inappbrowser": {
6267 
+      "version": "5.0.0",
6268 
+      "resolved": "https://registry.npmjs.org/cordova-plugin-inappbrowser/-/cordova-plugin-inappbrowser-5.0.0.tgz",
6269 
+      "integrity": "sha512-MqnpmUQ/iy6hxtIGDdlIhy8aNi1pNanLATpbnkk7uCqW9YQ4rH/dGK9zESbZ50pUi2A2D2QMjBXNV175TJK5OQ==",
6270 
+      "engines": {
6271 
+        "cordovaDependencies": {
6272 
+          "0.2.3": {
6273 
+            "cordova": ">=3.1.0"
6274 
+          },
6275 
+          "4.0.0": {
6276 
+            "cordova": ">=3.1.0",
6277 
+            "cordova-ios": ">=4.0.0"
6278 
+          },
6279 
+          "5.0.0": {
6280 
+            "cordova": ">=9.0.0",
6281 
+            "cordova-android": ">=9.0.0",
6282 
+            "cordova-ios": ">=6.0.0"
6283 
+          },
6284 
+          "6.0.0": {
6285 
+            "cordova": ">100"
6286 
+          }
6287 
+        }
6288 
+      }
6289 
+    },
6290 
+    "node_modules/cordova-plugin-sign-in-with-apple": {
6291 
+      "version": "0.1.2",
6292 
+      "resolved": "https://registry.npmjs.org/cordova-plugin-sign-in-with-apple/-/cordova-plugin-sign-in-with-apple-0.1.2.tgz",
6293 
+      "integrity": "sha512-SOVa2fwqT5aRGCclgjQIZAA0RsylX9vWtVwNK9sx6kTV65FjZ2CcOygyY//EIo9YNSGzHR+OExhu9EDagyZIpg=="
6294 
+    },
6295 
+    "node_modules/cordova-plugin-streaming-media": {
6296 
+      "version": "2.3.0",
6297 
+      "resolved": "https://registry.npmjs.org/cordova-plugin-streaming-media/-/cordova-plugin-streaming-media-2.3.0.tgz",
6298 
+      "integrity": "sha512-og7UmXbaWoSrOmo/mZu/c7vKDdUMu2eVrdRMvIJY6qqZ6Fv2BrJvOXm8prVt0xjWqWOMJpQs3DAajX8+N39Cqw=="
6299 
+    },
5995 
     "node_modules/core-js-compat": {
6300 
     "node_modules/core-js-compat": {
5996 
       "version": "3.26.0",
6301 
       "version": "3.26.0",
5997 
       "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.26.0.tgz",
6302 
       "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.26.0.tgz",
9326 
         "node": ">=8"
9631 
         "node": ">=8"
9327 
       }
9632 
       }
9328 
     },
9633 
     },
9634 
+    "node_modules/install": {
9635 
+      "version": "0.8.9",
9636 
+      "resolved": "https://registry.npmjs.org/install/-/install-0.8.9.tgz",
9637 
+      "integrity": "sha512-y2NNE6v1dGzBMlgbT3D4WalRebVAhj6U5HjpUVLn0UM3cDTCyNwdtZeKL7dkoAg1EeM39uVzqwhgi07o862wcA==",
9638 
+      "engines": {
9639 
+        "node": ">= 0.10"
9640 
+      }
9641 
+    },
9329 
     "node_modules/internal-slot": {
9642 
     "node_modules/internal-slot": {
9330 
       "version": "1.0.3",
9643 
       "version": "1.0.3",
9331 
       "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.3.tgz",
9644 
       "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.3.tgz",
12386 
       "integrity": "sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow==",
12699 
       "integrity": "sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow==",
12387 
       "dev": true
12700 
       "dev": true
12388 
     },
12701 
     },
12702 
+    "node_modules/phonegap-plugin-multidex": {
12703 
+      "version": "1.0.0",
12704 
+      "resolved": "https://registry.npmjs.org/phonegap-plugin-multidex/-/phonegap-plugin-multidex-1.0.0.tgz",
12705 
+      "integrity": "sha512-1wvc3iQOQpEBaQbXgLxA2JUiLSQ2azdF/bF29ghXDiQJWSpQ1BF8gSuqttM8WZoj081Ps8OKL0gYxdDBkFNPqA==",
12706 
+      "deprecated": "This package is deprecated, see https://blog.phonegap.com/update-for-customers-using-phonegap-and-phonegap-build-cc701c77502c"
12707 
+    },
12708 
+    "node_modules/phonegap-plugin-push": {
12709 
+      "version": "2.3.0",
12710 
+      "resolved": "https://registry.npmjs.org/phonegap-plugin-push/-/phonegap-plugin-push-2.3.0.tgz",
12711 
+      "integrity": "sha512-0R35BGVvvNzov3fckBspc7snwsIdClIBhI7jUCIa7AgSZy2Lrwm8kPuLTyzMVSNR3MJTxWX6s06aDlVL7EvQ3w==",
12712 
+      "deprecated": "This package is deprecated, see https://blog.phonegap.com/update-for-customers-using-phonegap-and-phonegap-build-cc701c77502c",
12713 
+      "dependencies": {
12714 
+        "install": "^0.8.2"
12715 
+      },
12716 
+      "engines": {
12717 
+        "cordovaDependencies": {
12718 
+          "<2.0.0": {
12719 
+            "cordova": ">=6.4.0",
12720 
+            "cordova-android": ">=6.0.0",
12721 
+            "cordova-ios": ">=4.3.0"
12722 
+          },
12723 
+          "<2.1.2": {
12724 
+            "cordova": ">=7.1.0",
12725 
+            "cordova-android": ">=6.3.0",
12726 
+            "cordova-ios": ">=4.4.0"
12727 
+          },
12728 
+          "<2.2.0": {
12729 
+            "cordova": ">=7.1.0",
12730 
+            "cordova-android": ">=6.3.0",
12731 
+            "cordova-ios": ">=4.5.0"
12732 
+          },
12733 
+          "1.8.2": {
12734 
+            "cordova": ">=3.6.3",
12735 
+            "cordova-android": ">=4.0.0",
12736 
+            "cordova-ios": ">=4.1.0"
12737 
+          },
12738 
+          "2.0.0": {
12739 
+            "cordova": ">=7.0.0",
12740 
+            "cordova-android": ">=6.2.1",
12741 
+            "cordova-ios": ">=4.4.0"
12742 
+          },
12743 
+          "2.2.0": {
12744 
+            "cordova": ">=7.1.0",
12745 
+            "cordova-android": ">=7.1.0",
12746 
+            "cordova-ios": ">=4.5.0"
12747 
+          }
12748 
+        }
12749 
+      }
12750 
+    },
12389 
     "node_modules/picocolors": {
12751 
     "node_modules/picocolors": {
12390 
       "version": "1.0.0",
12752 
       "version": "1.0.0",
12391 
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
12753 
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",

+ 27 - 1
package.json
Ver Arquivo

1 
 {
 1 
 {
2 
-  "name": "ra100",
2 
+  "name": "Active Radio",
3 
   "version": "0.0.1",
 3 
   "version": "0.0.1",
4 
   "author": "Ionic Framework",
 4 
   "author": "Ionic Framework",
5 
   "homepage": "https://ionicframework.com/",
 5 
   "homepage": "https://ionicframework.com/",
19 
     "@angular/platform-browser": "^14.0.0",
 19 
     "@angular/platform-browser": "^14.0.0",
20 
     "@angular/platform-browser-dynamic": "^14.0.0",
 20 
     "@angular/platform-browser-dynamic": "^14.0.0",
21 
     "@angular/router": "^14.0.0",
 21 
     "@angular/router": "^14.0.0",
22 
+    "@awesome-cordova-plugins/background-mode": "^6.2.0",
23 
+    "@awesome-cordova-plugins/device": "^6.2.0",
24 
+    "@awesome-cordova-plugins/facebook": "^6.2.0",
25 
+    "@awesome-cordova-plugins/file": "^6.2.0",
26 
+    "@awesome-cordova-plugins/foreground-service": "^6.2.0",
27 
+    "@awesome-cordova-plugins/google-analytics": "^6.2.0",
28 
+    "@awesome-cordova-plugins/http": "^6.2.0",
29 
+    "@awesome-cordova-plugins/in-app-browser": "^6.2.0",
30 
+    "@awesome-cordova-plugins/open-native-settings": "^6.2.0",
31 
+    "@awesome-cordova-plugins/push": "^6.2.0",
32 
+    "@awesome-cordova-plugins/sign-in-with-apple": "^6.2.0",
33 
+    "@awesome-cordova-plugins/streaming-media": "^6.2.0",
22 
     "@capacitor/android": "4.4.0",
 34 
     "@capacitor/android": "4.4.0",
23 
     "@capacitor/app": "4.1.0",
 35 
     "@capacitor/app": "4.1.0",
24 
     "@capacitor/core": "^4.4.0",
 36 
     "@capacitor/core": "^4.4.0",
32 
     "@fortawesome/free-regular-svg-icons": "^6.2.0",
 44 
     "@fortawesome/free-regular-svg-icons": "^6.2.0",
33 
     "@fortawesome/free-solid-svg-icons": "^6.2.0",
 45 
     "@fortawesome/free-solid-svg-icons": "^6.2.0",
34 
     "@ionic/angular": "^6.1.9",
 46 
     "@ionic/angular": "^6.1.9",
47 
+    "@ionic/storage": "^3.0.6",
35 
     "@ionic/storage-angular": "^3.0.6",
 48 
     "@ionic/storage-angular": "^3.0.6",
36 
     "cocoapods": "^0.0.0",
 49 
     "cocoapods": "^0.0.0",
50 
+    "cordova-open-native-settings": "^1.5.5",
51 
+    "cordova-plugin-advanced-http": "^3.3.1",
52 
+    "cordova-plugin-background-mode": "^0.7.3",
53 
+    "cordova-plugin-device": "^2.1.0",
54 
+    "cordova-plugin-facebook-connect": "^3.2.0",
55 
+    "cordova-plugin-file": "^7.0.0",
56 
+    "cordova-plugin-foreground-service": "^1.1.3",
57 
+    "cordova-plugin-google-analytics": "^1.9.2",
58 
+    "cordova-plugin-inappbrowser": "^5.0.0",
59 
+    "cordova-plugin-sign-in-with-apple": "^0.1.2",
60 
+    "cordova-plugin-streaming-media": "^2.3.0",
37 
     "ionicons": "^6.0.3",
 61 
     "ionicons": "^6.0.3",
62 
+    "phonegap-plugin-multidex": "^1.0.0",
63 
+    "phonegap-plugin-push": "^2.3.0",
38 
     "pod-install": "^0.1.38",
 64 
     "pod-install": "^0.1.38",
39 
     "rxjs": "~6.6.0",
 65 
     "rxjs": "~6.6.0",
40 
     "swiper": "^8.4.4",
 66 
     "swiper": "^8.4.4",

+ 8 - 0
resources/README.md
Ver Arquivo

1 
+These are Cordova resources. You can replace icon.png and splash.png and run
2 
+`ionic cordova resources` to generate custom icons and splash screens for your
3 
+app. See `ionic cordova resources --help` for details.
4 
+
5 
+Cordova reference documentation:
6 
+
7 
+- Icons: https://cordova.apache.org/docs/en/latest/config_ref/images.html
8 
+- Splash Screens: https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-splashscreen/

BIN
resources/android/icon/drawable-hdpi-icon.png
Ver Arquivo


BIN
resources/android/icon/drawable-ldpi-icon.png
Ver Arquivo


BIN
resources/android/icon/drawable-mdpi-icon.png
Ver Arquivo


BIN
resources/android/icon/drawable-xhdpi-icon.png
Ver Arquivo


BIN
resources/android/icon/drawable-xxhdpi-icon.png
Ver Arquivo


BIN
resources/android/icon/drawable-xxxhdpi-icon.png
Ver Arquivo


BIN
resources/android/splash/drawable-land-hdpi-screen.png
Ver Arquivo


BIN
resources/android/splash/drawable-land-ldpi-screen.png
Ver Arquivo


BIN
resources/android/splash/drawable-land-mdpi-screen.png
Ver Arquivo


BIN
resources/android/splash/drawable-land-xhdpi-screen.png
Ver Arquivo


BIN
resources/android/splash/drawable-land-xxhdpi-screen.png
Ver Arquivo


BIN
resources/android/splash/drawable-land-xxxhdpi-screen.png
Ver Arquivo


BIN
resources/android/splash/drawable-port-hdpi-screen.png
Ver Arquivo


BIN
resources/android/splash/drawable-port-ldpi-screen.png
Ver Arquivo


BIN
resources/android/splash/drawable-port-mdpi-screen.png
Ver Arquivo


BIN
resources/android/splash/drawable-port-xhdpi-screen.png
Ver Arquivo


BIN
resources/android/splash/drawable-port-xxhdpi-screen.png
Ver Arquivo


BIN
resources/android/splash/drawable-port-xxxhdpi-screen.png
Ver Arquivo


+ 10 - 0
resources/android/xml/network_security_config.xml
Ver Arquivo

1 
+<?xml version="1.0" encoding="utf-8"?>
2 
+<network-security-config>
3 
+    <domain-config cleartextTrafficPermitted="true">
4 
+        <domain includeSubdomains="true">localhost</domain>
5 
+        <domain includeSubdomains="true">192.168.1.38</domain>
6 
+        <domain includeSubdomains="true">google.com</domain>
7 
+        <domain includeSubdomains="true">goo.gl</domain>
8 
+    </domain-config>
9 
+</network-security-config>
10 
+

BIN
resources/icon.png
Ver Arquivo


BIN
resources/splash.png
Ver Arquivo


+ 51 - 1
src/app/app.component.ts
Ver Arquivo

1 
 import { Component } from '@angular/core';
 1 
 import { Component } from '@angular/core';
2 
+import { Storage } from '@ionic/storage-angular';
3 
+import { InAppBrowser } from '@awesome-cordova-plugins/in-app-browser/ngx';
4 
+import { BackgroundMode } from '@awesome-cordova-plugins/background-mode/ngx';
5 
+import { GoogleAnalytics } from '@awesome-cordova-plugins/google-analytics/ngx';
6 
+import { Platform } from '@ionic/angular';
2
7
3 
 @Component({
 8 
 @Component({
4 
   selector: 'app-root',
 9 
   selector: 'app-root',
6 
   styleUrls: ['app.component.scss'],
 11 
   styleUrls: ['app.component.scss'],
7 
 })
 12 
 })
8 
 export class AppComponent {
 13 
 export class AppComponent {
9 
-  constructor() {}
14 
+    constructor(private storage: Storage, private iab: InAppBrowser, private ga: GoogleAnalytics, private platform: Platform) {
15 
+        /*
16 
+        this.backgroundMode.setDefaults({
17 
+            title: 'MyMusicApp',
18 
+            //text: 'Android 8 problem!',
19 
+            resume: true,
20 
+            hidden: true,
21 
+            silent: true
22 
+        });
23 
+        this.backgroundMode.enable();*/
24 
+        console.log("App Component")
25 
+            this.storage.create();
26 
+            this.platform.ready().then(() => {
27 
+                this.ga.startTrackerWithId('G-23DGLKJTFD')
28 
+                    .then(() => {
29 
+                        console.log('Google analytics is ready now');
30 
+                        this.ga.trackView('Outbox')
31 
+                            .then(() => {
32 
+                            })
33 
+                            .catch(
34 
+                                error => console.log(error)
35 
+                            );
36 
+                    }).catch(
37 
+                        error => console.log('Google Analytics Error: ' + error)
38 
+                    );
39 
+
40 
+            });
41 
+
42 
+
43 
+    }
44 
+    async ngOnInit() {
45 
+        // If using a custom driver:
46 
+        // await this.storage.defineDriver(MyCustomDriver)
47 
+    }
48 
+    mailTo() {
49 
+        console.log("mail to");
50 
+        const browser =  this.iab.create('mailto:fm99mcot@gmail.com', '_system');
51 
+    }
52 
+    aboutUs() {
53 
+        console.log('about us');
54 
+        const browser =   this.iab.create('https://dev-web-fm99.mcot.net/privacy-policy-2/', '_system');
55 
+    }
56 
+    openWeb() {
57 
+        console.log('about us');
58 
+        const browser =   this.iab.create('https://fm99activeradio.mcot.net/index', '_system');
59 
+    }
10 
 }
 60 
 }

+ 14 - 1
src/app/app.module.ts
Ver Arquivo

14 
 import { fas } from '@fortawesome/free-solid-svg-icons'
 14 
 import { fas } from '@fortawesome/free-solid-svg-icons'
15 
 import { far } from '@fortawesome/free-regular-svg-icons'
 15 
 import { far } from '@fortawesome/free-regular-svg-icons'
16 
 import { fab } from '@fortawesome/free-brands-svg-icons'
 16 
 import { fab } from '@fortawesome/free-brands-svg-icons'
17 
+import { Facebook } from '@awesome-cordova-plugins/facebook/ngx';
18 
+import { StreamingMedia } from '@awesome-cordova-plugins/streaming-media/ngx';
19 
+import { HTTP } from '@awesome-cordova-plugins/http/ngx';
20 
+import { SignInWithApple } from '@awesome-cordova-plugins/sign-in-with-apple/ngx';
21 
+import { InAppBrowser } from '@awesome-cordova-plugins/in-app-browser/ngx';
22 
+import { BackgroundMode } from '@awesome-cordova-plugins/background-mode/ngx';
23 
+import { Push } from '@awesome-cordova-plugins/push/ngx';
24 
+import { ForegroundService } from '@awesome-cordova-plugins/foreground-service/ngx';
25 
+import { OpenNativeSettings } from '@awesome-cordova-plugins/open-native-settings/ngx';
26 
+import { GoogleAnalytics } from '@awesome-cordova-plugins/google-analytics/ngx';
27 
+import { IonicStorageModule } from '@ionic/storage-angular';
28 
+
17
29
18 
 @NgModule({
 30 
 @NgModule({
19 
   declarations: [AppComponent],
 31 
   declarations: [AppComponent],
23 
     AppRoutingModule,
35 
     AppRoutingModule,
24 
     FontAwesomeModule,
 36 
     FontAwesomeModule,
25 
     HttpClientModule,
 37 
     HttpClientModule,
38 
+    IonicStorageModule.forRoot()
26 
     // WpdataService,
 39 
     // WpdataService,
27 
     // HttpClient,
 40 
     // HttpClient,
28 
     // HttpHeaders
 41 
     // HttpHeaders
29 
   ],
 42 
   ],
30 
-  providers: [{ provide: RouteReuseStrategy, useClass: IonicRouteStrategy }],
43 
+  providers: [{ provide: RouteReuseStrategy, useClass: IonicRouteStrategy }, Facebook, StreamingMedia, HTTP, SignInWithApple,  InAppBrowser, BackgroundMode, Push, ForegroundService, OpenNativeSettings, GoogleAnalytics],
31 
   bootstrap: [AppComponent],
 44 
   bootstrap: [AppComponent],
32 
 })
 45 
 })
33 
 export class AppModule {
 46 
 export class AppModule {

+ 17 - 0
src/app/forgot-password/forgot-password-routing.module.ts
Ver Arquivo

1 
+import { NgModule } from '@angular/core';
2 
+import { Routes, RouterModule } from '@angular/router';
3 
+
4 
+import { ForgotPasswordPage } from './forgot-password.page';
5 
+
6 
+const routes: Routes = [
7 
+  {
8 
+    path: '',
9 
+    component: ForgotPasswordPage
10 
+  }
11 
+];
12 
+
13 
+@NgModule({
14 
+  imports: [RouterModule.forChild(routes)],
15 
+  exports: [RouterModule],
16 
+})
17 
+export class ForgotPasswordPageRoutingModule {}

+ 20 - 0
src/app/forgot-password/forgot-password.module.ts
Ver Arquivo

1 
+import { NgModule } from '@angular/core';
2 
+import { CommonModule } from '@angular/common';
3 
+import { FormsModule } from '@angular/forms';
4 
+
5 
+import { IonicModule } from '@ionic/angular';
6 
+
7 
+import { ForgotPasswordPageRoutingModule } from './forgot-password-routing.module';
8 
+
9 
+import { ForgotPasswordPage } from './forgot-password.page';
10 
+
11 
+@NgModule({
12 
+  imports: [
13 
+    CommonModule,
14 
+    FormsModule,
15 
+    IonicModule,
16 
+    ForgotPasswordPageRoutingModule
17 
+  ],
18 
+  declarations: [ForgotPasswordPage]
19 
+})
20 
+export class ForgotPasswordPageModule {}

+ 37 - 0
src/app/forgot-password/forgot-password.page.html
Ver Arquivo

1 
+<ion-header>
2 
+  <ion-toolbar>
3 
+      <ion-buttons slot="end">
4 
+          <ion-button class='text-white' (click)="dismiss()" color="light">Close</ion-button>
5 
+      </ion-buttons>
6 
+    <ion-title class="txt-white">Active Radio</ion-title>
7 
+  </ion-toolbar>
8 
+</ion-header>
9 
+<ion-content padding>
10 
+  <ion-row>
11 
+    <ion-col>
12 
+      <div class="ion-text-center"><h1 class="txt-white">ลิมรหัสผ่าน</h1></div>
13 
+    </ion-col>
14 
+  </ion-row>
15 
+  <form>
16 
+    <ion-row>
17 
+      <ion-col>
18 
+        <ion-item lines="full">
19 
+          <ion-label position="floating">Email</ion-label>
20 
+          <ion-input type="email" name="email" [(ngModel)]="email"  inputmode="email"></ion-input>
21 
+        </ion-item>
22 
+      </ion-col>
23 
+    </ion-row>
24 
+    <ion-row>
25 
+      <ion-col>
26 
+        <ion-button type="submit" color="danger" expand="block" (click)="resetPassword()">ส่งรหัสผ่าน</ion-button>
27 
+
28 
+      </ion-col>
29 
+    </ion-row>
30 
+  </form>
31 
+  <ion-row>
32 
+    <ion-col>
33 
+      <small class="txt-white">
34 
+      </small>
35 
+    </ion-col>
36 
+  </ion-row>
37 
+</ion-content>

+ 7 - 0
src/app/forgot-password/forgot-password.page.scss
Ver Arquivo

1 
+ion-content {
2 
+    --background: url(/assets/images/bg-01.jpg) no-repeat top center/cover fixed, #fff;
3 
+    position: relative;
4 
+    height: 100%;
5 
+    width: 100%;
6 
+    --padding-bottom: 70px;
7 
+  }

+ 24 - 0
src/app/forgot-password/forgot-password.page.spec.ts
Ver Arquivo

1 
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
2 
+import { IonicModule } from '@ionic/angular';
3 
+
4 
+import { ForgotPasswordPage } from './forgot-password.page';
5 
+
6 
+describe('ForgotPasswordPage', () => {
7 
+  let component: ForgotPasswordPage;
8 
+  let fixture: ComponentFixture<ForgotPasswordPage>;
9 
+
10 
+  beforeEach(waitForAsync(() => {
11 
+    TestBed.configureTestingModule({
12 
+      declarations: [ ForgotPasswordPage ],
13 
+      imports: [IonicModule.forRoot()]
14 
+    }).compileComponents();
15 
+
16 
+    fixture = TestBed.createComponent(ForgotPasswordPage);
17 
+    component = fixture.componentInstance;
18 
+    fixture.detectChanges();
19 
+  }));
20 
+
21 
+  it('should create', () => {
22 
+    expect(component).toBeTruthy();
23 
+  });
24 
+});

+ 34 - 0
src/app/forgot-password/forgot-password.page.ts
Ver Arquivo

1 
+import { Component, OnInit } from '@angular/core';
2 
+import { ModalController } from '@ionic/angular';
3 
+import { WpdataService } from "../services/wpdata.service";
4 
+
5 
+@Component({
6 
+    selector: 'app-forgot-password',
7 
+    templateUrl: './forgot-password.page.html',
8 
+    styleUrls: ['./forgot-password.page.scss'],
9 
+})
10 
+export class ForgotPasswordPage implements OnInit {
11 
+
12 
+    email = "";
13 
+
14 
+    constructor(public modalController: ModalController, private wp:WpdataService) { }
15 
+
16 
+    ngOnInit() {
17 
+    }
18 
+    async resetPassword() {
19 
+        if( this.email == "" ) {
20 
+            alert("Please Enter Valid Email");
21 
+            return;
22 
+        }
23 
+        let r = await this.wp.resetPassword(this.email);
24 
+        alert(r.msg);
25 
+    }
26 
+
27 
+    dismiss() {
28 
+        // using the injected ModalController this page
29 
+        // can "dismiss" itself and optionally pass back data
30 
+        this.modalController.dismiss({
31 
+            'dismissed': true
32 
+        });
33 
+    }
34 
+}

+ 17 - 0
src/app/login/login-routing.module.ts
Ver Arquivo

1 
+import { NgModule } from '@angular/core';
2 
+import { Routes, RouterModule } from '@angular/router';
3 
+
4 
+import { LoginPage } from './login.page';
5 
+
6 
+const routes: Routes = [
7 
+  {
8 
+    path: '',
9 
+    component: LoginPage
10 
+  }
11 
+];
12 
+
13 
+@NgModule({
14 
+  imports: [RouterModule.forChild(routes)],
15 
+  exports: [RouterModule],
16 
+})
17 
+export class LoginPageRoutingModule {}

+ 20 - 0
src/app/login/login.module.ts
Ver Arquivo

1 
+import { NgModule } from '@angular/core';
2 
+import { CommonModule } from '@angular/common';
3 
+import { FormsModule } from '@angular/forms';
4 
+
5 
+import { IonicModule } from '@ionic/angular';
6 
+
7 
+import { LoginPageRoutingModule } from './login-routing.module';
8 
+
9 
+import { LoginPage } from './login.page';
10 
+
11 
+@NgModule({
12 
+  imports: [
13 
+    CommonModule,
14 
+    FormsModule,
15 
+    IonicModule,
16 
+    LoginPageRoutingModule
17 
+  ],
18 
+  declarations: [LoginPage]
19 
+})
20 
+export class LoginPageModule {}

+ 63 - 0
src/app/login/login.page.html
Ver Arquivo

1 
+<ion-header>
2 
+  <ion-toolbar>
3 
+    <ion-buttons slot="end">
4 
+      <ion-button (click)="dismiss()" color="light">Close</ion-button>
5 
+    </ion-buttons>
6 
+    <ion-title class="txt-white">Active Radio</ion-title>
7 
+  </ion-toolbar>
8 
+</ion-header>
9 
+
10 
+<ion-content>
11 
+  <ion-row>
12 
+    <ion-col>
13 
+      <div class="ion-text-center">
14 
+        <h1 class="txt-white">เข้าสู่ระบบ</h1>
15 
+      </div>
16 
+    </ion-col>
17 
+  </ion-row>
18 
+  <ion-row>
19 
+    <ion-col>
20 
+      <form>
21 
+        <ion-item lines="full">
22 
+          <ion-label position="floating">Email</ion-label>
23 
+          <ion-input type="text" required="true" [(ngModel)]='registerForm.email' name='email' type='email'></ion-input>
24 
+        </ion-item>
25 
+
26 
+        <ion-item lines="full">
27 
+          <ion-label position="floating">Password</ion-label>
28 
+          <ion-input type="password" required [(ngModel)]='registerForm.password' name='password'></ion-input>
29 
+        </ion-item>
30 
+      </form>
31 
+    </ion-col>
32 
+  </ion-row>
33 
+  <ion-row>
34 
+    <ion-col>
35 
+      <ion-button type="submit" color="success" expand="block" (click)="userLogin()">Login</ion-button>
36 
+    </ion-col>
37 
+  </ion-row>
38 
+  <ion-row>
39 
+    <ion-col class='ion-text-center'>
40 
+      <a (click)="openForgotPassword()" class="small-text">ลืมรหัส</a>
41 
+    </ion-col>
42 
+    <ion-col class='ion-text-center'>
43 
+      <a (click)="openRegister()" class="small-text">สม้ครใหม่</a>
44 
+    </ion-col>
45 
+  </ion-row>
46 
+  <ion-row>
47 
+    <ion-col>
48 
+      <span class="divider line one-line">หรือ</span>
49 
+    </ion-col>
50 
+  </ion-row>
51 
+  <ion-row>
52 
+    <ion-col>
53 
+      <ion-button class="log-fb-in-button" expand="block" (click)="doFbLogin()">
54 
+        Log in with Facebook
55 
+      </ion-button><br>
56 
+      <button (click)="appleSignIn()" block [hidden]="isAndroid">
57 
+        <img src="assets/images/appleid_button@2x.png">
58 
+      </button>
59 
+    </ion-col>
60 
+  </ion-row>
61 
+  <!--
62 
+  <ion-button [routerLink]="['/profile']">ไปหน้า profile</ion-button> -->
63 
+</ion-content>

+ 54 - 0
src/app/login/login.page.scss
Ver Arquivo

1 
+$social-facebook: #3b5998;
2 
+$social-facebook-color: #fff;
3 
+$social-facebook-active: #23345a;
4 
+$social-facebook-hover: #2d4373;
5 
+
6 
+ion-content {
7 
+  --background: url(/assets/images/bg-01.jpg) no-repeat top center/cover fixed,
8 
+    #fff;
9 
+  position: relative;
10 
+  height: 100%;
11 
+  width: 100%;
12 
+  --padding-bottom: 70px;
13 
+}
14 
+
15 
+.apple-bnt {
16 
+  --vertical-align: middle;
17 
+  --padding-start: 10px;
18 
+  --padding-end: 10px;
19 
+  --background: #2c2c2c;
20 
+  --background-hover: rgba(145, 255, 0, 0.89);
21 
+}
22 
+
23 
+.divider {
24 
+  display: flex;
25 
+
26 
+  &:before,
27 
+  &:after {
28 
+    content: "";
29 
+    flex: 1;
30 
+  }
31 
+}
32 
+
33 
+.line {
34 
+  align-items: center;
35 
+  margin: 1em -1em;
36 
+  color: #ffffff;
37 
+
38 
+  &:before,
39 
+  &:after {
40 
+    height: 1px;
41 
+    margin: 0 1em;
42 
+  }
43 
+}
44 
+
45 
+.one-line {
46 
+  &:before,
47 
+  &:after {
48 
+    background: #ffffff;
49 
+  }
50 
+}
51 
+
52 
+.small-text {
53 
+  color: #fff;
54 
+}

+ 24 - 0
src/app/login/login.page.spec.ts
Ver Arquivo

1 
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
2 
+import { IonicModule } from '@ionic/angular';
3 
+
4 
+import { LoginPage } from './login.page';
5 
+
6 
+describe('LoginPage', () => {
7 
+  let component: LoginPage;
8 
+  let fixture: ComponentFixture<LoginPage>;
9 
+
10 
+  beforeEach(waitForAsync(() => {
11 
+    TestBed.configureTestingModule({
12 
+      declarations: [ LoginPage ],
13 
+      imports: [IonicModule.forRoot()]
14 
+    }).compileComponents();
15 
+
16 
+    fixture = TestBed.createComponent(LoginPage);
17 
+    component = fixture.componentInstance;
18 
+    fixture.detectChanges();
19 
+  }));
20 
+
21 
+  it('should create', () => {
22 
+    expect(component).toBeTruthy();
23 
+  });
24 
+});

+ 145 - 0
src/app/login/login.page.ts
Ver Arquivo

1 
+import { Component, OnInit } from '@angular/core';
2 
+import { Facebook, FacebookLoginResponse } from '@awesome-cordova-plugins/facebook/ngx';
3 
+import { WpdataService } from "../services/wpdata.service";
4 
+import { Storage } from '@ionic/storage-angular';
5 
+import { Router } from '@angular/router';
6 
+import { ModalController, Platform } from '@ionic/angular';
7 
+
8 
+import { ProfilePage } from '../profile/profile.page';
9 
+import { RegisterFormPage } from '../register-form/register-form.page';
10 
+import { ForgotPasswordPage } from '../forgot-password/forgot-password.page';
11 
+import { SignInWithApple, AppleSignInResponse, AppleSignInErrorResponse, ASAuthorizationAppleIDRequest } from '@awesome-cordova-plugins/sign-in-with-apple/ngx';
12 
+
13 
+
14 
+
15 
+@Component({
16 
+    selector: 'app-login',
17 
+    templateUrl: './login.page.html',
18 
+    styleUrls: ['./login.page.scss'],
19 
+})
20 
+export class LoginPage implements OnInit {
21 
+
22 
+    registerForm  = {  email: "", password:"" };
23 
+    isAndroid = false;
24 
+    constructor(private fb: Facebook, private wp: WpdataService, private storage: Storage, private router:Router, public modalController: ModalController, private signInWithApple: SignInWithApple, private platform: Platform) { }
25 
+    //constructor() { }
26 
+
27 
+    ngOnInit() {
28 
+        if (this.platform.is('android')) {
29 
+            this.isAndroid = true;
30 
+            console.log("Android");
31 
+        }else {
32 
+            console.log("Other");
33 
+        }
34 
+    }
35 
+    async ionViewWillEnter() {
36 
+        /*
37 
+        let u = await this.storage.get('user');
38 
+        console.log(u);
39 
+        if( u != null ) {
40 
+            //this.router.navigate(['/profile']);
41 
+            this.modalController.dismiss({
42 
+                'dismissed': true
43 
+            });
44 
+            const modal = await this.modalController.create({
45 
+                component: ProfilePage,
46 
+            });
47 
+            return await modal.present();
48 
+        }*/
49 
+    }
50 
+
51 
+    async openRegister() {
52 
+        this.modalController.dismiss({
53 
+            'dismissed': true
54 
+        });
55 
+        const modal = await this.modalController.create({
56 
+            component: RegisterFormPage,
57 
+        });
58 
+        return await modal.present();
59 
+    }
60 
+    async openForgotPassword() {
61 
+        this.modalController.dismiss({
62 
+            'dismissed': true
63 
+        });
64 
+        const modal = await this.modalController.create({
65 
+            component: ForgotPasswordPage,
66 
+        });
67 
+        return await modal.present();
68 
+    }
69 
+    async userLogin() {
70 
+        console.log(this.registerForm);
71 
+        if( this.registerForm.email == "" || this.registerForm.password == "" ) {
72 
+            alert("Please enter email and password");
73 
+            return;
74 
+        }
75 
+        let res = await this.wp.loginUser(this.registerForm);
76 
+        console.log(res);
77 
+        if(res.error == true) {
78 
+            alert(res.msg)
79 
+        }else {
80 
+            alert("Login Success");
81 
+            this.storage.set('user', {name: res.output.firstName + " "+res.output.lastName, email: res.output.email});
82 
+            this.dismiss();
83 
+        }
84 
+
85 
+    }
86 
+    doFbLogin() {
87 
+        this.fb.login(['public_profile',  'email'])
88 
+          .then((res: FacebookLoginResponse) =>{
89 
+              console.log('Logged into Facebook!', res);
90 
+
91 
+              this.fb.api('me?fields=id,name,email,first_name,last_name,picture.width(720).height(720).as(picture_large)', []).then(async profile => {
92 
+                  console.log(profile);
93 
+                  let abc = await this.wp.storeFbData(profile);
94 
+                  console.log(JSON.parse(abc.data));
95 
+                  this.storage.set('user', profile);
96 
+                  //this.router.navigate(['/profile']);
97 
+                    this.modalController.dismiss({
98 
+                        'dismissed': true
99 
+                    });
100 
+                    const modal = await this.modalController.create({
101 
+                        component: ProfilePage,
102 
+                    });
103 
+                    return await modal.present();
104 
+              });
105 
+
106 
+          })
107 
+          .catch(e => console.log('Error logging into Facebook', e));
108 
+
109 
+
110 
+    }
111 
+    dismiss() {
112 
+        // using the injected ModalController this page
113 
+        // can "dismiss" itself and optionally pass back data
114 
+        this.modalController.dismiss({
115 
+            'dismissed': true
116 
+        });
117 
+    }
118 
+    appleSignIn() {
119 
+        this.signInWithApple.signin({
120 
+            requestedScopes: [
121 
+                ASAuthorizationAppleIDRequest.ASAuthorizationScopeFullName,
122 
+                ASAuthorizationAppleIDRequest.ASAuthorizationScopeEmail
123 
+            ]
124 
+        })
125 
+            .then((res: AppleSignInResponse) => {
126 
+                // https://developer.apple.com/documentation/signinwithapplerestapi/verifying_a_user
127 
+                //alert('Send token to apple for verification: ' + res.identityToken);
128 
+                console.log("send token");
129 
+                console.log(res);
130 
+                //alert(res);
131 
+                this.wp.storeFbData(res).then( data => {
132 
+                    console.log(data);
133 
+                }, error => {
134 
+                    console.log(error);
135 
+                } );
136 
+                this.storage.set('user', { name: res.fullName.givenName + " "+res.fullName.familyName, email: res.email });
137 
+                this.dismiss();
138 
+            })
139 
+            .catch((error: AppleSignInErrorResponse) => {
140 
+                alert(error.code + ' ' + error.localizedDescription);
141 
+                console.error(error);
142 
+            });
143 
+    }
144 
+
145 
+}

+ 161 - 3
src/app/navtabs/navtabs.page.ts
Ver Arquivo

1 
 import { Component, OnInit } from '@angular/core';
 1 
 import { Component, OnInit } from '@angular/core';
2 
+import { Push, PushObject, PushOptions } from '@awesome-cordova-plugins/push/ngx';
3 
+import { InAppBrowser } from '@awesome-cordova-plugins/in-app-browser/ngx';
4 
+import { ModalController, Platform } from '@ionic/angular';
5 
+import { StreamingMedia, StreamingVideoOptions, StreamingAudioOptions } from '@awesome-cordova-plugins/streaming-media/ngx';
6 
+
7 
+import { BackgroundMode } from '@awesome-cordova-plugins/background-mode/ngx';
8 
+import { ForegroundService } from '@awesome-cordova-plugins/foreground-service/ngx';
9 
+import { WpdataService } from "../services/wpdata.service";
10 
+
11 
+import { ProfilePage } from '../profile/profile.page';
12 
+import { LoginPage } from '../login/login.page';
13 
+import { Storage } from '@ionic/storage-angular';
14 
+
15 
+
16 
+
17 
+declare var Media: any;
2
18
3 
 @Component({
 19 
 @Component({
4 
   selector: 'app-navtabs',
 20 
   selector: 'app-navtabs',
6 
   styleUrls: ['./navtabs.page.scss'],
 22 
   styleUrls: ['./navtabs.page.scss'],
7 
 })
 23 
 })
8 
 export class NavtabsPage implements OnInit {
 24 
 export class NavtabsPage implements OnInit {
25 
+    isAudioPlay: boolean = false;
26 
+    audio;
27 
+
28 
+    ngOnInit() {
29 
+    }
30 
+
31 
+    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) {
32 
+
33 
+        this.platform.ready().then(() => {
34 
+            this.backgroundMode.enable();
35 
+
36 
+            this.backgroundMode.on('enable').subscribe(s => {
37 
+                this.backgroundMode.disableWebViewOptimizations();
38 
+                this.backgroundMode.disableBatteryOptimizations();
39 
+                this.backgroundMode.moveToForeground();
40 
+            });
41 
+        });
42 
+        //this.audio  = new Audio()
43 
+        //this.audio.src = 'https://mcotdigital-gvwieh.cdn.byteark.com/radiocdn_edge/fm99.stream_aac/playlist.m3u8';
44 
+        //this.audio.load();
45 
+
46 
+        this.wp.initLiveScore();
47 
+        //this.wp.loadStreamLink();
48 
+        this.wp.openLogin$.subscribe( data => {
49 
+            this.openLogin(data);
50 
+        });
51 
+        setTimeout(()=>{
52 
+
53 
+            this.push.hasPermission()
54 
+                .then((res: any) => {
55 
+
56 
+                    if (res.isEnabled) {
57 
+                        console.log('We have permission to send push notifications');
58 
+                    } else {
59 
+                        console.log('We do not have permission to send push notifications');
60 
+                    }
61 
+
62 
+                });
63 
+
64 
+
65 
+            const options: PushOptions = {
66 
+                android: {
67 
+                    sound: true,
68 
+                    iconColor: 'CYAN',
69 
+                    icon: 'noticon',
70 
+                    forceShow: true,
71 
+                },
72 
+                ios: {
73 
+                    alert: true,
74 
+                    badge: true,
75 
+                    sound: 'false'
76 
+                },
77 
+                windows: {},
78 
+                browser: {
79 
+                    pushServiceURL: 'http://push.api.phonegap.com/v1/push'
80 
+                }
81 
+            }
82 
+
83 
+            const pushObject: PushObject = this.push.init(options);
84 
+            pushObject.on('notification').subscribe((notification: any) => {
85 
+                console.log('Received a notification');
86 
+                console.log(notification);
87 
+                if( notification.additionalData.link ) {
88 
+                    this.iab.create(notification.additionalData.link, "_system");
89 
+                }
90 
+            });
91 
+
92 
+            pushObject.on('registration').subscribe((registration: any) => {
93 
+                console.log('Device registered', registration.registrationId);
94 
+                this.wp.storeAPNSToken(registration.registrationId);
95 
+            });
96 
+
97 
+            pushObject.on('error').subscribe(error => console.error('Error with Push plugin', error));
98 
+        }, 2000);
99 
+    }
100 
+       async openLogin(data) {
101 
+
102 
+        console.log("open login ..");
103 
+        console.log(data);
104 
+
105 
+        let u = await this.storage.get('user');
106 
+        if( u != null ) {
107 
+            const modal = await this.modalController.create({
108 
+                component: ProfilePage,
109 
+                componentProps: {action: data}
110 
+            });
111 
+            return await modal.present();
112 
+        }else {
113 
+            const modal = await this.modalController.create({
114 
+                component: LoginPage
115 
+            });
116 
+            return await modal.present();
117 
+        }
118 
+    }
119 
+
120 
+
121 
+    ionViewWillEnter() {
122 
+    }
123 
+    async playStreaming() {
124 
+
125 
+        let user = await this.storage.get('user');
126 
+        await this.wp.loadStreamLink();
127 
+        let audiourl = await this.storage.get('audiourl');
128 
+        if( this.audio == null ) {
129 
+            console.log(audiourl);
130 
+            //this.audio  = new Audio()
131 
+            this.audio = new Media(audiourl);
132 
+            //this.audio.src = 'https://mcotdigital-gvwieh.cdn.byteark.com/radiocdn_edge/fm99.stream_aac/playlist.m3u8';
133 
+            console.log(audiourl);
134 
+            //this.audio.src = audiourl;
135 
+            //this.audio.load();
136 
+
137 
+        }
138 
+        console.log(this.audio.src);
139 
+        if( this.isAudioPlay == false ) {
140 
+            //var media = new Media(audiourl);
141 
+            //media.play();
142 
+            //this.foregroundService.start('Live Audio Running', 'Background Service', 'noticon', 3, 10);
143 
+            this.audio.play();
144 
+            if( user != null ) {
145 
+                this.wp.appLog({'action': 'play_audio_live', 'email': user.email})
146 
+            }
147 
+        }else {
148 
+            this.audio.pause();
149 
+            //this.foregroundService.stop();
150 
+            if( user != null ) {
151 
+                this.wp.appLog({'action': 'stop_audio_live', 'email': user.email});
152 
+            }
153 
+        }
154 
+        this.isAudioPlay = ! this.isAudioPlay;
9
155
10 
-  constructor() { }
156 
+        console.log("Play Streaming");
157 
+    }
158 
+    async playVDO() {
159 
+        let options: StreamingVideoOptions = {
160 
+            successCallback: () => { console.log('Video played') },
161 
+            errorCallback: (e) => { console.log('Error streaming') },
162 
+            shouldAutoClose: false,
163 
+            controls: true,
164 
+        };
11
165
12 
-  ngOnInit() {
13 
-  }
166 
+        this.streamingMedia.playVideo('https://mcotdigital-gvwieh.cdn.byteark.com/RadioLive/smil:fm99_live.smil/playlist.m3u8', options);
167 
+        let user = await this.storage.get('user');
168 
+        if( user != null ) {
169 
+            this.wp.appLog({'action': 'play_vdo_live', 'email': user.email});
170 
+        }
171 
+    }
14
172
15 
 }
 173 
 }

+ 17 - 0
src/app/profile/profile-routing.module.ts
Ver Arquivo

1 
+import { NgModule } from '@angular/core';
2 
+import { Routes, RouterModule } from '@angular/router';
3 
+
4 
+import { ProfilePage } from './profile.page';
5 
+
6 
+const routes: Routes = [
7 
+  {
8 
+    path: '',
9 
+    component: ProfilePage
10 
+  }
11 
+];
12 
+
13 
+@NgModule({
14 
+  imports: [RouterModule.forChild(routes)],
15 
+  exports: [RouterModule],
16 
+})
17 
+export class ProfilePageRoutingModule {}

+ 20 - 0
src/app/profile/profile.module.ts
Ver Arquivo

1 
+import { NgModule } from '@angular/core';
2 
+import { CommonModule } from '@angular/common';
3 
+import { FormsModule } from '@angular/forms';
4 
+
5 
+import { IonicModule } from '@ionic/angular';
6 
+
7 
+import { ProfilePageRoutingModule } from './profile-routing.module';
8 
+
9 
+import { ProfilePage } from './profile.page';
10 
+
11 
+@NgModule({
12 
+  imports: [
13 
+    CommonModule,
14 
+    FormsModule,
15 
+    IonicModule,
16 
+    ProfilePageRoutingModule
17 
+  ],
18 
+  declarations: [ProfilePage]
19 
+})
20 
+export class ProfilePageModule {}

+ 63 - 0
src/app/profile/profile.page.html
Ver Arquivo

1 
+<ion-header >
2 
+  <ion-toolbar>
3 
+      <ion-buttons slot="end">
4 
+          <ion-button  (click)="dismiss()" color="light">Close</ion-button>
5 
+      </ion-buttons>
6 
+    <ion-title class="txt-white">Active Radio</ion-title>
7 
+  </ion-toolbar>
8 
+</ion-header>
9 
+
10 
+<ion-content fullscreen="true" >
11 
+    <div *ngIf="(user2 | async) as user; else loading">
12 
+  <ion-row>
13 
+    <ion-col>
14 
+  <div class="card">
15 
+    <div class="header">
16 
+      <div class="avatar">
17 
+
18 
+          <img [src]="$any(user).picture_large.data.url" *ngIf="user['picture_large'] != undefined" />
19 
+          <img src="/assets/images/iconfm99.png" *ngIf="user['picture_large'] == undefined" />
20 
+      </div>
21 
+    </div>
22 
+  </div>
23 
+  <div class="card-body">
24 
+    <div class="user-meta ion-text-center">
25 
+      <h3 class="playername">{{ $any(user).name  }}</h3>
26 
+    </div>
27 
+    <!--
28 
+        {{ user }} -->
29 
+    <form>
30 
+      <ion-item lines="full">
31 
+          <ion-label>ชื่อ</ion-label>
32 
+        {{ $any(user).name  }}
33 
+      </ion-item>
34 
+<!--
35 
+      <ion-item lines="full">
36 
+        <ion-label position="floating">นามสกุล</ion-label>
37 
+        <ion-input type="text" required></ion-input>
38 
+      </ion-item>-->
39 
+
40 
+      <ion-item lines="full">
41 
+          <ion-label>Email</ion-label>{{ $any(user).email }}
42 
+      </ion-item>
43 
+<!--
44 
+      <ion-item lines="full">
45 
+        <ion-label position="floating">Password</ion-label>
46 
+        <ion-input type="password" required></ion-input>
47 
+      </ion-item> -->
48 
+
49 
+      <div class="ion-padding-vertical">
50 
+        <!-- <ion-button type="submit" color="success" expand="block">แก้ไบ</ion-button>
51 
+        <div class="ion-padding-top"></div>
52 
+        <ion-button type="submit" color="danger" expand="block">ยกเลิก</ion-button> -->
53 
+        <ion-button type="submit" color="danger" expand="block" (click)="logout()">Log Out</ion-button>
54 
+      </div>
55 
+    </form>
56 
+  </div>
57 
+</ion-col>
58 
+</ion-row>
59 
+    </div>
60 
+<ng-template #loading>
61 
+  Loading stuff...
62 
+</ng-template>
63 
+</ion-content>

+ 68 - 0
src/app/profile/profile.page.scss
Ver Arquivo

1 
+// ion-content {
2 
+//   --background: url(/assets/images/bg-01.png) no-repeat top center/cover fixed, #fff;
3 
+//   position: relative;
4 
+//   height: 100%;
5 
+//   width: 100%;
6 
+// }
7 
+
8 
+// ion-toolbar {
9 
+//   --background: url(/assets/images/bg-02.png) no-repeat top center/cover fixed, #fff;
10 
+//   --background: transparent;
11 
+//   --border-width:0;
12 
+// }
13 
+
14 
+ion-content {
15 
+  --background: url(/assets/images/bg-01.jpg) no-repeat top center/cover fixed, #fff;
16 
+  position: relative;
17 
+  height: 100%;
18 
+  width: 100%;
19 
+  // --padding-bottom: 70px;
20 
+}
21 
+
22 
+.card {
23 
+  margin: 0 auto;
24 
+
25 
+  .header {
26 
+    height: 200px;
27 
+
28 
+    .avatar {
29 
+      width: 160px;
30 
+      height: 160px;
31 
+      position: relative;
32 
+      margin: 0 auto;
33 
+
34 
+      img {
35 
+        display: block;
36 
+        border-radius: 50%;
37 
+        position: absolute;
38 
+        bottom: calc(-1*(80px + 4px));
39 
+        border: 8px solid #b3e8ff;
40 
+        background-color: #fff;
41 
+      }
42 
+    }
43 
+  }
44 
+}
45 
+
46 
+.card-body {
47 
+  background-color: #ffffff;
48 
+  padding: 30px;
49 
+//   height: calc(100vh - (200px + 56px));
50 
+//   overflow: hidden;
51 
+
52 
+  .user-meta {
53 
+    padding-top: 40px;
54 
+
55 
+    .playername {
56 
+      font-size: 24px;
57 
+      font-weight: 600;
58 
+      color: #303940;
59 
+    }
60 
+
61 
+    .country {
62 
+      font-size: 90%;
63 
+      color: #949ea6;
64 
+      text-transform: uppercase;
65 
+      margin: 0 auto;
66 
+    }
67 
+  }
68 
+}

+ 24 - 0
src/app/profile/profile.page.spec.ts
Ver Arquivo

1 
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
2 
+import { IonicModule } from '@ionic/angular';
3 
+
4 
+import { ProfilePage } from './profile.page';
5 
+
6 
+describe('ProfilePage', () => {
7 
+  let component: ProfilePage;
8 
+  let fixture: ComponentFixture<ProfilePage>;
9 
+
10 
+  beforeEach(waitForAsync(() => {
11 
+    TestBed.configureTestingModule({
12 
+      declarations: [ ProfilePage ],
13 
+      imports: [IonicModule.forRoot()]
14 
+    }).compileComponents();
15 
+
16 
+    fixture = TestBed.createComponent(ProfilePage);
17 
+    component = fixture.componentInstance;
18 
+    fixture.detectChanges();
19 
+  }));
20 
+
21 
+  it('should create', () => {
22 
+    expect(component).toBeTruthy();
23 
+  });
24 
+});

+ 41 - 0
src/app/profile/profile.page.ts
Ver Arquivo

1 
+import { Component, OnInit } from '@angular/core';
2 
+import { Storage } from '@ionic/storage-angular';
3 
+
4 
+import { Router } from '@angular/router';
5 
+import { ModalController } from '@ionic/angular';
6 
+
7 
+@Component({
8 
+    selector: 'app-profile',
9 
+    templateUrl: './profile.page.html',
10 
+    styleUrls: ['./profile.page.scss'],
11 
+})
12 
+export class ProfilePage implements OnInit {
13 
+
14 
+    user2: any;
15 
+    constructor(private storage:Storage, private router:Router, public modalController: ModalController) { }
16 
+
17 
+    ngOnInit() {
18 
+    }
19 
+
20 
+    async ionViewWillEnter() {
21 
+        this.user2 = this.storage.get('user');
22 
+        //console.log(this.user);
23 
+    }
24 
+    async logout() {
25 
+        await this.storage.remove('user');
26 
+        this.modalController.dismiss({
27 
+            'dismissed': true
28 
+        });
29 
+        //this.router.navigate(['/tabs/home']);
30 
+
31 
+    }
32 
+
33 
+
34 
+    dismiss() {
35 
+        // using the injected ModalController this page
36 
+        // can "dismiss" itself and optionally pass back data
37 
+        this.modalController.dismiss({
38 
+            'dismissed': true
39 
+        });
40 
+    }
41 
+}

+ 17 - 0
src/app/register-form/register-form-routing.module.ts
Ver Arquivo

1 
+import { NgModule } from '@angular/core';
2 
+import { Routes, RouterModule } from '@angular/router';
3 
+
4 
+import { RegisterFormPage } from './register-form.page';
5 
+
6 
+const routes: Routes = [
7 
+  {
8 
+    path: '',
9 
+    component: RegisterFormPage
10 
+  }
11 
+];
12 
+
13 
+@NgModule({
14 
+  imports: [RouterModule.forChild(routes)],
15 
+  exports: [RouterModule],
16 
+})
17 
+export class RegisterFormPageRoutingModule {}

+ 20 - 0
src/app/register-form/register-form.module.ts
Ver Arquivo

1 
+import { NgModule } from '@angular/core';
2 
+import { CommonModule } from '@angular/common';
3 
+import { FormsModule } from '@angular/forms';
4 
+
5 
+import { IonicModule } from '@ionic/angular';
6 
+
7 
+import { RegisterFormPageRoutingModule } from './register-form-routing.module';
8 
+
9 
+import { RegisterFormPage } from './register-form.page';
10 
+
11 
+@NgModule({
12 
+  imports: [
13 
+    CommonModule,
14 
+    FormsModule,
15 
+    IonicModule,
16 
+    RegisterFormPageRoutingModule
17 
+  ],
18 
+  declarations: [RegisterFormPage]
19 
+})
20 
+export class RegisterFormPageModule {}

+ 59 - 0
src/app/register-form/register-form.page.html
Ver Arquivo

1 
+<ion-header>
2 
+  <ion-toolbar>
3 
+    <ion-buttons slot="start">
4 
+      <ion-back-button></ion-back-button>
5 
+    </ion-buttons>
6 
+    <ion-title class="txt-white">Active Radio</ion-title>
7 
+    <ion-buttons slot="end">
8 
+      <ion-button (click)="dismiss()" color="light">Close</ion-button>
9 
+    </ion-buttons>
10 
+  </ion-toolbar>
11 
+</ion-header>
12 
+
13 
+<ion-content>
14 
+  <ion-row>
15 
+    <ion-col>
16 
+      <div class="ion-text-center"><h1 class="txt-white">ลงทะเบียน Active Radio</h1></div>
17 
+    </ion-col>
18 
+  </ion-row>
19 
+  <ion-row>
20 
+    <ion-col>
21 
+      <!--
22 
+            {{ registerForm }} -->
23 
+      <form>
24 
+        <ion-text *ngIf="errorText" color="primary" style='background-color:#fff'>
25 
+          {{ errorText }}
26 
+        </ion-text>
27 
+        <ion-item lines="full">
28 
+          <ion-label position="floating">ชื่อ</ion-label>
29 
+          <ion-input type="text" required [(ngModel)]="registerForm.firstName" name="firstName"></ion-input>
30 
+        </ion-item>
31 
+
32 
+        <ion-item lines="full">
33 
+          <ion-label position="floating">นามสกุล</ion-label>
34 
+          <ion-input type="text" required [(ngModel)]="registerForm.lastName" name="lastName"></ion-input>
35 
+        </ion-item>
36 
+
37 
+        <ion-item lines="full">
38 
+          <ion-label position="floating">Email</ion-label>
39 
+          <ion-input type="email" required [(ngModel)]="registerForm.email" name="email"></ion-input>
40 
+        </ion-item>
41 
+
42 
+        <ion-item lines="full">
43 
+          <ion-label position="floating">Password</ion-label>
44 
+          <ion-input type="password" required [(ngModel)]="registerForm.password" name="password"></ion-input>
45 
+        </ion-item>
46 
+
47 
+        <ion-item lines="full">
48 
+          <ion-label position="floating">Confirm Password</ion-label>
49 
+          <ion-input type="password" required [(ngModel)]="registerForm.confirmPassword" name="confirmPassword">
50 
+          </ion-input>
51 
+        </ion-item>
52 
+
53 
+        <div class="ion-padding-vertical">
54 
+          <ion-button type="submit" color="success" expand="block" (click)="register()">ลงทะเบียน</ion-button>
55 
+        </div>
56 
+      </form>
57 
+    </ion-col>
58 
+  </ion-row>
59 
+</ion-content>

+ 7 - 0
src/app/register-form/register-form.page.scss
Ver Arquivo

1 
+ion-content {
2 
+    --background: url(/assets/images/bg-01.jpg) no-repeat top center/cover fixed, #fff;
3 
+    position: relative;
4 
+    height: 100%;
5 
+    width: 100%;
6 
+    --padding-bottom: 70px;
7 
+  }

+ 24 - 0
src/app/register-form/register-form.page.spec.ts
Ver Arquivo

1 
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
2 
+import { IonicModule } from '@ionic/angular';
3 
+
4 
+import { RegisterFormPage } from './register-form.page';
5 
+
6 
+describe('RegisterFormPage', () => {
7 
+  let component: RegisterFormPage;
8 
+  let fixture: ComponentFixture<RegisterFormPage>;
9 
+
10 
+  beforeEach(waitForAsync(() => {
11 
+    TestBed.configureTestingModule({
12 
+      declarations: [ RegisterFormPage ],
13 
+      imports: [IonicModule.forRoot()]
14 
+    }).compileComponents();
15 
+
16 
+    fixture = TestBed.createComponent(RegisterFormPage);
17 
+    component = fixture.componentInstance;
18 
+    fixture.detectChanges();
19 
+  }));
20 
+
21 
+  it('should create', () => {
22 
+    expect(component).toBeTruthy();
23 
+  });
24 
+});

+ 44 - 0
src/app/register-form/register-form.page.ts
Ver Arquivo

1 
+import { Component, OnInit } from '@angular/core';
2 
+
3 
+import { WpdataService } from "../services/wpdata.service";
4 
+import { ModalController } from '@ionic/angular';
5 
+
6 
+@Component({
7 
+    selector: 'app-register-form',
8 
+    templateUrl: './register-form.page.html',
9 
+    styleUrls: ['./register-form.page.scss'],
10 
+})
11 
+export class RegisterFormPage implements OnInit {
12 
+
13 
+    registerForm  = {firstName: "", lastName: "", email: "", password:"", confirmPassword: ""};
14 
+    errorText = null;
15 
+    constructor(private wpdataService: WpdataService, private modalController: ModalController) { }
16 
+
17 
+    ngOnInit() {
18 
+    }
19 
+    async register() {
20 
+        console.log(this.registerForm);
21 
+        if( this.registerForm.password != this.registerForm.confirmPassword ) {
22 
+            this.errorText = "Password not matched !!!";
23 
+        }else{
24 
+            let res = await this.wpdataService.registerUser(this.registerForm);
25 
+            if(res.error == true) {
26 
+                alert(res.msg)
27 
+            }else {
28 
+                alert("Register Success");
29 
+                this.dismiss();
30 
+
31 
+
32 
+            }
33 
+        }
34 
+
35 
+    }
36 
+
37 
+    dismiss() {
38 
+        // using the injected ModalController this page
39 
+        // can "dismiss" itself and optionally pass back data
40 
+        this.modalController.dismiss({
41 
+            'dismissed': true
42 
+        });
43 
+    }
44 
+}

+ 17 - 0
src/app/register/register-routing.module.ts
Ver Arquivo

1 
+import { NgModule } from '@angular/core';
2 
+import { Routes, RouterModule } from '@angular/router';
3 
+
4 
+import { RegisterPage } from './register.page';
5 
+
6 
+const routes: Routes = [
7 
+  {
8 
+    path: '',
9 
+    component: RegisterPage
10 
+  }
11 
+];
12 
+
13 
+@NgModule({
14 
+  imports: [RouterModule.forChild(routes)],
15 
+  exports: [RouterModule],
16 
+})
17 
+export class RegisterPageRoutingModule {}

+ 20 - 0
src/app/register/register.module.ts
Ver Arquivo

1 
+import { NgModule } from '@angular/core';
2 
+import { CommonModule } from '@angular/common';
3 
+import { FormsModule } from '@angular/forms';
4 
+
5 
+import { IonicModule } from '@ionic/angular';
6 
+
7 
+import { RegisterPageRoutingModule } from './register-routing.module';
8 
+
9 
+import { RegisterPage } from './register.page';
10 
+
11 
+@NgModule({
12 
+  imports: [
13 
+    CommonModule,
14 
+    FormsModule,
15 
+    IonicModule,
16 
+    RegisterPageRoutingModule
17 
+  ],
18 
+  declarations: [RegisterPage]
19 
+})
20 
+export class RegisterPageModule {}

+ 9 - 0
src/app/register/register.page.html
Ver Arquivo

1 
+<ion-header>
2 
+  <ion-toolbar>
3 
+    <ion-title>register</ion-title>
4 
+  </ion-toolbar>
5 
+</ion-header>
6 
+
7 
+<ion-content>
8 
+
9 
+</ion-content>

+ 0 - 0
src/app/register/register.page.scss
Ver Arquivo


+ 24 - 0
src/app/register/register.page.spec.ts
Ver Arquivo

1 
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
2 
+import { IonicModule } from '@ionic/angular';
3 
+
4 
+import { RegisterPage } from './register.page';
5 
+
6 
+describe('RegisterPage', () => {
7 
+  let component: RegisterPage;
8 
+  let fixture: ComponentFixture<RegisterPage>;
9 
+
10 
+  beforeEach(waitForAsync(() => {
11 
+    TestBed.configureTestingModule({
12 
+      declarations: [ RegisterPage ],
13 
+      imports: [IonicModule.forRoot()]
14 
+    }).compileComponents();
15 
+
16 
+    fixture = TestBed.createComponent(RegisterPage);
17 
+    component = fixture.componentInstance;
18 
+    fixture.detectChanges();
19 
+  }));
20 
+
21 
+  it('should create', () => {
22 
+    expect(component).toBeTruthy();
23 
+  });
24 
+});

+ 15 - 0
src/app/register/register.page.ts
Ver Arquivo

1 
+import { Component, OnInit } from '@angular/core';
2 
+
3 
+@Component({
4 
+  selector: 'app-register',
5 
+  templateUrl: './register.page.html',
6 
+  styleUrls: ['./register.page.scss'],
7 
+})
8 
+export class RegisterPage implements OnInit {
9 
+
10 
+  constructor() { }
11 
+
12 
+  ngOnInit() {
13 
+  }
14 
+
15 
+}

+ 17 - 0
src/app/reset-password/reset-password-routing.module.ts
Ver Arquivo

1 
+import { NgModule } from '@angular/core';
2 
+import { Routes, RouterModule } from '@angular/router';
3 
+
4 
+import { ResetPasswordPage } from './reset-password.page';
5 
+
6 
+const routes: Routes = [
7 
+  {
8 
+    path: '',
9 
+    component: ResetPasswordPage
10 
+  }
11 
+];
12 
+
13 
+@NgModule({
14 
+  imports: [RouterModule.forChild(routes)],
15 
+  exports: [RouterModule],
16 
+})
17 
+export class ResetPasswordPageRoutingModule {}

+ 20 - 0
src/app/reset-password/reset-password.module.ts
Ver Arquivo

1 
+import { NgModule } from '@angular/core';
2 
+import { CommonModule } from '@angular/common';
3 
+import { FormsModule } from '@angular/forms';
4 
+
5 
+import { IonicModule } from '@ionic/angular';
6 
+
7 
+import { ResetPasswordPageRoutingModule } from './reset-password-routing.module';
8 
+
9 
+import { ResetPasswordPage } from './reset-password.page';
10 
+
11 
+@NgModule({
12 
+  imports: [
13 
+    CommonModule,
14 
+    FormsModule,
15 
+    IonicModule,
16 
+    ResetPasswordPageRoutingModule
17 
+  ],
18 
+  declarations: [ResetPasswordPage]
19 
+})
20 
+export class ResetPasswordPageModule {}

+ 40 - 0
src/app/reset-password/reset-password.page.html
Ver Arquivo

1 
+<ion-header>
2 
+  <ion-toolbar>
3 
+    <ion-buttons slot="start">
4 
+      <ion-back-button></ion-back-button>
5 
+    </ion-buttons>
6 
+    <ion-title>เอฟเอ็ม 99 Active Radio</ion-title>
7 
+  </ion-toolbar>
8 
+</ion-header>
9 
+<ion-content padding>
10 
+  <ion-row>
11 
+    <ion-col>
12 
+      <h1 class="txt-white">กรุณาใส่รหัสผ่านใหม่</h1>
13 
+    </ion-col>
14 
+  </ion-row>
15 
+  <form>
16 
+    <ion-row>
17 
+      <ion-col>
18 
+        <ion-item lines="full">
19 
+          <ion-label position="floating">Password</ion-label>
20 
+          <ion-input type="password" required></ion-input>
21 
+        </ion-item>
22 
+
23 
+        <ion-item lines="full">
24 
+          <ion-label position="floating">Confirm Password</ion-label>
25 
+          <ion-input type="password" required></ion-input>
26 
+        </ion-item>
27 
+      </ion-col>
28 
+    </ion-row>
29 
+    <ion-row>
30 
+      <ion-col>
31 
+        <ion-button type="submit" color="success" expand="block">Send</ion-button>
32 
+
33 
+      </ion-col>
34 
+    </ion-row>
35 
+  </form>
36 
+  <ion-row>
37 
+    <ion-col>
38 
+    </ion-col>
39 
+  </ion-row>
40 
+</ion-content>

+ 7 - 0
src/app/reset-password/reset-password.page.scss
Ver Arquivo

1 
+ion-content {
2 
+    --background: url(/assets/images/bg-01.jpg) no-repeat top center/cover fixed, #fff;
3 
+    position: relative;
4 
+    height: 100%;
5 
+    width: 100%;
6 
+    --padding-bottom: 70px;
7 
+  }

+ 24 - 0
src/app/reset-password/reset-password.page.spec.ts
Ver Arquivo

1 
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
2 
+import { IonicModule } from '@ionic/angular';
3 
+
4 
+import { ResetPasswordPage } from './reset-password.page';
5 
+
6 
+describe('ResetPasswordPage', () => {
7 
+  let component: ResetPasswordPage;
8 
+  let fixture: ComponentFixture<ResetPasswordPage>;
9 
+
10 
+  beforeEach(waitForAsync(() => {
11 
+    TestBed.configureTestingModule({
12 
+      declarations: [ ResetPasswordPage ],
13 
+      imports: [IonicModule.forRoot()]
14 
+    }).compileComponents();
15 
+
16 
+    fixture = TestBed.createComponent(ResetPasswordPage);
17 
+    component = fixture.componentInstance;
18 
+    fixture.detectChanges();
19 
+  }));
20 
+
21 
+  it('should create', () => {
22 
+    expect(component).toBeTruthy();
23 
+  });
24 
+});

+ 15 - 0
src/app/reset-password/reset-password.page.ts
Ver Arquivo

1 
+import { Component, OnInit } from '@angular/core';
2 
+
3 
+@Component({
4 
+  selector: 'app-reset-password',
5 
+  templateUrl: './reset-password.page.html',
6 
+  styleUrls: ['./reset-password.page.scss'],
7 
+})
8 
+export class ResetPasswordPage implements OnInit {
9 
+
10 
+  constructor() { }
11 
+
12 
+  ngOnInit() {
13 
+  }
14 
+
15 
+}

+ 199 - 5
src/app/services/wpdata.service.ts
Ver Arquivo

1 
-import { Injectable } from '@angular/core';
1 
+import { Injectable, EventEmitter } from '@angular/core';
2 
+
2 
 import { Observable } from 'rxjs';
 3 
 import { Observable } from 'rxjs';
3 
 import { map } from 'rxjs/operators';
 4 
 import { map } from 'rxjs/operators';
4 
 import { HttpClient, HttpHeaders } from '@angular/common/http';
 5 
 import { HttpClient, HttpHeaders } from '@angular/common/http';
5 
 import { Storage } from '@ionic/storage-angular';
 6 
 import { Storage } from '@ionic/storage-angular';
7 
+import { HTTP } from '@awesome-cordova-plugins/http/ngx';
8 
+
6
9
7 
 @Injectable({
 10 
 @Injectable({
8 
   providedIn: 'root'
 11 
   providedIn: 'root'
9 
 })
 12 
 })
10 
 export class WpdataService {
 13 
 export class WpdataService {
14 
+    APP_URL = "https://dev-app-fm99.mcot.net/api";
15 
+    //APP_URL = "http://192.168.1.38:5000/api";
11
16
12 
-  constructor(private http: HttpClient) { }
17 
+    public login$: EventEmitter<any>;
18 
+    public openLogin$: EventEmitter<any>;
19 
+    public scoreAlert$: EventEmitter<any>;
20 
+    public liveScoreId;
21 
+    constructor(private httpc: HttpClient, private http: HTTP, private storage:Storage) {
22 
+        this.login$ = new EventEmitter();
23 
+        this.openLogin$ = new EventEmitter();
24 
+        this.scoreAlert$ = new EventEmitter();
25 
+        this.storage.set('lastUpdate', new Date());
26 
+        this.loadStreamLink();
27 
+
28 
+    }
13
29
14 
   // getAllNews() {
 30 
   // getAllNews() {
15 
   //   return this.http.get(
 31 
   //   return this.http.get(
17 
   //   );
 33 
   //   );
18 
   // }
 34 
   // }
19 
   getAllNews() {
 35 
   getAllNews() {
20 
-    return this.http.get(
36 
+    return this.httpc.get(
21 
       "https://fm99activeradio.mcot.net/wp-json/wp/v2/news?_embed"
 37 
       "https://fm99activeradio.mcot.net/wp-json/wp/v2/news?_embed"
22 
     );
 38 
     );
23 
   }
 39 
   }
25 
   getNewsDetail(id) {
 41 
   getNewsDetail(id) {
26 
     let url = 'https://fm99activeradio.mcot.net/'
 42 
     let url = 'https://fm99activeradio.mcot.net/'
27 
     const route = url + 'wp-json/wp/v2/' + 'news/' + id + '?_embed';
 43 
     const route = url + 'wp-json/wp/v2/' + 'news/' + id + '?_embed';
28 
-    return this.http.get(route);
44 
+    return this.httpc.get(route);
29 
   }
 45 
   }
30
46
31 
   getAllYoutube() {
 47 
   getAllYoutube() {
32 
-    return this.http.get(
48 
+    return this.httpc.get(
33 
        "../assets/api/youtube-data.json"
 49 
        "../assets/api/youtube-data.json"
34 
      // "https://youtube.googleapis.com/youtube/v3/search?part=snippet&channelId=UCfZdHbI3pIN4uselPFzzbOg&maxResults=5&order=date&key=AIzaSyDsRrS_dUxT_3PFaMZIBBdrbl37p_fqrNY"
 50 
      // "https://youtube.googleapis.com/youtube/v3/search?part=snippet&channelId=UCfZdHbI3pIN4uselPFzzbOg&maxResults=5&order=date&key=AIzaSyDsRrS_dUxT_3PFaMZIBBdrbl37p_fqrNY"
35 
     );
 51 
     );
36 
   }
 52 
   }
53 
+    appLog(form) {
54 
+
55 
+        this.http.setDataSerializer('json');
56 
+        return this.http.post(this.APP_URL + "/applog", form, {})
57 
+            .then( res => {
58 
+                console.log(res);
59 
+                return JSON.parse(res.data);
60 
+            },
61 
+                error => {
62 
+                    console.log(error);
63 
+                    return error;
64 
+                });
65 
+    }
66 
+     async initLiveScore() {
67 
+        return;
68 
+
69 
+        let oldText = "";
70 
+
71 
+        /*
72 
+        let abc = setInterval(async () => {
73 
+
74 
+            this.localNotifications.schedule([
75 
+                { id: 1,  title: 'My first notification',   smallIcon: 'res://noti_default',  icon: 'res://ic_launcher'
76 
+                },
77 
+                { id: 2, title: 'My second notification',  smallIcon: 'res://noti_default',   icon: 'res://ic_launcher'
78 
+                }]);
79 
+        }, 5*1000);*/
80 
+    }
81 
+    clearLiveScore() {
82 
+        if(this.liveScoreId) {
83 
+            clearInterval(this.liveScoreId);
84 
+        }
85 
+    }
86 
+    getLiveScore() {
87 
+        return this.http.get(
88 
+          this.APP_URL +  "/livescore", {}, {}
89 
+        );
90 
+    }
91 
+
92 
+    getFixture() {
93 
+        return this.http.get(
94 
+          this.APP_URL +  "/fixtures", {}, {}
95 
+        );
96 
+    }
97 
+    getTables(group) {
98 
+        return this.http.get(
99 
+          this.APP_URL +  "/tables", {'group': group}, {}
100 
+        );
101 
+    }
102 
+    getPassMatches() {
103 
+        return this.http.get(
104 
+          this.APP_URL +  "/pass_matches", {}, {}
105 
+        );
106 
+    }
107 
+    matchEvents(match_id) {
108 
+        return this.http.get(
109 
+          this.APP_URL +  "/events", {'match_id': match_id}, {}
110 
+        );
111 
+    }
112 
+    lineups(match_id) {
113 
+        return this.http.get(
114 
+          this.APP_URL +  "/lineups", {'match_id': match_id}, {}
115 
+        );
116 
+    }
117 
+    getRemoteData() {
118 
+        return this.http.get(
119 
+            "https://dev-web-fm99.mcot.net/wp-json/wp/v2/banner?_embed", {}, {}
120 
+        );
121 
+    }
122 
+    getPodcastData() {
123 
+        return this.http.get(
124 
+            "https://dev-web-fm99.mcot.net/wp-json/wp/v2/podcast?_embed", {}, {}
125 
+        );
126 
+    }
127 
+
128 
+    getPodcastAll() {
129 
+        return this.http.get(
130 
+            "https://dev-web-fm99.mcot.net/wp-json/wp/v2/podcast?_embed", {}, {}
131 
+        );
132 
+    }
133 
+
134 
+    loadStreamLink() {
135 
+        return this.http.get("https://dev-web-fm99.mcot.net/livetream.json", {}, {})
136 
+            .then(res => {
137 
+                let data = JSON.parse(res.data);
138 
+                console.log(data);
139 
+                this.storage.set('audiourl', data['fm99treamurl']['audiourl']);
140 
+                this.storage.set('videourl', data['fm99treamurl']['videourl']);
141 
+
142 
+            }, error=> {
143 
+                console.log(error);
144 
+            });
145 
+    }
146 
+    getNewsData() {
147 
+        return this.http.get(
148 
+            "https://dev-web-fm99.mcot.net/wp-json/wp/v2/news?_embed", {}, {}
149 
+        );
150 
+    }
151 
+    getCurrentProgram() {
152 
+        return this.http.get("https://dev-app-fm99.mcot.net/api/current_program", {}, {});
153 
+    }
154 
+    getPostDetails(id) {
155 
+        let url  = 'https://dev-web-fm99.mcot.net/'
156 
+        const route = url + 'wp-json/wp/v2/' + 'podcast/'+id+'?_embed';
157 
+        // const podAPI = "https://dev-web-fm99.mcot.net/podcast/"+id+"?_embed";
158 
+        console.log(route);
159 
+        return this.http.get(route, {}, {});
160 
+
161 
+    }
162 
+    getNewsDetailNative(id) {
163 
+        let url  = 'https://dev-web-fm99.mcot.net/'
164 
+        const route = url + 'wp-json/wp/v2/' + 'news/' + id + '?_embed';
165 
+        // const podAPI = "https://dev-web-fm99.mcot.net/podcast/"+id+"?_embed";
166 
+        return this.http.get(route, {}, {});
167 
+    }
168 
+    storeAPNSToken(token){
169 
+        this.http.setDataSerializer('json');
170 
+        return this.http.post(this.APP_URL + "/reg_apns", {'token': token}, {})
171 
+        .then( res => {
172 
+            return res;
173 
+        }, error => {
174 
+            return error;
175 
+        } );
176 
+    }
177 
+
178 
+    storeFbData(data) {
179 
+        console.log("store fb");
180 
+        console.log(data);
181 
+        this.http.setDataSerializer('json');
182 
+        return this.http.post(this.APP_URL + "/store_fb", data, {})
183 
+        .then( res => {
184 
+            console.log(res);
185 
+            return res;
186 
+        },
187 
+        error => {
188 
+            console.log(error);
189 
+            return error;
190 
+        });
191 
+    }
192 
+    registerUser(form) {
193 
+
194 
+        this.http.setDataSerializer('json');
195 
+        return this.http.post(this.APP_URL + "/register", form, {})
196 
+        .then( res => {
197 
+            console.log(res);
198 
+            return JSON.parse(res.data);
199 
+        },
200 
+        error => {
201 
+            console.log(error);
202 
+            return error;
203 
+        });
204 
+    }
205 
+    loginUser(form) {
206 
+
207 
+        this.http.setDataSerializer('json');
208 
+        return this.http.post(this.APP_URL + "/user_login", form, {})
209 
+        .then( res => {
210 
+            console.log(res);
211 
+            return JSON.parse(res.data);
212 
+        },
213 
+        error => {
214 
+            console.log(error);
215 
+            return error;
216 
+        });
217 
+    }
218 
+    resetPassword(email) {
219 
+
220 
+        this.http.setDataSerializer('json');
221 
+        return this.http.get(this.APP_URL + "/resetpass/"+email, {}, {})
222 
+        .then( res => {
223 
+            console.log(res);
224 
+            return JSON.parse(res.data);
225 
+        },
226 
+        error => {
227 
+            console.log(error);
228 
+            return error;
229 
+        });
230 
+    }
37 
 }
 231 
 }

tum/network_report_server - Gogs: Simplico Git Service
首頁 探索 說明
登入
tum
/
network_report_server
關註 1
讚好 0
複刻 0
代碼 問題管理 0 合併請求 0 提交歷史 35 版本發佈 0 Wiki

暫無描述

目錄樹: 9b944ff7eb
分支列表 標籤列表
network_report_server
/
app
/
node_modules
/
mjml-cli
/
bin
/
mjml

mjml 51B
文件歷史 原始文件

1234 
  1. #!/usr/bin/env node
    2. 

  2. 

  3. require('../lib/client.js')()
    4. 

  4.