--- /dev/null
+Return-Path: <wking@tremily.us>\r
+X-Original-To: notmuch@notmuchmail.org\r
+Delivered-To: notmuch@notmuchmail.org\r
+Received: from localhost (localhost [127.0.0.1])\r
+ by olra.theworths.org (Postfix) with ESMTP id 141AC431FAE\r
+ for <notmuch@notmuchmail.org>; Thu, 13 Feb 2014 08:50:59 -0800 (PST)\r
+X-Virus-Scanned: Debian amavisd-new at olra.theworths.org\r
+X-Amavis-Alert: BAD HEADER SECTION, Duplicate header field: "References"\r
+X-Spam-Flag: NO\r
+X-Spam-Score: 0\r
+X-Spam-Level: \r
+X-Spam-Status: No, score=0 tagged_above=-999 required=5\r
+ tests=[DKIM_SIGNED=0.1, DKIM_VALID=-0.1, RCVD_IN_DNSWL_NONE=-0.0001]\r
+ autolearn=disabled\r
+Received: from olra.theworths.org ([127.0.0.1])\r
+ by localhost (olra.theworths.org [127.0.0.1]) (amavisd-new, port 10024)\r
+ with ESMTP id 2XQbE-PhYmYV for <notmuch@notmuchmail.org>;\r
+ Thu, 13 Feb 2014 08:50:51 -0800 (PST)\r
+Received: from qmta12.westchester.pa.mail.comcast.net\r
+ (qmta12.westchester.pa.mail.comcast.net [76.96.59.227])\r
+ by olra.theworths.org (Postfix) with ESMTP id 55C54431FBD\r
+ for <notmuch@notmuchmail.org>; Thu, 13 Feb 2014 08:50:46 -0800 (PST)\r
+Received: from omta16.westchester.pa.mail.comcast.net ([76.96.62.88])\r
+ by qmta12.westchester.pa.mail.comcast.net with comcast\r
+ id RqMu1n0011uE5Es5CsqlbU; Thu, 13 Feb 2014 16:50:45 +0000\r
+Received: from odin.tremily.us ([24.18.63.50])\r
+ by omta16.westchester.pa.mail.comcast.net with comcast\r
+ id Rsol1n00K152l3L3csomCE; Thu, 13 Feb 2014 16:48:46 +0000\r
+Received: from mjolnir.tremily.us (unknown [192.168.0.140])\r
+ by odin.tremily.us (Postfix) with ESMTPS id 1CBE5102DA06;\r
+ Thu, 13 Feb 2014 08:48:45 -0800 (PST)\r
+Received: (nullmailer pid 17989 invoked by uid 1000);\r
+ Thu, 13 Feb 2014 16:47:29 -0000\r
+From: "W. Trevor King" <wking@tremily.us>\r
+To: notmuch@notmuchmail.org\r
+Subject: [PATCH v3 4/8] nmbug-status: Color threads in HTML output\r
+Date: Thu, 13 Feb 2014 08:47:19 -0800\r
+Message-Id:\r
+ <8b9398c67286de027038a47db5925b558da0bf28.1392309570.git.wking@tremily.us>\r
+X-Mailer: git-send-email 1.8.5.2.8.g0f6c0d1\r
+In-Reply-To: <cover.1392309570.git.wking@tremily.us>\r
+References: <cover.1392309570.git.wking@tremily.us>\r
+In-Reply-To: <cover.1392309570.git.wking@tremily.us>\r
+References: <cover.1392309570.git.wking@tremily.us>\r
+DKIM-Signature: v=1; a=rsa-sha256; c=relaxed/relaxed; d=comcast.net;\r
+ s=q20121106; t=1392310245;\r
+ bh=3sxTh78IUXAYTbl0NrkctvdJScbYFJ/4LBHZoq9tWxY=;\r
+ h=Received:Received:Received:Received:From:To:Subject:Date:\r
+ Message-Id;\r
+ b=tGgJFzfC8p/JLrUz/sUaO6iZR/9ayETPcqBRZ+CI1oybQoSdvn0pPDavBr87m923Y\r
+ BMukuY15QzuQ09o83V0PJsQRsuMRAyjaFWu7RkYBAr3mOCKx2wgfrxEQlRnscwK3cZ\r
+ /+bKChLM+L9wUqIx3O7hYjjQQ/NgS6ygOw08brOoXFDcM/oU9RPD7me8DvPtfBZKaD\r
+ pV763Hp/qdWpAwiwtT23Hyj8vlmj9IyA9NNOTRgXcg1rm7CCdI4jc4Au4MK+tPK+6a\r
+ 1AyNMD/2g5aJeA9kBSTFXodiURP7dX/0qtJYeErPqHJeqoyS+//uNVoSNtNJlyD44A\r
+ L5LzIfgkJ+Ucg==\r
+Cc: Tomi Ollila <tomi.ollila@iki.fi>\r
+X-BeenThere: notmuch@notmuchmail.org\r
+X-Mailman-Version: 2.1.13\r
+Precedence: list\r
+List-Id: "Use and development of the notmuch mail system."\r
+ <notmuch.notmuchmail.org>\r
+List-Unsubscribe: <http://notmuchmail.org/mailman/options/notmuch>,\r
+ <mailto:notmuch-request@notmuchmail.org?subject=unsubscribe>\r
+List-Archive: <http://notmuchmail.org/pipermail/notmuch>\r
+List-Post: <mailto:notmuch@notmuchmail.org>\r
+List-Help: <mailto:notmuch-request@notmuchmail.org?subject=help>\r
+List-Subscribe: <http://notmuchmail.org/mailman/listinfo/notmuch>,\r
+ <mailto:notmuch-request@notmuchmail.org?subject=subscribe>\r
+X-List-Received-Date: Thu, 13 Feb 2014 16:50:59 -0000\r
+\r
+Add tbody sections so we don't have to color every row. Multiple\r
+tbody sections are allowed [1]. Use CSS 3's nth-child to handle\r
+even/odd coloring (skipping the spacer rows) [2], which is supported\r
+on the major browsers [3].\r
+\r
+border-spacing is from CCS 2.1 [4,5]. I'm using it to avoid\r
+whitespace between td cells.\r
+\r
+border-radius is from CCS 3 [6,7]. I'm using it to make the colored\r
+sections a bit less harsh. I tried adding rounded borders to the\r
+tbody itself doesn't work, but I couldn't get that to work without\r
+setting the tbody's display to 'block'. That rounded the corners, but\r
+collapsed the cell spacing (e.g. columns were no longer aligned).\r
+This commit's by-corner-td approach is not particularly elegant, but\r
+it works. The td padding entries just ensure that the cell body is\r
+suitably far from the edges that it doesn't fall outside of the\r
+rounded corners.\r
+\r
+The doubled-braces are escapes from Python's str.format.\r
+\r
+[1]: http://www.w3.org/TR/html5/tabular-data.html#the-table-element\r
+[2]: http://www.w3.org/TR/css3-selectors/#nth-child-pseudo\r
+[3]: https://developer.mozilla.org/en-US/docs/Web/CSS/:nth-child#Browser_compatibility\r
+[4]: http://www.w3.org/TR/CSS2/tables.html#propdef-border-spacing\r
+[5]: https://developer.mozilla.org/en-US/docs/Web/CSS/border-spacing#Browser_compatibility\r
+[6]: http://www.w3.org/TR/css3-background/#the-border-radius\r
+[7]: https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius#Browser_compatibility\r
+---\r
+ devel/nmbug/nmbug-status | 56 +++++++++++++++++++++++++++++++++++++-----------\r
+ 1 file changed, 44 insertions(+), 12 deletions(-)\r
+\r
+diff --git a/devel/nmbug/nmbug-status b/devel/nmbug/nmbug-status\r
+index 6a156af..92552a4 100755\r
+--- a/devel/nmbug/nmbug-status\r
++++ b/devel/nmbug/nmbug-status\r
+@@ -204,19 +204,22 @@ class HtmlPage (Page):\r
+ return\r
+ stream.write('<table>\n')\r
+ for thread in threads:\r
++ stream.write(' <tbody>\n')\r
+ for message_display_data in thread:\r
+ stream.write((\r
+- '<tr>\n'\r
+- ' <td>{date}</td>\n'\r
+- ' <td><code>{message-id-term}</code></td>\n'\r
+- '</tr>\n'\r
+- '<tr>\n'\r
+- ' <td>{from}</td>\n'\r
+- ' <td>{subject}</td>\n'\r
+- '</tr>\n'\r
++ ' <tr>\n'\r
++ ' <td>{date}</td>\n'\r
++ ' <td><code>{message-id-term}</code></td>\n'\r
++ ' </tr>\n'\r
++ ' <tr>\n'\r
++ ' <td>{from}</td>\n'\r
++ ' <td>{subject}</td>\n'\r
++ ' </tr>\n'\r
+ ).format(**message_display_data))\r
++ stream.write(' </tbody>\n')\r
+ if thread != threads[-1]:\r
+- stream.write('<tr><td colspan="2"><br /></td></tr>\n')\r
++ stream.write(\r
++ ' <tbody><tr><td colspan="2"><br /></td></tr></tbody>\n')\r
+ stream.write('</table>\n')\r
+ \r
+ def _message_display_data(self, *args, **kwargs):\r
+@@ -242,8 +245,36 @@ _PAGES['html'] = HtmlPage(\r
+ header='''<!DOCTYPE html>\r
+ <html lang="en">\r
+ <head>\r
+-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />\r
+-<title>Notmuch Patches</title>\r
++ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />\r
++ <meta http-equiv="Content-Type" content="text/html; charset={encoding}" />\r
++ <title>Notmuch Patches</title>\r
++ <style media="screen" type="text/css">\r
++ table {{\r
++ border-spacing: 0;\r
++ }}\r
++ td {{\r
++ padding-left: {border_radius};\r
++ padding-right: {border_radius};\r
++ }}\r
++ tr:first-child td:first-child {{\r
++ border-top-left-radius: {border_radius};\r
++ }}\r
++ tr:first-child td:last-child {{\r
++ border-top-right-radius: {border_radius};\r
++ }}\r
++ tr:last-child td:first-child {{\r
++ border-bottom-left-radius: {border_radius};\r
++ }}\r
++ tr:last-child td:last-child {{\r
++ border-bottom-right-radius: {border_radius};\r
++ }}\r
++ tbody:nth-child(4n+1) tr td {{\r
++ background-color: #ffd96e;\r
++ }}\r
++ tbody:nth-child(4n+3) tr td {{\r
++ background-color: #bce;\r
++ }}\r
++ </style>\r
+ </head>\r
+ <body>\r
+ <h2>Notmuch Patches</h2>\r
+@@ -252,7 +283,8 @@ Generated: {date}<br />\r
+ For more infomation see <a href="http://notmuchmail.org/nmbug">nmbug</a>\r
+ </p>\r
+ <h3>Views</h3>\r
+-'''.format(date=datetime.datetime.utcnow().date()),\r
++'''.format(date=datetime.datetime.utcnow().date(),\r
++ border_radius='0.5em'),\r
+ footer='</body>\n</html>\n',\r
+ )\r
+ \r
+-- \r
+1.8.5.2.8.g0f6c0d1\r
+\r
projects / notmuch-archives.git / commitdiff