Reorganize left menu and account menu

Add my-settings and my-library in left menu
Move administration below my-library
Split account menu: my-setting and my library

3 files changed, 0 insertions, 161 deletions

diff --git a/client/src/app/+my-account/my-account-video-imports/my-account-video-imports.component.html b/client/src/app/+my-account/my-account-video-imports/my-account-video-imports.component.html
deleted file mode 100644
index 1d3a45f76..000000000
--- a/client/src/app/+my-account/my-account-video-imports/my-account-video-imports.component.html
+++ /dev/null
@@ -1,70 +0,0 @@
-<h1>
-  <my-global-icon iconName="cloud-download" aria-hidden="true"></my-global-icon>
-  <ng-container i18n>My imports</ng-container>
-</h1>
-
-<p-table
-  [value]="videoImports" [lazy]="true" [paginator]="totalRecords > 0" [totalRecords]="totalRecords" [rows]="rowsPerPage" [rowsPerPageOptions]="rowsPerPageOptions"
-  [sortField]="sort.field" [sortOrder]="sort.order" (onLazyLoad)="loadLazy($event)" dataKey="id"
-  [showCurrentPageReport]="true" i18n-currentPageReportTemplate
-  currentPageReportTemplate="Showing {{'{first}'}} to {{'{last}'}} of {{'{totalRecords}'}} imports"
-  (onPage)="onPage($event)" [expandedRowKeys]="expandedRows"
->
-  <ng-template pTemplate="header">
-    <tr>
-      <th style="width: 40px;"></th>
-      <th style="width: 70px">Action</th>
-      <th style="width: 45%" i18n>Target</th>
-      <th style="width: 55%" i18n>Video</th>
-      <th style="width: 150px" i18n>State</th>
-      <th style="width: 150px" i18n pSortableColumn="createdAt">Created <p-sortIcon field="createdAt"></p-sortIcon></th>
-    </tr>
-  </ng-template>
-
-  <ng-template pTemplate="body" let-expanded="expanded" let-videoImport>
-    <tr>
-      <td class="expand-cell">
-        <span *ngIf="videoImport.error" class="expander" [pRowToggler]="videoImport" i18n-ngbTooltip ngbTooltip="See the error">
-          <i [ngClass]="expanded ? 'glyphicon glyphicon-menu-down' : 'glyphicon glyphicon-menu-right'"></i>
-        </span>
-      </td>
-
-      <td class="action-cell">
-        <my-edit-button *ngIf="isVideoImportSuccess(videoImport) && videoImport.video"
-          [routerLink]="getEditVideoUrl(videoImport.video)"></my-edit-button>
-      </td>
-
-      <td>
-        <a *ngIf="videoImport.targetUrl; else torrent" [href]="videoImport.targetUrl" target="_blank" rel="noopener noreferrer">{{ videoImport.targetUrl }}</a>
-        <ng-template #torrent>
-          <span [title]="videoImport.torrentName || videoImport.magnetUri">{{ videoImport.torrentName || videoImport.magnetUri }}</span>
-        </ng-template>
-      </td>
-
-      <td>
-        <ng-container *ngIf="isVideoImportPending(videoImport)">{{ videoImport.video?.name }}</ng-container>
-        <ng-container *ngIf="isVideoImportSuccess(videoImport) && videoImport.video">
-          <a [href]="getVideoUrl(videoImport.video)" target="_blank" rel="noopener noreferrer">{{ videoImport.video?.name }}</a>
-        </ng-container>
-        <ng-container *ngIf="isVideoImportSuccess(videoImport) && !videoImport.video" i18n>This video was deleted</ng-container>
-        <ng-container *ngIf="isVideoImportFailed(videoImport)"></ng-container>
-      </td>
-
-      <td>
-        <span class="badge" [ngClass]="getVideoImportStateClass(videoImport.state)">
-          {{ videoImport.state.label }}
-        </span>
-      </td>
-
-      <td>{{ videoImport.createdAt | date: 'short' }}</td>
-    </tr>
-  </ng-template>
-
-  <ng-template pTemplate="rowexpansion" let-videoImport>
-    <tr class="video-import-error" *ngIf="videoImport.error">
-      <td colspan="6">
-        <pre>{{ videoImport.error }}</pre>
-      </td>
-    </tr>
-  </ng-template>
-</p-table>
diff --git a/client/src/app/+my-account/my-account-video-imports/my-account-video-imports.component.scss b/client/src/app/+my-account/my-account-video-imports/my-account-video-imports.component.scss
deleted file mode 100644
index a93c28028..000000000
--- a/client/src/app/+my-account/my-account-video-imports/my-account-video-imports.component.scss
+++ /dev/null
@@ -1,14 +0,0 @@
-@import '_variables';
-@import '_mixins';
-
-pre {
-  font-size: 11px;
-}
-
-.video-import-error {
-  color: red;
-}
-
-.badge {
-  @include table-badge;
-}
diff --git a/client/src/app/+my-account/my-account-video-imports/my-account-video-imports.component.ts b/client/src/app/+my-account/my-account-video-imports/my-account-video-imports.component.ts
deleted file mode 100644
index 9dd5ef142..000000000
--- a/client/src/app/+my-account/my-account-video-imports/my-account-video-imports.component.ts
+++ /dev/null
@@ -1,77 +0,0 @@
-import { SortMeta } from 'primeng/api'
-import { Component, OnInit } from '@angular/core'
-import { Notifier, RestPagination, RestTable } from '@app/core'
-import { VideoImportService } from '@app/shared/shared-main'
-import { VideoImport, VideoImportState } from '@shared/models'
-
-@Component({
-  selector: 'my-account-video-imports',
-  templateUrl: './my-account-video-imports.component.html',
-  styleUrls: [ './my-account-video-imports.component.scss' ]
-})
-export class MyAccountVideoImportsComponent extends RestTable implements OnInit {
-  videoImports: VideoImport[] = []
-  totalRecords = 0
-  sort: SortMeta = { field: 'createdAt', order: 1 }
-  pagination: RestPagination = { count: this.rowsPerPage, start: 0 }
-
-  constructor (
-    private notifier: Notifier,
-    private videoImportService: VideoImportService
-  ) {
-    super()
-  }
-
-  ngOnInit () {
-    this.initialize()
-  }
-
-  getIdentifier () {
-    return 'MyAccountVideoImportsComponent'
-  }
-
-  getVideoImportStateClass (state: VideoImportState) {
-    switch (state) {
-      case VideoImportState.FAILED:
-        return 'badge-red'
-      case VideoImportState.REJECTED:
-        return 'badge-banned'
-      case VideoImportState.PENDING:
-        return 'badge-yellow'
-      default:
-        return 'badge-green'
-    }
-  }
-
-  isVideoImportSuccess (videoImport: VideoImport) {
-    return videoImport.state.id === VideoImportState.SUCCESS
-  }
-
-  isVideoImportPending (videoImport: VideoImport) {
-    return videoImport.state.id === VideoImportState.PENDING
-  }
-
-  isVideoImportFailed (videoImport: VideoImport) {
-    return videoImport.state.id === VideoImportState.FAILED
-  }
-
-  getVideoUrl (video: { uuid: string }) {
-    return '/videos/watch/' + video.uuid
-  }
-
-  getEditVideoUrl (video: { uuid: string }) {
-    return '/videos/update/' + video.uuid
-  }
-
-  protected loadData () {
-    this.videoImportService.getMyVideoImports(this.pagination, this.sort)
-        .subscribe(
-          resultList => {
-            this.videoImports = resultList.data
-            this.totalRecords = resultList.total
-          },
-
-          err => this.notifier.error(err.message)
-        )
-  }
-}