blog detail

src/app/pages/allblog/allblog.page.html

@@ -8,8 +8,8 @@
 
   <div class="ion-padding">
     <div class="flex">
-      <ion-label class="bold_text">Intro UI/UX Design</ion-label>
-      <ion-icon slot="end" name="bookmark-outline" color="primary"></ion-icon>
+      <ion-label class="bold_text">Blog</ion-label>
+<!--      <ion-icon slot="end" name="bookmark-outline" color="primary"></ion-icon>-->
     </div>
 
     <div class="row">
@@ -20,7 +20,22 @@
 <!--      </div>-->
     </div>
 
+    <ion-grid>
+      <ion-row>
+        <ion-col size="6" size-md="4" size-lg="2"  *ngFor="let item of blogData; let i = index" (click)="blogDetails(item)" >
+<!--          https://blog.wrenchboard.com/wp-content/uploads/'+item.meta_value+')'-->
+          <ion-card >
+            <img alt="Silhouette of mountains" src="https://blog.wrenchboard.com/wp-content/uploads/{{item.meta_value}}" />
 
+            <ion-card-content>
+              {{item.post_title}}
+            </ion-card-content>
+          </ion-card>
+
+        </ion-col>
+
+      </ion-row>
+    </ion-grid>
 
 
 

src/app/pages/allblog/allblog.page.scss

@@ -355,7 +355,9 @@ ion-content {
   }
 }
 
-
+ion-card{
+  margin: 0px;
+}
 ion-footer {
   --background: white;
 

src/app/pages/allblog/allblog.page.ts

@@ -1,6 +1,9 @@
 import { Component, OnInit } from '@angular/core';
 import {NavController} from "@ionic/angular";
 import {Router} from "@angular/router";
+import { SessionDataProviderService } from 'src/app/store/session-data-provider.service';
+import { BlogDataService } from 'src/app/store/blog-data.service';
+import { WrenchService } from 'src/app/services/wrench.service';
 
 @Component({
   selector: 'app-allblog',
@@ -10,22 +13,47 @@ import {Router} from "@angular/router";
 export class AllblogPage implements OnInit {
   tabs = 'about';
 
+
   constructor(
+      private router: Router,
       private navctr: NavController,
-      private router: Router
-  ) { }
+
+      public sessionDataProviderService: SessionDataProviderService,
+      private wrenchService: WrenchService,
+      public blogDataService: BlogDataService
+  ) {
+  }
 
   ngOnInit() {
+    this.getBlogData([]);
   }
 
   onBack() {
     this.navctr.back();
   }
 
+  blogResult:any;
+  blogData:any;
+  getBlogData(blogReq=[]){
+    this.wrenchService.getBlogData(blogReq).subscribe(
+        blogResult => {
+          this.blogResult = blogResult;
+          console.log("BLOG RETURN->", this.blogResult);
+          this.blogData = this.blogResult.blogdata;
+          // debugger;
+          this.blogDataService.setBlogData(this.blogResult.blogdata);
+        }
+    );
+  }
   onMentor() {
     this.router.navigate(['mentor']);
   }
 
+  blogDetails(item) {
+    var pageToNavigate = 'blogdetail';
+    this.router.navigate([pageToNavigate],{state: item} );
+  }
+  
   onEnroll() {
     this.router.navigate(['enroll']);
   }

src/app/pages/jobreview/jobreview.page.html

@@ -10,7 +10,7 @@
     <div class="boxed_contents">
       <div class="flex">
         <ion-label class="bold_text_green">In Review</ion-label>
-        <ion-icon slot="end" name="bookmark-outline" color="primary"></ion-icon>
+<!--        <ion-icon slot="end" name="bookmark-outline" color="primary"></ion-icon>-->
       </div>
       <div class="flex">
         <ion-label class="bold_text">{{jobData.title}}</ion-label>
@@ -39,13 +39,13 @@
 
       <ion-card>
         <ion-card-header>
-          <ion-card-subtitle>Task Actions</ion-card-subtitle>
+          <ion-card-subtitle>Task is Completed </ion-card-subtitle>
         </ion-card-header>
         <ion-card-content>
           This job is in review, you can accept or reject completion.
         </ion-card-content>
-        <ion-button color="danger" fill="clear">Reject Completion</ion-button>
-        <ion-button fill="clear">Accept Completion</ion-button>
+        <ion-button color="danger" fill="clear">Reject </ion-button>
+        <ion-button fill="clear">Accept </ion-button>
 
       </ion-card>