5 files changed, 245 insertions, 0 deletions

diff --git a/client/src/app/+my-account/my-account-ownership/my-account-accept-ownership/my-account-accept-ownership.component.html b/client/src/app/+my-account/my-account-ownership/my-account-accept-ownership/my-account-accept-ownership.component.html
new file mode 100644
index 000000000..fd7d7d23b
--- /dev/null
+++ b/client/src/app/+my-account/my-account-ownership/my-account-accept-ownership/my-account-accept-ownership.component.html
@@ -0,0 +1,34 @@
+<ng-template #modal let-close="close" let-dismiss="dismiss">
+  <div class="modal-header">
+    <h4 i18n class="modal-title">Accept ownership</h4>
+    <span class="close" aria-label="Close" role="button" (click)="dismiss()"></span>
+  </div>
+
+  <div class="modal-body" [formGroup]="form">
+    <div class="form-group">
+      <label i18n for="channel">Select the target channel</label>
+      <select formControlName="channel" id="channel" class="peertube-select-container">
+        <option></option>
+        <option *ngFor="let channel of videoChannels" [value]="channel.id">{{ channel.displayName }}
+        </option>
+      </select>
+      <div *ngIf="formErrors.channel" class="form-error">
+        {{ formErrors.channel }}
+      </div>
+    </div>
+  </div>
+
+  <div class="modal-footer inputs">
+    <div class="form-group inputs">
+      <span i18n class="action-button action-button-cancel" (click)="dismiss()">
+        Cancel
+      </span>
+
+      <input
+          type="submit" i18n-value value="Submit" class="action-button-submit"
+          [disabled]="!form.valid"
+          (click)="close()"
+      >
+    </div>
+  </div>
+</ng-template>
diff --git a/client/src/app/+my-account/my-account-ownership/my-account-accept-ownership/my-account-accept-ownership.component.scss b/client/src/app/+my-account/my-account-ownership/my-account-accept-ownership/my-account-accept-ownership.component.scss
new file mode 100644
index 000000000..ad6117413
--- /dev/null
+++ b/client/src/app/+my-account/my-account-ownership/my-account-accept-ownership/my-account-accept-ownership.component.scss
@@ -0,0 +1,10 @@
+@import '_variables';
+@import '_mixins';
+
+select {
+  display: block;
+}
+
+.form-group {
+  margin: 20px 0;
+}
\ No newline at end of file
diff --git a/client/src/app/+my-account/my-account-ownership/my-account-accept-ownership/my-account-accept-ownership.component.ts b/client/src/app/+my-account/my-account-ownership/my-account-accept-ownership/my-account-accept-ownership.component.ts
new file mode 100644
index 000000000..a68b452ec
--- /dev/null
+++ b/client/src/app/+my-account/my-account-ownership/my-account-accept-ownership/my-account-accept-ownership.component.ts
@@ -0,0 +1,79 @@
+import { Component, ElementRef, EventEmitter, OnInit, Output, ViewChild } from '@angular/core'
+import { NotificationsService } from 'angular2-notifications'
+import { FormReactive } from '@app/shared'
+import { FormValidatorService } from '@app/shared/forms/form-validators/form-validator.service'
+import { VideoOwnershipService } from '@app/shared/video-ownership'
+import { VideoChangeOwnership } from '../../../../../../shared/models/videos'
+import { VideoAcceptOwnershipValidatorsService } from '@app/shared/forms/form-validators'
+import { VideoChannel } from '@app/shared/video-channel/video-channel.model'
+import { VideoChannelService } from '@app/shared/video-channel/video-channel.service'
+import { I18n } from '@ngx-translate/i18n-polyfill'
+import { AuthService } from '@app/core'
+import { NgbModal } from '@ng-bootstrap/ng-bootstrap'
+
+@Component({
+  selector: 'my-account-accept-ownership',
+  templateUrl: './my-account-accept-ownership.component.html',
+  styleUrls: [ './my-account-accept-ownership.component.scss' ]
+})
+export class MyAccountAcceptOwnershipComponent extends FormReactive implements OnInit {
+  @Output() accepted = new EventEmitter<void>()
+
+  @ViewChild('modal') modal: ElementRef
+
+  videoChangeOwnership: VideoChangeOwnership | undefined = undefined
+
+  videoChannels: VideoChannel[]
+
+  error: string = null
+
+  constructor (
+    protected formValidatorService: FormValidatorService,
+    private videoChangeOwnershipValidatorsService: VideoAcceptOwnershipValidatorsService,
+    private videoOwnershipService: VideoOwnershipService,
+    private notificationsService: NotificationsService,
+    private authService: AuthService,
+    private videoChannelService: VideoChannelService,
+    private modalService: NgbModal,
+    private i18n: I18n
+  ) {
+    super()
+  }
+
+  ngOnInit () {
+    this.videoChannels = []
+
+    this.videoChannelService.listAccountVideoChannels(this.authService.getUser().account)
+      .subscribe(videoChannels => this.videoChannels = videoChannels.data)
+
+    this.buildForm({
+      channel: this.videoChangeOwnershipValidatorsService.CHANNEL
+    })
+  }
+
+  show (videoChangeOwnership: VideoChangeOwnership) {
+    this.videoChangeOwnership = videoChangeOwnership
+    this.modalService
+      .open(this.modal)
+      .result
+      .then(() => this.acceptOwnership())
+      .catch(() => this.videoChangeOwnership = undefined)
+  }
+
+  acceptOwnership () {
+    const channel = this.form.value['channel']
+
+    const videoChangeOwnership = this.videoChangeOwnership
+    this.videoOwnershipService
+      .acceptOwnership(videoChangeOwnership.id, { channelId: channel })
+      .subscribe(
+        () => {
+          this.notificationsService.success(this.i18n('Success'), this.i18n('Ownership accepted'))
+          if (this.accepted) this.accepted.emit()
+          this.videoChangeOwnership = undefined
+        },
+
+        err => this.notificationsService.error(this.i18n('Error'), err.message)
+      )
+  }
+}
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
new file mode 100644
index 000000000..379fd8bb1
--- /dev/null
+++ b/client/src/app/+my-account/my-account-ownership/my-account-ownership.component.html
@@ -0,0 +1,54 @@
+<p-table
+    [value]="videoChangeOwnerships"
+    [lazy]="true"
+    [paginator]="true"
+    [totalRecords]="totalRecords"
+    [rows]="rowsPerPage"
+    [sortField]="sort.field"
+    [sortOrder]="sort.order"
+    (onLazyLoad)="loadLazy($event)"
+>
+  <ng-template pTemplate="header">
+    <tr>
+      <th i18n>Initiator</th>
+      <th i18n>Video</th>
+      <th i18n pSortableColumn="createdAt">
+        Created
+        <p-sortIcon field="createdAt"></p-sortIcon>
+      </th>
+      <th i18n>Status</th>
+      <th i18n>Action</th>
+    </tr>
+  </ng-template>
+
+  <ng-template pTemplate="body" let-videoChangeOwnership>
+    <tr>
+      <td>
+        <a [href]="videoChangeOwnership.initiatorAccount.url" i18n-title title="Go to the account"
+           target="_blank" rel="noopener noreferrer">
+          {{ createByString(videoChangeOwnership.initiatorAccount) }}
+        </a>
+      </td>
+      <td>
+        <a [href]="videoChangeOwnership.video.url" i18n-title title="Go to the video" target="_blank"
+           rel="noopener noreferrer">
+          {{ videoChangeOwnership.video.name }}
+        </a>
+      </td>
+      <td>{{ videoChangeOwnership.createdAt }}</td>
+      <td i18n>{{ videoChangeOwnership.status }}</td>
+      <td class="action-cell">
+        <ng-container *ngIf="videoChangeOwnership.status === 'WAITING'">
+          <my-button i18n label="Accept"
+                     icon="icon-tick"
+                     (click)="openAcceptModal(videoChangeOwnership)"></my-button>
+          <my-button i18n label="Refuse"
+                     icon="icon-cross"
+                     (click)="refuse(videoChangeOwnership)">Refuse</my-button>
+        </ng-container>
+      </td>
+    </tr>
+  </ng-template>
+</p-table>
+
+<my-account-accept-ownership #myAccountAcceptOwnershipComponent (accepted)="accepted()"></my-account-accept-ownership>
\ No newline at end of file
diff --git a/client/src/app/+my-account/my-account-ownership/my-account-ownership.component.ts b/client/src/app/+my-account/my-account-ownership/my-account-ownership.component.ts
new file mode 100644
index 000000000..13517b9f4
--- /dev/null
+++ b/client/src/app/+my-account/my-account-ownership/my-account-ownership.component.ts
@@ -0,0 +1,68 @@
+import { Component, OnInit, ViewChild } from '@angular/core'
+import { NotificationsService } from 'angular2-notifications'
+import { I18n } from '@ngx-translate/i18n-polyfill'
+import { RestPagination, RestTable } from '@app/shared'
+import { SortMeta } from 'primeng/components/common/sortmeta'
+import { VideoChangeOwnership } from '../../../../../shared'
+import { VideoOwnershipService } from '@app/shared/video-ownership'
+import { Account } from '@app/shared/account/account.model'
+import { MyAccountAcceptOwnershipComponent }
+from '@app/+my-account/my-account-ownership/my-account-accept-ownership/my-account-accept-ownership.component'
+
+@Component({
+  selector: 'my-account-ownership',
+  templateUrl: './my-account-ownership.component.html'
+})
+export class MyAccountOwnershipComponent extends RestTable implements OnInit {
+  videoChangeOwnerships: VideoChangeOwnership[] = []
+  totalRecords = 0
+  rowsPerPage = 10
+  sort: SortMeta = { field: 'createdAt', order: -1 }
+  pagination: RestPagination = { count: this.rowsPerPage, start: 0 }
+
+  @ViewChild('myAccountAcceptOwnershipComponent') myAccountAcceptOwnershipComponent: MyAccountAcceptOwnershipComponent
+
+  constructor (
+    private notificationsService: NotificationsService,
+    private videoOwnershipService: VideoOwnershipService,
+    private i18n: I18n
+  ) {
+    super()
+  }
+
+  ngOnInit () {
+    this.loadSort()
+  }
+
+  protected loadData () {
+    return this.videoOwnershipService.getOwnershipChanges(this.pagination, this.sort)
+      .subscribe(
+        resultList => {
+          this.videoChangeOwnerships = resultList.data
+          this.totalRecords = resultList.total
+        },
+
+        err => this.notificationsService.error(this.i18n('Error'), err.message)
+      )
+  }
+
+  createByString (account: Account) {
+    return Account.CREATE_BY_STRING(account.name, account.host)
+  }
+
+  openAcceptModal (videoChangeOwnership: VideoChangeOwnership) {
+    this.myAccountAcceptOwnershipComponent.show(videoChangeOwnership)
+  }
+
+  accepted () {
+    this.loadData()
+  }
+
+  refuse (videoChangeOwnership: VideoChangeOwnership) {
+    this.videoOwnershipService.refuseOwnership(videoChangeOwnership.id)
+      .subscribe(
+        () => this.loadData(),
+        err => this.notificationsService.error(this.i18n('Error'), err.message)
+      )
+  }
+}