Changeset f4aaf84 in github

Timestamp:

Jan 6, 2012 8:40:37 AM (17 months ago)

Author:

thomascube <thomas@…>

Branches:

master, HEAD, courier-fix, dev-browser-capabilities, pdo, release-0.8

Children:

88dcd00

Parents:

e86a21b

Message:

Display short headers in preview mode, with toggle to show all

Location:

skins/larry

Files:

• mail.css (modified) (1 diff)
• templates/messagepreview.html (modified) (1 diff)
• ui.js (modified) (2 diffs)

skins/larry/mail.css

@@ -665 +665 @@
 }
 
+#preview-allheaders {
+        display: none;
+}
+
+#preview-shortheaders td.header-title {
+        padding-right: 0;
+}
+
+#preview-shortheaders td.header {
+        padding-right: 12px;
+}
+
+.headers-table .iconlink {
+        text-indent: -1000px;
+        padding: 1px 1px 1px 20px;
+}
+
+.headers-table .iconlink.add {
+        background-position: -5px -359px;
+}
+
+.headers-table .iconlink.delete {
+        background-position: -5px -339px;
+}
+
+
 #full-headers {
         position: relative;

skins/larry/templates/messagepreview.html

@@ -9 +9 @@
 <div id="messagepreviewheader">
 <h3 class="subject"><roundcube:object name="messageHeaders" valueOf="subject" /></h3>
-<roundcube:object name="messageHeaders" class="headers-table" addicon="/images/addcontact.png" exclude="subject,replyto" />
+
+<table class="headers-table" id="preview-shortheaders"><tbody><tr>
+<roundcube:if condition="env:mailbox == config:drafts_mbox || env:mailbox == config:sent_mbox">
+        <td class="header-title"><roundcube:label name="to" /></td>
+        <td class="header from"><roundcube:object name="messageHeaders" valueOf="to" addicon="/images/addcontact.png" /></td>
+<roundcube:else />
+        <td class="header-title"><roundcube:label name="from" /></td>
+        <td class="header from"><roundcube:object name="messageHeaders" valueOf="from" addicon="/images/addcontact.png" /></td>
+<roundcube:endif />
+        <td class="header-title"><roundcube:label name="date" /></td>
+        <td class="header from"><roundcube:object name="messageHeaders" valueOf="date" /></td>
+        <td class="header"><a href="#details" id="previewheaderstoggle" class="iconlink add">Details</a>
+</tr></tbody></table>
+
+<roundcube:object name="messageHeaders" id="preview-allheaders" class="headers-table" addicon="/images/addcontact.png" exclude="subject,replyto" />
 
 <!-- record navigation -->

skins/larry/ui.js

@@ -79 +79 @@
         layout_messageview();
         $("#all-headers").resizable({ handles: 's', minHeight: 50 });
+        $('#previewheaderstoggle').click(function(e){ toggle_preview_headers(this); return false });
       }
       else if (rcmail.env.action == 'compose') {
@@ -426 +427 @@
 
   /**
+   * Switch between short and full headers display in message preview
+   */
+  function toggle_preview_headers(button)
+  {
+    $('#preview-shortheaders').toggle();
+    var full = $('#preview-allheaders').toggle();
+    
+    // add toggle button to full headers table
+    if (!full.data('mod')) {
+      $('<a>').attr('href', '#hide')
+        .addClass('iconlink remove')
+        .html('Hide')
+        .appendTo($('<td>').appendTo($('tr:first', full)))
+        .click(function(){ toggle_preview_headers(this);return false });
+      full.data('mod', true);
+    }
+  }
+
+
+  /**
    *
    */