<ng-template ngbNavContent>
<div class="nav-content">
- <div class="input-group">
- <input #urlInput (click)="urlInput.select()" type="text" class="form-control readonly" readonly [value]="getLink()" />
-
- <button
- *ngIf="!isConfidentialVideo()" type="button" class="btn btn-outline-secondary"
- [cdkCopyToClipboard]="urlInput.value" (click)="activateCopiedMessage()"
- >
- <span class="glyphicon glyphicon-duplicate"></span>
- </button>
- </div>
+ <my-input-text
+ *ngIf="!isConfidentialVideo()"
+ [show]="true" [readonly]="true" [withCopy]="true" [withToggle]="false" [value]="getLink()"
+ ></my-input-text>
</div>
</ng-template>
</ng-container>
<ng-template ngbNavContent>
<div class="nav-content">
- <div class="input-group">
- <input #urlInput (click)="urlInput.select()" type="text" class="form-control readonly" readonly [value]="getLink()" />
-
- <button
- *ngIf="!isConfidentialVideo()" type="button" class="btn btn-outline-secondary"
- [cdkCopyToClipboard]="urlInput.value" (click)="activateCopiedMessage()"
- >
- <span class="glyphicon glyphicon-duplicate"></span>
- </button>
- </div>
+ <my-input-text [show]="true" [readonly]="true" [withCopy]="true" [withToggle]="false" [value]="getLink()"></my-input-text>
</div>
</ng-template>
</ng-container>
<div [ngbNavOutlet]="resolutionNav"></div>
- <div class="advanced-filters collapse-transition" [ngbCollapse]="isAdvancedCustomizationCollapsed">
+ <div class="advanced-filters" [ngbCollapse]="isAdvancedCustomizationCollapsed" [animation]="true">
<div ngbNav #navMetadata="ngbNav" class="nav-tabs nav-metadata">
<ng-container ngbNavItem>
<a ngbNavLink i18n>Format</a>
</div>
</div>
- <div
+ <button
(click)="isAdvancedCustomizationCollapsed = !isAdvancedCustomizationCollapsed"
- role="button" class="advanced-filters-button"
+ class="advanced-filters-button button-unstyle"
[attr.aria-expanded]="!isAdvancedCustomizationCollapsed" aria-controls="collapseBasic"
>
<ng-container *ngIf="isAdvancedCustomizationCollapsed">
- <span class="glyphicon glyphicon-menu-down"></span>
+ <span class="chevron-down"></span>
<ng-container i18n>
Advanced
</ng-container>
<ng-container *ngIf="!isAdvancedCustomizationCollapsed">
- <span class="glyphicon glyphicon-menu-up"></span>
+ <span class="chevron-up"></span>
<ng-container i18n>
Simple
</ng-container>
</ng-container>
- </div>
+ </button>
</ng-container>
</div>