From 69d1e05889d18c5b65fc456f7bb9bec8ddda23b2 Mon Sep 17 00:00:00 2001
From: "CHIEFSOFT\\ameye" <ameye@chiefsfot.com>
Date: Fri, 12 Jul 2024 16:31:20 -0400
Subject: [PATCH] playground

---
 .../playground/playground.page.html           | 64 ++++++++++++++-----
 .../playground/playground.page.ts             |  5 ++
 2 files changed, 54 insertions(+), 15 deletions(-)

diff --git a/src/app/pages-family/playground/playground.page.html b/src/app/pages-family/playground/playground.page.html
index 27a1e8b..07e52c4 100644
--- a/src/app/pages-family/playground/playground.page.html
+++ b/src/app/pages-family/playground/playground.page.html
@@ -29,7 +29,6 @@
       </div>
 
       <div *ngIf="tabMode == 'featured' " class="lesson">
-
         <div  *ngFor="let item of featuredListData; let i=index " >
           <div class="sec">
             <ion-label class="grey">{{item.name}}</ion-label>
@@ -54,20 +53,7 @@
 
       <div *ngIf="tabMode == 'collections' " class="lesson">
 
-        <div>COL</div>
-
-      </div>
-
-      <div *ngIf="tabMode == 'shared' " class="lesson">
-
-        <div>SHA</div>
-
-      </div>
-
-
-
-      <div  class="lesson">
-        <div  *ngFor="let item of playListData; let i=index " >
+        <div  *ngFor="let item of collectionsListdata; let i=index " >
           <div class="sec">
             <ion-label class="grey">{{item.name}}</ion-label>
             <!--        <ion-label class="color">15 min</ion-label>-->
@@ -88,6 +74,54 @@
         </div>
       </div>
 
+      <div *ngIf="tabMode == 'shared' " class="lesson">
+
+        <div  *ngFor="let item of sharedListData; let i=index " >
+          <div class="sec">
+            <ion-label class="grey">{{item.name}}</ion-label>
+            <!--        <ion-label class="color">15 min</ion-label>-->
+          </div>
+          <div class="video" *ngFor="let iteml of item.item_list.item">
+            <div class="left">
+              <div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/line.png)'"></div>
+
+              <div class="text">
+                <ion-label class="bold_text">{{iteml.title}}</ion-label>
+                <ion-label class="grey_text">{{iteml.description}}</ion-label>
+              </div>
+            </div>
+            <div class="right">
+              <ion-icon name="chevron-forward-outline"></ion-icon>
+            </div>
+          </div>
+        </div>
+
+      </div>
+
+
+
+<!--      <div  class="lesson">-->
+<!--        <div  *ngFor="let item of playListData; let i=index " >-->
+<!--          <div class="sec">-->
+<!--            <ion-label class="grey">{{item.name}}</ion-label>-->
+<!--            &lt;!&ndash;        <ion-label class="color">15 min</ion-label>&ndash;&gt;-->
+<!--          </div>-->
+<!--          <div class="video" *ngFor="let iteml of item.item_list.item">-->
+<!--            <div class="left">-->
+<!--              <div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/line.png)'"></div>-->
+
+<!--              <div class="text">-->
+<!--                <ion-label class="bold_text">{{iteml.title}}</ion-label>-->
+<!--                <ion-label class="grey_text">{{iteml.description}}</ion-label>-->
+<!--              </div>-->
+<!--            </div>-->
+<!--            <div class="right">-->
+<!--              <ion-icon name="chevron-forward-outline"></ion-icon>-->
+<!--            </div>-->
+<!--          </div>-->
+<!--        </div>-->
+<!--      </div>-->
+
 
     </div>
   </div>
diff --git a/src/app/pages-family/playground/playground.page.ts b/src/app/pages-family/playground/playground.page.ts
index 1a68dd7..66e1c6f 100644
--- a/src/app/pages-family/playground/playground.page.ts
+++ b/src/app/pages-family/playground/playground.page.ts
@@ -44,6 +44,8 @@ export class PlaygroundPage implements OnInit {
   playListData: [];
   playFastMenu:[];
   featuredListData:[];
+  collectionsListdata:[];
+  sharedListData:[];
 
   paygroundData(){
 
@@ -60,6 +62,9 @@ export class PlaygroundPage implements OnInit {
           this.playFastMenu = this.playListTotalData.layer_menu;
           this.playListData = this.playListTotalData.result_list;
           this.featuredListData = this.playListTotalData.featured;
+          this.collectionsListdata   = this.playListTotalData.collections;
+          this.sharedListData =  this.playListTotalData.shared;
+
           console.log("playListTotalData RETURN DATA->", this.playListData);
         }
     );