BookStack Code Mirror - bookstack/blob - resources/views/vendor/notifications/email.blade.php

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   2 <html lang="{{ $locale->htmlLang() }}">
   3 <head>
   4     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   5     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
   6
   7     <style type="text/css" rel="stylesheet" media="all">
   8         /* Media Queries */
   9         @media only screen and (max-width: 500px) {
  10             .button {
  11                 width: 100% !important;
  12             }
  13         }
  14
  15         @media only screen and (max-width: 600px) {
  16             .button {
  17                 width: 100% !important;
  18             }
  19             .mobile {
  20                 max-width: 100%;
  21                 display: block;
  22                 width: 100%;
  23             }
  24         }
  25     </style>
  26 </head>
  27
  28 <?php
  29
  30 $style = [
  31     /* Layout ------------------------------ */
  32
  33     'body' => 'margin: 0; padding: 0; width: 100%; background-color: #F2F4F6;color:#444444;',
  34     'email-wrapper' => 'width: 100%; margin: 0; padding: 0; background-color: #F2F4F6;',
  35
  36     /* Masthead ----------------------- */
  37
  38     'email-masthead' => 'padding: 25px 0; text-align: center;',
  39     'email-masthead_name' => 'font-size: 24px; font-weight: 400; color: #2F3133; text-decoration: none; text-shadow: 0 1px 0 white;',
  40
  41     'email-body' => 'width: 100%; margin: 0; padding: 0; border-top: 4px solid '.setting('app-color').'; border-bottom: 1px solid #EDEFF2; background-color: #FFF;',
  42     'email-body_inner' => 'width: auto; max-width: 100%; margin: 0 auto; padding: 0;',
  43     'email-body_cell' => 'padding: 35px;',
  44
  45     'email-footer' => 'width: auto; max-width: 570px; margin: 0 auto; padding: 0; text-align: center;',
  46     'email-footer_cell' => 'color: #AEAEAE; padding: 35px; text-align: center;',
  47
  48     /* Body ------------------------------ */
  49
  50     'body_action' => 'width: 100%; margin: 30px auto; padding: 0; text-align: center;',
  51     'body_sub' => 'margin-top: 25px; padding-top: 25px; border-top: 1px solid #EDEFF2;',
  52
  53     /* Type ------------------------------ */
  54
  55     'anchor' => 'color: '.setting('app-color').';overflow-wrap: break-word;word-wrap: break-word;word-break: break-all;word-break:break-word;',
  56     'header-1' => 'margin-top: 0; color: #2F3133; font-size: 19px; font-weight: bold; text-align: left;',
  57     'paragraph' => 'margin-top: 0; color: #444444; font-size: 16px; line-height: 1.5em;',
  58     'paragraph-sub' => 'margin-top: 0; color: #444444; font-size: 12px; line-height: 1.5em;',
  59     'paragraph-center' => 'text-align: center;',
  60
  61     /* Buttons ------------------------------ */
  62
  63     'button' => 'display: block; display: inline-block; width: 200px; min-height: 20px; padding: 10px;
  64                  background-color: #3869D4; border-radius: 3px; color: #ffffff; font-size: 15px; line-height: 25px;
  65                  text-align: center; text-decoration: none; -webkit-text-size-adjust: none;',
  66
  67     'button--green' => 'background-color: #22BC66;',
  68     'button--red' => 'background-color: #dc4d2f;',
  69     'button--blue' => 'background-color: '.setting('app-color').';',
  70 ];
  71 ?>
  72
  73 <?php $fontFamily = 'font-family: Arial, \'Helvetica Neue\', Helvetica, sans-serif;'; ?>
  74
  75 <body style="{{ $style['body'] }}">
  76     <table width="100%" cellpadding="0" cellspacing="0">
  77         <tr>
  78             <td align="center" class="mobile">
  79                 <table width="600" style="max-width: 100%; padding: 12px;text-align: left;" cellpadding="0" cellspacing="0" class="mobile">
  80                     <tr>
  81                         <td style="{{ $style['email-wrapper'] }}" align="center">
  82                             <table width="100%" cellpadding="0" cellspacing="0">
  83                                 <!-- Logo -->
  84                                 <tr>
  85                                     <td style="{{ $style['email-masthead'] }}">
  86                                         <a style="{{ $fontFamily }} {{ $style['email-masthead_name'] }}" href="{{ url('/') }}" target="_blank">
  87                                             {{ setting('app-name') }}
  88                                         </a>
  89                                     </td>
  90                                 </tr>
  91
  92                                 <!-- Email Body -->
  93                                 <tr>
  94                                     <td style="{{ $style['email-body'] }}" width="100%">
  95                                         <table style="{{ $style['email-body_inner'] }}" align="center" width="100%" cellpadding="0" cellspacing="0">
  96                                             <tr>
  97                                                 <td style="{{ $fontFamily }} {{ $style['email-body_cell'] }}">
  98
  99                                                     <!-- Greeting -->
 100                                                     @if (!empty($greeting) || $level == 'error')
 101                                                     <h1 style="{{ $style['header-1'] }}">
 102                                                         @if (! empty($greeting))
 103                                                             {{ $greeting }}
 104                                                         @else
 105                                                             @if ($level == 'error')
 106                                                                 Whoops!
 107                                                             @endif
 108                                                         @endif
 109                                                     </h1>
 110                                                     @endif
 111
 112                                                     <!-- Intro -->
 113                                                     @foreach ($introLines as $line)
 114                                                         <p style="{{ $style['paragraph'] }}">
 115                                                             {{ $line }}
 116                                                         </p>
 117                                                     @endforeach
 118
 119                                                     <!-- Action Button -->
 120                                                     @if (isset($actionText))
 121                                                         <table style="{{ $style['body_action'] }}" align="center" width="100%" cellpadding="0" cellspacing="0">
 122                                                             <tr>
 123                                                                 <td align="center">
 124                                                                     <?php
 125                                                                     switch ($level) {
 126                                                                         case 'success':
 127                                                                             $actionColor = 'button--green';
 128                                                                             break;
 129                                                                         case 'error':
 130                                                                             $actionColor = 'button--red';
 131                                                                             break;
 132                                                                         default:
 133                                                                             $actionColor = 'button--blue';
 134                                                                     }
 135                                                                     ?>
 136
 137                                                                     <a href="{{ $actionUrl }}"
 138                                                                        style="{{ $fontFamily }} {{ $style['button'] }} {{ $style[$actionColor] }}"
 139                                                                        class="button"
 140                                                                        target="_blank">
 141                                                                         {{ $actionText }}
 142                                                                     </a>
 143                                                                 </td>
 144                                                             </tr>
 145                                                         </table>
 146                                                     @endif
 147
 148                                                     <!-- Outro -->
 149                                                     @foreach ($outroLines as $line)
 150                                                         <p style="{{ $style['paragraph-sub'] }}">
 151                                                             {{ $line }}
 152                                                         </p>
 153                                                     @endforeach
 154
 155
 156                                                     <!-- Sub Copy -->
 157                                                     @if (isset($actionText))
 158                                                         <table style="{{ $style['body_sub'] }}">
 159                                                             <tr>
 160                                                                 <td style="{{ $fontFamily }}">
 161                                                                     <p style="{{ $style['paragraph-sub'] }}">
 162                                                                         {{ $locale->trans('common.email_action_help', ['actionText' => $actionText]) }}
 163                                                                     </p>
 164
 165                                                                     <p style="{{ $style['paragraph-sub'] }}">
 166                                                                         <a style="{{ $style['anchor'] }}" href="{{ $actionUrl }}" target="_blank">
 167                                                                             {{ $actionUrl }}
 168                                                                         </a>
 169                                                                     </p>
 170                                                                 </td>
 171                                                             </tr>
 172                                                         </table>
 173                                                     @endif
 174
 175                                                 </td>
 176                                             </tr>
 177                                         </table>
 178                                     </td>
 179                                 </tr>
 180
 181                                 <!-- Footer -->
 182                                 <tr>
 183                                     <td>
 184                                         <table style="{{ $style['email-footer'] }}" align="center" width="100%" cellpadding="0" cellspacing="0">
 185                                             <tr>
 186                                                 <td style="{{ $fontFamily }} {{ $style['email-footer_cell'] }}">
 187                                                     <p style="{{ $style['paragraph-sub'] }}">
 188                                                         &copy; {{ date('Y') }}
 189                                                         <a style="{{ $style['anchor'] }}" href="{{ url('/') }}" target="_blank">{{ setting('app-name') }}</a>.
 190                                                         {{ $locale->trans('common.email_rights') }}
 191                                                     </p>
 192                                                 </td>
 193                                             </tr>
 194                                         </table>
 195                                     </td>
 196                                 </tr>
 197                             </table>
 198                         </td>
 199                     </tr>
 200                 </table>
 201             </td>
 202         </tr>
 203     </table>
 204 </body>
 205 </html>