ground detail page

src/app/pages/playgrdview/playgrdview.page.html

@@ -5,28 +5,24 @@
         <ion-icon name="arrow-back-outline"></ion-icon>
       </ion-button>
     </ion-buttons>
-    <ion-title>Playground</ion-title>
+    <ion-title>{{groundDetail.spec.title}}</ion-title>
   </ion-toolbar>
 </ion-header>
 
 <ion-content>
   <video
       style="width: 100%; height: auto;"
-      controls=""><source src="https://dev-media.wrenchboard.com/videos/c35c32bc-9ce4-4ca5-9afc-1ecddfd649f5"
+      controls=""><source src={{current_media}}
       type="video/mp4">Your browser does not support the video tag.
   </video>
   <div class="boxed_contents">
     <ion-card>
       <ion-card-header>
-        <ion-card-subtitle>Card Subtitle</ion-card-subtitle>
+        <ion-card-subtitle>{{groundDetail.spec.title}}</ion-card-subtitle>
       </ion-card-header>
       <ion-card-content>
-        cbfb  fd gfdg fd gg fd f hhd fgfh f hf dfshfh fh hfs hfgh  hgfj jj
+        {{groundDetail.spec.description}}
       </ion-card-content>
     </ion-card>
   </div>
-
-
-
-
 </ion-content>

src/app/pages/playgrdview/playgrdview.page.ts

@@ -11,6 +11,7 @@ import {WrenchService} from "../../services/wrench.service";
 })
 export class PlaygrdviewPage implements OnInit {
 groundDetail:any;
+current_media:string = '';
   constructor(
       private navctr: NavController,
       private router: Router,
@@ -18,9 +19,8 @@ groundDetail:any;
       private alertController:AlertController,
       private wrenchService: WrenchService,
   ) {
-    debugger;
     this.groundDetail  =  this.router.getCurrentNavigation().extras.state;
-
+    this.current_media = this.groundDetail.spec.media;
   }
 
   ngOnInit() {