diff options
Diffstat (limited to 'client/src/app/+my-account/my-account-ownership/my-account-ownership.component.html')
-rw-r--r-- | client/src/app/+my-account/my-account-ownership/my-account-ownership.component.html | 54 |
1 files changed, 43 insertions, 11 deletions
diff --git a/client/src/app/+my-account/my-account-ownership/my-account-ownership.component.html b/client/src/app/+my-account/my-account-ownership/my-account-ownership.component.html index 14ae497d9..090ec7b44 100644 --- a/client/src/app/+my-account/my-account-ownership/my-account-ownership.component.html +++ b/client/src/app/+my-account/my-account-ownership/my-account-ownership.component.html | |||
@@ -11,31 +11,53 @@ | |||
11 | > | 11 | > |
12 | <ng-template pTemplate="header"> | 12 | <ng-template pTemplate="header"> |
13 | <tr> | 13 | <tr> |
14 | <th i18n>Initiator</th> | 14 | <th style="width: 35%;" i18n>Initiator</th> |
15 | <th i18n>Video</th> | 15 | <th style="width: 65%;" i18n>Video</th> |
16 | <th i18n pSortableColumn="createdAt"> | 16 | <th style="width: 150px;" i18n pSortableColumn="createdAt"> |
17 | Created | 17 | Created |
18 | <p-sortIcon field="createdAt"></p-sortIcon> | 18 | <p-sortIcon field="createdAt"></p-sortIcon> |
19 | </th> | 19 | </th> |
20 | <th i18n>Status</th> | 20 | <th style="width: 100px;" i18n>Status</th> |
21 | <th i18n>Action</th> | 21 | <th style="width: 130px;" i18n>Action</th> |
22 | </tr> | 22 | </tr> |
23 | </ng-template> | 23 | </ng-template> |
24 | 24 | ||
25 | <ng-template pTemplate="body" let-videoChangeOwnership> | 25 | <ng-template pTemplate="body" let-videoChangeOwnership> |
26 | <tr> | 26 | <tr> |
27 | <td> | 27 | <td> |
28 | <a [href]="videoChangeOwnership.initiatorAccount.url" i18n-title title="Account page" | 28 | <a [href]="videoChangeOwnership.initiatorAccount.url" i18n-title title="Open account in a new tab" target="_blank" rel="noopener noreferrer"> |
29 | target="_blank" rel="noopener noreferrer"> | 29 | <div class="chip two-lines"> |
30 | {{ createByString(videoChangeOwnership.initiatorAccount) }} | 30 | <img |
31 | class="avatar" | ||
32 | [src]="videoChangeOwnership.initiatorAccount.avatar?.path" | ||
33 | (error)="switchToDefaultAvatar($event)" | ||
34 | alt="Avatar" | ||
35 | > | ||
36 | <div> | ||
37 | {{ videoChangeOwnership.initiatorAccount.displayName }} | ||
38 | <span class="text-muted">{{ videoChangeOwnership.initiatorAccount.nameWithHost }}</span> | ||
39 | </div> | ||
40 | </div> | ||
31 | </a> | 41 | </a> |
32 | </td> | 42 | </td> |
43 | |||
33 | <td> | 44 | <td> |
34 | <a [href]="videoChangeOwnership.video.url" i18n-title title="Video page" target="_blank" rel="noopener noreferrer"> | 45 | <a [href]="videoChangeOwnership.video.url" class="video-table-video-link" [title]="videoChangeOwnership.video.name" target="_blank" rel="noopener noreferrer"> |
35 | {{ videoChangeOwnership.video.name }} | 46 | <div class="video-table-video"> |
47 | <div class="video-table-video-image"> | ||
48 | <img [src]="videoChangeOwnership.video.thumbnailPath"> | ||
49 | </div> | ||
50 | <div class="video-table-video-text"> | ||
51 | <div> | ||
52 | {{ videoChangeOwnership.video.name }} | ||
53 | </div> | ||
54 | <div class="text-muted">by {{ videoChangeOwnership.video.channel?.displayName }} </div> | ||
55 | </div> | ||
56 | </div> | ||
36 | </a> | 57 | </a> |
37 | </td> | 58 | </td> |
38 | <td>{{ videoChangeOwnership.createdAt }}</td> | 59 | |
60 | <td>{{ videoChangeOwnership.createdAt | date: 'short' }}</td> | ||
39 | <td i18n>{{ videoChangeOwnership.status }}</td> | 61 | <td i18n>{{ videoChangeOwnership.status }}</td> |
40 | <td class="action-cell"> | 62 | <td class="action-cell"> |
41 | <ng-container *ngIf="videoChangeOwnership.status === 'WAITING'"> | 63 | <ng-container *ngIf="videoChangeOwnership.status === 'WAITING'"> |
@@ -45,6 +67,16 @@ | |||
45 | </td> | 67 | </td> |
46 | </tr> | 68 | </tr> |
47 | </ng-template> | 69 | </ng-template> |
70 | |||
71 | <ng-template pTemplate="emptymessage"> | ||
72 | <tr> | ||
73 | <td colspan="6"> | ||
74 | <div class="no-results"> | ||
75 | <ng-container i18n>No ownership change request found.</ng-container> | ||
76 | </div> | ||
77 | </td> | ||
78 | </tr> | ||
79 | </ng-template> | ||
48 | </p-table> | 80 | </p-table> |
49 | 81 | ||
50 | <my-account-accept-ownership #myAccountAcceptOwnershipComponent (accepted)="accepted()"></my-account-accept-ownership> | 82 | <my-account-accept-ownership #myAccountAcceptOwnershipComponent (accepted)="accepted()"></my-account-accept-ownership> |