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

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

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

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

113 @foreach ($introLines as $line)

114 <p style="{{ $style['paragraph'] }}">

115 {{ $line }}

116 </p>

117 @endforeach

118

119

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

149 @foreach ($outroLines as $line)

150 <p style="{{ $style['paragraph-sub'] }}">

151 {{ $line }}

152 </p>

153 @endforeach

154

155

156

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

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'] }}">

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>