From 7012d77429f05c81bb6e6ffbd0585b1a18556648 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bjo=CC=88rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Fri, 20 Nov 2020 14:33:56 +0100
Subject: [PATCH 1/2] Adjust text

---
 .../ep_theme/Resources/Private/Assets/js/myep/Login.vue    | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Login.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Login.vue
index 4abd5b96..f1460c01 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Login.vue
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Login.vue
@@ -23,6 +23,13 @@
                     </div>
                 </div>
                 <div class="col-xs-12 col-md-6">
+                    <h3>Neu!</h3>
+                    <p>
+                      Melde dich jetzt bei MyEP an und du kannst jederzeit auf deine aktuellen Buchungen zugreifen und
+                      diese abändern. Egal ob du einen Kurs oder eine Skipasserweiterung hinzufügen/entfernen möchtest,
+                      oder das vegetarische Essen auswählen willst. Im neuen Portal ist das nun kostenlos bis 7 Tage vor
+                      Reisebeginn möglich!
+                    </p>
                     <h3>Noch keine Zugangsdaten?</h3>
                     <p>Dann gib deine E-Mail ein, mit der Du gebucht hast und klicke auf "Passwort vergessen"! Und wir
                         senden dir ein E-Mail mit einem Passwort-Link!</p>

From 77ddb73f616297492bad7833c40dd5b5869512bd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bjo=CC=88rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Fri, 4 Dec 2020 09:54:39 +0100
Subject: [PATCH 2/2] Fix incorrect balance display

---
 .../Private/Assets/js/myep/Events.vue         | 41 +++++++++----------
 1 file changed, 20 insertions(+), 21 deletions(-)

diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Events.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Events.vue
index 86a0e77d..2c5c20fc 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Events.vue
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Events.vue
@@ -5,23 +5,23 @@
             <table class="table table-striped table-condensed">
                 <thead>
                     <tr>
-                        <th>Buchungsdatum</th>
-                        <th>Reisedatum</th>
-                        <th class="w-1/4">Reise</th>
-                        <th>Preis</th>
-                        <th>offen</th>
-                        <th>Status</th>
+                        <th class="text-left align-top">Buchungsdatum</th>
+                        <th class="text-left align-top">Reisedatum</th>
+                        <th class="text-left align-top w-1/4">Reise</th>
+                        <th class="text-center align-top">Preis</th>
+                        <th class="text-center align-top">offen</th>
+                        <th class="text-left align-top">Status</th>
                         <th></th>
                     </tr>
                 </thead>
                 <tbody>
                     <tr v-for="event of events">
-                        <td>{{ formatBookingDate(event.dateBooking) }}</td>
-                        <td>{{ event.dateTravel | date }}</td>
-                        <td>{{ event.product }}</td>
-                        <td style="white-space: nowrap">{{ event.price }} €</td>
-                        <td style="white-space: nowrap">{{ calculateBalance(event) }}</td>
-                        <td>{{ status[event.status] }}</td>
+                        <td class="text-left align-top">{{ formatBookingDate(event.dateBooking) }}</td>
+                        <td class="text-left align-top">{{ event.dateTravel | date }}</td>
+                        <td class="text-left align-top">{{ event.product }}</td>
+                        <td class="text-right align-top whitespace-no-wrap">{{ formatCurrency(event.price) }}</td>
+                        <td class="text-right align-top whitespace-no-wrap" :class="{ 'text-red-500': hasOutstandingPayment(event) }">{{ calculateBalance(event) }}</td>
+                        <td class="text-left align-top">{{ status[event.status] }}</td>
                         <td class="flex space-x-1">
                             <a :href="getDownloadUrl(event, 'confirmation')" target="_blank" class="button button--small">
                               Bestätigung
@@ -90,15 +90,21 @@ import {mapState, mapMutations, mapGetters} from 'vuex'
                     + sessionStorage.getItem('myep-auth-token');
             },
             calculateBalance (event) {
-                if (!event.price || !event.payment) {
+                if (!event.price) {
                     return '-';
                 }
                 const balance = event.price - event.payment;
                 if (balance > 0) {
-                    return balance.toFixed(2).replace('.', ',') + ' €';
+                    return this.formatCurrency(balance);
                 }
 
                 return '-';
+            },
+            hasOutstandingPayment (event) {
+              return (event.price - event.payment) > 0;
+            },
+            formatCurrency (value) {
+              return value.toFixed(2).replace('.', ',') + ' €';
             }
         },
         computed: {
@@ -107,10 +113,3 @@ import {mapState, mapMutations, mapGetters} from 'vuex'
         }
     }
 </script>
-
-<style scoped>
-    td, th {
-        text-align: left;
-        vertical-align: top;
-    }
-</style>