interesting
/
PeerTube
mirror of https://github.com/Chocobozzz/PeerTube.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Fix share and download input URL accessibility

This commit is contained in:
Chocobozzz 2024-09-19 15:35:02 +02:00
parent 730bba27ba
commit 5459364b19
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
5 changed files with 21 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
client/src/app/shared/shared-forms/input-text.component.html
View File

@ -4,6 +4,7 @@
[(ngModel)]="value" (ngModelChange)="update()" [readonly]="readonly"
#input (click)="input.select()" (input)="update()" (change)="update()" [type]="inputType" class="form-control"
[ngClass]="{ 'input-error': formError }"
[attr.aria-label]="ariaLabel"
/>
<button *ngIf="withToggle" (click)="toggle()" type="button" class="btn btn-outline-secondary" [title]="toggleTitle">

1
client/src/app/shared/shared-forms/input-text.component.ts
View File

@ -34,6 +34,7 @@ export class InputTextComponent implements ControlValueAccessor, AfterViewInit {
@Input() show = false
@Input() formError: string | FormReactiveErrors | FormReactiveErrors[]
@Input() autofocus = false
@Input() ariaLabel: string
get inputType () {
return this.show

12
client/src/app/shared/shared-share-modal/video-share.component.html
View File

@ -28,7 +28,10 @@
<ng-template ngbNavContent>
<div class="nav-content">
<my-input-text [value]="playlistUrl" [withToggle]="false" [withCopy]="true" [show]="true" [readonly]="true"></my-input-text>
<my-input-text
inputId="playlist-url" i18n-ariaLabel ariaLabel="Playlist URL"
[value]="playlistUrl" [withToggle]="false" [withCopy]="true" [show]="true" [readonly]="true"
></my-input-text>
</div>
</ng-template>
</ng-container>
@ -49,6 +52,7 @@
<ng-template ngbNavContent>
<div class="nav-content">
<my-input-text
inputId="playlist-embed-url" i18n-ariaLabel ariaLabel="Playlist embed URL"
[value]="customizations.onlyEmbedUrl ? playlistEmbedUrl : playlistEmbedHTML" (change)="onUpdate()"
[withToggle]="false" [withCopy]="true" [show]="true" [readonly]="true"
></my-input-text>
@ -118,7 +122,10 @@
<ng-template ngbNavContent>
<div class="nav-content">
<my-input-text [value]="videoUrl" [withToggle]="false" [withCopy]="true" [show]="true" [readonly]="true"></my-input-text>
<my-input-text
inputId="video-url" i18n-ariaLabel ariaLabel="Video URL"
[value]="videoUrl" [withToggle]="false" [withCopy]="true" [show]="true" [readonly]="true"
></my-input-text>
</div>
</ng-template>
</ng-container>
@ -139,6 +146,7 @@
<ng-template ngbNavContent>
<div class="nav-content">
<my-input-text
inputId="video-embed-url" i18n-ariaLabel ariaLabel="Video embed URL"
[value]="customizations.onlyEmbedUrl ? videoEmbedUrl : videoEmbedHTML" (ngModelChange)="onUpdate()"
[withToggle]="false" [withCopy]="true" [show]="true" [readonly]="true"
></my-input-text>

5
client/src/app/shared/shared-video-miniature/download/subtitle-files-download.component.html
View File

@ -9,7 +9,10 @@
<ng-template ngbNavContent>
<div class="nav-content">
<my-input-text [show]="true" [readonly]="true" [withCopy]="true" [withToggle]="false" [value]="getCaptionLink()"></my-input-text>
<my-input-text
inputId="subtitle-url" i18n-ariaLabel ariaLabel="Subtitle URL"
[show]="true" [readonly]="true" [withCopy]="true" [withToggle]="false" [value]="getCaptionLink()"
></my-input-text>
</div>
</ng-template>
</li>

6
client/src/app/shared/shared-video-miniature/download/video-files-download.component.html
View File

@ -6,7 +6,11 @@
<ng-template #rootNavContent>
<div class="nav-content">
<my-input-text [show]="true" [readonly]="true" [withCopy]="true" [withToggle]="false" [value]="getVideoFileLink()"></my-input-text>
<my-input-text
inputId="video-file-link"
i18n-ariaLabel ariaLabel="Video file link"
[show]="true" [readonly]="true" [withCopy]="true" [withToggle]="false" [value]="getVideoFileLink()"
></my-input-text>
</div>
</ng-template>