|
4 | 4 | </template> |
5 | 5 |
|
6 | 6 | <template #smart-bar-actions> |
7 | | - <sw-button variant="ghost" v-if="archive && archive.customer" @click="openCustomer"> |
8 | | - {{ $t('frosh-mail-archive.detail.toolbar.customer') }} |
9 | | - </sw-button> |
10 | | - |
11 | 7 | <sw-button-process :isLoading="downloadIsLoading" :process-success="downloadIsSuccessful" @click="downloadMail" |
12 | 8 | @update:process-success="downloadFinish"> |
13 | 9 | {{ $t('frosh-mail-archive.detail.toolbar.downloadEml') }} |
|
32 | 28 | :title="$t('frosh-mail-archive.detail.metadata.title')" |
33 | 29 | position-identifier="frosh-mail-archive-metadata" |
34 | 30 | > |
35 | | - <sw-text-field :label="$tc('frosh-mail-archive.detail.metadata.sentDate')" :disabled="true" |
36 | | - v-model="createdAtDate"></sw-text-field> |
37 | | - <sw-text-field :label="$tc('frosh-mail-archive.detail.metadata.sender')" :disabled="true" |
38 | | - v-model="senderText"></sw-text-field> |
39 | | - <sw-text-field :label="$tc('frosh-mail-archive.detail.metadata.receiver')" :disabled="true" |
40 | | - v-model="receiverText"></sw-text-field> |
41 | | - <sw-text-field :label="$tc('frosh-mail-archive.detail.metadata.subject')" :disabled="true" |
42 | | - v-model="archive.subject"></sw-text-field> |
43 | | - <sw-text-field :label="$tc('frosh-mail-archive.detail.metadata.salesChannel')" |
44 | | - v-if="archive.salesChannel" :disabled="true" |
45 | | - v-model="archive.salesChannel.name"></sw-text-field> |
| 31 | + <sw-container |
| 32 | + columns="1fr 1fr" |
| 33 | + gap="0px 15px" |
| 34 | + class="frosh-mail-archive__detail-metadata" |
| 35 | + > |
| 36 | + <sw-description-list> |
| 37 | + <dt>{{ $tc('frosh-mail-archive.detail.metadata.sentDate') }}</dt> |
| 38 | + <dd>{{ createdAtDate }}</dd> |
| 39 | + </sw-description-list> |
| 40 | + <sw-description-list> |
| 41 | + <dt>{{ $tc('frosh-mail-archive.detail.metadata.sender') }}</dt> |
| 42 | + <dd>{{ senderText }}</dd> |
| 43 | + </sw-description-list> |
| 44 | + <sw-description-list> |
| 45 | + <dt>{{ $tc('frosh-mail-archive.detail.metadata.receiver') }}</dt> |
| 46 | + <dd>{{ receiverText }}</dd> |
| 47 | + </sw-description-list> |
| 48 | + <sw-description-list> |
| 49 | + <dt>{{ $tc('frosh-mail-archive.detail.metadata.subject') }}</dt> |
| 50 | + <dd>{{ archive.subject }}</dd> |
| 51 | + </sw-description-list> |
| 52 | + <sw-description-list> |
| 53 | + <dt>{{ $tc('frosh-mail-archive.detail.metadata.salesChannel') }}</dt> |
| 54 | + <dd v-if="archive.salesChannel"> |
| 55 | + {{ archive.salesChannel.name }} |
| 56 | + </dd> |
| 57 | + <dd v-else>-</dd> |
| 58 | + </sw-description-list> |
| 59 | + <sw-description-list> |
| 60 | + <dt>{{ $tc('frosh-mail-archive.detail.metadata.customer') }}</dt> |
| 61 | + <dd v-if="archive.customer"> |
| 62 | + <router-link :to="{ name: 'sw.customer.detail', params: {id: archive.customerId} }"> |
| 63 | + {{ archive.customer.customerNumber }} - {{ archive.customer.firstName }} {{ archive.customer.lastName }} |
| 64 | + </router-link> |
| 65 | + </dd> |
| 66 | + <dd v-else>-</dd> |
| 67 | + </sw-description-list> |
| 68 | + <sw-description-list> |
| 69 | + <dt>{{ $tc('frosh-mail-archive.detail.metadata.order') }}</dt> |
| 70 | + <dd v-if="archive.order"> |
| 71 | + <router-link :to="{ name: 'sw.order.detail', params: {id: archive.orderId}}"> |
| 72 | + {{ archive.order.orderNumber }} |
| 73 | + </router-link> |
| 74 | + </dd> |
| 75 | + <dd v-else>-</dd> |
| 76 | + </sw-description-list> |
| 77 | + </sw-container> |
46 | 78 | </sw-card> |
47 | 79 | <frosh-mail-resend-history :key="resendKey" :currentMailId="archive.id" |
48 | 80 | :sourceMailId="archive.sourceMailId ?? archive.id"/> |
|
0 commit comments