- <td>{{ follow.id }}</td>
- <td>{{ follow.following.host }}</td>
- <td>{{ follow.state }}</td>
- <td>{{ follow.createdAt }}</td>
+ <td class="action-cell">
+ <my-delete-button label="Unfollow" i18n-label (click)="removeFollowing(follow)"></my-delete-button>
+ </td>
+ <td>
+ <a [href]="'https://' + follow.following.host" i18n-title title="Open instance in a new tab" target="_blank" rel="noopener noreferrer">
+ {{ follow.following.host }}
+ <span class="glyphicon glyphicon-new-window"></span>
+ </a>
+ </td>
+
+ <td *ngIf="follow.state === 'accepted'">
+ <span class="badge badge-green" i18n>Accepted</span>
+ </td>
+ <td *ngIf="follow.state === 'pending'">
+ <span class="badge badge-yellow" i18n>Pending</span>
+ </td>
+
+ <td>{{ follow.createdAt | date: 'short' }}</td>