Dereku/snappymail
1
0
Fork 0
mirror of https://github.com/the-djmaze/snappymail.git synced 2026-09-05 07:27:04 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Attachments (redesign)

Browse source
This commit is contained in:
RainLoop Team 2014-12-27 23:48:55 +04:00
parent 735842bb88
commit f9640b3ffa
40 changed files with 293 additions and 110 deletions
Download patch file Download diff file Expand all files Collapse all files

40
rainloop/v/0.0.0/app/templates/Views/User/MailMessageView.html
View file

@ -294,32 +294,24 @@
</div>
<div class="attachmentsPlace" data-bind="visible: message() && message().hasVisibleAttachments()">
<ul class="attachmentList" data-bind="foreach: message() ? message().attachments() : []">
<li class="attachmentItem clearfix" draggable="true" data-bind="visible: !isLinked, title: fileName, event: { 'dragstart': eventDragStart },
css: { 'hasThumbnail': hasThumbnail() }, attr: { 'style': linkThumbnailPreviewStyle() }">
<li class="attachmentItem clearfix" draggable="true" data-bind="visible: !isLinked, title: fileName, event: { 'dragstart': eventDragStart }">
<div class="attachmentIconParent pull-left" data-bind="css: { 'hasPreview': hasPreview() }">
<div class="attachmentNonePreview">
<i class="attachmentIcon attachmentMainIcon" data-bind="css: iconClass()"></i>
<div class="hidePreview">
<div class="iconMain">
<i class="attachmentIcon attachmentMainIcon" data-bind="css: iconClass()"></i>
</div>
</div>
<div class="showPreview">
<a data-bind="css: {'attachmentImagePreview': isImage()}, attr: {'href': linkPreviewMain(), title: fileName, 'data-index': $index}">
<div class="iconMain">
<i class="attachmentIcon attachmentMainIcon" data-bind="css: iconClass()"></i>
</div>
<div class="iconBG" data-bind="attr: { 'style': linkThumbnailPreviewStyle() }"></div>
<div class="iconPreview">
<i class="attachmentIcon icon-eye show-hover"></i>
</div>
</a>
</div>
<a class="attachmentPreview attachmentImagePreview magnificPopupImage"
data-bind="visible: isImage(), attr: {href: linkPreview(), title: fileName, 'data-index': $index}" target="_blank">
<i class="attachmentIcon icon-eye show-hover"></i>
<i class="attachmentIcon attachmentMainIcon hide-hover" data-bind="css: iconClass()"></i>
</a>
<a class="attachmentPreview"
data-bind="visible: isText(), attr: {href: linkPreviewAsPlain(), title: fileName}" target="_blank">
<i class="attachmentIcon icon-eye show-hover"></i>
<i class="attachmentIcon attachmentMainIcon hide-hover" data-bind="css: iconClass()"></i>
</a>
<a class="attachmentPreview"
data-bind="visible: isPdf(), attr: {href: linkPreview(), title: fileName}" target="_blank">
<i class="attachmentIcon icon-eye show-hover"></i>
<i class="attachmentIcon attachmentMainIcon hide-hover" data-bind="css: iconClass()"></i>
</a>
<a class="attachmentPreview"
data-bind="visible: isFramed(), attr: {href: linkFramed(), title: fileName}" target="_blank">
<i class="attachmentIcon icon-eye show-hover"></i>
<i class="attachmentIcon attachmentMainIcon hide-hover" data-bind="css: iconClass()"></i>
</a>
</div>
<div class="attachmentNameParent">
<div style="white-space: nowrap; text-overflow: ellipsis; overflow: hidden;">