Skip to content

Commit 6c3b426

Browse files
IshoshotIshoshot
committed
💄 AddUser and UserAdded Mail Design
1 parent 4d0a730 commit 6c3b426

File tree

8 files changed

+166
-23
lines changed

8 files changed

+166
-23
lines changed

‎Modules/Mail/Resources/views/button.blade.php

Whitespace-only changes.

‎Modules/Mail/Resources/views/message.blade.php

Whitespace-only changes.

‎app/Mail/AddedUserToTeam.php

Lines changed: 16 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -30,12 +30,26 @@ public function __construct($data)
3030
*/
3131
public function build()
3232
{
33-
$name = $this->data["user"]["name"];
33+
$members = $this->data['members'];
34+
$projects = $this->data['projects'];
35+
$teamName = $this->data['teamName'];
36+
$teamDesc = $this->data['teamDesc'];
37+
$owner = $this->data['user']['name'];
38+
$owner_isVerified = $this->data['user']['isVerified'];
39+
$user = $this->data['member']['name'];
40+
$user_isVerified = $this->data['member']['isVerified'];
3441

3542
return $this
3643
->subject('Request to Join Team')
3744
->with([
38-
'name' => $name
45+
'members' => $members,
46+
'projects' => $projects,
47+
'teamName' => $teamName,
48+
'teamDesc' => $teamDesc,
49+
'owner' => $owner,
50+
'owner_isVerified' => $owner_isVerified,
51+
'user' => $user,
52+
'user_isVerified' => $user_isVerified,
3953
])
4054
->markdown('emails.teams.adduser');
4155
}

‎app/Mail/UserAddedToTeam.php

Lines changed: 16 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -31,11 +31,25 @@ public function __construct($data)
3131
*/
3232
public function build()
3333
{
34-
$name = $this->data['member']['name'];
34+
$members = $this->data['members'];
35+
$projects = $this->data['projects'];
36+
$teamName = $this->data['teamName'];
37+
$teamDesc = $this->data['teamDesc'];
38+
$owner = $this->data['user']['name'];
39+
$owner_isVerified = $this->data['user']['isVerified'];
40+
$user = $this->data['member']['name'];
41+
$user_isVerified = $this->data['member']['isVerified'];
3542
return $this
3643
->subject('Invitation to Join Team')
3744
->with([
38-
'name' => $name
45+
'members' => $members,
46+
'projects' => $projects,
47+
'teamName' => $teamName,
48+
'teamDesc' => $teamDesc,
49+
'owner' => $owner,
50+
'owner_isVerified' => $owner_isVerified,
51+
'user' => $user,
52+
'user_isVerified' => $user_isVerified,
3953
])
4054
->markdown('emails.teams.useradded');
4155
}

‎resources/views/emails/teams/adduser.blade.php

Lines changed: 57 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,64 @@
11
@component('mail::message')
2-
# Introduction
3-
<h1>Hi, {{ $name }}</h1>
42

5-
You sent a request to () to join team.
3+
<h2>Hi, {{ $owner }} @if ($owner_isVerified)
4+
<svg width="17px" height="17px" viewBox="0 0 17 17" class="VerifiedIcon"
5+
><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
6+
><g transform="translate(-767.000000, -573.000000)"
7+
><g transform="translate(-80.000000, -57.000000)"
8+
><g transform="translate(100.000000, 77.000000)"
9+
><g transform="translate(400.000000, 401.000000)"
10+
><g transform="translate(347.000000, 152.000000)"
11+
><path
12+
d="M1.74035847,11.2810213 C1.61434984,11.617947 1.54545455,11.982746 1.54545455, 12.3636364 C1.54545455,14.0706983 2.92930168,15.4545455 4.63636364,15.4545455 C5.01725401,15.4545455 5.38205302,15.3856502 5.71897873,15.2596415 C6.22025271,16.2899361 7.2772042,17 8.5,17 C9.7227958,17 10.7797473,16.2899361 11.2810213,15.2596415 L11.2810213,15.2596415 C11.617947,15.3856502 11.982746,15.4545455 12.3636364,15.4545455 C14.0706983,15.4545455 15.4545455,14.0706983 15.4545455,12.3636364 C15.4545455,11.982746 15.3856502,11.617947 15.2596415,11.2810213 C16.2899361,10.7797473 17,9.7227958 17,8.5 C17,7.2772042 16.2899361,6.22025271 15.2596415,5.71897873 C15.3856502,5.38205302 15.4545455,5.01725401 15.4545455,4.63636364 C15.4545455,2.92930168 14.0706983,1.54545455 12.3636364,1.54545455 C11.982746,1.54545455 11.617947,1.61434984 11.2810213,1.74035847 C10.7797473,0.71006389 9.7227958,0 8.5,0 C7.2772042,0 6.22025272,0.71006389 5.71897873,1.74035847 C5.38205302,1.61434984 5.01725401,1.54545455 4.63636364,1.54545455 C2.92930168,1.54545455 1.54545455,2.92930168 1.54545455,4.63636364 C1.54545455,5.01725401 1.61434984,5.38205302 1.74035847,5.71897873 C0.71006389,6.22025272 0,7.2772042 0,8.5 C0,9.7227958 0.71006389,10.7797473 1.74035847,11.2810213 L1.74035847,11.2810213 Z"
13+
class="verified-bg"
14+
opacity="1"
15+
fill="#88C9F9"
16+
/><path
17+
d="M11.2963464,5.28945679 L6.24739023,10.2894568 L7.63289664,10.2685106 L5.68185283,8.44985845 C5.27786241,8.07328153 4.64508754,8.09550457 4.26851062,8.499495 C3.8919337,8.90348543 3.91415674,9.53626029 4.31814717,9.91283721 L6.26919097,11.7314894 C6.66180802,12.0974647 7.27332289,12.0882198 7.65469737,11.7105432 L12.7036536,6.71054321 C13.0960757,6.32192607 13.0991603,5.68876861 12.7105432,5.29634643 C12.3219261,4.90392425 11.6887686,4.90083965 11.2963464,5.28945679 L11.2963464,5.28945679 Z"
18+
class="verified-check"
19+
fill="#FFFFFF"
20+
/></g></g></g></g></g></g></svg>
21+
@endif </h2>
622

7-
@component('mail::button', ['url' => ''])
8-
Button Text
23+
<p>You sent an invitation to {{ $user }} @if ($user_isVerified)
24+
<svg width="17px" height="17px" viewBox="0 0 17 17" class="VerifiedIcon"
25+
><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
26+
><g transform="translate(-767.000000, -573.000000)"
27+
><g transform="translate(-80.000000, -57.000000)"
28+
><g transform="translate(100.000000, 77.000000)"
29+
><g transform="translate(400.000000, 401.000000)"
30+
><g transform="translate(347.000000, 152.000000)"
31+
><path
32+
d="M1.74035847,11.2810213 C1.61434984,11.617947 1.54545455,11.982746 1.54545455, 12.3636364 C1.54545455,14.0706983 2.92930168,15.4545455 4.63636364,15.4545455 C5.01725401,15.4545455 5.38205302,15.3856502 5.71897873,15.2596415 C6.22025271,16.2899361 7.2772042,17 8.5,17 C9.7227958,17 10.7797473,16.2899361 11.2810213,15.2596415 L11.2810213,15.2596415 C11.617947,15.3856502 11.982746,15.4545455 12.3636364,15.4545455 C14.0706983,15.4545455 15.4545455,14.0706983 15.4545455,12.3636364 C15.4545455,11.982746 15.3856502,11.617947 15.2596415,11.2810213 C16.2899361,10.7797473 17,9.7227958 17,8.5 C17,7.2772042 16.2899361,6.22025271 15.2596415,5.71897873 C15.3856502,5.38205302 15.4545455,5.01725401 15.4545455,4.63636364 C15.4545455,2.92930168 14.0706983,1.54545455 12.3636364,1.54545455 C11.982746,1.54545455 11.617947,1.61434984 11.2810213,1.74035847 C10.7797473,0.71006389 9.7227958,0 8.5,0 C7.2772042,0 6.22025272,0.71006389 5.71897873,1.74035847 C5.38205302,1.61434984 5.01725401,1.54545455 4.63636364,1.54545455 C2.92930168,1.54545455 1.54545455,2.92930168 1.54545455,4.63636364 C1.54545455,5.01725401 1.61434984,5.38205302 1.74035847,5.71897873 C0.71006389,6.22025272 0,7.2772042 0,8.5 C0,9.7227958 0.71006389,10.7797473 1.74035847,11.2810213 L1.74035847,11.2810213 Z"
33+
class="verified-bg"
34+
opacity="1"
35+
fill="#88C9F9"
36+
/><path
37+
d="M11.2963464,5.28945679 L6.24739023,10.2894568 L7.63289664,10.2685106 L5.68185283,8.44985845 C5.27786241,8.07328153 4.64508754,8.09550457 4.26851062,8.499495 C3.8919337,8.90348543 3.91415674,9.53626029 4.31814717,9.91283721 L6.26919097,11.7314894 C6.66180802,12.0974647 7.27332289,12.0882198 7.65469737,11.7105432 L12.7036536,6.71054321 C13.0960757,6.32192607 13.0991603,5.68876861 12.7105432,5.29634643 C12.3219261,4.90392425 11.6887686,4.90083965 11.2963464,5.28945679 L11.2963464,5.28945679 Z"
38+
class="verified-check"
39+
fill="#FFFFFF"
40+
/></g></g></g></g></g></g></svg>
41+
@endif to become part of your team. You'll be notified of the response when we recieve one. But in the meantime, continue creating with CodeBooth.</p>
42+
43+
<h2 style="margin-top: 35px">Team Details</h2>
44+
@component('mail::panel')
45+
<b>Team Name:</b> {{ $teamName }}<br/>
46+
<b>Team Description:</b> {{ $teamDesc }}<br/>
47+
<b>Members:</b> {{ $members }}<br/>
48+
<b>Number of Projects:</b> {{ $projects }}<br/>
949
@endcomponent
1050

11-
Thanks,<br>
51+
52+
<h2 style="margin-top: 35px">Moving Forward </h2>
53+
<p>Should the user choose to accept this invitation, The Ability to do the following will be granted.</p>
54+
<ul style="margin-top: 10px;">
55+
<li><p>Create codes under the Team</p></li>
56+
<li><p>Create codes under any project under the Team</p></li>
57+
</ul>
58+
59+
60+
<p style="margin-top: 40px">
61+
Thanks for all you do.<br>
1262
{{ config('app.name') }}
63+
</p>
1364
@endcomponent

‎resources/views/emails/teams/useradded.blade.php

Lines changed: 69 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,76 @@
11
@component('mail::message')
2-
# Introduction
3-
<h3>Hi {{ $name }}</h3>
42

5-
You have been Invited to join team.
3+
<h2>Hi, {{ $user }} @if ($user_isVerified)
4+
<svg width="17px" height="17px" viewBox="0 0 17 17" class="VerifiedIcon"
5+
><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
6+
><g transform="translate(-767.000000, -573.000000)"
7+
><g transform="translate(-80.000000, -57.000000)"
8+
><g transform="translate(100.000000, 77.000000)"
9+
><g transform="translate(400.000000, 401.000000)"
10+
><g transform="translate(347.000000, 152.000000)"
11+
><path
12+
d="M1.74035847,11.2810213 C1.61434984,11.617947 1.54545455,11.982746 1.54545455, 12.3636364 C1.54545455,14.0706983 2.92930168,15.4545455 4.63636364,15.4545455 C5.01725401,15.4545455 5.38205302,15.3856502 5.71897873,15.2596415 C6.22025271,16.2899361 7.2772042,17 8.5,17 C9.7227958,17 10.7797473,16.2899361 11.2810213,15.2596415 L11.2810213,15.2596415 C11.617947,15.3856502 11.982746,15.4545455 12.3636364,15.4545455 C14.0706983,15.4545455 15.4545455,14.0706983 15.4545455,12.3636364 C15.4545455,11.982746 15.3856502,11.617947 15.2596415,11.2810213 C16.2899361,10.7797473 17,9.7227958 17,8.5 C17,7.2772042 16.2899361,6.22025271 15.2596415,5.71897873 C15.3856502,5.38205302 15.4545455,5.01725401 15.4545455,4.63636364 C15.4545455,2.92930168 14.0706983,1.54545455 12.3636364,1.54545455 C11.982746,1.54545455 11.617947,1.61434984 11.2810213,1.74035847 C10.7797473,0.71006389 9.7227958,0 8.5,0 C7.2772042,0 6.22025272,0.71006389 5.71897873,1.74035847 C5.38205302,1.61434984 5.01725401,1.54545455 4.63636364,1.54545455 C2.92930168,1.54545455 1.54545455,2.92930168 1.54545455,4.63636364 C1.54545455,5.01725401 1.61434984,5.38205302 1.74035847,5.71897873 C0.71006389,6.22025272 0,7.2772042 0,8.5 C0,9.7227958 0.71006389,10.7797473 1.74035847,11.2810213 L1.74035847,11.2810213 Z"
13+
class="verified-bg"
14+
opacity="1"
15+
fill="#88C9F9"
16+
/><path
17+
d="M11.2963464,5.28945679 L6.24739023,10.2894568 L7.63289664,10.2685106 L5.68185283,8.44985845 C5.27786241,8.07328153 4.64508754,8.09550457 4.26851062,8.499495 C3.8919337,8.90348543 3.91415674,9.53626029 4.31814717,9.91283721 L6.26919097,11.7314894 C6.66180802,12.0974647 7.27332289,12.0882198 7.65469737,11.7105432 L12.7036536,6.71054321 C13.0960757,6.32192607 13.0991603,5.68876861 12.7105432,5.29634643 C12.3219261,4.90392425 11.6887686,4.90083965 11.2963464,5.28945679 L11.2963464,5.28945679 Z"
18+
class="verified-check"
19+
fill="#FFFFFF"
20+
/></g></g></g></g></g></g></svg>
21+
@endif </h2>
622

7-
@component('mail::button', ['url' => ''])
8-
Button Text
23+
<p>
24+
{{ $owner }} @if ($owner_isVerified)
25+
<svg width="17px" height="17px" viewBox="0 0 17 17" class="VerifiedIcon"
26+
><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
27+
><g transform="translate(-767.000000, -573.000000)"
28+
><g transform="translate(-80.000000, -57.000000)"
29+
><g transform="translate(100.000000, 77.000000)"
30+
><g transform="translate(400.000000, 401.000000)"
31+
><g transform="translate(347.000000, 152.000000)"
32+
><path
33+
d="M1.74035847,11.2810213 C1.61434984,11.617947 1.54545455,11.982746 1.54545455, 12.3636364 C1.54545455,14.0706983 2.92930168,15.4545455 4.63636364,15.4545455 C5.01725401,15.4545455 5.38205302,15.3856502 5.71897873,15.2596415 C6.22025271,16.2899361 7.2772042,17 8.5,17 C9.7227958,17 10.7797473,16.2899361 11.2810213,15.2596415 L11.2810213,15.2596415 C11.617947,15.3856502 11.982746,15.4545455 12.3636364,15.4545455 C14.0706983,15.4545455 15.4545455,14.0706983 15.4545455,12.3636364 C15.4545455,11.982746 15.3856502,11.617947 15.2596415,11.2810213 C16.2899361,10.7797473 17,9.7227958 17,8.5 C17,7.2772042 16.2899361,6.22025271 15.2596415,5.71897873 C15.3856502,5.38205302 15.4545455,5.01725401 15.4545455,4.63636364 C15.4545455,2.92930168 14.0706983,1.54545455 12.3636364,1.54545455 C11.982746,1.54545455 11.617947,1.61434984 11.2810213,1.74035847 C10.7797473,0.71006389 9.7227958,0 8.5,0 C7.2772042,0 6.22025272,0.71006389 5.71897873,1.74035847 C5.38205302,1.61434984 5.01725401,1.54545455 4.63636364,1.54545455 C2.92930168,1.54545455 1.54545455,2.92930168 1.54545455,4.63636364 C1.54545455,5.01725401 1.61434984,5.38205302 1.74035847,5.71897873 C0.71006389,6.22025272 0,7.2772042 0,8.5 C0,9.7227958 0.71006389,10.7797473 1.74035847,11.2810213 L1.74035847,11.2810213 Z"
34+
class="verified-bg"
35+
opacity="1"
36+
fill="#88C9F9"
37+
/><path
38+
d="M11.2963464,5.28945679 L6.24739023,10.2894568 L7.63289664,10.2685106 L5.68185283,8.44985845 C5.27786241,8.07328153 4.64508754,8.09550457 4.26851062,8.499495 C3.8919337,8.90348543 3.91415674,9.53626029 4.31814717,9.91283721 L6.26919097,11.7314894 C6.66180802,12.0974647 7.27332289,12.0882198 7.65469737,11.7105432 L12.7036536,6.71054321 C13.0960757,6.32192607 13.0991603,5.68876861 12.7105432,5.29634643 C12.3219261,4.90392425 11.6887686,4.90083965 11.2963464,5.28945679 L11.2963464,5.28945679 Z"
39+
class="verified-check"
40+
fill="#FFFFFF"
41+
/></g></g></g></g></g></g></svg>
42+
@endif
43+
is building a team on Codebooth. We're excited to announce that you've been invited you become a team-member.
44+
</p>
45+
46+
<h2 style="margin-top: 35px">Team Details</h2>
47+
@component('mail::panel')
48+
<b>Team Name:</b> {{ $teamName }}<br/>
49+
<b>Team Description:</b> {{ $teamDesc }}<br/>
50+
<b>Members:</b> {{ $members }}<br/>
51+
<b>Number of Projects:</b> {{ $projects }}<br/>
952
@endcomponent
1053

11-
Thanks,<br>
54+
55+
<h2 style="margin-top: 35px">What Next ?</h2>
56+
<p>Open CodeBooth and navigate to the notification page, we've empowered you with the option to either accept or reject this invitation.</p>
57+
58+
59+
<h2 style="margin-top: 35px">Moving Forward </h2>
60+
<p>Should you choose to accept this invitation, This team joins the list in your <b>featured teams.</b> Also, You can now...</p>
61+
<ul style="margin-top: 10px;">
62+
<li><p>Create codes under the Team</p></li>
63+
<li><p>Create codes under any project under the Team</p></li>
64+
</ul>
65+
66+
67+
<h2 style="margin-top: 35px">Important Tip </h2>
68+
<p>You can exit a Team. To do so, navigate to the notification page and locate <b>featured teams. You'll be sure of what do to.</b></p>
69+
70+
71+
72+
<p style="margin-top: 40px">
73+
Thanks for all you do.<br>
1274
{{ config('app.name') }}
75+
</p>
1376
@endcomponent

‎resources/views/vendor/mail/html/message.blade.php

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -21,6 +21,7 @@
2121
{{-- Footer --}}
2222
@slot('footer')
2323
@component('mail::footer')
24+
<p style="margin-bottom: 20px;">You recieved this because your e-mail address is registered with CodeBooth.</p>
2425
© {{ date('Y') }} {{ config('app.name') }}. @lang('All rights reserved.')
2526
@endcomponent
2627
@endslot

‎resources/views/vendor/mail/html/themes/default.css

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ body *:not(html):not(style):not(br):not(tr):not(code) {
77
}
88

99
body {
10-
background-color: #f1f1f1;
10+
background-color: #ffffff;
1111
color: #181819;
1212
height: 100%;
1313
hyphens: auto;
@@ -85,7 +85,7 @@ img {
8585
/* Layout */
8686

8787
.wrapper {
88-
background-color: #f1f1f1;
88+
background-color: #ffffff;
8989
margin: 0;
9090
padding: 0;
9191
width: 100%;
@@ -121,9 +121,9 @@ img {
121121
/* Body */
122122

123123
.body {
124-
background-color: #f1f1f1;
125-
border-bottom: 1px solid #edeff2;
126-
border-top: 1px solid #edeff2;
124+
background-color: #ffffff;
125+
/* border-bottom: 1px solid #edeff2;
126+
border-top: 1px solid #edeff2; */
127127
margin: 0;
128128
padding: 0;
129129
width: 100%;
@@ -160,10 +160,10 @@ img {
160160
margin: 0 auto;
161161
padding: 0;
162162
text-align: center;
163-
width: 570px;
163+
width: 600px;
164164
-premailer-cellpadding: 0;
165165
-premailer-cellspacing: 0;
166-
-premailer-width: 570px;
166+
-premailer-width: 600px;
167167
}
168168

169169
.footer p {

0 commit comments

Comments
 (0)