
<div *ngIf = "suggested_count == 0; else elseFulltag">

  <ion-grid class="fam1">
    <ion-row>
      <ion-col class="famleft"></ion-col>
      <ion-col class="mid_place">
        <ion-label class="sug_text">You have "0" suggested task.</ion-label>
        <ion-button shape="round" (click)="suggestNewTasks()" fill="outline">Suggested Tasks</ion-button>
      </ion-col>
    </ion-row>
  </ion-grid>
</div>

<ng-template #elseFulltag>

  <div class="flex">
    <ion-label class="bold_text">My Suggested Task(s)</ion-label>
<!--    <ion-label class="color_text" (click)="allSuggest()"> > </ion-label>-->
  </div>

  <div class="lesson">


  <div class="video" *ngFor="let item of familySuggestData" (click)="getSuggestedDetails(item)">
    <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>
  </div>
</ng-template>

