1 files changed, 53 insertions, 28 deletions
diff --git a/plugins/CoreHome/templates/ReportRenderer/_htmlReportHeader.twig b/plugins/CoreHome/templates/ReportRenderer/_htmlReportHeader.twig
index 7b8ce0a5d5..01e21348ff 100644
--- a/plugins/CoreHome/templates/ReportRenderer/_htmlReportHeader.twig
+++ b/plugins/CoreHome/templates/ReportRenderer/_htmlReportHeader.twig
@@ -1,37 +1,62 @@
-<html>
+{% set fontStyle = "color:#0d0d0d;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Cantarell, 'Helvetica Neue', sans-serif; "%}
+{% set styleParagraph = 'font-size:15px;line-height:24px;margin:0 0 16px;' %}
+
+<html style="background-color:#edecec">
+
 <head>
     <meta charset="utf-8">
     <meta name="robots" content="noindex,nofollow">
+    <meta name="generator" content="Piwik Analytics">
 </head>
-<body style="font-family: {{ reportFontFamily }}; color: rgb({{ reportTextColor }});line-height: 1.33;">
-
-<a id="reportTop" rel="noreferrer" target="_blank" href="{{ currentPath }}"><img title="{{ 'General_GoTo'|translate("Piwik") }}" border="0" alt="Piwik" src='{{ logoHeader }}'/></a>
 
-<h1 style="font-weight:normal; color: rgb({{ reportTitleTextColor }}); font-size: {{ reportTitleTextSize }}pt;">
-    {{ reportTitle }}
-</h1>
+<body style="{{fontStyle}} line-height: 24px; margin:0 auto; max-width:1000px; background-color:rgb(255, 255, 255);box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);">
 
-<p>
-    {{ description }} - {{ 'General_DateRange'|translate }} {{ prettyDate }}
-</p>
+  <a name="reportTop"></a>
 
-{% if displaySegment %}
-<p style="color: rgb({{ reportTitleTextColor }});">
-    {{ 'ScheduledReports_CustomVisitorSegment'|translate("Piwik") }} {{ segmentName }}
-</p>
-{% endif %}
+  <table style="width:100%; background-color:#37474f; padding:10px 0; margin: 0 0 25px 0; height:64px;">
+    <tr>
+      <td>
+          <a style="font-size:16px;padding:0 15px;color:#ffffff;height: 22px;display: inline-block;vertical-align: inherit;" rel="noreferrer" target="_blank" href="{{ piwikUrl }}" style="lineheight:17px">
+              <img src="{{ piwikUrl }}/plugins/Morpheus/images/logo-email.png" height="20px" width="auto" alt="Piwik, {{ 'General_OpenSourceWebAnalytics'|translate }}" />
+          </a>
+      </td>
+      <td align="right">
+          <a style="font-size:16px; padding:0 15px; color:#ffffff" title="{{'Dashboard_TopLinkTooltip'|translate(websiteName)}}" target="_blank" href="{{ piwikUrl }}{{ linkTo({'module': 'CoreHome', 'action': 'index', 'idSite': idSite, 'period': period, 'date': date, 'token_auth': null, 'method': null, 'idReport': null, 'outputType': null, 'format': null})|raw }}">
+              {{ 'Dashboard_Dashboard'|translate }}
+          </a>
+      </td>
+    </tr>
+  </table>
 
-{% if reportMetadata|length > 1 %}
-    <h2 style="font-weight:normal; color: rgb({{ reportTitleTextColor }}); font-size: {{ reportTitleTextSize }}pt;">
-        {{ 'ScheduledReports_TableOfContent'|translate }}
+  <div style="margin:0 20px;">
+    <h2 style='{{fontStyle}} color:#37474f; line-height:30px; margin:25px 0 15px 0;'>
+        {{'ScheduledReports_EmailHello'|translate}}
     </h2>
-    <ul>
-        {% for metadata in reportMetadata %}
-            <li>
-                <a href="#{{ metadata.uniqueId }}" style="text-decoration:none; color: rgb({{ reportTextColor }});">
-                    {{ metadata.name }}
-                </a>
-            </li>
-        {% endfor %}
-    </ul>
-{% endif %}
+
+    <p style='{{styleParagraph}}{{fontStyle}}'>
+        {{'ScheduledReports_PleaseFindBelow'|translate(period,reportTitle)}}
+        <br />{{ description }}
+        <br />{{ 'General_DateRange'|translate }} {{ prettyDate }}
+        <br />{{ 'ScheduledReports_SentFromX'|translate(piwikUrl) }}
+    </p>
+
+    {% if displaySegment %}
+        <p style="{{styleParagraph}}{{fontStyle}}">
+            {{ 'ScheduledReports_CustomVisitorSegment'|translate("Piwik") }} {{ segmentName }}
+        </p>
+    {% endif %}
+
+    {% if reportMetadata|length > 1 %}
+        <h2 style="{{fontStyle}}font-weight:normal; font-size: {{ reportTitleTextSize }}pt;">
+            {{ 'ScheduledReports_TableOfContent'|translate }}
+        </h2>
+        <ul>
+            {% for metadata in reportMetadata %}
+                <li>
+                    <a href="#{{ metadata.uniqueId }}" style="text-decoration:none; color: rgb({{ reportTextColor }});">
+                        {{ metadata.name }}
+                    </a>
+                </li>
+            {% endfor %}
+        </ul>
+    {% endif %}