From ec489ce2f74570f94dffb62266f4ed6f18621b3e Mon Sep 17 00:00:00 2001
From: Chocobozzz <me@florianbigard.com>
Date: Wed, 28 Apr 2021 09:45:49 +0200
Subject: Rename actor image edit module

---
 .../actor-avatar-edit.component.html               | 41 -----------
 .../actor-avatar-edit.component.scss               | 54 --------------
 .../actor-avatar-edit.component.ts                 | 83 ----------------------
 .../actor-banner-edit.component.html               | 34 ---------
 .../actor-banner-edit.component.scss               | 27 -------
 .../actor-banner-edit.component.ts                 | 76 --------------------
 .../shared-actor-image/actor-image-edit.scss       | 35 ---------
 client/src/app/shared/shared-actor-image/index.ts  |  1 -
 .../shared-actor-image.module.ts                   | 29 --------
 9 files changed, 380 deletions(-)
 delete mode 100644 client/src/app/shared/shared-actor-image/actor-avatar-edit.component.html
 delete mode 100644 client/src/app/shared/shared-actor-image/actor-avatar-edit.component.scss
 delete mode 100644 client/src/app/shared/shared-actor-image/actor-avatar-edit.component.ts
 delete mode 100644 client/src/app/shared/shared-actor-image/actor-banner-edit.component.html
 delete mode 100644 client/src/app/shared/shared-actor-image/actor-banner-edit.component.scss
 delete mode 100644 client/src/app/shared/shared-actor-image/actor-banner-edit.component.ts
 delete mode 100644 client/src/app/shared/shared-actor-image/actor-image-edit.scss
 delete mode 100644 client/src/app/shared/shared-actor-image/index.ts
 delete mode 100644 client/src/app/shared/shared-actor-image/shared-actor-image.module.ts

(limited to 'client/src/app/shared/shared-actor-image')

diff --git a/client/src/app/shared/shared-actor-image/actor-avatar-edit.component.html b/client/src/app/shared/shared-actor-image/actor-avatar-edit.component.html
deleted file mode 100644
index 0829263f4..000000000
--- a/client/src/app/shared/shared-actor-image/actor-avatar-edit.component.html
+++ /dev/null
@@ -1,41 +0,0 @@
-<div class="actor" *ngIf="actor">
-  <div class="d-flex">
-    <img [ngClass]="{ channel: isChannel() }" [src]="preview || actor.avatarUrl" alt="Avatar" />
-
-    <div class="actor-img-edit-container">
-
-      <div *ngIf="editable && !hasAvatar()" class="actor-img-edit-button" [ngbTooltip]="avatarFormat" placement="right" container="body">
-        <my-global-icon iconName="upload"></my-global-icon>
-        <label class="sr-only" for="avatarfile" i18n>Upload a new avatar</label>
-        <input #avatarfileInput type="file" name="avatarfile" id="avatarfile" [accept]="avatarExtensions" (change)="onAvatarChange(avatarfileInput)"/>
-      </div>
-
-      <div
-        *ngIf="editable && hasAvatar()" class="actor-img-edit-button"
-        #avatarPopover="ngbPopover" [ngbPopover]="avatarEditContent" popoverClass="popover-image-info" autoClose="outside" placement="right"
-      >
-        <my-global-icon iconName="edit"></my-global-icon>
-        <label class="sr-only" for="avatarMenu" i18n>Change your avatar</label>
-      </div>
-
-    </div>
-  </div>
-
-  <div class="actor-info">
-    <div class="actor-info-display-name">{{ actor.displayName }}</div>
-    <div *ngIf="displayUsername" class="actor-info-username">{{ actor.name }}</div>
-    <div *ngIf="displaySubscribers" i18n class="actor-info-followers">{{ actor.followersCount }} subscribers</div>
-  </div>
-</div>
-
-<ng-template #avatarEditContent>
-  <div class="dropdown-item c-hand" [ngbTooltip]="avatarFormat" placement="right" container="body">
-    <my-global-icon iconName="upload"></my-global-icon>
-    <span for="avatarfile" i18n>Upload a new avatar</span>
-    <input #avatarfileInput type="file" name="avatarfile" id="avatarfile" [accept]="avatarExtensions" (change)="onAvatarChange(avatarfileInput)"/>
-  </div>
-  <div class="dropdown-item c-hand" (click)="deleteAvatar()" (key.enter)="deleteAvatar()">
-    <my-global-icon iconName="delete"></my-global-icon>
-    <span i18n>Remove avatar</span>
-  </div>
-</ng-template>
diff --git a/client/src/app/shared/shared-actor-image/actor-avatar-edit.component.scss b/client/src/app/shared/shared-actor-image/actor-avatar-edit.component.scss
deleted file mode 100644
index 8b0172315..000000000
--- a/client/src/app/shared/shared-actor-image/actor-avatar-edit.component.scss
+++ /dev/null
@@ -1,54 +0,0 @@
-@import '_variables';
-@import '_mixins';
-
-.actor {
-  display: flex;
-
-  img {
-    margin-right: 15px;
-
-    &:not(.channel) {
-      @include avatar(100px);
-    }
-
-    &.channel {
-      @include channel-avatar(100px);
-    }
-  }
-
-  .actor-info {
-    display: inline-flex;
-    flex-direction: column;
-
-    .actor-info-display-name {
-      font-size: 20px;
-      font-weight: $font-bold;
-
-      @media screen and (max-width: $small-view) {
-        font-size: 16px;
-      }
-    }
-
-    .actor-info-username {
-      position: relative;
-      font-size: 14px;
-      color: pvar(--greyForegroundColor);
-    }
-
-    .actor-info-followers {
-      font-size: 15px;
-      padding-bottom: .5rem;
-    }
-  }
-}
-
-.actor-img-edit-container {
-  position: relative;
-  width: 0;
-}
-
-.actor-img-edit-button {
-  top: 55px;
-  right: 45px;
-  border-radius: 50%;
-}
diff --git a/client/src/app/shared/shared-actor-image/actor-avatar-edit.component.ts b/client/src/app/shared/shared-actor-image/actor-avatar-edit.component.ts
deleted file mode 100644
index d0d269489..000000000
--- a/client/src/app/shared/shared-actor-image/actor-avatar-edit.component.ts
+++ /dev/null
@@ -1,83 +0,0 @@
-import { Component, ElementRef, EventEmitter, Input, OnInit, Output, ViewChild } from '@angular/core'
-import { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser'
-import { Notifier, ServerService } from '@app/core'
-import { Account, VideoChannel } from '@app/shared/shared-main'
-import { NgbPopover } from '@ng-bootstrap/ng-bootstrap'
-import { getBytes } from '@root-helpers/bytes'
-
-@Component({
-  selector: 'my-actor-avatar-edit',
-  templateUrl: './actor-avatar-edit.component.html',
-  styleUrls: [
-    './actor-image-edit.scss',
-    './actor-avatar-edit.component.scss'
-  ]
-})
-export class ActorAvatarEditComponent implements OnInit {
-  @ViewChild('avatarfileInput') avatarfileInput: ElementRef<HTMLInputElement>
-  @ViewChild('avatarPopover') avatarPopover: NgbPopover
-
-  @Input() actor: VideoChannel | Account
-  @Input() editable = true
-  @Input() displaySubscribers = true
-  @Input() displayUsername = true
-  @Input() previewImage = false
-
-  @Output() avatarChange = new EventEmitter<FormData>()
-  @Output() avatarDelete = new EventEmitter<void>()
-
-  avatarFormat = ''
-  maxAvatarSize = 0
-  avatarExtensions = ''
-
-  preview: SafeResourceUrl
-
-  constructor (
-    private sanitizer: DomSanitizer,
-    private serverService: ServerService,
-    private notifier: Notifier
-  ) { }
-
-  ngOnInit (): void {
-    this.serverService.getConfig()
-        .subscribe(config => {
-          this.maxAvatarSize = config.avatar.file.size.max
-          this.avatarExtensions = config.avatar.file.extensions.join(', ')
-
-          this.avatarFormat = `${$localize`max size`}: 192*192px, ` +
-                              `${getBytes(this.maxAvatarSize)} ${$localize`extensions`}: ${this.avatarExtensions}`
-        })
-  }
-
-  onAvatarChange (input: HTMLInputElement) {
-    this.avatarfileInput = new ElementRef(input)
-
-    const avatarfile = this.avatarfileInput.nativeElement.files[ 0 ]
-    if (avatarfile.size > this.maxAvatarSize) {
-      this.notifier.error('Error', $localize`This image is too large.`)
-      return
-    }
-
-    const formData = new FormData()
-    formData.append('avatarfile', avatarfile)
-    this.avatarPopover?.close()
-    this.avatarChange.emit(formData)
-
-    if (this.previewImage) {
-      this.preview = this.sanitizer.bypassSecurityTrustResourceUrl(URL.createObjectURL(avatarfile))
-    }
-  }
-
-  deleteAvatar () {
-    this.preview = undefined
-    this.avatarDelete.emit()
-  }
-
-  hasAvatar () {
-    return !!this.preview || !!this.actor.avatar
-  }
-
-  isChannel () {
-    return !!(this.actor as VideoChannel).ownerAccount
-  }
-}
diff --git a/client/src/app/shared/shared-actor-image/actor-banner-edit.component.html b/client/src/app/shared/shared-actor-image/actor-banner-edit.component.html
deleted file mode 100644
index 266fc26c5..000000000
--- a/client/src/app/shared/shared-actor-image/actor-banner-edit.component.html
+++ /dev/null
@@ -1,34 +0,0 @@
-<div class="actor" *ngIf="actor">
-  <div class="actor-img-edit-container">
-    <div class="banner-placeholder">
-      <img *ngIf="hasBanner()" [src]="preview || actor.bannerUrl" alt="Banner" />
-    </div>
-
-    <div *ngIf="!hasBanner()" class="actor-img-edit-button" [ngbTooltip]="bannerFormat" placement="right" container="body">
-      <my-global-icon iconName="upload"></my-global-icon>
-      <label for="bannerfile" i18n>Upload a new banner</label>
-      <input #bannerfileInput type="file" name="bannerfile" id="bannerfile" [accept]="bannerExtensions" (change)="onBannerChange(bannerfileInput)"/>
-    </div>
-
-    <div
-      *ngIf="hasBanner()" class="actor-img-edit-button"
-      #bannerPopover="ngbPopover" [ngbPopover]="bannerEditContent" popoverClass="popover-image-info" autoClose="outside" placement="right"
-    >
-      <my-global-icon iconName="edit"></my-global-icon>
-      <label for="bannerMenu" i18n>Change your banner</label>
-    </div>
-  </div>
-</div>
-
-<ng-template #bannerEditContent>
-  <div class="dropdown-item c-hand" [ngbTooltip]="bannerFormat" placement="right" container="body">
-    <my-global-icon iconName="upload"></my-global-icon>
-    <span for="bannerfile" i18n>Upload a new banner</span>
-    <input #bannerfileInput type="file" name="bannerfile" id="bannerfile" [accept]="bannerExtensions" (change)="onBannerChange(bannerfileInput)"/>
-  </div>
-
-  <div class="dropdown-item c-hand" (click)="deleteBanner()" (key.enter)="deleteBanner()">
-    <my-global-icon iconName="delete"></my-global-icon>
-    <span i18n>Remove banner</span>
-  </div>
-</ng-template>
diff --git a/client/src/app/shared/shared-actor-image/actor-banner-edit.component.scss b/client/src/app/shared/shared-actor-image/actor-banner-edit.component.scss
deleted file mode 100644
index 23606f871..000000000
--- a/client/src/app/shared/shared-actor-image/actor-banner-edit.component.scss
+++ /dev/null
@@ -1,27 +0,0 @@
-@import '_variables';
-@import '_mixins';
-
-.banner-placeholder {
-  @include block-ratio('> div, > img', $banner-inverted-ratio);
-}
-
-.banner-placeholder {
-  background-color: pvar(--greyBackgroundColor);
-}
-
-.actor-img-edit-container {
-  position: relative;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.actor-img-edit-button {
-  position: absolute;
-  width: auto;
-
-  label {
-    font-weight: $font-semibold;
-    margin-bottom: 0;
-  }
-}
diff --git a/client/src/app/shared/shared-actor-image/actor-banner-edit.component.ts b/client/src/app/shared/shared-actor-image/actor-banner-edit.component.ts
deleted file mode 100644
index 8c12d3c4c..000000000
--- a/client/src/app/shared/shared-actor-image/actor-banner-edit.component.ts
+++ /dev/null
@@ -1,76 +0,0 @@
-import { Component, ElementRef, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges, ViewChild } from '@angular/core'
-import { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser'
-import { Notifier, ServerService } from '@app/core'
-import { VideoChannel } from '@app/shared/shared-main'
-import { NgbPopover } from '@ng-bootstrap/ng-bootstrap'
-import { getBytes } from '@root-helpers/bytes'
-
-@Component({
-  selector: 'my-actor-banner-edit',
-  templateUrl: './actor-banner-edit.component.html',
-  styleUrls: [
-    './actor-image-edit.scss',
-    './actor-banner-edit.component.scss'
-  ]
-})
-export class ActorBannerEditComponent implements OnInit {
-  @ViewChild('bannerfileInput') bannerfileInput: ElementRef<HTMLInputElement>
-  @ViewChild('bannerPopover') bannerPopover: NgbPopover
-
-  @Input() actor: VideoChannel
-  @Input() previewImage = false
-
-  @Output() bannerChange = new EventEmitter<FormData>()
-  @Output() bannerDelete = new EventEmitter<void>()
-
-  bannerFormat = ''
-  maxBannerSize = 0
-  bannerExtensions = ''
-
-  preview: SafeResourceUrl
-
-  constructor (
-    private sanitizer: DomSanitizer,
-    private serverService: ServerService,
-    private notifier: Notifier
-  ) { }
-
-  ngOnInit (): void {
-    this.serverService.getConfig()
-        .subscribe(config => {
-          this.maxBannerSize = config.banner.file.size.max
-          this.bannerExtensions = config.banner.file.extensions.join(', ')
-
-          // tslint:disable:max-line-length
-          this.bannerFormat = $localize`ratio 6/1, recommended size: 1600x266, max size: ${getBytes(this.maxBannerSize)}, extensions: ${this.bannerExtensions}`
-        })
-  }
-
-  onBannerChange (input: HTMLInputElement) {
-    this.bannerfileInput = new ElementRef(input)
-
-    const bannerfile = this.bannerfileInput.nativeElement.files[ 0 ]
-    if (bannerfile.size > this.maxBannerSize) {
-      this.notifier.error('Error', $localize`This image is too large.`)
-      return
-    }
-
-    const formData = new FormData()
-    formData.append('bannerfile', bannerfile)
-    this.bannerPopover?.close()
-    this.bannerChange.emit(formData)
-
-    if (this.previewImage) {
-      this.preview = this.sanitizer.bypassSecurityTrustResourceUrl(URL.createObjectURL(bannerfile))
-    }
-  }
-
-  deleteBanner () {
-    this.preview = undefined
-    this.bannerDelete.emit()
-  }
-
-  hasBanner () {
-    return !!this.preview || !!this.actor.bannerUrl
-  }
-}
diff --git a/client/src/app/shared/shared-actor-image/actor-image-edit.scss b/client/src/app/shared/shared-actor-image/actor-image-edit.scss
deleted file mode 100644
index 918955a89..000000000
--- a/client/src/app/shared/shared-actor-image/actor-image-edit.scss
+++ /dev/null
@@ -1,35 +0,0 @@
-@import '_variables';
-@import '_mixins';
-
-.actor ::ng-deep .popover-image-info .popover-body {
-  padding: 0;
-
-  .dropdown-item {
-    padding: 6px 10px;
-    border-radius: 4px;
-
-    &:first-child {
-      @include peertube-file;
-      display: block;
-    }
-  }
-}
-
-.actor-img-edit-button {
-  @include peertube-button-file(21px);
-  @include button-with-icon(19px);
-  @include orange-button;
-
-  margin-top: 10px;
-  margin-bottom: 5px;
-  cursor: pointer;
-
-  input {
-    width: 30px;
-    height: 30px;
-  }
-
-  my-global-icon {
-    right: 7px;
-  }
-}
diff --git a/client/src/app/shared/shared-actor-image/index.ts b/client/src/app/shared/shared-actor-image/index.ts
deleted file mode 100644
index 18a9038eb..000000000
--- a/client/src/app/shared/shared-actor-image/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './shared-actor-image.module'
diff --git a/client/src/app/shared/shared-actor-image/shared-actor-image.module.ts b/client/src/app/shared/shared-actor-image/shared-actor-image.module.ts
deleted file mode 100644
index 6044f9925..000000000
--- a/client/src/app/shared/shared-actor-image/shared-actor-image.module.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-
-import { CommonModule } from '@angular/common'
-import { NgModule } from '@angular/core'
-import { SharedGlobalIconModule } from '../shared-icons'
-import { SharedMainModule } from '../shared-main'
-import { ActorAvatarEditComponent } from './actor-avatar-edit.component'
-import { ActorBannerEditComponent } from './actor-banner-edit.component'
-
-@NgModule({
-  imports: [
-    CommonModule,
-
-    SharedMainModule,
-    SharedGlobalIconModule
-  ],
-
-  declarations: [
-    ActorAvatarEditComponent,
-    ActorBannerEditComponent
-  ],
-
-  exports: [
-    ActorAvatarEditComponent,
-    ActorBannerEditComponent
-  ],
-
-  providers: [ ]
-})
-export class SharedActorImageModule { }
-- 
cgit v1.2.3