suggest componets added

src/app/components/suggestedlist/suggestedlist.component.html

@@ -0,0 +1,16 @@
+
+  <div class="video" *ngFor="let item of familySuggestData">
+    <div class="left">
+      <div class="bg_image men_image" [style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/apps/jobs/'+item.banner+''"></div>
+
+      <div class="text">
+        <ion-label class="bold_text">{{item.title}}</ion-label>
+        <ion-label class="grey_text">{{item.description}}</ion-label>
+      </div>
+    </div>
+    <div class="right">
+      <ion-icon name="chevron-forward-outline"></ion-icon>
+    </div>
+  </div>
+
+

src/app/components/suggestedlist/suggestedlist.component.spec.ts

@@ -0,0 +1,24 @@
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { IonicModule } from '@ionic/angular';
+
+import { SuggestedlistComponent } from './suggestedlist.component';
+
+describe('SuggestedlistComponent', () => {
+  let component: SuggestedlistComponent;
+  let fixture: ComponentFixture<SuggestedlistComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ SuggestedlistComponent ],
+      imports: [IonicModule.forRoot()]
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(SuggestedlistComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  }));
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/components/suggestedlist/suggestedlist.component.ts

@@ -0,0 +1,44 @@
+import { Component, OnInit } from '@angular/core';
+import {SessionDataProviderService} from "../../store/session-data-provider.service";
+import {WrenchService} from "../../services/wrench.service";
+
+@Component({
+  selector: 'app-suggestedlist',
+  templateUrl: './suggestedlist.component.html',
+  styleUrls: ['./suggestedlist.component.scss'],
+})
+export class SuggestedlistComponent implements OnInit {
+
+  constructor(public sessionDataProviderService: SessionDataProviderService,
+                    private wrenchService: WrenchService) { }
+
+  ngOnInit() {
+    this.getFamilySuggestList();
+  }
+  usrData: {
+    action:number, member_id: number, uid: string,
+    sessionid: string,
+    'limit': 30,
+    'offset': 0
+  };
+
+  familySuggestResult:any;
+  familySuggestData:any;
+  getFamilySuggestList(){
+    this.usrData = {
+      action:13010,
+      member_id: this.sessionDataProviderService.member_id,
+      uid: this.sessionDataProviderService.member_uid,
+      sessionid: this.sessionDataProviderService.session,
+      'limit': 30,
+      'offset': 0
+    };
+    this.wrenchService.familySuggestList(this.usrData).subscribe(
+        familySuggestResult => {
+          this.familySuggestResult = familySuggestResult;
+          console.log("familySuggestResult RETURN->", this.familySuggestResult);
+          this.familySuggestData = this.familySuggestResult.result_list;
+        }
+    );
+  }
+}