Use et2-details for mail from and attachments

This commit is contained in:
Hadi Nategh 2022-07-28 15:32:33 +02:00
parent 53baf00ebf
commit 5c637e47be
4 changed files with 170 additions and 122 deletions

View File

@ -175,7 +175,7 @@ A.sieveRowInActive
bottom:80px; bottom:80px;
} }
table tr.attachmentRow > td{ table tr.attachmentRow > td{
padding:0 !important; vertical-align: middle;
} }
table tr.attachmentRow > td > img { table tr.attachmentRow > td > img {
background:transparent; background:transparent;

View File

@ -22,7 +22,8 @@
<hbox width="100%" class="mailPreviewHeaders"> <hbox width="100%" class="mailPreviewHeaders">
<lavatar src="@avatar" lname="@address" shape="rounded"/> <lavatar src="@avatar" lname="@address" shape="rounded"/>
<vbox class="previewWrapper"> <vbox class="previewWrapper">
<details class="details" title="details" toggle_align="left"> <et2-details class="details" title="details" toggleOnHover="true" hoist="true">
<et2-select-email slot="summary" value="@from" readonly="true"/>
<hbox disabled="!@from"> <hbox disabled="!@from">
<description value="From" class="firstColumnTitle"/> <description value="From" class="firstColumnTitle"/>
<grid id="from"> <grid id="from">
@ -87,9 +88,36 @@
</row> </row>
</rows> </rows>
</grid> </grid>
</hbox> --> </hbox>
</details> </et2-details>
<details title="@attachmentsBlockTitle" toggle_align="left" class="attachments" disabled="!@mail_displayattachments">
</vbox>
<date-time-today align="right" id="mail_displaydate" readonly="true"/>
</hbox>
<et2-details title="@attachmentsBlockTitle" toggleOnHover="true" class="attachments" hoist="true" disabled="!@mail_displayattachments">
<hbox slot="summary">
<grid class="previewAttachmentArea egwGridView_grid" >
<columns>
<column disabled="!@showtempname"/>
<column disabled="!@showtempname"/>
<column disabled="!@showtempname"/>
<column disabled="!@showtempname"/>
<column width="70%" />
<column width="11%" />
<column width="10%"/>
</columns>
<rows>
<row class="row attachmentRow">
<description id="mail_displayattachments[0][attachment_number]" />
<description id="mail_displayattachments[0][partID]" />
<description id="mail_displayattachments[0][type]" />
<description id="mail_displayattachments[0][winmailFlag]" />
<description class="et2_link useEllipsis" id="mail_displayattachments[0][filename]" no_lang="1" expose_view="true" mime="0[type]" mime_data="mail_displayattachments[0][mime_data]" href="mail_displayattachments[0][mime_url]"/>
<description align="right" id="mail_displayattachments[0][size]"/>
</row>
</rows>
</grid>
</hbox>
<grid id="mail_displayattachments" class="previewAttachmentArea egwGridView_grid"> <grid id="mail_displayattachments" class="previewAttachmentArea egwGridView_grid">
<columns> <columns>
<column disabled="!@showtempname"/> <column disabled="!@showtempname"/>
@ -113,10 +141,7 @@
</row> </row>
</rows> </rows>
</grid> </grid>
</details> </et2-details>
</vbox>
<date-time-today align="right" id="mail_displaydate" readonly="true"/>
</hbox>
<box class="mailDisplayContainer"> <box class="mailDisplayContainer">
<iframe frameborder="1" class="mail_displaybody" id="mailDisplayBodySrc" name="mailDisplayBodySrc" scrolling="auto" width="100%"/> <iframe frameborder="1" class="mail_displaybody" id="mailDisplayBodySrc" name="mailDisplayBodySrc" scrolling="auto" width="100%"/>
</box> </box>

View File

@ -38,9 +38,10 @@
</hbox> </hbox>
</hbox> </hbox>
<hbox width="100%" class="mailPreviewHeaders"> <hbox width="100%" class="mailPreviewHeaders">
<lavatar src="@avatar" lname="@address" shape="rounded"/> <lavatar src="@avatar" lname="@address" shape="rounded" size="2.45em"/>
<vbox> <vbox>
<details class="details" title="details" toggle_align="left"> <et2-details class="details" toggleOnHover="true" hoist="true">
<et2-select-email slot="summary" id="fromaddress" readonly="true"/>
<hbox> <hbox>
<description value="From" class="firstColumnTitle"/> <description value="From" class="firstColumnTitle"/>
<grid id="additionalfromaddress"> <grid id="additionalfromaddress">
@ -80,8 +81,36 @@
</rows> </rows>
</grid> </grid>
</hbox> </hbox>
</details> </et2-details>
<details title="@attachmentsBlockTitle" toggle_align="left" class="attachments" disabled="!@attachmentsBlock"> </vbox>
<date-time-today align="right" id="date" readonly="true"/>
</hbox>
<hbox>
<et2-details title="@attachmentsBlockTitle" toggleOnHover="true" hoist="true" class="attachments" disabled="!@attachmentsBlock">
<hbox slot="summary">
<grid class="previewAttachmentArea egwGridView_grid" >
<columns>
<column disabled="!@showtempname"/>
<column disabled="!@showtempname"/>
<column disabled="!@showtempname"/>
<column disabled="!@showtempname"/>
<column width="70%" />
<column width="11%" />
<column width="10%"/>
</columns>
<rows>
<row class="row attachmentRow">
<description id="attachmentsBlock[0][attachment_number]" />
<description id="attachmentsBlock[0][partID]" />
<description id="attachmentsBlock[0][type]" />
<description id="attachmentsBlock[0][winmailFlag]" />
<description class="et2_link useEllipsis" id="attachmentsBlock[0][filename]" no_lang="1" expose_view="true" mime="0[type]" mime_data="attachmentsBlock[0][mime_data]" href="attachmentsBlock[0][mime_url]"/>
<description align="right" id="attachmentsBlock[0][size]"/>
</row>
</rows>
</grid>
</hbox>
<grid id="attachmentsBlock" class="previewAttachmentArea egwGridView_grid"> <grid id="attachmentsBlock" class="previewAttachmentArea egwGridView_grid">
<columns> <columns>
<column disabled="!@showtempname"/> <column disabled="!@showtempname"/>
@ -104,13 +133,7 @@
</row> </row>
</rows> </rows>
</grid> </grid>
</details> </et2-details>
</vbox>
<date-time-today align="right" id="date" readonly="true"/>
</hbox>
<hbox>
</hbox> </hbox>
<box id="mailPreviewContainer"> <box id="mailPreviewContainer">
<iframe frameborder="1" id="messageIFRAME" scrolling="auto"/> <iframe frameborder="1" id="messageIFRAME" scrolling="auto"/>

View File

@ -167,7 +167,7 @@ A.sieveRowInActive {
bottom: 80px; bottom: 80px;
} }
table tr.attachmentRow > td { table tr.attachmentRow > td {
padding: 0 !important; vertical-align: middle;
} }
table tr.attachmentRow > td > img { table tr.attachmentRow > td > img {
background: transparent; background: transparent;