<td>{{ user.roleLabel }}</td>
<td>{{ user.createdAt }}</td>
<td class="action-cell">
- <my-edit-button [routerLink]="getRouterUserEditLink(user)"></my-edit-button>
- <my-delete-button (click)="removeUser(user)"></my-delete-button>
+ <my-action-dropdown i18n-label label="Actions" [actions]="userActions" [entry]="user"></my-action-dropdown>
+ <!--<my-edit-button [routerLink]="getRouterUserEditLink(user)"></my-edit-button>-->
+ <!--<my-delete-button (click)="removeUser(user)"></my-delete-button>-->
</td>
</tr>
</ng-template>
import { RestPagination, RestTable, User } from '../../../shared'
import { UserService } from '../shared'
import { I18n } from '@ngx-translate/i18n-polyfill'
+import { DropdownAction } from '@app/shared/buttons/action-dropdown.component'
@Component({
selector: 'my-user-list',
rowsPerPage = 10
sort: SortMeta = { field: 'createdAt', order: 1 }
pagination: RestPagination = { count: this.rowsPerPage, start: 0 }
+ userActions: DropdownAction<User>[] = []
constructor (
private notificationsService: NotificationsService,
private i18n: I18n
) {
super()
+
+ this.userActions = [
+ {
+ type: 'edit',
+ linkBuilder: this.getRouterUserEditLink
+ },
+ {
+ type: 'delete',
+ handler: user => this.removeUser(user)
+ }
+ ]
}
ngOnInit () {
--- /dev/null
+<div class="dropdown-root" dropdown container="body" dropup="true" placement="right" role="button">
+ <div class="action-button" dropdownToggle>
+ <span class="icon icon-action"></span>
+ </div>
+
+ <ul *dropdownMenu class="dropdown-menu" id="more-menu" role="menu" aria-labelledby="single-button">
+ <li role="menuitem" *ngFor="let action of actions">
+ <my-delete-button *ngIf="action.type === 'delete'" [label]="action.label" (click)="action.handler(entry)"></my-delete-button>
+ <my-edit-button *ngIf="action.type === 'edit'" [label]="action.label" [routerLink]="action.linkBuilder(entry)"></my-edit-button>
+
+ <a *ngIf="action.type === 'custom'" class="dropdown-item" href="#" (click)="action.handler(entry)">
+ <span *ngIf="action.iconClass" class="icon" [ngClass]="action.iconClass"></span> <ng-container>{{ action.label }}</ng-container>
+ </a>
+ </li>
+ </ul>
+</div>
\ No newline at end of file
--- /dev/null
+@import '_variables';
+@import '_mixins';
+
+.action-button {
+ @include peertube-button;
+ @include grey-button;
+
+ &:hover, &:active, &:focus {
+ background-color: $grey-color;
+ }
+
+ display: inline-block;
+ padding: 0 10px;
+
+ .icon-action {
+ @include icon(21px);
+
+ background-image: url('../../../assets/images/video/more.svg');
+ top: -1px;
+ }
+}
\ No newline at end of file
--- /dev/null
+import { Component, Input } from '@angular/core'
+
+export type DropdownAction<T> = {
+ type: 'custom' | 'delete' | 'edit'
+ label?: string
+ handler?: (T) => any
+ linkBuilder?: (T) => (string | number)[]
+ iconClass?: string
+}
+
+@Component({
+ selector: 'my-action-dropdown',
+ styleUrls: [ './action-dropdown.component.scss' ],
+ templateUrl: './action-dropdown.component.html'
+})
+
+export class ActionDropdownComponent<T> {
+ @Input() actions: DropdownAction<T>[] = []
+ @Input() entry: T
+}
--- /dev/null
+<span class="action-button action-button-delete" [title]="label" role="button">
+ <span class="icon icon-delete-grey"></span>
+
+ <span class="button-label" *ngIf="label">{{ label }}</span>
+ <span class="button-label" i18n *ngIf="!label">Delete</span>
+</span>
})
export class DeleteButtonComponent {
- @Input() label = 'Delete'
+ @Input() label: string
}
<a class="action-button action-button-edit" [routerLink]="routerLink" title="Edit">
<span class="icon icon-edit"></span>
- <span i18n class="button-label">Edit</span>
+
+ <span class="button-label" *ngIf="label">{{ label }}</span>
+ <span i18n class="button-label" *ngIf="!label">Edit</span>
</a>
})
export class EditButtonComponent {
+ @Input() label: string
@Input() routerLink = []
}
+++ /dev/null
-<span class="action-button action-button-delete" [title]="label">
- <span class="icon icon-delete-grey"></span>
- <span class="button-label">{{ label }}</span>
-</span>
import { SharedModule as PrimeSharedModule } from 'primeng/components/common/shared'
import { AUTH_INTERCEPTOR_PROVIDER } from './auth'
-import { DeleteButtonComponent } from './misc/delete-button.component'
-import { EditButtonComponent } from './misc/edit-button.component'
+import { DeleteButtonComponent } from './buttons/delete-button.component'
+import { EditButtonComponent } from './buttons/edit-button.component'
import { FromNowPipe } from './misc/from-now.pipe'
import { LoaderComponent } from './misc/loader.component'
import { NumberFormatterPipe } from './misc/number-formatter.pipe'
import { VideoCaptionService } from '@app/shared/video-caption'
import { PeertubeCheckboxComponent } from '@app/shared/forms/peertube-checkbox.component'
import { VideoImportService } from '@app/shared/video-import/video-import.service'
+import { ActionDropdownComponent } from '@app/shared/buttons/action-dropdown.component'
@NgModule({
imports: [
VideoFeedComponent,
DeleteButtonComponent,
EditButtonComponent,
+ ActionDropdownComponent,
NumberFormatterPipe,
ObjectLengthPipe,
FromNowPipe,
VideoFeedComponent,
DeleteButtonComponent,
EditButtonComponent,
+ ActionDropdownComponent,
MarkdownTextareaComponent,
InfiniteScrollerDirective,
HelpComponent,
VideoChannel
} from '../../../../../shared'
import { NSFWPolicyType } from '../../../../../shared/models/videos/nsfw-policy.type'
-import { Actor } from '@app/shared/actor/actor.model'
import { Account } from '@app/shared/account/account.model'
import { Avatar } from '../../../../../shared/models/avatars/avatar.model'
createdAt?: Date,
account?: AccountServerModel,
videoChannels?: VideoChannel[]
+
+ blocked?: boolean
+ blockedReason?: string
}
export class User implements UserServerModel {
id: number
videoChannels: VideoChannel[]
createdAt: Date
+ blocked: boolean
+ blockedReason?: string
+
constructor (hash: UserConstructorHash) {
this.id = hash.id
this.username = hash.username
this.email = hash.email
this.role = hash.role
+ this.videoChannels = hash.videoChannels
+ this.videoQuota = hash.videoQuota
+ this.nsfwPolicy = hash.nsfwPolicy
+ this.autoPlayVideo = hash.autoPlayVideo
+ this.createdAt = hash.createdAt
+ this.blocked = hash.blocked
+ this.blockedReason = hash.blockedReason
+
if (hash.account !== undefined) {
this.account = new Account(hash.account)
}
-
- if (hash.videoChannels !== undefined) {
- this.videoChannels = hash.videoChannels
- }
-
- if (hash.videoQuota !== undefined) {
- this.videoQuota = hash.videoQuota
- }
-
- if (hash.nsfwPolicy !== undefined) {
- this.nsfwPolicy = hash.nsfwPolicy
- }
-
- if (hash.autoPlayVideo !== undefined) {
- this.autoPlayVideo = hash.autoPlayVideo
- }
-
- if (hash.createdAt !== undefined) {
- this.createdAt = hash.createdAt
- }
}
get accountAvatarUrl () {
async function blockUser (req: express.Request, res: express.Response, next: express.NextFunction) {
const user: UserModel = res.locals.user
+ const reason = req.body.reason
- await changeUserBlock(res, user, true)
+ await changeUserBlock(res, user, true, reason)
return res.status(204).end()
}
res.end()
}
-async function changeUserBlock (res: express.Response, user: UserModel, block: boolean) {
+async function changeUserBlock (res: express.Response, user: UserModel, block: boolean, reason?: string) {
const oldUserAuditView = new UserAuditView(user.toFormattedJSON())
user.blocked = block
+ user.blockedReason = reason || null
await sequelizeTypescript.transaction(async t => {
await OAuthTokenModel.deleteUserToken(user.id, t)
await user.save({ transaction: t })
})
+ await Emailer.Instance.addUserBlockJob(user, block, reason)
+
auditLogger.update(
res.locals.oauth.token.User.Account.Actor.getIdentifier(),
new UserAuditView(user.toFormattedJSON()),
return isBooleanValid(value)
}
+function isUserBlockedReasonValid (value: any) {
+ return value === null || (exists(value) && validator.isLength(value, CONSTRAINTS_FIELDS.USERS.BLOCKED_REASON))
+}
+
function isUserRoleValid (value: any) {
return exists(value) && validator.isInt('' + value) && UserRole[value] !== undefined
}
export {
isUserBlockedValid,
isUserPasswordValid,
+ isUserBlockedReasonValid,
isUserRoleValid,
isUserVideoQuotaValid,
isUserUsernameValid,
DESCRIPTION: { min: 3, max: 250 }, // Length
USERNAME: { min: 3, max: 20 }, // Length
PASSWORD: { min: 6, max: 255 }, // Length
- VIDEO_QUOTA: { min: -1 }
+ VIDEO_QUOTA: { min: -1 },
+ BLOCKED_REASON: { min: 3, max: 250 } // Length
},
VIDEO_ABUSES: {
REASON: { min: 2, max: 300 } // Length
import * as Sequelize from 'sequelize'
-import { createClient } from 'redis'
-import { CONFIG } from '../constants'
-import { JobQueue } from '../../lib/job-queue'
-import { initDatabaseModels } from '../database'
+import { CONSTRAINTS_FIELDS } from '../constants'
async function up (utils: {
transaction: Sequelize.Transaction
}
await utils.queryInterface.changeColumn('user', 'blocked', data)
}
+
+ {
+ const data = {
+ type: Sequelize.STRING(CONSTRAINTS_FIELDS.USERS.BLOCKED_REASON.max),
+ allowNull: true,
+ defaultValue: null
+ }
+ await utils.queryInterface.addColumn('user', 'blockedReason', data)
+ }
}
function down (options) {
return JobQueue.Instance.createJob({ type: 'email', payload: emailPayload })
}
- async addVideoAbuseReport (videoId: number) {
+ async addVideoAbuseReportJob (videoId: number) {
const video = await VideoModel.load(videoId)
if (!video) throw new Error('Unknown Video id during Abuse report.')
return JobQueue.Instance.createJob({ type: 'email', payload: emailPayload })
}
+ addUserBlockJob (user: UserModel, blocked: boolean, reason?: string) {
+ const reasonString = reason ? ` for the following reason: ${reason}` : ''
+ const blockedWord = blocked ? 'blocked' : 'unblocked'
+ const blockedString = `Your account ${user.username} on ${CONFIG.WEBSERVER.HOST} has been ${blockedWord}${reasonString}.`
+
+ const text = 'Hi,\n\n' +
+ blockedString +
+ '\n\n' +
+ 'Cheers,\n' +
+ `PeerTube.`
+
+ const to = user.email
+ const emailPayload: EmailPayload = {
+ to: [ to ],
+ subject: '[PeerTube] Account ' + blockedWord,
+ text
+ }
+
+ return JobQueue.Instance.createJob({ type: 'email', payload: emailPayload })
+ }
+
sendMail (to: string[], subject: string, text: string) {
if (!this.transporter) {
throw new Error('Cannot send mail because SMTP is not configured.')
import { omit } from 'lodash'
import { isIdOrUUIDValid } from '../../helpers/custom-validators/misc'
import {
- isUserAutoPlayVideoValid,
+ isUserAutoPlayVideoValid, isUserBlockedReasonValid,
isUserDescriptionValid,
isUserDisplayNameValid,
isUserNSFWPolicyValid,
const usersBlockingValidator = [
param('id').isInt().not().isEmpty().withMessage('Should have a valid id'),
+ body('reason').optional().custom(isUserBlockedReasonValid).withMessage('Should have a valid blocking reason'),
async (req: express.Request, res: express.Response, next: express.NextFunction) => {
- logger.debug('Checking usersRemove parameters', { parameters: req.params })
+ logger.debug('Checking usersBlocking parameters', { parameters: req.params })
if (areValidationErrors(req, res)) return
if (!await checkUserIdExist(req.params.id, res)) return
import { User, UserRole } from '../../../shared/models/users'
import {
isUserAutoPlayVideoValid,
+ isUserBlockedReasonValid,
isUserBlockedValid,
isUserNSFWPolicyValid,
isUserPasswordValid,
@Column
blocked: boolean
+ @AllowNull(true)
+ @Default(null)
+ @Is('UserBlockedReason', value => throwIfNotValid(value, isUserBlockedReasonValid, 'blocked reason'))
+ @Column
+ blockedReason: string
+
@AllowNull(false)
@Is('UserRole', value => throwIfNotValid(value, isUserRoleValid, 'role'))
@Column
roleLabel: USER_ROLE_LABELS[ this.role ],
videoQuota: this.videoQuota,
createdAt: this.createdAt,
+ blocked: this.blocked,
+ blockedReason: this.blockedReason,
account: this.Account.toFormattedJSON(),
videoChannels: []
}
@AfterCreate
static sendEmailNotification (instance: VideoAbuseModel) {
- return Emailer.Instance.addVideoAbuseReport(instance.videoId)
+ return Emailer.Instance.addVideoAbuseReportJob(instance.videoId)
}
static listForApi (start: number, count: number, sort: string) {
import * as chai from 'chai'
import 'mocha'
-import { askResetPassword, createUser, reportVideoAbuse, resetPassword, runServer, uploadVideo, userLogin, wait } from '../../utils'
+import {
+ askResetPassword,
+ blockUser,
+ createUser,
+ reportVideoAbuse,
+ resetPassword,
+ runServer,
+ unblockUser,
+ uploadVideo,
+ userLogin
+} from '../../utils'
import { flushTests, killallServers, ServerInfo, setAccessTokensToServers } from '../../utils/index'
import { mockSmtpServer } from '../../utils/miscs/email'
import { waitJobs } from '../../utils/server/jobs'
})
})
+ describe('When blocking/unblocking user', async function () {
+ it('Should send the notification email when blocking a user', async function () {
+ this.timeout(10000)
+
+ const reason = 'my super bad reason'
+ await blockUser(server.url, userId, server.accessToken, 204, reason)
+
+ await waitJobs(server)
+ expect(emails).to.have.lengthOf(3)
+
+ const email = emails[2]
+
+ expect(email['from'][0]['address']).equal('test-admin@localhost')
+ expect(email['to'][0]['address']).equal('user_1@example.com')
+ expect(email['subject']).contains(' blocked')
+ expect(email['text']).contains(' blocked')
+ expect(email['text']).contains(reason)
+ })
+
+ it('Should send the notification email when unblocking a user', async function () {
+ this.timeout(10000)
+
+ await unblockUser(server.url, userId, server.accessToken, 204)
+
+ await waitJobs(server)
+ expect(emails).to.have.lengthOf(4)
+
+ const email = emails[3]
+
+ expect(email['from'][0]['address']).equal('test-admin@localhost')
+ expect(email['to'][0]['address']).equal('user_1@example.com')
+ expect(email['subject']).contains(' unblocked')
+ expect(email['text']).contains(' unblocked')
+ })
+ })
+
after(async function () {
killallServers([ server ])
})
.expect(expectedStatus)
}
-function blockUser (url: string, userId: number | string, accessToken: string, expectedStatus = 204) {
+function blockUser (url: string, userId: number | string, accessToken: string, expectedStatus = 204, reason?: string) {
const path = '/api/v1/users'
+ let body: any
+ if (reason) body = { reason }
return request(url)
.post(path + '/' + userId + '/block')
+ .send(body)
.set('Accept', 'application/json')
.set('Authorization', 'Bearer ' + accessToken)
.expect(expectedStatus)
createdAt: Date
account: Account
videoChannels?: VideoChannel[]
+
+ blocked: boolean
+ blockedReason?: string
}