From f4265f057ba71221b005cbec753420fd317208d3 Mon Sep 17 00:00:00 2001
From: Vitaliy Filippov <vitalif@yourcmc.ru>
Date: Thu, 16 Jun 2016 22:05:56 +0300
Subject: [PATCH] add icons in table listview

---
 icons/document_read.png | Bin 0 -> 277 bytes
 mail.css                |  26 ++++++++++++++++++++++++++
 mail.htm                |  18 +++++++++++++++++-
 3 files changed, 43 insertions(+), 1 deletion(-)
 create mode 100644 icons/document_read.png

diff --git a/icons/document_read.png b/icons/document_read.png
new file mode 100644
index 0000000000000000000000000000000000000000..8707a7892b40b626f1010774b46c169ffb1eeb3b
GIT binary patch
literal 277
zcmV+w0qXvVP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV0002oNkl<ZI1!~%
zQ3}E^3~h&pQt?+%@FbqV8+d|wk*S-4AL7tms;fy{OWJfpXrVMs-g|i|)z(^-vx*!t
za%WuN(zGS`+4CHWyWM8BVE12$Be-4FFKhbV8WU~EVXdm42Zwd19DxZs5Of$C7sqqc
zez=QZ1S}vHJaG&r)ONj8S}S$EzvsLt1PCqpD9w3376RnJTlTmi01MHQ0yIFnTg0WS
z5Fn@j^TU6DlK6o5`pG3HkOEo(Dgi`6szu7d2*5kt9^KeaBr0OKh90%cQ4_KJi4)*d
bDO=zRTvl~QM7%<}00000NkvXXu0mjfQuuNA

literal 0
HcmV?d00001

diff --git a/mail.css b/mail.css
index 0c86775..81354bf 100644
--- a/mail.css
+++ b/mail.css
@@ -872,6 +872,31 @@ div
 	border-bottom: 1px solid #dadce0;
 }
 
+.message-list .listview .message .icon
+{
+	position: absolute;
+	left: 20%;
+	width: 20px;
+	height: 30px;
+	background: url(icons/mail_read.png) 0px 7px no-repeat;
+}
+
+.message-list .listview .message.unread .icon,
+.message-list .listview .message.unseen .icon
+{
+	background: url(icons/mail_unread.png) 0px 7px no-repeat;
+}
+
+.message-list .listview .message.unloaded .icon
+{
+	background: url(icons/document_read.png) 0px 7px no-repeat;
+}
+
+.message-on-right .message-list .listview .message .icon
+{
+	display: none;
+}
+
 .message-list .listview .message .subject
 {
 	position: absolute;
@@ -887,6 +912,7 @@ div
 .message-on-bottom .message-list .listview .message .subject,
 .message-invisible .message-list .listview .message .subject
 {
+	padding-left: 20px;
 	left: 20%;
 	width: 60%;
 }
diff --git a/mail.htm b/mail.htm
index 18b7138..1d474d3 100644
--- a/mail.htm
+++ b/mail.htm
@@ -465,6 +465,7 @@
         <div class="day first-day">TODAY</div>
         <div class="day-list">
             <div class="message unseen">
+                <div class="icon"></div>
                 <div class="subject">Bug#827127: ITP: profile-sync-daemon -- Symlinks and syncs browser profile dirs to RAM thus reducing HDD/SDD calls and speeding-up browsers.</div>
                 <div class="bullet"></div>
                 <div class="from">Jan Luca Naumann</div>
@@ -473,6 +474,7 @@
                 <div class="time">19:31</div>
             </div>
             <div class="message unread">
+                <div class="icon"></div>
                 <div class="subject">Re: холод)))</div>
                 <div class="bullet"></div>
                 <div class="from">Margarita Philippova</div>
@@ -481,6 +483,7 @@
                 <div class="time">14:03</div>
             </div>
             <div class="message selected">
+                <div class="icon"></div>
                 <div class="subject">Re: холод)))</div>
                 <div class="bullet"></div>
                 <div class="from">Margarita Philippova</div>
@@ -492,6 +495,7 @@
         <div class="day">YESTERDAY</div>
         <div class="day-list">
             <div class="message">
+                <div class="icon"></div>
                 <div class="subject">интересно про Сингапур</div>
                 <div class="bullet"></div>
                 <div class="from">Margarita Philippova</div>
@@ -502,6 +506,7 @@
         <div class="day">THURSDAY</div>
         <div class="day-list">
             <div class="message">
+                <div class="icon"></div>
                 <div class="subject">Re: [mediawiki4intranet/IntraACL] Manage Groups (#59)</div>
                 <div class="bullet"></div>
                 <div class="from">Serze</div>
@@ -510,6 +515,7 @@
             </div>
             <!-- -->
             <div class="message">
+                <div class="icon"></div>
                 <div class="subject">Bug#827127: ITP: profile-sync-daemon -- Symlinks and syncs browser profile dirs to RAM thus reducing HDD/SDD calls and speeding-up browsers.</div>
                 <div class="bullet"></div>
                 <div class="from">Jan Luca Naumann</div>
@@ -517,6 +523,7 @@
                 <div class="time">19:31</div>
             </div>
             <div class="message">
+                <div class="icon"></div>
                 <div class="subject">Re: холод)))</div>
                 <div class="bullet"></div>
                 <div class="from">Margarita Philippova</div>
@@ -524,6 +531,7 @@
                 <div class="time">14:03</div>
             </div>
             <div class="message">
+                <div class="icon"></div>
                 <div class="subject">Re: холод)))</div>
                 <div class="bullet"></div>
                 <div class="from">Margarita Philippova</div>
@@ -531,6 +539,7 @@
                 <div class="time">13:49</div>
             </div>
             <div class="message">
+                <div class="icon"></div>
                 <div class="subject">Bug#827127: ITP: profile-sync-daemon -- Symlinks and syncs browser profile dirs to RAM thus reducing HDD/SDD calls and speeding-up browsers.</div>
                 <div class="bullet"></div>
                 <div class="from">Jan Luca Naumann</div>
@@ -538,6 +547,7 @@
                 <div class="time">19:31</div>
             </div>
             <div class="message">
+                <div class="icon"></div>
                 <div class="subject">Re: холод)))</div>
                 <div class="bullet"></div>
                 <div class="from">Margarita Philippova</div>
@@ -545,6 +555,7 @@
                 <div class="time">14:03</div>
             </div>
             <div class="message">
+                <div class="icon"></div>
                 <div class="subject">Re: холод)))</div>
                 <div class="bullet"></div>
                 <div class="from">Margarita Philippova</div>
@@ -552,6 +563,7 @@
                 <div class="time">13:49</div>
             </div>
             <div class="message">
+                <div class="icon"></div>
                 <div class="subject">Bug#827127: ITP: profile-sync-daemon -- Symlinks and syncs browser profile dirs to RAM thus reducing HDD/SDD calls and speeding-up browsers.</div>
                 <div class="bullet"></div>
                 <div class="from">Jan Luca Naumann</div>
@@ -559,6 +571,7 @@
                 <div class="time">19:31</div>
             </div>
             <div class="message">
+                <div class="icon"></div>
                 <div class="subject">Re: холод)))</div>
                 <div class="bullet"></div>
                 <div class="from">Margarita Philippova</div>
@@ -566,6 +579,7 @@
                 <div class="time">14:03</div>
             </div>
             <div class="message">
+                <div class="icon"></div>
                 <div class="subject">Re: холод)))</div>
                 <div class="bullet"></div>
                 <div class="from">Margarita Philippova</div>
@@ -573,6 +587,7 @@
                 <div class="time">13:49</div>
             </div>
             <div class="message">
+                <div class="icon"></div>
                 <div class="subject">Bug#827127: ITP: profile-sync-daemon -- Symlinks and syncs browser profile dirs to RAM thus reducing HDD/SDD calls and speeding-up browsers.</div>
                 <div class="bullet"></div>
                 <div class="from">Jan Luca Naumann</div>
@@ -580,6 +595,7 @@
                 <div class="time">19:31</div>
             </div>
             <div class="message">
+                <div class="icon"></div>
                 <div class="subject">Re: холод)))</div>
                 <div class="bullet"></div>
                 <div class="from">Margarita Philippova</div>
@@ -587,6 +603,7 @@
                 <div class="time">14:03</div>
             </div>
             <div class="message">
+                <div class="icon"></div>
                 <div class="subject">Re: холод)))</div>
                 <div class="bullet"></div>
                 <div class="from">Margarita Philippova</div>
@@ -661,7 +678,6 @@
 </div>
 <script>
 <!--
-// TODO: read/unread/unfetched icons before subject in bottom/list-only views
 // TODO: expand/collapse days, handle up/down (switch messages -> days -> messages -> scroll), pgup/pgdown, home/end keys
 // TODO: keyboard navigation in dropdowns
 // TODO: message multiselect in list (with ctrl, shift and keyboard)