160 lines
5.9 KiB
HTML
160 lines
5.9 KiB
HTML
<roundcube:include file="includes/layout.html" />
|
|
|
|
|
|
|
|
<roundcube:object name="mailboxlist" folder_filter="mail" type="js" />
|
|
|
|
<roundcube:include file="includes/message-popmenu.html" />
|
|
|
|
|
|
<h1 class="voice"><roundcube:label name="arialabelmailpreviewframe" /></h1>
|
|
|
|
|
|
|
|
|
|
<div id="layout-content" class="selected">
|
|
|
|
|
|
|
|
|
|
<roundcube:if condition="!env:framed" />
|
|
<h2 id="aria-label-toolbar" class="voice"><roundcube:label name="arialabeltoolbar" /></h2>
|
|
<div class="header" role="toolbar" aria-labelledby="aria-label-toolbar">
|
|
|
|
<div class="header_back_back" style="width:58px;height:58px;padding-left: 12px;" onclick="UI.show_list();">
|
|
<a class="button icon back" href="#sidebar" style="font-size: 1.5em"></a>
|
|
</div>
|
|
|
|
<roundcube:include file="includes/top-right_menu.html" />
|
|
</div>
|
|
<roundcube:endif />
|
|
|
|
|
|
|
|
|
|
<div class="content frame-content" role="main">
|
|
<div id="message-header">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<h2 class="subject">
|
|
<div style="display:inline-block;float:right;width:40px;height:30px"></div>
|
|
|
|
<span class="voice"><roundcube:label name="subject" />: </span>
|
|
<roundcube:object name="messageHeaders" valueOf="subject" />
|
|
|
|
|
|
</h2>
|
|
<div class="header">
|
|
<table style="width:100%">
|
|
<tr><td style="width:40px;vertical-align: top;padding-top:5px;">
|
|
<roundcube:object name="contactphoto" class="contactphoto" placeholder="/images/contactpic.svg" bg-color="transparent" />
|
|
</td>
|
|
<td>
|
|
<div class="header-content">
|
|
<roundcube:object name="messageSummary" class="header-summary" addicon="virtual" />
|
|
<roundcube:object name="messageHeaders" class="header-headers" addicon="virtual" exclude="subject" max="10" />
|
|
</div>
|
|
</td>
|
|
<td>
|
|
|
|
<div id="mailtoolbar" class="tdmenuleft toolbar menu">
|
|
|
|
|
|
<a class="message_iconflag" onclick="flag_click()"></a>
|
|
<roundcube:button command="reply" type="link" class="reply disabled" classAct="reply"
|
|
label="reply" title="replytomessage" innerclass="inner" data-content-button="true" />
|
|
<roundcube:button name="messagemenulink" id="messagemenulink" type="link" class="more"
|
|
label="more" title="moreactions" data-popup="message-menu-inner" innerclass="inner" />
|
|
|
|
</div>
|
|
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<div id="message-content">
|
|
<div class="leftcol" role="region" aria-labelledby="aria-label-messageattachments">
|
|
<h2 id="aria-label-messageattachments" class="voice"><roundcube:label name="attachments" /></h2>
|
|
<table style='margin: 0 0 0.2rem;'><tr><td class="tdattachmentslist">
|
|
<roundcube:object name="messageAttachments" id="attachment-list" class="attachmentslist" />
|
|
<div id='attach_fullsize' onclick='attach_fullsize()'><table style='width:100%'><tr><td style='width:20px'><div class='attach_fullsizeL'></div></td><td class='attach_fullsizeM' style='background-color: var(--backgroundhover);line-height: 0'></td><td style='width:20px'><div class='attach_fullsizeR'></div></td></table></div>
|
|
</td><td class="tdzipdownload"><div class='zipdownloadicon'></div>
|
|
</td></tr>
|
|
</table>
|
|
</div>
|
|
<div class="rightcol" role="region" aria-labelledby="aria-label-messagebody">
|
|
<h2 id="aria-label-messagebody" class="voice"><roundcube:label name="arialabelmessagebody" /></h2>
|
|
<roundcube:object name="messageObjects" id="message-objects" />
|
|
<div style="position:relative;z-index:1;"><div id="divscale_default" class="divscale_default z-depth-1" style='display:none' onclick="scale_default()"></div></div>
|
|
<roundcube:object name="messageBody" id="messagebody" headertableclass="headers-table" />
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="footer-mail-small">
|
|
<div class="toolbar menu" role="toolbar" style="display:flex;justify-content: space-between;max-width: 280px;width:100%">
|
|
<roundcube:button command="reply" type="link" class="reply disabled" classAct="reply"
|
|
label="reply" title="replytomessage" innerclass="inner" data-content-button="true" />
|
|
<roundcube:button command="reply-all" type="link" class="reply-all disabled" classAct="reply-all"
|
|
label="replyall" title="replytoallmessage" innerclass="inner" />
|
|
<roundcube:button command="forward" type="link" class="forward disabled" classAct="forward"
|
|
label="forward" title="forwardmessage" innerclass="inner" />
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<audio id="audioplayer" onended="audioend()"></audio>
|
|
|
|
<!-- popup menus -->
|
|
<div id="attachmentmenu" class="popupmenu">
|
|
<h3 id="aria-label-attachmentmenu" class="voice"><roundcube:label name="arialabelattachmentmenu" /></h3>
|
|
<ul class="menu listing" role="menu" aria-labelledby="aria-label-attachmentmenu">
|
|
<roundcube:button command="open-attachment" type="link-menuitem" id="attachmenuopen" label="open" class="extwin disabled" classAct="extwin active" />
|
|
<roundcube:button command="download-attachment" type="link-menuitem" id="attachmenudownload" label="download" class="download disabled" classAct="download active" />
|
|
<roundcube:container name="attachmentmenu" id="attachmentmenu" />
|
|
</ul>
|
|
</div>
|
|
|
|
<div id="mailto-menu" class="popupmenu">
|
|
<h3 id="aria-label-mailtomenu" class="voice"><roundcube:label name="arialabelmailtomenu" /></h3>
|
|
<ul class="menu listing" role="menu" aria-labelledby="aria-label-mailtomenu">
|
|
<roundcube:button name="addtoaddressbook" type="link-menuitem" label="addtoaddressbook" class="addressbook" classAct="addressbook active" />
|
|
<roundcube:button name="composeto" type="link-menuitem" label="composeto" class="compose" classAct="compose active" />
|
|
<roundcube:container name="mailtomenu" id="mailto-menu" />
|
|
</ul>
|
|
</div>
|
|
|
|
<div id="popupcalendarchoice" class="popupmenu">
|
|
<ul class="menu listing" role="menu">
|
|
<li role="menuitem"><a class="calendar" role="button" tabindex="-1" aria-disabled="true" href="#">AAAAA</a></li>
|
|
<li role="menuitem"><a class="calendar" role="button" tabindex="-1" aria-disabled="true" href="#">BBBBB</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<roundcube:include file="includes/footer.html" />
|