<ion-content>
    <section class="header-with-action-buttons">
        <div class="nav">
            <button (click)="back()"> <ion-icon name="chevron-back-outline"></ion-icon> <span> BACK </span> </button>
        </div>
        <header> Bookmarks({{ this.bookmarked_articles.length }}) <br> <span> All your bookmarked posts in one place  </span> </header>
    </section>

    <ion-list lines="full">
        <ion-item *ngFor="let news of bookmarked_articles"
        (click)="showNewsDetails(news.alias, news.type)">
            <ion-thumbnail slot="start">
                <ion-img [src]="news.image"></ion-img>
            </ion-thumbnail>         
            <ion-label>
                <h3> {{ news.title }} </h3>
            </ion-label>
        </ion-item>
    </ion-list>

</ion-content>
