mirror of
https://github.com/bitwarden/browser
synced 2026-02-09 05:00:10 +00:00
a1bf6afad6
* Changes attachment modal to remove choose file button and changes upload button to close button if the user doesn't have edit rights to the cipher.
104 lines
3.5 KiB
HTML
104 lines
3.5 KiB
HTML
<h2 class="tw-sr-only" id="attachments">{{ "attachments" | i18n }}</h2>
|
|
|
|
@if (cipher()?.attachments; as attachments) {
|
|
<ul aria-labelledby="attachments" class="tw-list-none tw-pl-0">
|
|
@for (attachment of attachments; track attachment.id) {
|
|
<li>
|
|
<bit-item>
|
|
<bit-item-content>
|
|
<span data-testid="file-name" [title]="attachment.fileName">{{
|
|
attachment.fileName
|
|
}}</span>
|
|
<span slot="secondary" data-testid="file-size">{{ attachment.sizeName }}</span>
|
|
<i
|
|
*ngIf="attachment.key == null"
|
|
slot="default-trailing"
|
|
class="bwi bwi-exclamation-triangle bwi-sm tw-text-muted"
|
|
[appA11yTitle]="'fixEncryptionTooltip' | i18n"
|
|
></i>
|
|
</bit-item-content>
|
|
|
|
<ng-container slot="end">
|
|
<bit-item-action>
|
|
@if (attachment.key != null) {
|
|
<app-download-attachment
|
|
[admin]="admin() && organization()?.canEditAllCiphers"
|
|
[cipher]="cipher()"
|
|
[attachment]="attachment"
|
|
></app-download-attachment>
|
|
} @else {
|
|
<button
|
|
[bitAction]="fixOldAttachment(attachment)"
|
|
bitButton
|
|
buttonType="primary"
|
|
size="small"
|
|
type="button"
|
|
>
|
|
{{ "fixEncryption" | i18n }}
|
|
</button>
|
|
}
|
|
</bit-item-action>
|
|
@if (cipher().edit) {
|
|
<bit-item-action>
|
|
<app-delete-attachment
|
|
[admin]="admin() && organization()?.canEditAllCiphers"
|
|
[cipherId]="cipher().id"
|
|
[attachment]="attachment"
|
|
(onDeletionSuccess)="removeAttachment(attachment)"
|
|
></app-delete-attachment>
|
|
</bit-item-action>
|
|
}
|
|
</ng-container>
|
|
</bit-item>
|
|
</li>
|
|
}
|
|
</ul>
|
|
}
|
|
|
|
<form [id]="attachmentFormId" [formGroup]="attachmentForm" [bitSubmit]="submit">
|
|
@if (cipher()?.edit) {
|
|
<bit-card>
|
|
<label for="file" bitTypography="body2" class="tw-block tw-text-muted tw-px-1 tw-pb-1.5">
|
|
{{ "addAttachment" | i18n }}
|
|
</label>
|
|
<div class="tw-relative">
|
|
<!-- Input elements are notoriously difficult to style, --->
|
|
<!-- The native `<input>` will be used for screen readers -->
|
|
<!-- Visual & keyboard users will interact with the styled button element -->
|
|
<input
|
|
#fileInput
|
|
class="tw-sr-only"
|
|
type="file"
|
|
id="file"
|
|
name="file"
|
|
aria-describedby="fileHelp"
|
|
tabindex="-1"
|
|
required
|
|
(change)="onFileChange($event)"
|
|
/>
|
|
<div class="tw-flex tw-gap-2 tw-items-center" aria-hidden="true">
|
|
<button
|
|
bitButton
|
|
buttonType="secondary"
|
|
type="button"
|
|
(click)="fileInput.click()"
|
|
class="tw-whitespace-nowrap"
|
|
>
|
|
{{ "chooseFile" | i18n }}
|
|
</button>
|
|
<p bitTypography="body2" class="tw-text-muted tw-mb-0">
|
|
{{
|
|
this.attachmentForm.controls.file?.value
|
|
? this.attachmentForm.controls.file.value.name
|
|
: ("noFileChosen" | i18n)
|
|
}}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<p id="fileHelp" bitTypography="helper" class="tw-text-muted tw-px-1 tw-pt-1 tw-mb-0">
|
|
{{ "maxFileSizeSansPunctuation" | i18n }}
|
|
</p>
|
|
</bit-card>
|
|
}
|
|
</form>
|