Главная Обзор Помощь
Регистрация Вход
oscarleiva
/
energylink
1
0
Ответвить 0
Файлы Задачи 0 Запросы на слияние 0 Вики
Дерево: cde1bbff78
Ветки Метки
energylink
/
public
/
emails
/
alert_notification.html

alert_notification.html 11 KB
История Исходник

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    2. 

  2. <html xmlns="http://www.w3.org/1999/xhtml" xmlns="http://www.w3.org/1999/xhtml">
    3. 

  3. <head>
    4. 

  4. 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    5. 

  5. 	<meta name="viewport" content="width=device-width" />
    6. 

  6.    
    7. 

  7. </head>
    8. 

  8. <body style="-ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 19px; margin: 0; min-width: 100%; padding: 0; text-align: left; width: 100% !important"><style type="text/css">
    9. 

  9. body {
    10. 

  10. width: 100% !important; min-width: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; margin: 0; padding: 0;
    11. 

  11. }
    12. 

  12. img {
    13. 

  13. outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; width: auto; max-width: 100%; float: left; clear: both; display: block;
    14. 

  14. }
    15. 

  15. body {
    16. 

  16. color: #222222; font-family: "Helvetica", "Arial", sans-serif; font-weight: normal; padding: 0; margin: 0; text-align: left; line-height: 1.3;
    17. 

  17. }
    18. 

  18. body {
    19. 

  19. font-size: 14px; line-height: 19px;
    20. 

  20. }
    21. 

  21. a:hover {
    22. 

  22. color: #2795b6 !important;
    23. 

  23. }
    24. 

  24. a:active {
    25. 

  25. color: #2795b6 !important;
    26. 

  26. }
    27. 

  27. a:visited {
    28. 

  28. color: #2ba6cb !important;
    29. 

  29. }
    30. 

  30. body {
    31. 

  31. font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;
    32. 

  32. }
    33. 

  33. a:hover {
    34. 

  34. color: #ff8f2b !important;
    35. 

  35. }
    36. 

  36. a:active {
    37. 

  37. color: #F2821E !important;
    38. 

  38. }
    39. 

  39. a:visited {
    40. 

  40. color: #E67612 !important;
    41. 

  41. }
    42. 

  42. .better-button:hover a {
    43. 

  43. color: #FFFFFF !important; background-color: #F2821E; border: 1px solid #F2821E;
    44. 

  44. }
    45. 

  45. .better-button:visited a {
    46. 

  46. color: #FFFFFF !important;
    47. 

  47. }
    48. 

  48. .better-button:active a {
    49. 

  49. color: #FFFFFF !important;
    50. 

  50. }
    51. 

  51. @media only screen and (max-width: 600px) {
    52. 

  52.   table[class="body"] img {
    53. 

  53.     width: auto !important; height: auto !important;
    54. 

  54.   }
    55. 

  55.   table[class="body"] center {
    56. 

  56.     min-width: 0 !important;
    57. 

  57.   }
    58. 

  58.   table[class="body"] .container {
    59. 

  59.     width: 95% !important;
    60. 

  60.   }
    61. 

  61.   table[class="body"] .row {
    62. 

  62.     width: 100% !important; display: block !important;
    63. 

  63.   }
    64. 

  64.   table[class="body"] .wrapper {
    65. 

  65.     display: block !important; padding-right: 0 !important;
    66. 

  66.   }
    67. 

  67.   table[class="body"] .columns {
    68. 

  68.     table-layout: fixed !important; float: none !important; width: 100% !important; padding-right: 0px !important; padding-left: 0px !important; display: block !important;
    69. 

  69.   }
    70. 

  70.   table[class="body"] table.columns td {
    71. 

  71.     width: 100% !important;
    72. 

  72.   }
    73. 

  73.   table[class="body"] .columns td.six {
    74. 

  74.     width: 50% !important;
    75. 

  75.   }
    76. 

  76.   table[class="body"] table.columns td.expander {
    77. 

  77.     width: 1px !important;
    78. 

  78.   }
    79. 

  79. }
    80. 

  80. </style>
    81. 

  81. 	<table class="body" style="-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; border-collapse: collapse; border-spacing: 0; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; height: 100%; line-height: 19px; margin: 0; padding: 0; text-align: left; vertical-align: top; width: 100%">
    82. 

  82. 		<tr style="padding: 0; text-align: left; vertical-align: top" align="left">
    83. 

  83. 			<td class="center" align="center" valign="top" style="-moz-hyphens: auto; -webkit-font-smoothing: antialiased; -webkit-hyphens: auto; -webkit-text-size-adjust: none; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; hyphens: auto; line-height: 19px; margin: 0; padding: 0; text-align: center; vertical-align: top; word-break: break-word">
    84. 

  84.         <center style="min-width: 580px; width: 100%">
    85. 

  85. 

  86.           <table class="row header" style="background: #333; border-collapse: collapse; border-spacing: 0; padding: 0px; position: relative; text-align: left; vertical-align: top; width: 100%" bgcolor="#333">
    87. 

  87.             <tr style="padding: 0; text-align: left; vertical-align: top" align="left">
    88. 

  88.               <td class="center" align="center" style="-moz-hyphens: auto; -webkit-font-smoothing: antialiased; -webkit-hyphens: auto; -webkit-text-size-adjust: none; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; hyphens: auto; line-height: 19px; margin: 0; padding: 0; text-align: center; vertical-align: top; word-break: break-word" valign="top">
    89. 

  89.                 <center style="min-width: 580px; width: 100%">
    90. 

  90. 

  91.                   <table class="container" style="border-collapse: collapse; border-spacing: 0; margin: 0 auto; padding: 0; text-align: inherit; vertical-align: top; width: 580px">
    92. 

  92.                     <tr style="padding: 0; text-align: left; vertical-align: top" align="left">
    93. 

  93.                       <td class="wrapper last" style="-moz-hyphens: auto; -webkit-font-smoothing: antialiased; -webkit-hyphens: auto; -webkit-text-size-adjust: none; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; hyphens: auto; line-height: 19px; margin: 0; padding: 10px 0px 0px; position: relative; text-align: left; vertical-align: top; word-break: break-word" align="left" valign="top">
    94. 

  94. 

  95.                         <table class="twelve columns" style="border-collapse: collapse; border-spacing: 0; margin: 0 auto; padding: 0; text-align: left; vertical-align: top; width: 580px">
    96. 

  96.                           <tr style="padding: 0; text-align: left; vertical-align: top" align="left">
    97. 

  97.                             <td class="six sub-columns center" style="-moz-hyphens: auto; -webkit-font-smoothing: antialiased; -webkit-hyphens: auto; -webkit-text-size-adjust: none; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; hyphens: auto; line-height: 19px; margin: 0; min-width: 0px; padding: 0px 10px 10px 0px; text-align: center; vertical-align: top; width: 50%; word-break: break-word" align="center" valign="top">
    98. 

  98. 															<img src="http://docs.grafana.org/img/logo_transparent_200x75.png" style="-ms-interpolation-mode: bicubic; clear: both; display: inline; float: none; max-width: 100%; outline: none; text-decoration: none; width: 150px" align="none" />
    99. 

  99.                             </td>
    100. 

  100. 														<td class="expander" style="-moz-hyphens: auto; -webkit-font-smoothing: antialiased; -webkit-hyphens: auto; -webkit-text-size-adjust: none; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; hyphens: auto; line-height: 19px; margin: 0; padding: 0; text-align: left; vertical-align: top; visibility: hidden; width: 0px; word-break: break-word" align="left" valign="top"></td>
    101. 

  101.                           </tr>
    102. 

  102.                         </table>
    103. 

  103. 

  104.                       </td>
    105. 

  105.                     </tr>
    106. 

  106.                   </table>
    107. 

  107. 

  108.                 </center>
    109. 

  109.               </td>
    110. 

  110.             </tr>
    111. 

  111.           </table>
    112. 

  112. 

  113. 					<table class="container" style="border-collapse: collapse; border-spacing: 0; margin: 0 auto; padding: 0; text-align: inherit; vertical-align: top; width: 580px">
    114. 

  114. 						<tr style="padding: 0; text-align: left; vertical-align: top" align="left">
    115. 

  115. 							<td style="-moz-hyphens: auto; -webkit-font-smoothing: antialiased; -webkit-hyphens: auto; -webkit-text-size-adjust: none; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; hyphens: auto; line-height: 19px; margin: 0; padding: 0; text-align: left; vertical-align: top; word-break: break-word" align="left" valign="top">
    116. 

  116. 								{{Subject .Subject "Grafana Alert: {{.Severity}} {{.RuleName}}"}}
    117. 

  117. 

  118. <br />
    119. 

  119. <br />
    120. 

  120. 

  121. Alert rule: {{.RuleName}}<br />
    122. 

  122. Alert state: {{.RuleState}}<br />
    123. 

  123. 

  124. <a href="{{.RuleLink}}" style="color: #E67612; text-decoration: none">Link to alert rule</a>
    125. 

  125. 

  126. <br />
    127. 

  127. 

  128. 

  129. 								
    130. 

  130. 								<table class="row footer" style="border-collapse: collapse; border-spacing: 0; display: block; margin-top: 20px; padding: 0px; position: relative; text-align: left; vertical-align: top; width: 100%">
    131. 

  131. 									<tr style="padding: 0; text-align: left; vertical-align: top" align="left">
    132. 

  132. 										<td class="wrapper last" style="-moz-hyphens: auto; -webkit-font-smoothing: antialiased; -webkit-hyphens: auto; -webkit-text-size-adjust: none; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; hyphens: auto; line-height: 19px; margin: 0; padding: 10px 0px 0px; position: relative; text-align: left; vertical-align: top; word-break: break-word" align="left" valign="top">
    133. 

  133. 											<table class="twelve columns" style="border-collapse: collapse; border-spacing: 0; margin: 0 auto; padding: 0; text-align: left; vertical-align: top; width: 580px">
    134. 

  134. 												<tr style="padding: 0; text-align: left; vertical-align: top" align="left">
    135. 

  135. 													<td align="center" style="-moz-hyphens: auto; -webkit-font-smoothing: antialiased; -webkit-hyphens: auto; -webkit-text-size-adjust: none; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; hyphens: auto; line-height: 19px; margin: 0; padding: 0px 0px 10px; text-align: left; vertical-align: top; word-break: break-word" valign="top">
    136. 

  136. 														<center style="min-width: 580px; width: 100%">
    137. 

  137. 															<p style="-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 19px; margin: 0 0 10px; padding: 0; text-align: center" align="center">
    138. 

  138. 																Sent by <a href="{{.AppUrl}}" style="color: #E67612; text-decoration: none">Grafana v{{.BuildVersion}}</a>
    139. 

  139. 															</p>
    140. 

  140. 														</center>
    141. 

  141. 													</td>
    142. 

  142. 													<td class="expander" style="-moz-hyphens: auto; -webkit-font-smoothing: antialiased; -webkit-hyphens: auto; -webkit-text-size-adjust: none; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; hyphens: auto; line-height: 19px; margin: 0; padding: 0; text-align: left; vertical-align: top; visibility: hidden; width: 0px; word-break: break-word" align="left" valign="top"></td>
    143. 

  143. 												</tr>
    144. 

  144. 											</table>
    145. 

  145. 										</td>
    146. 

  146. 									</tr>
    147. 

  147. 								</table>
    148. 

  148. 

  149. 								
    150. 

  150. 							</td>
    151. 

  151. 						</tr>
    152. 

  152. 

  153. 					</table>
    154. 

  154. 				</center>
    155. 

  155. 			</td>
    156. 

  156. 		</tr>
    157. 

  157. 

  158. 	</table>
    159. 

  159. </body>
    160. 

  160. </html>
    161.