integrate service

android/app/capacitor.build.gradle

@@ -13,9 +13,14 @@ dependencies {
     implementation project(':capacitor-haptics')
     implementation project(':capacitor-keyboard')
     implementation project(':capacitor-status-bar')
-
+    implementation "com.facebook.android:facebook-android-sdk:11.3.0"
+    implementation "androidx.webkit:webkit:1.4.0"
+    implementation "com.google.android.gms:play-services-analytics:18.0.2"
+    implementation "com.android.support:support-v13:27.+"
+    implementation "me.leolin:ShortcutBadger:1.1.17@aar"
+    implementation "com.google.firebase:firebase-messaging:17.0.+"
 }
-
+apply from: "../../node_modules/phonegap-plugin-multidex/multidex.gradle"
 
 if (hasProperty('postBuildExtras')) {
   postBuildExtras()

capacitor.config.ts

@@ -1,8 +1,8 @@
 import { CapacitorConfig } from '@capacitor/cli';
 
 const config: CapacitorConfig = {
-  appId: 'io.ionic.starter',
-  appName: 'ra100',
+  appId: 'th.co.innovation.auspice.mcotactiveradio99',
+  appName: 'Active Radio',
   webDir: 'www',
   bundledWebRuntime: false
 };

ionic.config.json

@@ -1,5 +1,5 @@
 {
-  "name": "ra100",
+  "name": "Active Radio",
   "integrations": {
     "capacitor": {}
   },

package-lock.json

@@ -1,11 +1,11 @@
 {
-  "name": "ra100",
+  "name": "Active Radio",
   "version": "0.0.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
-      "name": "ra100",
+      "name": "Active Radio",
       "version": "0.0.1",
       "dependencies": {
         "@angular/common": "^14.0.0",
@@ -14,6 +14,18 @@
         "@angular/platform-browser": "^14.0.0",
         "@angular/platform-browser-dynamic": "^14.0.0",
         "@angular/router": "^14.0.0",
+        "@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",
         "@capacitor/android": "4.4.0",
         "@capacitor/app": "4.1.0",
         "@capacitor/core": "^4.4.0",
@@ -27,9 +39,23 @@
         "@fortawesome/free-regular-svg-icons": "^6.2.0",
         "@fortawesome/free-solid-svg-icons": "^6.2.0",
         "@ionic/angular": "^6.1.9",
+        "@ionic/storage": "^3.0.6",
         "@ionic/storage-angular": "^3.0.6",
         "cocoapods": "^0.0.0",
+        "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",
         "ionicons": "^6.0.3",
+        "phonegap-plugin-multidex": "^1.0.0",
+        "phonegap-plugin-push": "^2.3.0",
         "pod-install": "^0.1.38",
         "rxjs": "~6.6.0",
         "swiper": "^8.4.4",
@@ -560,6 +586,162 @@
       "integrity": "sha512-H71nDOOL8Y7kWRLqf6Sums+01Q5msqBW2KhDUTemh1tvY04eSkSXrK0uj/4mmY0Xr16/3zyZmsrxN7CKuRbNRg==",
       "dev": true
     },
+    "node_modules/@awesome-cordova-plugins/background-mode": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/@awesome-cordova-plugins/background-mode/-/background-mode-6.2.0.tgz",
+      "integrity": "sha512-awFEStf3RoWzjshr06SMDFNlBmxBWUOzLgCO9YCZ6CAPfV1xfIs42QdBwNdxZA9WPT5TGLPeINjciJ/0omOjHQ==",
+      "dependencies": {
+        "@types/cordova": "latest"
+      },
+      "peerDependencies": {
+        "@awesome-cordova-plugins/core": "^6.0.1",
+        "rxjs": "^5.5.0 || ^6.5.0 || ^7.3.0"
+      }
+    },
+    "node_modules/@awesome-cordova-plugins/core": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/@awesome-cordova-plugins/core/-/core-6.2.0.tgz",
+      "integrity": "sha512-z5rKlTuQpLLPEIgzOmomQdoiRw5Sal2blh5CJRcjqh8ktspefbNC81Ni0MykPdV78/UlRORTHEzxugpcEcl1RQ==",
+      "peer": true,
+      "dependencies": {
+        "@types/cordova": "latest"
+      },
+      "peerDependencies": {
+        "rxjs": "^5.5.0 || ^6.5.0 || ^7.3.0"
+      }
+    },
+    "node_modules/@awesome-cordova-plugins/device": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/@awesome-cordova-plugins/device/-/device-6.2.0.tgz",
+      "integrity": "sha512-949akQ1gO43R0QyVvVJzNZ6z93Fn33uN91a8fmV8/cPOQLEAjZeyb1vvECH4EPYd5xiYPjhNzTXrYNF/Kdlmhg==",
+      "dependencies": {
+        "@types/cordova": "latest"
+      },
+      "peerDependencies": {
+        "@awesome-cordova-plugins/core": "^6.0.1",
+        "rxjs": "^5.5.0 || ^6.5.0 || ^7.3.0"
+      }
+    },
+    "node_modules/@awesome-cordova-plugins/facebook": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/@awesome-cordova-plugins/facebook/-/facebook-6.2.0.tgz",
+      "integrity": "sha512-p0Vx2qjfBHSx8YHrnH7sz0sgjMZmQK77i0C4/gVlVZNZZobIUVOK0elte2AdfdUaCBt6BVUyGqmSTbqeF4gESA==",
+      "dependencies": {
+        "@types/cordova": "latest"
+      },
+      "peerDependencies": {
+        "@awesome-cordova-plugins/core": "^6.0.1",
+        "rxjs": "^5.5.0 || ^6.5.0 || ^7.3.0"
+      }
+    },
+    "node_modules/@awesome-cordova-plugins/file": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/@awesome-cordova-plugins/file/-/file-6.2.0.tgz",
+      "integrity": "sha512-a3fGbYCPEgU64Qx6rs8CpvEA+hMyj2zt03GpruKwgu5hL4cZ2pb6/e43w8C6IJBm+yM0BaOfl3xTRYAmnlf6zQ==",
+      "dependencies": {
+        "@types/cordova": "latest"
+      },
+      "peerDependencies": {
+        "@awesome-cordova-plugins/core": "^6.0.1",
+        "rxjs": "^5.5.0 || ^6.5.0 || ^7.3.0"
+      }
+    },
+    "node_modules/@awesome-cordova-plugins/foreground-service": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/@awesome-cordova-plugins/foreground-service/-/foreground-service-6.2.0.tgz",
+      "integrity": "sha512-hFuJXZdov3uF3ef3U9WzaJqVpC6hgkVRfVB7C+uaMGnxi3OF6cJFwtGnLv185EbDiokFXE8BApSxgBNSuQ66dw==",
+      "dependencies": {
+        "@types/cordova": "latest"
+      },
+      "peerDependencies": {
+        "@awesome-cordova-plugins/core": "^6.0.1",
+        "rxjs": "^5.5.0 || ^6.5.0 || ^7.3.0"
+      }
+    },
+    "node_modules/@awesome-cordova-plugins/google-analytics": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/@awesome-cordova-plugins/google-analytics/-/google-analytics-6.2.0.tgz",
+      "integrity": "sha512-wVLV+ILkxILNdeQk5YPRBPMOGJdlI3Ztk1uyFXjFuwbDh0Mva6Gz8EmY7pPecbUrLoIBmE/cg1eoEnqThLZCCA==",
+      "dependencies": {
+        "@types/cordova": "latest"
+      },
+      "peerDependencies": {
+        "@awesome-cordova-plugins/core": "^6.0.1",
+        "rxjs": "^5.5.0 || ^6.5.0 || ^7.3.0"
+      }
+    },
+    "node_modules/@awesome-cordova-plugins/http": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/@awesome-cordova-plugins/http/-/http-6.2.0.tgz",
+      "integrity": "sha512-HRLwyiiY1rF9FfjzLJ2lEOWTazpIjHH0cYHiufpURwswgwT1LKVW+mTPlAZsO4bnQ8aJX7clITImbsy+wFFr9g==",
+      "dependencies": {
+        "@types/cordova": "latest"
+      },
+      "peerDependencies": {
+        "@awesome-cordova-plugins/core": "^6.0.1",
+        "rxjs": "^5.5.0 || ^6.5.0 || ^7.3.0"
+      }
+    },
+    "node_modules/@awesome-cordova-plugins/in-app-browser": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/@awesome-cordova-plugins/in-app-browser/-/in-app-browser-6.2.0.tgz",
+      "integrity": "sha512-w2S/s/xvIcPktJLmENnhY+tgrjlZGSOgnuPr2BkwVYCZeGMrlzljmH2bxrF9zPms0CPRb4wuH8+E5FkgYWo80g==",
+      "dependencies": {
+        "@types/cordova": "latest"
+      },
+      "peerDependencies": {
+        "@awesome-cordova-plugins/core": "^6.0.1",
+        "rxjs": "^5.5.0 || ^6.5.0 || ^7.3.0"
+      }
+    },
+    "node_modules/@awesome-cordova-plugins/open-native-settings": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/@awesome-cordova-plugins/open-native-settings/-/open-native-settings-6.2.0.tgz",
+      "integrity": "sha512-ATOYhCfA5ZXWYaMi2n3/tMEp0r6/6eU+x1BXMdQmzoqM3i6uf7Q/KEqe/y/QCQkOaspOxFQTSQjWDqypcUBH+Q==",
+      "dependencies": {
+        "@types/cordova": "latest"
+      },
+      "peerDependencies": {
+        "@awesome-cordova-plugins/core": "^6.0.1",
+        "rxjs": "^5.5.0 || ^6.5.0 || ^7.3.0"
+      }
+    },
+    "node_modules/@awesome-cordova-plugins/push": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/@awesome-cordova-plugins/push/-/push-6.2.0.tgz",
+      "integrity": "sha512-vsQErnXTxyn0JQ6w3Ska1nLxFWBxpWQljZ2nw+FuO9ZbKtUwEmQHroaN9ESCRaxbfd9z9EC5ZRkircyxbETYog==",
+      "dependencies": {
+        "@types/cordova": "latest"
+      },
+      "peerDependencies": {
+        "@awesome-cordova-plugins/core": "^6.0.1",
+        "rxjs": "^5.5.0 || ^6.5.0 || ^7.3.0"
+      }
+    },
+    "node_modules/@awesome-cordova-plugins/sign-in-with-apple": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/@awesome-cordova-plugins/sign-in-with-apple/-/sign-in-with-apple-6.2.0.tgz",
+      "integrity": "sha512-zrMA3QXLJqC8sVtwPS2mIJ/UgBEChuW8pVEDjz/xU5eXmLvxBOsxp8wQkK3rLLEgBksD+YVawuZiqDv28kw5xg==",
+      "dependencies": {
+        "@types/cordova": "latest"
+      },
+      "peerDependencies": {
+        "@awesome-cordova-plugins/core": "^6.0.1",
+        "rxjs": "^5.5.0 || ^6.5.0 || ^7.3.0"
+      }
+    },
+    "node_modules/@awesome-cordova-plugins/streaming-media": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/@awesome-cordova-plugins/streaming-media/-/streaming-media-6.2.0.tgz",
+      "integrity": "sha512-cymtwJON9BQoVcnqMdSR5e/vy7OfsMh9weDm76d7Ns+bZqEmNloTw7Pu0jHGY+dbdLWQ58rEORXUAbnumrSp2A==",
+      "dependencies": {
+        "@types/cordova": "latest"
+      },
+      "peerDependencies": {
+        "@awesome-cordova-plugins/core": "^6.0.1",
+        "rxjs": "^5.5.0 || ^6.5.0 || ^7.3.0"
+      }
+    },
     "node_modules/@babel/code-frame": {
       "version": "7.18.6",
       "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.18.6.tgz",
@@ -3979,6 +4161,11 @@
       "integrity": "sha512-XW/Aa8APYr6jSVVA1y/DEIZX0/GMKLEVekNG727R8cs56ahETkRAy/3DR7+fJyh7oUgGwNQaRfXCun0+KbWY7Q==",
       "dev": true
     },
+    "node_modules/@types/cordova": {
+      "version": "0.0.34",
+      "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-0.0.34.tgz",
+      "integrity": "sha512-rkiiTuf/z2wTd4RxFOb+clE7PF4AEJU0hsczbUdkHHBtkUmpWQpEddynNfJYKYtZFJKbq4F+brfekt1kx85IZA=="
+    },
     "node_modules/@types/cors": {
       "version": "2.8.12",
       "resolved": "https://registry.npmjs.org/@types/cors/-/cors-2.8.12.tgz",
@@ -5992,6 +6179,124 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/cordova-open-native-settings": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/cordova-open-native-settings/-/cordova-open-native-settings-1.5.5.tgz",
+      "integrity": "sha512-t3we7dUTUamuxVMl/nE6RBNqEyTtUuxvtjXI/BrevuoBIl2nI9GJpTvD9witJkpzf0isCv3zMuiLd9tP+2+LVw==",
+      "engines": {
+        "cordovaDependencies": {
+          "1.5.0": {
+            "cordova": ">4.0.0"
+          }
+        }
+      }
+    },
+    "node_modules/cordova-plugin-advanced-http": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/cordova-plugin-advanced-http/-/cordova-plugin-advanced-http-3.3.1.tgz",
+      "integrity": "sha512-hESuB3mxIHCUrzb5lm7juda6PSNcC5N8Invizj5wGV2rSldCapiNxMTEpzKR1UVPDDP2XOtBzO0SAYS+3+g/ig==",
+      "engines": [
+        {
+          "name": "cordova",
+          "version": ">=4.0.0"
+        }
+      ]
+    },
+    "node_modules/cordova-plugin-background-mode": {
+      "version": "0.7.3",
+      "resolved": "https://registry.npmjs.org/cordova-plugin-background-mode/-/cordova-plugin-background-mode-0.7.3.tgz",
+      "integrity": "sha512-LsU1v7EgTUROaks+tcQ8TnMzVUcU/TwjDVwj2O/4e4aI2q2ldLGsiZorqKqfqvwh2HoIssmY73OwJk91hQi62w==",
+      "engines": [
+        {
+          "name": "cordova",
+          "version": ">=3.0.0"
+        },
+        {
+          "name": "android-sdk",
+          "version": ">=16"
+        }
+      ]
+    },
+    "node_modules/cordova-plugin-device": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/cordova-plugin-device/-/cordova-plugin-device-2.1.0.tgz",
+      "integrity": "sha512-FU0Lw1jZpuKOgG4v80LrfMAOIMCGfAVPumn7AwaX9S1iU/X3OPZUyoKUgP09q4bxL35IeNPkqNWVKYduAXZ1sg==",
+      "engines": {
+        "cordovaDependencies": {
+          "3.0.0": {
+            "cordova": ">100",
+            "cordova-electron": ">=3.0.0"
+          }
+        }
+      }
+    },
+    "node_modules/cordova-plugin-facebook-connect": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/cordova-plugin-facebook-connect/-/cordova-plugin-facebook-connect-3.2.0.tgz",
+      "integrity": "sha512-7tdHvfJ7r7iN4zqFbNQwJet/UOytvmV6zxr3Cj9NT44/PemjeTn94HlO59I5yLs2Qc+LYc1GsUTnmVcxIqf/SA=="
+    },
+    "node_modules/cordova-plugin-file": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/cordova-plugin-file/-/cordova-plugin-file-7.0.0.tgz",
+      "integrity": "sha512-mSwy9GE5pHq2ZHhu/wYk/VhrwR5VLk+XQsk3+IiiFmDgcPsrVIyELkM2FZKX09cC6i+bJVTFVKUlwteSStj3ow==",
+      "engines": {
+        "cordovaDependencies": {
+          "5.0.0": {
+            "cordova-android": ">=6.3.0"
+          },
+          "7.0.0": {
+            "cordova-android": ">=10.0.0"
+          },
+          "8.0.0": {
+            "cordova": ">100"
+          }
+        }
+      }
+    },
+    "node_modules/cordova-plugin-foreground-service": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/cordova-plugin-foreground-service/-/cordova-plugin-foreground-service-1.1.3.tgz",
+      "integrity": "sha512-/C2Z8w9JIfAaLeXP290msQP9jcHR+CAJYbp6/x+mS21VtvS2Ug0upKsgjEzzSzRnt08Mr8kuwCV7juUd6eCWcw=="
+    },
+    "node_modules/cordova-plugin-google-analytics": {
+      "version": "1.9.2",
+      "resolved": "https://registry.npmjs.org/cordova-plugin-google-analytics/-/cordova-plugin-google-analytics-1.9.2.tgz",
+      "integrity": "sha512-+sYwZIXO6fVFIIJw6IZodQDgs0W/21PDVoGX7SaspUFtleM9vxFctpfQy72RyRA69/ib1HVBMq78j7KiogoKMQ=="
+    },
+    "node_modules/cordova-plugin-inappbrowser": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/cordova-plugin-inappbrowser/-/cordova-plugin-inappbrowser-5.0.0.tgz",
+      "integrity": "sha512-MqnpmUQ/iy6hxtIGDdlIhy8aNi1pNanLATpbnkk7uCqW9YQ4rH/dGK9zESbZ50pUi2A2D2QMjBXNV175TJK5OQ==",
+      "engines": {
+        "cordovaDependencies": {
+          "0.2.3": {
+            "cordova": ">=3.1.0"
+          },
+          "4.0.0": {
+            "cordova": ">=3.1.0",
+            "cordova-ios": ">=4.0.0"
+          },
+          "5.0.0": {
+            "cordova": ">=9.0.0",
+            "cordova-android": ">=9.0.0",
+            "cordova-ios": ">=6.0.0"
+          },
+          "6.0.0": {
+            "cordova": ">100"
+          }
+        }
+      }
+    },
+    "node_modules/cordova-plugin-sign-in-with-apple": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/cordova-plugin-sign-in-with-apple/-/cordova-plugin-sign-in-with-apple-0.1.2.tgz",
+      "integrity": "sha512-SOVa2fwqT5aRGCclgjQIZAA0RsylX9vWtVwNK9sx6kTV65FjZ2CcOygyY//EIo9YNSGzHR+OExhu9EDagyZIpg=="
+    },
+    "node_modules/cordova-plugin-streaming-media": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/cordova-plugin-streaming-media/-/cordova-plugin-streaming-media-2.3.0.tgz",
+      "integrity": "sha512-og7UmXbaWoSrOmo/mZu/c7vKDdUMu2eVrdRMvIJY6qqZ6Fv2BrJvOXm8prVt0xjWqWOMJpQs3DAajX8+N39Cqw=="
+    },
     "node_modules/core-js-compat": {
       "version": "3.26.0",
       "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.26.0.tgz",
@@ -9326,6 +9631,14 @@
         "node": ">=8"
       }
     },
+    "node_modules/install": {
+      "version": "0.8.9",
+      "resolved": "https://registry.npmjs.org/install/-/install-0.8.9.tgz",
+      "integrity": "sha512-y2NNE6v1dGzBMlgbT3D4WalRebVAhj6U5HjpUVLn0UM3cDTCyNwdtZeKL7dkoAg1EeM39uVzqwhgi07o862wcA==",
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
     "node_modules/internal-slot": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.3.tgz",
@@ -12386,6 +12699,55 @@
       "integrity": "sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow==",
       "dev": true
     },
+    "node_modules/phonegap-plugin-multidex": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/phonegap-plugin-multidex/-/phonegap-plugin-multidex-1.0.0.tgz",
+      "integrity": "sha512-1wvc3iQOQpEBaQbXgLxA2JUiLSQ2azdF/bF29ghXDiQJWSpQ1BF8gSuqttM8WZoj081Ps8OKL0gYxdDBkFNPqA==",
+      "deprecated": "This package is deprecated, see https://blog.phonegap.com/update-for-customers-using-phonegap-and-phonegap-build-cc701c77502c"
+    },
+    "node_modules/phonegap-plugin-push": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/phonegap-plugin-push/-/phonegap-plugin-push-2.3.0.tgz",
+      "integrity": "sha512-0R35BGVvvNzov3fckBspc7snwsIdClIBhI7jUCIa7AgSZy2Lrwm8kPuLTyzMVSNR3MJTxWX6s06aDlVL7EvQ3w==",
+      "deprecated": "This package is deprecated, see https://blog.phonegap.com/update-for-customers-using-phonegap-and-phonegap-build-cc701c77502c",
+      "dependencies": {
+        "install": "^0.8.2"
+      },
+      "engines": {
+        "cordovaDependencies": {
+          "<2.0.0": {
+            "cordova": ">=6.4.0",
+            "cordova-android": ">=6.0.0",
+            "cordova-ios": ">=4.3.0"
+          },
+          "<2.1.2": {
+            "cordova": ">=7.1.0",
+            "cordova-android": ">=6.3.0",
+            "cordova-ios": ">=4.4.0"
+          },
+          "<2.2.0": {
+            "cordova": ">=7.1.0",
+            "cordova-android": ">=6.3.0",
+            "cordova-ios": ">=4.5.0"
+          },
+          "1.8.2": {
+            "cordova": ">=3.6.3",
+            "cordova-android": ">=4.0.0",
+            "cordova-ios": ">=4.1.0"
+          },
+          "2.0.0": {
+            "cordova": ">=7.0.0",
+            "cordova-android": ">=6.2.1",
+            "cordova-ios": ">=4.4.0"
+          },
+          "2.2.0": {
+            "cordova": ">=7.1.0",
+            "cordova-android": ">=7.1.0",
+            "cordova-ios": ">=4.5.0"
+          }
+        }
+      }
+    },
     "node_modules/picocolors": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "ra100",
+  "name": "Active Radio",
   "version": "0.0.1",
   "author": "Ionic Framework",
   "homepage": "https://ionicframework.com/",
@@ -19,6 +19,18 @@
     "@angular/platform-browser": "^14.0.0",
     "@angular/platform-browser-dynamic": "^14.0.0",
     "@angular/router": "^14.0.0",
+    "@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",
     "@capacitor/android": "4.4.0",
     "@capacitor/app": "4.1.0",
     "@capacitor/core": "^4.4.0",
@@ -32,9 +44,23 @@
     "@fortawesome/free-regular-svg-icons": "^6.2.0",
     "@fortawesome/free-solid-svg-icons": "^6.2.0",
     "@ionic/angular": "^6.1.9",
+    "@ionic/storage": "^3.0.6",
     "@ionic/storage-angular": "^3.0.6",
     "cocoapods": "^0.0.0",
+    "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",
     "ionicons": "^6.0.3",
+    "phonegap-plugin-multidex": "^1.0.0",
+    "phonegap-plugin-push": "^2.3.0",
     "pod-install": "^0.1.38",
     "rxjs": "~6.6.0",
     "swiper": "^8.4.4",

resources/README.md

@@ -0,0 +1,8 @@
+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/

resources/android/xml/network_security_config.xml

@@ -0,0 +1,10 @@
+<?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>
+

src/app/app.component.ts

@@ -1,4 +1,9 @@
 import { Component } from '@angular/core';
+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';
 
 @Component({
   selector: 'app-root',
@@ -6,5 +11,50 @@ import { Component } from '@angular/core';
   styleUrls: ['app.component.scss'],
 })
 export class AppComponent {
-  constructor() {}
+    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');
+    }
 }

src/app/app.module.ts

@@ -14,6 +14,18 @@ import { FontAwesomeModule, FaIconLibrary } from '@fortawesome/angular-fontaweso
 import { fas } from '@fortawesome/free-solid-svg-icons'
 import { far } from '@fortawesome/free-regular-svg-icons'
 import { fab } from '@fortawesome/free-brands-svg-icons'
+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';
+
 
 @NgModule({
   declarations: [AppComponent],
@@ -23,11 +35,12 @@ import { fab } from '@fortawesome/free-brands-svg-icons'
     AppRoutingModule, 
     FontAwesomeModule,
     HttpClientModule,
+    IonicStorageModule.forRoot()
     // WpdataService,
     // HttpClient,
     // HttpHeaders
   ],
-  providers: [{ provide: RouteReuseStrategy, useClass: IonicRouteStrategy }],
+  providers: [{ provide: RouteReuseStrategy, useClass: IonicRouteStrategy }, Facebook, StreamingMedia, HTTP, SignInWithApple,  InAppBrowser, BackgroundMode, Push, ForegroundService, OpenNativeSettings, GoogleAnalytics],
   bootstrap: [AppComponent],
 })
 export class AppModule {

src/app/forgot-password/forgot-password-routing.module.ts

@@ -0,0 +1,17 @@
+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 {}

src/app/forgot-password/forgot-password.module.ts

@@ -0,0 +1,20 @@
+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 {}

src/app/forgot-password/forgot-password.page.html

@@ -0,0 +1,37 @@
+<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>

src/app/forgot-password/forgot-password.page.scss

@@ -0,0 +1,7 @@
+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;
+  }

src/app/forgot-password/forgot-password.page.spec.ts

@@ -0,0 +1,24 @@
+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();
+  });
+});

src/app/forgot-password/forgot-password.page.ts

@@ -0,0 +1,34 @@
+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
+        });
+    }
+}

src/app/login/login-routing.module.ts

@@ -0,0 +1,17 @@
+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 {}

src/app/login/login.module.ts

@@ -0,0 +1,20 @@
+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 {}

src/app/login/login.page.html

@@ -0,0 +1,63 @@
+<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>

src/app/login/login.page.scss

@@ -0,0 +1,54 @@
+$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;
+}

src/app/login/login.page.spec.ts

@@ -0,0 +1,24 @@
+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();
+  });
+});

src/app/login/login.page.ts

@@ -0,0 +1,145 @@
+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);
+            });
+    }
+
+}

src/app/navtabs/navtabs.page.ts

@@ -1,4 +1,20 @@
 import { Component, OnInit } from '@angular/core';
+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;
 
 @Component({
   selector: 'app-navtabs',
@@ -6,10 +22,152 @@ import { Component, OnInit } from '@angular/core';
   styleUrls: ['./navtabs.page.scss'],
 })
 export class NavtabsPage implements OnInit {
+    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;
 
-  constructor() { }
+        console.log("Play Streaming");
+    }
+    async playVDO() {
+        let options: StreamingVideoOptions = {
+            successCallback: () => { console.log('Video played') },
+            errorCallback: (e) => { console.log('Error streaming') },
+            shouldAutoClose: false,
+            controls: true,
+        };
 
-  ngOnInit() {
-  }
+        this.streamingMedia.playVideo('https://mcotdigital-gvwieh.cdn.byteark.com/RadioLive/smil:fm99_live.smil/playlist.m3u8', options);
+        let user = await this.storage.get('user');
+        if( user != null ) {
+            this.wp.appLog({'action': 'play_vdo_live', 'email': user.email});
+        }
+    }
 
 }

src/app/profile/profile-routing.module.ts

@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+
+import { ProfilePage } from './profile.page';
+
+const routes: Routes = [
+  {
+    path: '',
+    component: ProfilePage
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+})
+export class ProfilePageRoutingModule {}

src/app/profile/profile.module.ts

@@ -0,0 +1,20 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+
+import { IonicModule } from '@ionic/angular';
+
+import { ProfilePageRoutingModule } from './profile-routing.module';
+
+import { ProfilePage } from './profile.page';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    FormsModule,
+    IonicModule,
+    ProfilePageRoutingModule
+  ],
+  declarations: [ProfilePage]
+})
+export class ProfilePageModule {}

src/app/profile/profile.page.html

@@ -0,0 +1,63 @@
+<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 fullscreen="true" >
+    <div *ngIf="(user2 | async) as user; else loading">
+  <ion-row>
+    <ion-col>
+  <div class="card">
+    <div class="header">
+      <div class="avatar">
+          
+          <img [src]="$any(user).picture_large.data.url" *ngIf="user['picture_large'] != undefined" />
+          <img src="/assets/images/iconfm99.png" *ngIf="user['picture_large'] == undefined" />
+      </div>
+    </div>
+  </div>
+  <div class="card-body">
+    <div class="user-meta ion-text-center">
+      <h3 class="playername">{{ $any(user).name  }}</h3>
+    </div>
+    <!--
+        {{ user }} -->
+    <form>
+      <ion-item lines="full">
+          <ion-label>ชื่อ</ion-label>
+        {{ $any(user).name  }}
+      </ion-item>
+<!--
+      <ion-item lines="full">
+        <ion-label position="floating">นามสกุล</ion-label>
+        <ion-input type="text" required></ion-input>
+      </ion-item>-->
+
+      <ion-item lines="full">
+          <ion-label>Email</ion-label>{{ $any(user).email }}
+      </ion-item>
+<!--
+      <ion-item lines="full">
+        <ion-label position="floating">Password</ion-label>
+        <ion-input type="password" required></ion-input>
+      </ion-item> -->
+      
+      <div class="ion-padding-vertical">
+        <!-- <ion-button type="submit" color="success" expand="block">แก้ไบ</ion-button>
+        <div class="ion-padding-top"></div>
+        <ion-button type="submit" color="danger" expand="block">ยกเลิก</ion-button> -->
+        <ion-button type="submit" color="danger" expand="block" (click)="logout()">Log Out</ion-button>
+      </div> 
+    </form>
+  </div>
+</ion-col>
+</ion-row>
+    </div>
+<ng-template #loading>
+  Loading stuff...
+</ng-template>
+</ion-content>

src/app/profile/profile.page.scss

@@ -0,0 +1,68 @@
+// ion-content {
+//   --background: url(/assets/images/bg-01.png) no-repeat top center/cover fixed, #fff;
+//   position: relative;
+//   height: 100%;
+//   width: 100%;
+// }
+
+// ion-toolbar {
+//   --background: url(/assets/images/bg-02.png) no-repeat top center/cover fixed, #fff;
+//   --background: transparent;
+//   --border-width:0;
+// }
+
+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;
+}
+
+.card {
+  margin: 0 auto;
+
+  .header {
+    height: 200px;
+
+    .avatar {
+      width: 160px;
+      height: 160px;
+      position: relative;
+      margin: 0 auto;
+
+      img {
+        display: block;
+        border-radius: 50%;
+        position: absolute;
+        bottom: calc(-1*(80px + 4px));
+        border: 8px solid #b3e8ff;
+        background-color: #fff;
+      }
+    }
+  }
+}
+
+.card-body {
+  background-color: #ffffff;
+  padding: 30px;
+//   height: calc(100vh - (200px + 56px));
+//   overflow: hidden;
+
+  .user-meta {
+    padding-top: 40px;
+
+    .playername {
+      font-size: 24px;
+      font-weight: 600;
+      color: #303940;
+    }
+
+    .country {
+      font-size: 90%;
+      color: #949ea6;
+      text-transform: uppercase;
+      margin: 0 auto;
+    }
+  }
+}

src/app/profile/profile.page.spec.ts

@@ -0,0 +1,24 @@
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { IonicModule } from '@ionic/angular';
+
+import { ProfilePage } from './profile.page';
+
+describe('ProfilePage', () => {
+  let component: ProfilePage;
+  let fixture: ComponentFixture<ProfilePage>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ ProfilePage ],
+      imports: [IonicModule.forRoot()]
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(ProfilePage);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  }));
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/profile/profile.page.ts

@@ -0,0 +1,41 @@
+import { Component, OnInit } from '@angular/core';
+import { Storage } from '@ionic/storage-angular';
+
+import { Router } from '@angular/router';
+import { ModalController } from '@ionic/angular';
+
+@Component({
+    selector: 'app-profile',
+    templateUrl: './profile.page.html',
+    styleUrls: ['./profile.page.scss'],
+})
+export class ProfilePage implements OnInit {
+
+    user2: any;
+    constructor(private storage:Storage, private router:Router, public modalController: ModalController) { }
+
+    ngOnInit() {
+    }
+
+    async ionViewWillEnter() {
+        this.user2 = this.storage.get('user');
+        //console.log(this.user);
+    }
+    async logout() {
+        await this.storage.remove('user');
+        this.modalController.dismiss({
+            'dismissed': true
+        });
+        //this.router.navigate(['/tabs/home']);
+        
+    }
+
+
+    dismiss() {
+        // using the injected ModalController this page
+        // can "dismiss" itself and optionally pass back data
+        this.modalController.dismiss({
+            'dismissed': true
+        });
+    }
+}

src/app/register-form/register-form-routing.module.ts

@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+
+import { RegisterFormPage } from './register-form.page';
+
+const routes: Routes = [
+  {
+    path: '',
+    component: RegisterFormPage
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+})
+export class RegisterFormPageRoutingModule {}

src/app/register-form/register-form.module.ts

@@ -0,0 +1,20 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+
+import { IonicModule } from '@ionic/angular';
+
+import { RegisterFormPageRoutingModule } from './register-form-routing.module';
+
+import { RegisterFormPage } from './register-form.page';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    FormsModule,
+    IonicModule,
+    RegisterFormPageRoutingModule
+  ],
+  declarations: [RegisterFormPage]
+})
+export class RegisterFormPageModule {}

src/app/register-form/register-form.page.html

@@ -0,0 +1,59 @@
+<ion-header>
+  <ion-toolbar>
+    <ion-buttons slot="start">
+      <ion-back-button></ion-back-button>
+    </ion-buttons>
+    <ion-title class="txt-white">Active Radio</ion-title>
+    <ion-buttons slot="end">
+      <ion-button (click)="dismiss()" color="light">Close</ion-button>
+    </ion-buttons>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content>
+  <ion-row>
+    <ion-col>
+      <div class="ion-text-center"><h1 class="txt-white">ลงทะเบียน Active Radio</h1></div>
+    </ion-col>
+  </ion-row>
+  <ion-row>
+    <ion-col>
+      <!--
+            {{ registerForm }} -->
+      <form>
+        <ion-text *ngIf="errorText" color="primary" style='background-color:#fff'>
+          {{ errorText }}
+        </ion-text>
+        <ion-item lines="full">
+          <ion-label position="floating">ชื่อ</ion-label>
+          <ion-input type="text" required [(ngModel)]="registerForm.firstName" name="firstName"></ion-input>
+        </ion-item>
+
+        <ion-item lines="full">
+          <ion-label position="floating">นามสกุล</ion-label>
+          <ion-input type="text" required [(ngModel)]="registerForm.lastName" name="lastName"></ion-input>
+        </ion-item>
+
+        <ion-item lines="full">
+          <ion-label position="floating">Email</ion-label>
+          <ion-input type="email" required [(ngModel)]="registerForm.email" name="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>
+
+        <ion-item lines="full">
+          <ion-label position="floating">Confirm Password</ion-label>
+          <ion-input type="password" required [(ngModel)]="registerForm.confirmPassword" name="confirmPassword">
+          </ion-input>
+        </ion-item>
+
+        <div class="ion-padding-vertical">
+          <ion-button type="submit" color="success" expand="block" (click)="register()">ลงทะเบียน</ion-button>
+        </div>
+      </form>
+    </ion-col>
+  </ion-row>
+</ion-content>

src/app/register-form/register-form.page.scss

@@ -0,0 +1,7 @@
+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;
+  }

src/app/register-form/register-form.page.spec.ts

@@ -0,0 +1,24 @@
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { IonicModule } from '@ionic/angular';
+
+import { RegisterFormPage } from './register-form.page';
+
+describe('RegisterFormPage', () => {
+  let component: RegisterFormPage;
+  let fixture: ComponentFixture<RegisterFormPage>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ RegisterFormPage ],
+      imports: [IonicModule.forRoot()]
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(RegisterFormPage);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  }));
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/register-form/register-form.page.ts

@@ -0,0 +1,44 @@
+import { Component, OnInit } from '@angular/core';
+
+import { WpdataService } from "../services/wpdata.service";
+import { ModalController } from '@ionic/angular';
+
+@Component({
+    selector: 'app-register-form',
+    templateUrl: './register-form.page.html',
+    styleUrls: ['./register-form.page.scss'],
+})
+export class RegisterFormPage implements OnInit {
+
+    registerForm  = {firstName: "", lastName: "", email: "", password:"", confirmPassword: ""};
+    errorText = null;
+    constructor(private wpdataService: WpdataService, private modalController: ModalController) { }
+
+    ngOnInit() {
+    }
+    async register() {
+        console.log(this.registerForm);
+        if( this.registerForm.password != this.registerForm.confirmPassword ) {
+            this.errorText = "Password not matched !!!";
+        }else{
+            let res = await this.wpdataService.registerUser(this.registerForm);
+            if(res.error == true) {
+                alert(res.msg)
+            }else {
+                alert("Register Success");
+                this.dismiss();
+            
+
+            }
+        }
+        
+    }
+
+    dismiss() {
+        // using the injected ModalController this page
+        // can "dismiss" itself and optionally pass back data
+        this.modalController.dismiss({
+            'dismissed': true
+        });
+    }
+}

src/app/register/register-routing.module.ts

@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+
+import { RegisterPage } from './register.page';
+
+const routes: Routes = [
+  {
+    path: '',
+    component: RegisterPage
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+})
+export class RegisterPageRoutingModule {}

src/app/register/register.module.ts

@@ -0,0 +1,20 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+
+import { IonicModule } from '@ionic/angular';
+
+import { RegisterPageRoutingModule } from './register-routing.module';
+
+import { RegisterPage } from './register.page';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    FormsModule,
+    IonicModule,
+    RegisterPageRoutingModule
+  ],
+  declarations: [RegisterPage]
+})
+export class RegisterPageModule {}

src/app/register/register.page.html

@@ -0,0 +1,9 @@
+<ion-header>
+  <ion-toolbar>
+    <ion-title>register</ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content>
+
+</ion-content>

src/app/register/register.page.spec.ts

@@ -0,0 +1,24 @@
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { IonicModule } from '@ionic/angular';
+
+import { RegisterPage } from './register.page';
+
+describe('RegisterPage', () => {
+  let component: RegisterPage;
+  let fixture: ComponentFixture<RegisterPage>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ RegisterPage ],
+      imports: [IonicModule.forRoot()]
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(RegisterPage);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  }));
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/register/register.page.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-register',
+  templateUrl: './register.page.html',
+  styleUrls: ['./register.page.scss'],
+})
+export class RegisterPage implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

src/app/reset-password/reset-password-routing.module.ts

@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+
+import { ResetPasswordPage } from './reset-password.page';
+
+const routes: Routes = [
+  {
+    path: '',
+    component: ResetPasswordPage
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+})
+export class ResetPasswordPageRoutingModule {}

src/app/reset-password/reset-password.module.ts

@@ -0,0 +1,20 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+
+import { IonicModule } from '@ionic/angular';
+
+import { ResetPasswordPageRoutingModule } from './reset-password-routing.module';
+
+import { ResetPasswordPage } from './reset-password.page';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    FormsModule,
+    IonicModule,
+    ResetPasswordPageRoutingModule
+  ],
+  declarations: [ResetPasswordPage]
+})
+export class ResetPasswordPageModule {}

src/app/reset-password/reset-password.page.html

@@ -0,0 +1,40 @@
+<ion-header>
+  <ion-toolbar>
+    <ion-buttons slot="start">
+      <ion-back-button></ion-back-button>
+    </ion-buttons>
+    <ion-title>เอฟเอ็ม 99 Active Radio</ion-title>
+  </ion-toolbar>
+</ion-header>
+<ion-content padding>
+  <ion-row>
+    <ion-col>
+      <h1 class="txt-white">กรุณาใส่รหัสผ่านใหม่</h1>
+    </ion-col>
+  </ion-row>
+  <form>
+    <ion-row>
+      <ion-col>
+        <ion-item lines="full">
+          <ion-label position="floating">Password</ion-label>
+          <ion-input type="password" required></ion-input>
+        </ion-item>
+
+        <ion-item lines="full">
+          <ion-label position="floating">Confirm Password</ion-label>
+          <ion-input type="password" required></ion-input>
+        </ion-item>
+      </ion-col>
+    </ion-row>
+    <ion-row>
+      <ion-col>
+        <ion-button type="submit" color="success" expand="block">Send</ion-button>
+
+      </ion-col>
+    </ion-row>
+  </form>
+  <ion-row>
+    <ion-col>     
+    </ion-col>
+  </ion-row>
+</ion-content>

src/app/reset-password/reset-password.page.scss

@@ -0,0 +1,7 @@
+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;
+  }

src/app/reset-password/reset-password.page.spec.ts

@@ -0,0 +1,24 @@
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { IonicModule } from '@ionic/angular';
+
+import { ResetPasswordPage } from './reset-password.page';
+
+describe('ResetPasswordPage', () => {
+  let component: ResetPasswordPage;
+  let fixture: ComponentFixture<ResetPasswordPage>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ ResetPasswordPage ],
+      imports: [IonicModule.forRoot()]
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(ResetPasswordPage);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  }));
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/reset-password/reset-password.page.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-reset-password',
+  templateUrl: './reset-password.page.html',
+  styleUrls: ['./reset-password.page.scss'],
+})
+export class ResetPasswordPage implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

src/app/services/wpdata.service.ts

@@ -1,15 +1,31 @@
-import { Injectable } from '@angular/core';
+import { Injectable, EventEmitter } from '@angular/core';
+
 import { Observable } from 'rxjs';
 import { map } from 'rxjs/operators';
 import { HttpClient, HttpHeaders } from '@angular/common/http';
 import { Storage } from '@ionic/storage-angular';
+import { HTTP } from '@awesome-cordova-plugins/http/ngx';
+
 
 @Injectable({
   providedIn: 'root'
 })
 export class WpdataService {
+    APP_URL = "https://dev-app-fm99.mcot.net/api";
+    //APP_URL = "http://192.168.1.38:5000/api";
 
-  constructor(private http: HttpClient) { }
+    public login$: EventEmitter<any>;
+    public openLogin$: EventEmitter<any>;
+    public scoreAlert$: EventEmitter<any>;
+    public liveScoreId;
+    constructor(private httpc: HttpClient, private http: HTTP, private storage:Storage) {
+        this.login$ = new EventEmitter();
+        this.openLogin$ = new EventEmitter();
+        this.scoreAlert$ = new EventEmitter();
+        this.storage.set('lastUpdate', new Date());
+        this.loadStreamLink();
+
+    }
 
   // getAllNews() {
   //   return this.http.get(
@@ -17,7 +33,7 @@ export class WpdataService {
   //   );
   // }
   getAllNews() {
-    return this.http.get(
+    return this.httpc.get(
       "https://fm99activeradio.mcot.net/wp-json/wp/v2/news?_embed"
     );
   }
@@ -25,13 +41,191 @@ export class WpdataService {
   getNewsDetail(id) {
     let url = 'https://fm99activeradio.mcot.net/'
     const route = url + 'wp-json/wp/v2/' + 'news/' + id + '?_embed';
-    return this.http.get(route);
+    return this.httpc.get(route);
   }
 
   getAllYoutube() {
-    return this.http.get(
+    return this.httpc.get(
        "../assets/api/youtube-data.json"
      // "https://youtube.googleapis.com/youtube/v3/search?part=snippet&channelId=UCfZdHbI3pIN4uselPFzzbOg&maxResults=5&order=date&key=AIzaSyDsRrS_dUxT_3PFaMZIBBdrbl37p_fqrNY"
     );
   }
+    appLog(form) {
+
+        this.http.setDataSerializer('json');
+        return this.http.post(this.APP_URL + "/applog", form, {})
+            .then( res => {
+                console.log(res);
+                return JSON.parse(res.data);
+            },
+                error => {
+                    console.log(error);
+                    return error;
+                });
+    }
+     async initLiveScore() {
+        return;
+
+        let oldText = "";
+
+        /*
+        let abc = setInterval(async () => {
+
+            this.localNotifications.schedule([
+                { id: 1,  title: 'My first notification',   smallIcon: 'res://noti_default',  icon: 'res://ic_launcher'
+                },
+                { id: 2, title: 'My second notification',  smallIcon: 'res://noti_default',   icon: 'res://ic_launcher'
+                }]);
+        }, 5*1000);*/
+    }
+    clearLiveScore() {
+        if(this.liveScoreId) {
+            clearInterval(this.liveScoreId);
+        }
+    }
+    getLiveScore() {
+        return this.http.get(
+          this.APP_URL +  "/livescore", {}, {}
+        );
+    }
+
+    getFixture() {
+        return this.http.get(
+          this.APP_URL +  "/fixtures", {}, {}
+        );
+    }
+    getTables(group) {
+        return this.http.get(
+          this.APP_URL +  "/tables", {'group': group}, {}
+        );
+    }
+    getPassMatches() {
+        return this.http.get(
+          this.APP_URL +  "/pass_matches", {}, {}
+        );
+    }
+    matchEvents(match_id) {
+        return this.http.get(
+          this.APP_URL +  "/events", {'match_id': match_id}, {}
+        );
+    }
+    lineups(match_id) {
+        return this.http.get(
+          this.APP_URL +  "/lineups", {'match_id': match_id}, {}
+        );
+    }
+    getRemoteData() {
+        return this.http.get(
+            "https://dev-web-fm99.mcot.net/wp-json/wp/v2/banner?_embed", {}, {}
+        );
+    }
+    getPodcastData() {
+        return this.http.get(
+            "https://dev-web-fm99.mcot.net/wp-json/wp/v2/podcast?_embed", {}, {}
+        );
+    }
+
+    getPodcastAll() {
+        return this.http.get(
+            "https://dev-web-fm99.mcot.net/wp-json/wp/v2/podcast?_embed", {}, {}
+        );
+    }
+
+    loadStreamLink() {
+        return this.http.get("https://dev-web-fm99.mcot.net/livetream.json", {}, {})
+            .then(res => {
+                let data = JSON.parse(res.data);
+                console.log(data);
+                this.storage.set('audiourl', data['fm99treamurl']['audiourl']);
+                this.storage.set('videourl', data['fm99treamurl']['videourl']);
+
+            }, error=> {
+                console.log(error);
+            });
+    }
+    getNewsData() {
+        return this.http.get(
+            "https://dev-web-fm99.mcot.net/wp-json/wp/v2/news?_embed", {}, {}
+        );
+    }
+    getCurrentProgram() {
+        return this.http.get("https://dev-app-fm99.mcot.net/api/current_program", {}, {});
+    }
+    getPostDetails(id) {
+        let url  = 'https://dev-web-fm99.mcot.net/'
+        const route = url + 'wp-json/wp/v2/' + 'podcast/'+id+'?_embed';
+        // const podAPI = "https://dev-web-fm99.mcot.net/podcast/"+id+"?_embed";
+        console.log(route);
+        return this.http.get(route, {}, {});
+
+    }
+    getNewsDetailNative(id) {
+        let url  = 'https://dev-web-fm99.mcot.net/'
+        const route = url + 'wp-json/wp/v2/' + 'news/' + id + '?_embed';
+        // const podAPI = "https://dev-web-fm99.mcot.net/podcast/"+id+"?_embed";
+        return this.http.get(route, {}, {});
+    }
+    storeAPNSToken(token){
+        this.http.setDataSerializer('json');
+        return this.http.post(this.APP_URL + "/reg_apns", {'token': token}, {})
+        .then( res => {
+            return res;
+        }, error => {
+            return error;
+        } );
+    }
+
+    storeFbData(data) {
+        console.log("store fb");
+        console.log(data);
+        this.http.setDataSerializer('json');
+        return this.http.post(this.APP_URL + "/store_fb", data, {})
+        .then( res => {
+            console.log(res);
+            return res;
+        },
+        error => {
+            console.log(error);
+            return error;
+        });
+    }
+    registerUser(form) {
+
+        this.http.setDataSerializer('json');
+        return this.http.post(this.APP_URL + "/register", form, {})
+        .then( res => {
+            console.log(res);
+            return JSON.parse(res.data);
+        },
+        error => {
+            console.log(error);
+            return error;
+        });
+    }
+    loginUser(form) {
+
+        this.http.setDataSerializer('json');
+        return this.http.post(this.APP_URL + "/user_login", form, {})
+        .then( res => {
+            console.log(res);
+            return JSON.parse(res.data);
+        },
+        error => {
+            console.log(error);
+            return error;
+        });
+    }
+    resetPassword(email) {
+
+        this.http.setDataSerializer('json');
+        return this.http.get(this.APP_URL + "/resetpass/"+email, {}, {})
+        .then( res => {
+            console.log(res);
+            return JSON.parse(res.data);
+        },
+        error => {
+            console.log(error);
+            return error;
+        });
+    }
 }