golf first pull

src/app/home/home.page.html

@@ -1,11 +1,11 @@
 <ion-header>
   <ion-toolbar class="toolbar-bg-color">
+    <img src="../../../assets/icon/logo-fm99.png" class="head-img">
     <ion-buttons slot="end">
       <ion-menu-button>
-        <ion-icon src="../assets/icon/menu-svgrepo-com.svg"></ion-icon>
+        <ion-icon src="../assets/icon/menu-svgrepo-com.svg" color="warning"></ion-icon>
       </ion-menu-button>
     </ion-buttons>
-    <img src="../../../assets/icon/logo-fm99.png" class="head-img">
   </ion-toolbar>
 </ion-header>
 <ion-content>
@@ -50,30 +50,15 @@
         <hr>
       </ion-col>
     </ion-row>
-    <ion-row>
-      <ion-col size="5">
-        <img src="../../assets/img-static/mqdefault-1.jpg">
-      </ion-col>
-      <ion-col class="ion-align-self-center">Morning Talk [26-10-2022 l 07:30 - 09:00 น. ]</ion-col>
-    </ion-row>
-    <ion-row>
-      <ion-col size="5">
-        <img src="../../assets/img-static/mqdefault-2.jpg">
-      </ion-col>
-      <ion-col class="ion-align-self-center">Golf Trick [26-10-2022 l 09:00 - 10:00 น.]</ion-col>
-    </ion-row>
-    <ion-row>
-      <ion-col size="5">
-        <img src="../../assets/img-static/mqdefault-3.jpg">
-      </ion-col>
-      <ion-col class="ion-align-self-center">เจาะสนามบอลไทย [ 20-10-2022 l 20:00 - 21:30 น. ]</ion-col>
-    </ion-row>
-  </ion-grid>
-  <div *ngIf="ytalldata">
-    <div *ngFor="let ytdata of ytalldata['items']">
-      <span>{{ytdata.snippet.title}}</span>
+    <div *ngIf="ytalldata">
+      <ion-row *ngFor="let ytdata of ytalldata['items']| slice:0:4">
+        <ion-col size="5">
+          <img [src]="ytdata.snippet.thumbnails.high.url" [style.width]="'100%'" />
+        </ion-col>
+        <ion-col class="ion-align-self-center"><a href="https://www.youtube.com/watch?v={{ytdata.id.videoId}}"><span [innerHTML]="ytdata.snippet.title"></span></a></ion-col>
+      </ion-row>
     </div>
-  </div>
+  </ion-grid>
   <ion-grid>
     <img src="../../../assets/img-static/banner-320x100.jpeg" alt="">
   </ion-grid>

src/app/home/home.page.ts

@@ -13,7 +13,7 @@ SwiperCore.use([Pagination, Autoplay, Navigation, Keyboard]);
 })
 export class HomePage implements AfterContentChecked {
 
-  newsdata: any = [];
+  newsdata: any;
   ytalldata: any;
 
   @ViewChild('swiper') swiper: SwiperComponent;

src/app/news-detail/news-detail.page.html

@@ -1,12 +1,13 @@
 <ion-header>
   <ion-toolbar class="toolbar-bg-color">
+    <img src="../../../assets/icon/logo-fm99.png" class="head-img">
     <ion-buttons slot="end">
-      <ion-menu-button></ion-menu-button>
+      <ion-menu-button>
+        <ion-icon src="../assets/icon/menu-svgrepo-com.svg" color="warning"></ion-icon>
+      </ion-menu-button>
     </ion-buttons>
-    <img src="../../../assets/icon/logo-fm99.png" class="head-img">
   </ion-toolbar>
 </ion-header>
-
 <ion-content>
   <ion-grid>
     <ion-row>

src/app/news/news.page.html

@@ -1,12 +1,13 @@
 <ion-header>
   <ion-toolbar class="toolbar-bg-color">
+    <img src="../../../assets/icon/logo-fm99.png" class="head-img">
     <ion-buttons slot="end">
-      <ion-menu-button></ion-menu-button>
+      <ion-menu-button>
+        <ion-icon src="../assets/icon/menu-svgrepo-com.svg" color="warning"></ion-icon>
+      </ion-menu-button>
     </ion-buttons>
-    <img src="../../../assets/icon/logo-fm99.png" class="head-img">
   </ion-toolbar>
 </ion-header>
-
 <ion-content>
   <ion-grid>
     <ion-row>

src/app/services/wpdata.service.ts

@@ -30,8 +30,8 @@ export class WpdataService {
 
   getAllYoutube() {
     return this.http.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
+      // "../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"
     );
   }
 }

src/app/youtube/youtube.page.html

@@ -1,12 +1,13 @@
 <ion-header>
   <ion-toolbar class="toolbar-bg-color">
+    <img src="../../../assets/icon/logo-fm99.png" class="head-img">
     <ion-buttons slot="end">
-      <ion-menu-button></ion-menu-button>
+      <ion-menu-button>
+        <ion-icon src="../assets/icon/menu-svgrepo-com.svg" color="warning"></ion-icon>
+      </ion-menu-button>
     </ion-buttons>
-    <img src="../../../assets/icon/logo-fm99.png" class="head-img">
   </ion-toolbar>
 </ion-header>
-
 <ion-content>
   <img src="../../../assets/img-static/banner-320x50.jpeg" alt="">
   <ion-grid>