Trang chủ Khám phá Trợ giúp
Đăng ký Đăng nhập
oscarleiva
/
energylink
1
0
Fork 0
Các tập tin Các vấn đề 0 Yêu cầu khéo về 0 Wiki
Browse Source

emails(): updated email templates

Torkel Ödegaard 10 năm trước cách đây
mục cha
75c1c1bccc
commit
06a32ce7be
2 tập tin đã thay đổi với 131 bổ sung và 55 xóa
View chưa được định nghĩa Hiển thị tình trạng sai khác
  1. 67 30
      public/emails/reset_password.html
  2. 64 25
      public/emails/welcome_on_signup.html

+ 67 - 30
public/emails/reset_password.html
Xem Tập Tin 

@@ -1,34 +1,71 @@
 
 {{Subject .Subject "Reset your Grafana password - {{.Name}}"}}
 
 {{Subject .Subject "Reset your Grafana password - {{.Name}}"}}
 
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns="http://www.w3.org/1999/xhtml" style="font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;">
 
+  <head>
 
+<!-- If you delete this meta tag, Half Life 3 will never be released. -->
 
+    <meta name="viewport" content="width=device-width" />
 
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 
+    <title></title>
 
+  </head>
 
+  <body bgcolor="#FFFFFF" style="font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; width: 100% !important; height: 100%; margin: 0; padding: 0;"><style type="text/css">
 
+@media only screen and (max-width: 600px) {
 
+  a[class="btn"] {
 
+    display: block !important; margin-bottom: 10px !important; background-image: none !important; margin-right: 0 !important;
 
+  }
 
+  div[class="column"] {
 
+    width: auto !important; float: none !important;
 
+  }
 
+  table.social div[class="column"] {
 
+    width: auto !important;
 
+  }
 
+}
 
+</style>
 
 
 
-<!DOCTYPE html>
 
-<html>
 
-<head>
 
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
-<title>{{.Name}}, please reset your password</title>
 
-</head>
 
-<body style="background:#eee;">
 
-<div style="color:#333; font:12px/1.5 Tahoma,Arial,sans-serif;; text-shadow:1px 1px #fff; padding:0; margin:0;">
 
-    <div style="width:600px;margin:0 auto; padding:40px 0 20px;">
 
-        <div style="border:1px solid #d9d9d9;border-radius:3px; background:#fff; box-shadow: 0px 2px 5px rgba(0, 0, 0,.05); -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0,.05);">
 
-            <div style="padding: 20px 15px;">
 
-                <div style="padding:40px 15px;">
 
-                    <div style="font-size:16px; padding-bottom:30px; font-weight:bold;">
 
-                        Hi <span style="color: #00BFFF;">{{.Name}}</span>,
 
-                    </div>
 
-                    <div style="font-size:14px; padding:0 15px;">
 
-						<p style="margin:0;padding:0 0 9px 0;">Please click the following link to reset your password within <b>{{.EmailCodeValidHours}} hours</b>.</p>
 
-						<p style="margin:0;padding:0 0 9px 0;">
 
-							<a href="{{.AppUrl}}/user/password/reset?code={{.Code}}">{{.AppUrl}}user/password/reset?code={{.Code}}</a>
 
-						</p>
 
-						<p style="margin:0;padding:0 0 9px 0;">Not working? Try copying and pasting it to your browser.</p>
 
-                    </div>
 
-                </div>
 
-            </div>
 
-        </div>
 
-        <div style="color:#aaa;padding:10px;text-align:center;">
 
-            © 2014 <a style="color:#888;text-decoration:none;" target="_blank" href="http://grafana.org">Grafana</a>
 
-        </div>
 
-    </div>
 
-</div>
 
+<!-- HEADER -->
 
+<table class="head-wrap" bgcolor="#666666" style="font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; width: 100%; margin: 0; padding: 0;"><tr style="font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;"><td style="font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;"></td>
 
+        <td class="header container" style="font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; display: block !important; max-width: 600px !important; clear: both !important; margin: 0 auto; padding: 0;">
 
+
 
+                <div class="content" style="font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; max-width: 600px; display: block; margin: 0 auto; padding: 15px;">
 
+                <table style="font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; width: 100%; margin: 0; padding: 0;"><tr style="font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;"><td align="center" style="font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;"><img src="http://grafana.org/assets/img/logo_transparent_200x75.png" alt="Grafnaa" style="width: 200px; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; max-width: 100%; margin: 0; padding: 0;" /></td>
 
+                    </tr></table></div>
 
+
 
+        </td>
 
+        <td style="font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;"></td>
 
+    </tr></table><!-- /HEADER --><!-- BODY --><table class="body-wrap" style="font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; width: 100%; margin: 0; padding: 0;"><tr style="font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;"><td style="font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;"></td>
 
+        <td class="container" bgcolor="#FFFFFF" style="font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; display: block !important; max-width: 600px !important; clear: both !important; margin: 0 auto; padding: 0;">
 
+
 
+            <div class="content" style="font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; max-width: 600px; display: block; margin: 0 auto; padding: 15px;">
 
+            <table style="font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; width: 100%; margin: 0; padding: 0;"><tr style="font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;">
 
+                <td align="left" style="font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;">
 
+                        <p style="font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 14px; line-height: 1.6; margin: 25px 0 15px; font-weight:600;">Hi {{.Name}},</p>
 
+
 
+                        <p style="font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 14px; line-height: 1.6; margin: 0 0 15px;">Please click the following link to reset your password within <b>{{.EmailCodeValidHours}} hours</b>.</p>
 
+                        <p style="font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 14px; line-height: 1.6; margin: 0 0 15px;">
 
+                            <a href="{{.AppUrl}}/user/password/reset?code={{.Code}}">{{.AppUrl}}user/password/reset?code={{.Code}}</a>
 
+                        </p>
 
+                        <p style="font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 14px; line-height: 1.6; margin: 0 0 15px;"></p>
 
+
 
+
 
+                </td>
 
+                </tr>
 
+                <tr style="font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;"><td align="center" style="font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 15px;">
 
+                        <p class="callout" style="font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; color: #999; font-weight: normal; font-size: 14px; line-height: 1.6; margin: 0 0 15px;">
 
+                            Not working? Try copying and pasting it to your browser. </br>Otherwise, dont hesitate to email us at <a href="mailto:contact@grafana.org">contact@grafana.org</a>
 
+                        </p><!-- /Callout Panel -->
 
+                    </td>
 
+                </tr>
 
+                </table></div><!-- /content -->
 
+
 
+        </td>
 
+        <td style="font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;"></td>
 
+    </tr></table><!-- /BODY -->
 
+    <table style="width: 100%">
 
+        <tr>
 
+            <td align="center">
 
+                <p style="font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; color: #999; font-weight: normal; font-size: 14px; line-height: 1.6; margin: 0 0 15px; padding: 15px;">© 2015 <a style="color:#13b2d4;text-decoration:none;" target="_blank" href="https://grafana.org">Grafana</a></p>
 
+            </td>
 
+        </tr>
 
+    </table><!-- /FOOTER -->
 
 </body>
 
 </body>
 
 </html>
 
 </html>
 
+

+ 64 - 25
public/emails/welcome_on_signup.html
Xem Tập Tin 

@@ -1,30 +1,69 @@
 
 {{Subject .Subject "Welcome to Grafana"}}
 
 {{Subject .Subject "Welcome to Grafana"}}
 
 
 
-<!DOCTYPE html>
 
-<html>
 
-<head>
 
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
-<title>{{.Name}} Welcome to Grafana</title>
 
-</head>
 
-<body style="background:#eee;">
 
-<div style="color:#333; font:12px/1.5 Tahoma,Arial,sans-serif;; text-shadow:1px 1px #fff; padding:0; margin:0;">
 
-    <div style="width:600px;margin:0 auto; padding:40px 0 20px;">
 
-        <div style="border:1px solid #d9d9d9;border-radius:3px; background:#fff; box-shadow: 0px 2px 5px rgba(0, 0, 0,.05); -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0,.05);">
 
-            <div style="padding: 20px 15px;">
 
-                <div style="padding:40px 15px;">
 
-                    <div style="font-size:16px; padding-bottom:30px; font-weight:bold;">
 
-                        Hi <span style="color: #00BFFF;">{{.Name}}</span>,
 
-                    </div>
 
-                    <div style="font-size:14px; padding:0 15px;">
 
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns="http://www.w3.org/1999/xhtml" style="font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;">
 
+  <head>
 
+<!-- If you delete this meta tag, Half Life 3 will never be released. -->
 
+    <meta name="viewport" content="width=device-width" />
 
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 
+    <title>{{.CheckType}} {{ .State }} for {{.Endpoint}}"}}</title>
 
+  </head>
 
+  <body bgcolor="#FFFFFF" style="font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; width: 100% !important; height: 100%; margin: 0; padding: 0;"><style type="text/css">
 
+@media only screen and (max-width: 600px) {
 
+  a[class="btn"] {
 
+    display: block !important; margin-bottom: 10px !important; background-image: none !important; margin-right: 0 !important;
 
+  }
 
+  div[class="column"] {
 
+    width: auto !important; float: none !important;
 
+  }
 
+  table.social div[class="column"] {
 
+    width: auto !important;
 
+  }
 
+}
 
+</style>
 
 
 
-                    </div>
 
-                </div>
 
-            </div>
 
-        </div>
 
-        <div style="color:#aaa;padding:10px;text-align:center;">
 
-            © 2014 <a style="color:#888;text-decoration:none;" target="_blank" href="http://grafana.org">Grafana</a>
 
-        </div>
 
-    </div>
 
-</div>
 
+<!-- HEADER -->
 
+<table class="head-wrap" bgcolor="#666666" style="font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; width: 100%; margin: 0; padding: 0;"><tr style="font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;"><td style="font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;"></td>
 
+        <td class="header container" style="font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; display: block !important; max-width: 600px !important; clear: both !important; margin: 0 auto; padding: 0;">
 
+
 
+                <div class="content" style="font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; max-width: 600px; display: block; margin: 0 auto; padding: 15px;">
 
+                <table style="font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; width: 100%; margin: 0; padding: 0;"><tr style="font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;"><td align="center" style="font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;"><img src="http://grafana.org/assets/img/logo_transparent_200x75.png" alt="Grafana" style="width: 200px; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; max-width: 100%; margin: 0; padding: 0;" /></td>
 
+                    </tr></table></div>
 
+
 
+        </td>
 
+        <td style="font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;"></td>
 
+    </tr></table><!-- /HEADER --><!-- BODY --><table class="body-wrap" style="font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; width: 100%; margin: 0; padding: 0;"><tr style="font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;"><td style="font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;"></td>
 
+        <td class="container" bgcolor="#FFFFFF" style="font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; display: block !important; max-width: 600px !important; clear: both !important; margin: 0 auto; padding: 0;">
 
+
 
+            <div class="content" style="font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; max-width: 600px; display: block; margin: 0 auto; padding: 15px;">
 
+            <table style="font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; width: 100%; margin: 0; padding: 0;"><tr style="font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;">
 
+                <td align="left" style="font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;">
 
+                        <p style="font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 14px; line-height: 1.6; margin: 25px 0 15px; font-weight:600;">Hi {{.Name}},</p>
 
+
 
+                        <p class="callout" style="font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 14px; line-height: 1.6; margin: 0 0 15px;">
 
+                        Thanks for signing up, we're happy to have you.
 
+                        </br></br>
 
+                </td>
 
+                </tr><tr style="font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;"><td align="center" style="font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 25 0;">
 
+                      <table border="0" cellspacing="0" cellpadding="0">
 
+                        <tr>
 
+													<td align="center" style="-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;" bgcolor="#13b2d4"><a href="{{.AppUrl}}" target="_blank" style="font-size: 16px; font-family: 'Open Sans', Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; color: #ffffff; text-decoration: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 12px 25px; border: 1px solid #13b2d4; display: inline-block; text-shadow: none;">Log into your Grafana server</a></td>
 
+                        </tr>
 
+                      </table>
 
+                    </td>
 
+                        <!-- Callout Panel -->
 
+                </tr>
 
+                </table></div><!-- /content -->
 
+
 
+        </td>
 
+        <td style="font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;"></td>
 
+    </tr></table><!-- /BODY -->
 
+    <table style="width: 100%">
 
+        <tr>
 
+            <td align="center">
 
+                <p style="font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; color: #999; font-weight: normal; font-size: 14px; line-height: 1.6; margin: 0 0 15px; padding: 15px;">© 2015 <a style="color:#13b2d4;text-decoration:none;" target="_blank" href="https://grafana.org">Grafana</a></p>
 
+            </td>
 
+        </tr>
 
+    </table><!-- /FOOTER -->
 
 </body>
 
 </body>
 
 </html>
 
 </html>