diff options
Diffstat (limited to 'client/src/app/+my-account')
-rw-r--r-- | client/src/app/+my-account/my-account-videos/my-account-videos.component.html | 4 | ||||
-rw-r--r-- | client/src/app/+my-account/my-account-videos/my-account-videos.component.scss | 17 |
2 files changed, 19 insertions, 2 deletions
diff --git a/client/src/app/+my-account/my-account-videos/my-account-videos.component.html b/client/src/app/+my-account/my-account-videos/my-account-videos.component.html index 4823e2db9..8a6cb5c32 100644 --- a/client/src/app/+my-account/my-account-videos/my-account-videos.component.html +++ b/client/src/app/+my-account/my-account-videos/my-account-videos.component.html | |||
@@ -18,6 +18,10 @@ | |||
18 | <a class="video-info-name" [routerLink]="['/videos/watch', video.uuid]" [attr.title]="video.name">{{ video.name }}</a> | 18 | <a class="video-info-name" [routerLink]="['/videos/watch', video.uuid]" [attr.title]="video.name">{{ video.name }}</a> |
19 | <span i18n class="video-info-date-views">{{ video.createdAt | myFromNow }} - {{ video.views | myNumberFormatter }} views</span> | 19 | <span i18n class="video-info-date-views">{{ video.createdAt | myFromNow }} - {{ video.views | myNumberFormatter }} views</span> |
20 | <div class="video-info-private">{{ video.privacy.label }}{{ getStateLabel(video) }}</div> | 20 | <div class="video-info-private">{{ video.privacy.label }}{{ getStateLabel(video) }}</div> |
21 | <div *ngIf="video.blacklisted" class="video-info-blacklisted"> | ||
22 | <span class="blacklisted-label" i18n>Blacklisted</span> | ||
23 | <span class="blacklisted-reason" *ngIf="video.blacklistedReason">{{ video.blacklistedReason }}</span> | ||
24 | </div> | ||
21 | </div> | 25 | </div> |
22 | 26 | ||
23 | <!-- Display only once --> | 27 | <!-- Display only once --> |
diff --git a/client/src/app/+my-account/my-account-videos/my-account-videos.component.scss b/client/src/app/+my-account/my-account-videos/my-account-videos.component.scss index 9df28f472..64a04fa20 100644 --- a/client/src/app/+my-account/my-account-videos/my-account-videos.component.scss +++ b/client/src/app/+my-account/my-account-videos/my-account-videos.component.scss | |||
@@ -76,12 +76,25 @@ | |||
76 | font-weight: $font-semibold; | 76 | font-weight: $font-semibold; |
77 | } | 77 | } |
78 | 78 | ||
79 | .video-info-date-views, .video-info-private { | 79 | .video-info-date-views, |
80 | .video-info-private, | ||
81 | .video-info-blacklisted { | ||
80 | font-size: 13px; | 82 | font-size: 13px; |
81 | 83 | ||
82 | &.video-info-private { | 84 | &.video-info-private, |
85 | &.video-info-blacklisted .blacklisted-label { | ||
83 | font-weight: $font-semibold; | 86 | font-weight: $font-semibold; |
84 | } | 87 | } |
88 | |||
89 | &.video-info-blacklisted { | ||
90 | color: red; | ||
91 | |||
92 | .blacklisted-reason { | ||
93 | &::before { | ||
94 | content: ' - '; | ||
95 | } | ||
96 | } | ||
97 | } | ||
85 | } | 98 | } |
86 | } | 99 | } |
87 | 100 | ||