Feat: Implement email notification about new disposition

templates/email/application_accepted.html.twig

@@ -0,0 +1,29 @@
+{% extends 'email/layout.html.twig' %}
+
+{% block body %}
+    <h1>
+        Herzlichen Glückwunsch!
+    </h1>
+    <p>
+        <strong>
+            Dein Einsatz <a href="{{ url('app_teamer_disposition_detail', { 'uuid': disposition.uuid }) }}">{{ disposition.assignment.destination}}</a>
+            wurde angenommen!
+        </strong>
+    </p>
+    <p>
+        Schau einmal in das <a href="{{ url('app_teamer_disposition_detail', { 'uuid': disposition.uuid }) }}">My E&amp;P-Team Portal</a>,
+        um die Einsatzdetails einzusehen und deinen Honorarvertrag zu unterschreiben.
+    </p>
+    <p>
+        Mit dem Erhalt dieser E-Mail hast du 7 Tage Zeit deinen Einsatz zu bestätigen, indem du den unterschriebenen
+        Vertrag hochlädst. Ist diese Frist vergangen, wird der Einsatz für deine Teamkolleg:innen freigeschaltet.
+    </p>
+    <p>
+        Schön, dass du dabei bist und ganz viel Spaß in den Bergen! 😊
+    </p>
+    <p>
+        <a href="{{ url('app_teamer_index') }}" class="button">
+            Zum Portal
+        </a>
+    </p>
+{% endblock %}

templates/email/layout.html.twig

@@ -105,20 +105,22 @@
   <style type="text/css">
     h1 {
       font-weight: bold;
-      font-size: 32px;
-      line-height: 36px;
+      font-size: 24px;
+      line-height: 28px;
       margin-bottom: 0;
-      padding-bottom: 16px;
+      padding-bottom: 8px;
     }
 
     h2 {
       font-weight: normal;
-      font-size: 24px;
-      line-height: 28px;
+      font-size: 20px;
+      line-height: 24px;
       margin-bottom: 0;
+      padding-bottom: 0;
     }
 
     p {
+      font-size: 16px;
       padding-bottom: 16px;
     }
 
@@ -146,6 +148,10 @@
       border-radius: 4px;
     }
 
+    strong {
+      font-weight: bold;
+    }
+
   </style>
 </head>
 
@@ -158,7 +164,7 @@
         <tbody>
           <tr style="vertical-align:top;">
             <td style="width:0.01%;padding-bottom:NaN%;mso-padding-bottom-alt:0;" />
-            <td style="background:#FFFFFF;background-position:center center;background-repeat:no-repeat;padding:0px;padding-top:20px;padding-bottom:20px;vertical-align:top;">
+            <td style="background:#FFFFFF;background-position:center center;background-repeat:no-repeat;padding:0px;padding-top:10px;padding-bottom:10px;vertical-align:top;">
               <!--[if mso | IE]><table border="0" cellpadding="0" cellspacing="0" style="width:600px;" width="600" ><tr><td style=""><![endif]-->
               <div class="mj-hero-content" style="margin:0px auto;">
                 <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;margin:0px;">
@@ -172,8 +178,8 @@
                                 <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
                                   <tbody>
                                     <tr>
-                                      <td style="width:200px;">
-                                        <img alt="Logo E&P" src="{{ email.image('@images/logo.png') }}" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="200" height="auto" />
+                                      <td style="width:160px;">
+                                        <img alt="Logo E&amp;P" src="{{ email.image('@images/logo.png') }}" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="160" height="auto" />
                                       </td>
                                     </tr>
                                   </tbody>
@@ -209,7 +215,7 @@
                         <div style="font-family:Lato, Verdana, Arial, 'Helvetica neue', sans-serif;font-size:16px;line-height:24px;text-align:left;color:#666666;">{% block body %} <h1> Lorem ipsum dolor sit amet </h1>
                           <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto culpa delectus dolores earum eius fugiat in nesciunt quas quidem vitae? </p>
                           <h2> Lorem ipsum dolor </h2>
-                          <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto culpa delectus dolores earum eius fugiat in nesciunt quas quidem vitae? </p>
+                          <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto culpa delectus dolores <strong>earum eius fugiat in nesciunt quas quidem vitae</strong>? </p>
                           <p>
                             <a href="#" class="button"> Button </a>
                           </p>

templates/email/welcome.html.twig

@@ -1,15 +0,0 @@
-{% extends 'email/layout.html.twig' %}
-
-{% block body %}
-    <h1>
-        Willkommen bei MyE&P Team
-    </h1>
-    <p>
-        Hallo {{ user.firstName }},
-    </p>
-    <p>
-        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid asperiores atque, commodi deleniti
-        dignissimos dolorum earum ex facere facilis necessitatibus non omnis pariatur possimus quas repudiandae sit
-        soluta tenetur, voluptatem.
-    </p>
-{% endblock %}