Reduce bundle size using a const enum

pull/3888/head
Chocobozzz 2021-03-11 10:55:09 +01:00
parent 5d43dae369
commit 829523cfa5
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
4 changed files with 19 additions and 23 deletions

View File

@ -4,7 +4,7 @@
<div *ngFor="let notification of notifications" class="notification" [ngClass]="{ unread: !notification.read }" (click)="markAsRead(notification)">
<ng-container [ngSwitch]="notification.type">
<ng-container *ngSwitchCase="UserNotificationType.NEW_VIDEO_FROM_SUBSCRIPTION">
<ng-container *ngSwitchCase="1"> <!-- UserNotificationType.NEW_VIDEO_FROM_SUBSCRIPTION -->
<ng-container *ngIf="notification.video; then hasVideo; else noVideo"></ng-container>
<ng-template #hasVideo>
@ -26,7 +26,7 @@
</ng-template>
</ng-container>
<ng-container *ngSwitchCase="UserNotificationType.UNBLACKLIST_ON_MY_VIDEO">
<ng-container *ngSwitchCase="5"> <!-- UserNotificationType.UNBLACKLIST_ON_MY_VIDEO -->
<my-global-icon iconName="undo" aria-hidden="true"></my-global-icon>
<div class="message" i18n>
@ -34,7 +34,7 @@
</div>
</ng-container>
<ng-container *ngSwitchCase="UserNotificationType.BLACKLIST_ON_MY_VIDEO">
<ng-container *ngSwitchCase="4"> <!-- UserNotificationType.BLACKLIST_ON_MY_VIDEO -->
<my-global-icon iconName="no" aria-hidden="true"></my-global-icon>
<div class="message" i18n>
@ -42,7 +42,7 @@
</div>
</ng-container>
<ng-container *ngSwitchCase="UserNotificationType.NEW_ABUSE_FOR_MODERATORS">
<ng-container *ngSwitchCase="3"> <!-- UserNotificationType.NEW_ABUSE_FOR_MODERATORS -->
<my-global-icon iconName="flag" aria-hidden="true"></my-global-icon>
<div class="message" *ngIf="notification.videoUrl" i18n>
@ -63,7 +63,7 @@
</div>
</ng-container>
<ng-container *ngSwitchCase="UserNotificationType.ABUSE_STATE_CHANGE">
<ng-container *ngSwitchCase="15"> <!-- UserNotificationType.ABUSE_STATE_CHANGE -->
<my-global-icon iconName="flag" aria-hidden="true"></my-global-icon>
<div class="message" i18n>
@ -73,7 +73,7 @@
</div>
</ng-container>
<ng-container *ngSwitchCase="UserNotificationType.ABUSE_NEW_MESSAGE">
<ng-container *ngSwitchCase="16"> <!-- UserNotificationType.ABUSE_NEW_MESSAGE -->
<my-global-icon iconName="flag" aria-hidden="true"></my-global-icon>
<div class="message" i18n>
@ -81,7 +81,7 @@
</div>
</ng-container>
<ng-container *ngSwitchCase="UserNotificationType.VIDEO_AUTO_BLACKLIST_FOR_MODERATORS">
<ng-container *ngSwitchCase="12"> <!-- UserNotificationType.VIDEO_AUTO_BLACKLIST_FOR_MODERATORS -->
<my-global-icon iconName="no" aria-hidden="true"></my-global-icon>
<div class="message" i18n>
@ -89,7 +89,7 @@
</div>
</ng-container>
<ng-container *ngSwitchCase="UserNotificationType.NEW_COMMENT_ON_MY_VIDEO">
<ng-container *ngSwitchCase="2">
<ng-container *ngIf="notification.comment">
<a (click)="markAsRead(notification)" [routerLink]="notification.accountUrl">
<img alt="" aria-labelledby="avatar" class="avatar" [src]="notification.comment.account.avatarUrl" />
@ -109,7 +109,7 @@
</ng-container>
</ng-container>
<ng-container *ngSwitchCase="UserNotificationType.MY_VIDEO_PUBLISHED">
<ng-container *ngSwitchCase="6"> <!-- UserNotificationType.MY_VIDEO_PUBLISHED -->
<my-global-icon iconName="film" aria-hidden="true"></my-global-icon>
<div class="message" i18n>
@ -117,7 +117,7 @@
</div>
</ng-container>
<ng-container *ngSwitchCase="UserNotificationType.MY_VIDEO_IMPORT_SUCCESS">
<ng-container *ngSwitchCase="7"> <!-- UserNotificationType.MY_VIDEO_IMPORT_SUCCESS -->
<my-global-icon iconName="cloud-download" aria-hidden="true"></my-global-icon>
<div class="message" i18n>
@ -125,7 +125,7 @@
</div>
</ng-container>
<ng-container *ngSwitchCase="UserNotificationType.MY_VIDEO_IMPORT_ERROR">
<ng-container *ngSwitchCase="8"> <!-- UserNotificationType.MY_VIDEO_IMPORT_ERROR -->
<my-global-icon iconName="cloud-error" aria-hidden="true"></my-global-icon>
<div class="message" i18n>
@ -133,7 +133,7 @@
</div>
</ng-container>
<ng-container *ngSwitchCase="UserNotificationType.NEW_USER_REGISTRATION">
<ng-container *ngSwitchCase="9"> <!-- UserNotificationType.NEW_USER_REGISTRATION -->
<my-global-icon iconName="user-add" aria-hidden="true"></my-global-icon>
<div class="message" i18n>
@ -141,7 +141,7 @@
</div>
</ng-container>
<ng-container *ngSwitchCase="UserNotificationType.NEW_FOLLOW">
<ng-container *ngSwitchCase="10"> <!-- UserNotificationType.NEW_FOLLOW -->
<a (click)="markAsRead(notification)" [routerLink]="notification.accountUrl">
<img alt="" aria-labelledby="avatar" class="avatar" [src]="notification.actorFollow.follower.avatarUrl" />
</a>
@ -154,7 +154,7 @@
</div>
</ng-container>
<ng-container *ngSwitchCase="UserNotificationType.COMMENT_MENTION">
<ng-container *ngSwitchCase="11">
<ng-container *ngIf="notification.comment">
<a (click)="markAsRead(notification)" [routerLink]="notification.accountUrl">
<img alt="" aria-labelledby="avatar" class="avatar" [src]="notification.comment.account.avatarUrl" />
@ -174,7 +174,7 @@
</ng-container>
</ng-container>
<ng-container *ngSwitchCase="UserNotificationType.NEW_INSTANCE_FOLLOWER">
<ng-container *ngSwitchCase="13"> <!-- UserNotificationType.NEW_INSTANCE_FOLLOWER -->
<my-global-icon iconName="users" aria-hidden="true"></my-global-icon>
<div class="message" i18n>
@ -183,7 +183,7 @@
</div>
</ng-container>
<ng-container *ngSwitchCase="UserNotificationType.AUTO_INSTANCE_FOLLOWING">
<ng-container *ngSwitchCase="14"> <!-- UserNotificationType.AUTO_INSTANCE_FOLLOWING -->
<my-global-icon iconName="users" aria-hidden="true"></my-global-icon>
<div class="message" i18n>

View File

@ -21,9 +21,6 @@ export class UserNotificationsComponent implements OnInit {
notifications: UserNotification[] = []
sortField = 'createdAt'
// So we can access it in the template
UserNotificationType = UserNotificationType
componentPagination: ComponentPagination
onDataSubject = new Subject<any[]>()

View File

@ -1,10 +1,9 @@
import { exists } from './misc'
import validator from 'validator'
import { UserNotificationType } from '../../../shared/models/users'
import { UserNotificationSettingValue } from '../../../shared/models/users/user-notification-setting.model'
import { exists } from './misc'
function isUserNotificationTypeValid (value: any) {
return exists(value) && validator.isInt('' + value) && UserNotificationType[value] !== undefined
return exists(value) && validator.isInt('' + value)
}
function isUserNotificationSettingValid (value: any) {

View File

@ -1,7 +1,7 @@
import { FollowState } from '../actors'
import { AbuseState } from '../moderation'
export enum UserNotificationType {
export const enum UserNotificationType {
NEW_VIDEO_FROM_SUBSCRIPTION = 1,
NEW_COMMENT_ON_MY_VIDEO = 2,
NEW_ABUSE_FOR_MODERATORS = 3,