feat: add Elastic skin support (#37)

* Elastic Skin Support

Elastic Skin Support

* Update composer.json

* Update authres_status.php

Updating Code

* Update composer.json

* CSS & Icon Changes

CSS & Icon Changes

* Icon Update

New Icon

* Update composer.json

* chore: lint

Co-authored-by: Pim <[email protected]>
Co-authored-by: Andrey <[email protected]>

authres_status.php

@@ -67,6 +67,7 @@ public function init()
         $this->add_hook('storage_init', array($this, 'storage_init'));
         $this->add_hook('messages_list', array($this, 'messages_list'));
         $this->add_hook('message_headers_output', array($this, 'message_headers'));
+        $this->add_hook('template_object_messagesummary', array($this, 'message_summary'));
 
         $dont_override = $rcmail->config->get('dont_override', array());
 
@@ -153,7 +154,7 @@ public function preferences_section($args)
     {
         $args['list']['authres_status'] = array(
             'id' => 'authres_status',
-            'section' => rcube::Q($this->gettext('section_title'))
+            'section' => rcube_utils::rep_specialchars_output($this->gettext('section_title'))
         );
 
         return $args;
@@ -227,10 +228,9 @@ public function messages_list($p)
         }
 
         return $p;
-    }
-
-    public function message_headers($p)
-    {
+		}
+
+		private function populate_message_headers($p){
         /* We only have to check the headers once and this method is executed more than once,
         /* so let's cache the result
         */
@@ -240,13 +240,21 @@ public function message_headers($p)
             $show_statuses = (int)rcmail::get_instance()->config->get('show_statuses');
             $this->img_status = $this->get_authentication_status($p['headers'], $show_statuses, (int)$_GET["_uid"]);
         }
+	}
+    public function message_headers($p)
+    {
+        $this->populate_message_headers($p);
 
         $p['output']['from']['value'] = $this->img_status . $p['output']['from']['value'];
         $p['output']['from']['html'] = true;
 
         return $p;
     }
-
+
+	public function message_summary($p){
+	return array('content' => preg_replace('/(<span>\s*)()(From)/', '$1' . $this->img_status . ' $3', $p['content']));
+	}
+
     /* See https://tools.ietf.org/html/rfc5451
     */
     public function rfc5451_extract_authresheader($headers)

skins/autumn-larry/authres_status.css

@@ -0,0 +1,42 @@
+/* Autumn-Larry */
+
+.webkit .messagelist tr > .authres_status
+{
+  width: 20px;
+}
+
+.messagelist tr > .authres_status {
+  width: 20px;
+  padding: 2px 3px;
+  text-align: center;
+}
+
+.messagelist tr > .authres_status span {
+  display: inline-block;
+  vertical-align: middle;
+  background: url(badge.png) center no-repeat;
+}
+
+#sections-table tbody #rcmrowauthres_status td.section {
+	background-image: url(badge.png);
+	background-position: 10px 5px;
+}
+
+#sections-table tbody #rcmrowauthres_status.selected td.section {
+	background-image: url(badge2.png);
+	background-repeat: no-repeat;
+	background-position: 10px 5px;
+}
+
+.authres-status-img {
+    vertical-align: top;
+    height: 14px;
+    width: 14px;
+}
+
+.widescreen .authres-status-img {
+    position: relative;
+    top: -1px;
+    height: 12px;
+    width: 12px;
+}

skins/black-larry/authres_status.css

@@ -0,0 +1,42 @@
+/* Black-Larry */
+
+.webkit .messagelist tr > .authres_status
+{
+  width: 20px;
+}
+
+.messagelist tr > .authres_status {
+  width: 20px;
+  padding: 2px 3px;
+  text-align: center;
+}
+
+.messagelist tr > .authres_status span {
+  display: inline-block;
+  vertical-align: middle;
+  background: url(badge.png) center no-repeat;
+}
+
+#sections-table tbody #rcmrowauthres_status td.section {
+	background-image: url(badge.png);
+	background-position: 10px 5px;
+}
+
+#sections-table tbody #rcmrowauthres_status.selected td.section {
+	background-image: url(badge2.png);
+	background-repeat: no-repeat;
+	background-position: 10px 5px;
+}
+
+.authres-status-img {
+    vertical-align: top;
+    height: 14px;
+    width: 14px;
+}
+
+.widescreen .authres-status-img {
+    position: relative;
+    top: -1px;
+    height: 12px;
+    width: 12px;
+}

skins/blue-larry/authres_status.css

@@ -0,0 +1,42 @@
+/* Blue-Larry */
+
+.webkit .messagelist tr > .authres_status
+{
+    width: 20px;
+}
+
+.messagelist tr > .authres_status {
+    width: 20px;
+    padding: 2px 3px;
+    text-align: center;
+}
+
+.messagelist tr > .authres_status span {
+    display: inline-block;
+    vertical-align: middle;
+    background: url(badge.png) center no-repeat;
+}
+
+#sections-table tbody #rcmrowauthres_status td.section {
+	background-image: url(badge2.png);
+	background-position: 10px 5px;
+}
+
+#sections-table tbody #rcmrowauthres_status.selected td.section {
+	background-image: url(badge.png);
+	background-repeat: no-repeat;
+	background-position: 10px 5px;
+}
+
+.authres-status-img {
+    vertical-align: top;
+    height: 14px;
+    width: 14px;
+}
+
+.widescreen .authres-status-img {
+    position: relative;
+    top: -1px;
+    height: 12px;
+    width: 12px;
+}

skins/elastic/authres_status.css

@@ -0,0 +1,36 @@
+.listing.iconized tr.authres_status>td.section:before {
+  content: "\f3ed"
+}
+
+.webkit .messagelist tr > .authres_status
+{
+    width: 20px;
+}
+
+.messagelist tr > .authres_status {
+    width: 20px;
+    padding: 2px 3px;
+    text-align: center;
+}
+
+.messagelist tr > .authres_status span {
+    display: inline-block;
+    vertical-align: middle;
+    background: url(badge.png) center no-repeat;
+}
+
+#sections-table tbody #rcmrowauthres_status td.section {
+    background-image: url(badge.png);
+    background-repeat: no-repeat;
+    background-position: 10px 5px;
+}
+
+.authres-status-img {
+}
+
+.widescreen .authres-status-img {
+    position: relative;
+    top: -1px;
+    height: 12px;
+    width: 12px;
+}

skins/green-larry/authres_status.css

@@ -0,0 +1,42 @@
+/* Green-Larry */
+
+.webkit .messagelist tr > .authres_status
+{
+  width: 20px;
+}
+
+.messagelist tr > .authres_status {
+  width: 20px;
+  padding: 2px 3px;
+  text-align: center;
+}
+
+.messagelist tr > .authres_status span {
+  display: inline-block;
+  vertical-align: middle;
+  background: url(badge.png) center no-repeat;
+}
+
+#sections-table tbody #rcmrowauthres_status td.section {
+	background-image: url(badge.png);
+	background-position: 10px 5px;
+}
+
+#sections-table tbody #rcmrowauthres_status.selected td.section {
+	background-image: url(badge2.png);
+	background-repeat: no-repeat;
+	background-position: 10px 5px;
+}
+
+.authres-status-img {
+    vertical-align: top;
+    height: 14px;
+    width: 14px;
+}
+
+.widescreen .authres-status-img {
+    position: relative;
+    top: -1px;
+    height: 12px;
+    width: 12px;
+}

skins/grey-larry/authres_status.css

@@ -0,0 +1,42 @@
+/* grey-larry */
+
+.webkit .messagelist tr > .authres_status
+{
+  width: 20px;
+}
+
+.messagelist tr > .authres_status {
+  width: 20px;
+  padding: 2px 3px;
+  text-align: center;
+}
+
+.messagelist tr > .authres_status span {
+  display: inline-block;
+  vertical-align: middle;
+  background: url(badge.png) center no-repeat;
+}
+
+#sections-table tbody #rcmrowauthres_status td.section {
+	background-image: url(badge.png);
+	background-position: 10px 5px;
+}
+
+#sections-table tbody #rcmrowauthres_status.selected td.section {
+	background-image: url(badge2.png);
+	background-repeat: no-repeat;
+	background-position: 10px 5px;
+}
+
+.authres-status-img {
+    vertical-align: top;
+    height: 14px;
+    width: 14px;
+}
+
+.widescreen .authres-status-img {
+    position: relative;
+    top: -1px;
+    height: 12px;
+    width: 12px;
+}

skins/larry/authres_status.css

@@ -1,3 +1,4 @@
+/* Larry */
 
 .webkit .messagelist tr > .authres_status
 {
@@ -17,8 +18,14 @@
 }
 
 #sections-table tbody #rcmrowauthres_status td.section {
-    background-image: url(badge.png);
-    background-position: 10px 5px;
+	background-image: url(badge.png);
+	background-position: 10px 5px;
+}
+
+#sections-table tbody #rcmrowauthres_status.selected td.section {
+	background-image: url(badge2.png);
+	background-repeat: no-repeat;
+	background-position: 10px 5px;
 }
 
 .authres-status-img {

skins/pink-larry/authres_status.css

@@ -0,0 +1,42 @@
+/* Pink-Larry */
+
+.webkit .messagelist tr > .authres_status
+{
+  width: 20px;
+}
+
+.messagelist tr > .authres_status {
+  width: 20px;
+  padding: 2px 3px;
+  text-align: center;
+}
+
+.messagelist tr > .authres_status span {
+  display: inline-block;
+  vertical-align: middle;
+  background: url(badge.png) center no-repeat;
+}
+
+#sections-table tbody #rcmrowauthres_status td.section {
+	background-image: url(badge.png);
+	background-position: 10px 5px;
+}
+
+#sections-table tbody #rcmrowauthres_status.selected td.section {
+	background-image: url(badge2.png);
+	background-repeat: no-repeat;
+	background-position: 10px 5px;
+}
+
+.authres-status-img {
+    vertical-align: top;
+    height: 14px;
+    width: 14px;
+}
+
+.widescreen .authres-status-img {
+    position: relative;
+    top: -1px;
+    height: 12px;
+    width: 12px;
+}