From bef073e75b6b6b28e869e5b52a4bbebb2d7e0677 Mon Sep 17 00:00:00 2001
From: "CHIEFSOFT\\ameye" <ameye@chiefsfot.com>
Date: Sun, 10 Nov 2024 16:35:18 -0500
Subject: [PATCH] Respoiurces page

---
 src/app/pages/resources/resources.page.html | 24 ++++++++++++++++++---
 src/app/pages/resources/resources.page.ts   |  2 +-
 2 files changed, 22 insertions(+), 4 deletions(-)

diff --git a/src/app/pages/resources/resources.page.html b/src/app/pages/resources/resources.page.html
index 1bec770..d33f1ca 100644
--- a/src/app/pages/resources/resources.page.html
+++ b/src/app/pages/resources/resources.page.html
@@ -1,9 +1,27 @@
-<ion-header>
+
+
+<ion-header mode="ios" class="ion-no-border">
   <ion-toolbar>
-    <ion-title>resources</ion-title>
+    <ion-buttons slot="start" (click)="onBack()">
+      <ion-button>
+        <ion-icon name="arrow-back-outline"></ion-icon>
+      </ion-button>
+    </ion-buttons>
+    <ion-title>Playground</ion-title>
   </ion-toolbar>
 </ion-header>
 
-<ion-content>
 
+<ion-content>
+  <div class="boxed_contents">
+    <ion-accordion-group>
+      <ion-accordion *ngFor="let item of playGroundData" value="{{item.uid}}">
+        <ion-item class="arcord_head" slot="header" color="secondary">
+          <ion-label><span style="font-weight: bolder; color: #8b198e">{{item.topic}}</span> </ion-label>
+        </ion-item>
+        <div  class="ion-padding acc-item" slot="content" [innerHTML]="item.contents">
+        </div>
+      </ion-accordion>
+    </ion-accordion-group>
+  </div>
 </ion-content>
diff --git a/src/app/pages/resources/resources.page.ts b/src/app/pages/resources/resources.page.ts
index b351256..50c8e7d 100644
--- a/src/app/pages/resources/resources.page.ts
+++ b/src/app/pages/resources/resources.page.ts
@@ -6,7 +6,7 @@ import { Component, OnInit } from '@angular/core';
   styleUrls: ['./resources.page.scss'],
 })
 export class ResourcesPage implements OnInit {
-
+  playGroundData:any;
   constructor() { }
 
   ngOnInit() {