|
9 | 9 | <div class="cx-modal-content">
|
10 | 10 | <div class="cx-dialog-header modal-header">
|
11 | 11 | <div id="dialogTitle" class="cx-dialog-title modal-title">
|
12 |
| - <span> |
13 |
| - {{ 's4omOrder.attachments.dialog.title' | cxTranslate }} |
14 |
| - </span> |
| 12 | + <span> |
| 13 | + {{ 's4omOrder.attachments.dialog.title' | cxTranslate }} |
| 14 | + </span> |
15 | 15 | @if (attachmentsCount$ | async; as attachmentsCount) {
|
16 | 16 | @if (attachmentsCount > 0) {
|
17 | 17 | <span class="attachments-counter">
|
18 |
| - {{ '(' + attachmentsCount + ')' }} |
19 |
| - </span> |
| 18 | + {{ '(' + attachmentsCount + ')' }} |
| 19 | + </span> |
20 | 20 | }
|
21 | 21 | }
|
22 | 22 | </div>
|
23 | 23 | <button
|
24 | 24 | type="button"
|
25 | 25 | class="close"
|
26 |
| - attr.aria-label="{{ 's4omOrder.attachments.dialog.closeModal' | cxTranslate }}" |
| 26 | + attr.aria-label="{{ |
| 27 | + 's4omOrder.attachments.dialog.closeModal' | cxTranslate |
| 28 | + }}" |
27 | 29 | title="{{ 's4omOrder.attachments.dialog.closeModal' | cxTranslate }}"
|
28 | 30 | (click)="close('Close dialog')"
|
29 | 31 | >
|
30 |
| - <span aria-hidden="true"> |
31 |
| - <cx-icon [type]="iconTypes.CLOSE"></cx-icon> |
32 |
| - </span> |
| 32 | + <span aria-hidden="true"> |
| 33 | + <cx-icon [type]="iconTypes.CLOSE"></cx-icon> |
| 34 | + </span> |
33 | 35 | </button>
|
34 | 36 | </div>
|
35 | 37 |
|
|
52 | 54 | <tr class="order-attachment-row">
|
53 | 55 | <td>
|
54 | 56 | <a
|
55 |
| - attr.aria-label="{{ 's4omOrder.attachments.dialog.preview' | cxTranslate }}" |
56 |
| - title="{{ 's4omOrder.attachments.dialog.preview' | cxTranslate }}" |
57 |
| - [ngClass]="{'disabled': loadingAttachments.includes(attachment.attachmentId)}" |
58 |
| - (mousedown)="onMouseDown($event, attachment.attachmentId, attachment.fileName)" |
59 |
| - (keydown.enter)="openOrderAttachment(attachment.attachmentId, attachment.fileName)" |
| 57 | + attr.aria-label="{{ |
| 58 | + 's4omOrder.attachments.dialog.preview' | cxTranslate |
| 59 | + }}" |
| 60 | + title="{{ |
| 61 | + 's4omOrder.attachments.dialog.preview' | cxTranslate |
| 62 | + }}" |
| 63 | + [ngClass]="{ |
| 64 | + disabled: loadingAttachments.includes( |
| 65 | + attachment.attachmentId |
| 66 | + ), |
| 67 | + }" |
| 68 | + (mousedown)=" |
| 69 | + onMouseDown( |
| 70 | + $event, |
| 71 | + attachment.attachmentId, |
| 72 | + attachment.fileName |
| 73 | + ) |
| 74 | + " |
| 75 | + (keydown.enter)=" |
| 76 | + openOrderAttachment( |
| 77 | + attachment.attachmentId, |
| 78 | + attachment.fileName |
| 79 | + ) |
| 80 | + " |
60 | 81 | >
|
61 | 82 | {{ attachment.fileName }}
|
62 | 83 | </a>
|
63 | 84 | </td>
|
64 | 85 | <td>
|
65 |
| - <div class="inline-spinner" |
66 |
| - [ngClass]="{hidden: !loadingAttachments.includes(attachment.attachmentId)}"> |
| 86 | + <div |
| 87 | + class="inline-spinner" |
| 88 | + [ngClass]="{ |
| 89 | + hidden: !loadingAttachments.includes( |
| 90 | + attachment.attachmentId |
| 91 | + ), |
| 92 | + }" |
| 93 | + > |
67 | 94 | <cx-spinner></cx-spinner>
|
68 | 95 | </div>
|
69 | 96 | </td>
|
|
72 | 99 | tabindex="0"
|
73 | 100 | role="button"
|
74 | 101 | class="file-icon"
|
75 |
| - attr.aria-label="{{ 's4omOrder.attachments.dialog.preview' | cxTranslate }}" |
76 |
| - title="{{ 's4omOrder.attachments.dialog.preview' | cxTranslate }}" |
77 |
| - [ngClass]="{'disabled': loadingAttachments.includes(attachment.attachmentId)}" |
78 |
| - (click)="openOrderAttachment(attachment.attachmentId, attachment.fileName)" |
79 |
| - (keydown.enter)="openOrderAttachment(attachment.attachmentId, attachment.fileName)" |
| 102 | + attr.aria-label="{{ |
| 103 | + 's4omOrder.attachments.dialog.preview' | cxTranslate |
| 104 | + }}" |
| 105 | + title="{{ |
| 106 | + 's4omOrder.attachments.dialog.preview' | cxTranslate |
| 107 | + }}" |
| 108 | + [ngClass]="{ |
| 109 | + disabled: loadingAttachments.includes( |
| 110 | + attachment.attachmentId |
| 111 | + ), |
| 112 | + }" |
| 113 | + (click)=" |
| 114 | + openOrderAttachment( |
| 115 | + attachment.attachmentId, |
| 116 | + attachment.fileName |
| 117 | + ) |
| 118 | + " |
| 119 | + (keydown.enter)=" |
| 120 | + openOrderAttachment( |
| 121 | + attachment.attachmentId, |
| 122 | + attachment.fileName |
| 123 | + ) |
| 124 | + " |
80 | 125 | >
|
81 | 126 | <cx-icon [type]="iconTypes.FILE"></cx-icon>
|
82 | 127 | </a>
|
|
0 commit comments