83 lines
2.5 KiB
HTML
83 lines
2.5 KiB
HTML
|
<!--
|
||
|
|
Generated template for the ThreadPage page.
|
||
|
|
|
||
|
|
See http://ionicframework.com/docs/components/#navigation for more info on
|
||
|
|
Ionic pages and navigation.
|
||
|
|
-->
|
||
|
|
<ion-header>
|
||
|
|
|
||
|
|
<ion-navbar>
|
||
|
|
<button ion-button menuToggle>
|
||
|
|
<ion-icon name="menu"></ion-icon>
|
||
|
|
</button>
|
||
|
|
<ion-title>Conversation</ion-title>
|
||
|
|
</ion-navbar>
|
||
|
|
|
||
|
|
</ion-header>
|
||
|
|
|
||
|
|
|
||
|
|
<ion-content>
|
||
|
|
|
||
|
|
<ion-list>
|
||
|
|
<ion-card *ngFor="let post of posts">
|
||
|
|
<ion-item>
|
||
|
|
<ion-avatar item-start>
|
||
|
|
<img src="{{ post.user.content.avatar_image.link }}">
|
||
|
|
</ion-avatar>
|
||
|
|
<h2>{{ post.user.name }}</h2>
|
||
|
|
<p>@{{ post.user.username }}</p>
|
||
|
|
<ion-note item-end right>
|
||
|
|
{{ post.created_at | timeago }}<br/>
|
||
|
|
{{ post.source.name }}
|
||
|
|
</ion-note>
|
||
|
|
</ion-item>
|
||
|
|
<ion-card-content>
|
||
|
|
<p>{{ post.is_deleted ? '{post deleted}' : post.content.text }}</p>
|
||
|
|
</ion-card-content>
|
||
|
|
<div *ngIf="post.raw">
|
||
|
|
<div *ngFor="let r of post.raw">
|
||
|
|
<div *ngIf="r.type == 'io.pnut.core.oembed'">
|
||
|
|
<img src="{{ r.value.url }}">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<ion-row>
|
||
|
|
<ion-col>
|
||
|
|
<button ion-button icon-left clear small block (click)="showReplyPost(post)">
|
||
|
|
<ion-icon name="text"></ion-icon>
|
||
|
|
</button>
|
||
|
|
</ion-col>
|
||
|
|
<ion-col>
|
||
|
|
<button ion-button icon-left clear small block (click)="showQuotedPost(post)">
|
||
|
|
<ion-icon name="quote"></ion-icon>
|
||
|
|
</button>
|
||
|
|
</ion-col>
|
||
|
|
<ion-col>
|
||
|
|
<button ion-button icon-left clear small block (click)="bookmark(post.id, post.you_bookmarked)">
|
||
|
|
<ion-icon name="star"></ion-icon>
|
||
|
|
<div *ngIf="post.counts.bookmarks > 0">{{ post.counts.bookmarks }}</div>
|
||
|
|
</button>
|
||
|
|
</ion-col>
|
||
|
|
<ion-col>
|
||
|
|
<button ion-button icon-left clear small block (click)="repost(post.id, post.you_reposted)">
|
||
|
|
<ion-icon name="repeat"></ion-icon>
|
||
|
|
<div *ngIf="post.counts.reposts > 0">{{ post.counts.reposts }}</div>
|
||
|
|
</button>
|
||
|
|
</ion-col>
|
||
|
|
<!-- <ion-col>
|
||
|
|
<button ion-button icon-left clear small block>
|
||
|
|
<ion-icon name="chatboxes"></ion-icon>
|
||
|
|
<div *ngIf="post.counts.replies > 0">{{ post.counts.replies }}</div>
|
||
|
|
</button>
|
||
|
|
</ion-col> -->
|
||
|
|
<!-- <ion-col>
|
||
|
|
<button ion-button icon-left clear small block>
|
||
|
|
<ion-icon name="more"></ion-icon>
|
||
|
|
</button>
|
||
|
|
</ion-col> -->
|
||
|
|
</ion-row>
|
||
|
|
</ion-card>
|
||
|
|
</ion-list>
|
||
|
|
|
||
|
|
</ion-content>
|