From 30756ad4aa844ce33923540e16c4251051c20af0 Mon Sep 17 00:00:00 2001
From: Marie Birner <mb@studiomitte.com>
Date: Fri, 19 Apr 2024 11:09:31 +0200
Subject: [PATCH 01/10] [TASK] improve styling

---
 frontend/scss/app.scss                      |  1 +
 frontend/scss/components/_notification.scss |  5 ++++
 templates/includes/macros.html.tera         | 27 ++++++++++++---------
 3 files changed, 22 insertions(+), 11 deletions(-)
 create mode 100644 frontend/scss/components/_notification.scss

diff --git a/frontend/scss/app.scss b/frontend/scss/app.scss
index 770dc11..02e94d7 100644
--- a/frontend/scss/app.scss
+++ b/frontend/scss/app.scss
@@ -13,3 +13,4 @@
 @import 'components/search';
 @import 'components/important';
 @import 'components/searchable-table';
+@import 'components/notification';
diff --git a/frontend/scss/components/_notification.scss b/frontend/scss/components/_notification.scss
new file mode 100644
index 0000000..0532299
--- /dev/null
+++ b/frontend/scss/components/_notification.scss
@@ -0,0 +1,5 @@
+.notification {
+    right: -.2rem;
+    top: -.1rem;
+    font-size: .5rem;
+}
diff --git a/templates/includes/macros.html.tera b/templates/includes/macros.html.tera
index ba3c29c..30283e3 100644
--- a/templates/includes/macros.html.tera
+++ b/templates/includes/macros.html.tera
@@ -28,20 +28,25 @@
     <header class="bg-primary-900 text-white flex justify-center p-3 fixed w-full z-10">
         <div class="max-w-screen-xl w-full flex justify-between items-center">
             <div class="w-1/3 truncate">
-                <a href="/">
+                <a class="flex items-center" href="/">
                     Hü
                     {{ loggedin_user.name }}
                     {% if loggedin_user.amount_unread_notifications > 0 %}
-                        <span class="bg-red-100 text-red-800 text-sm font-medium me-2 px-2.5 py-0.5 rounded-full dark:bg-red-900 dark:text-red-300 inline-flex items-center">
-                            <svg class="w-3 h-3 me-1.5"
-                                 aria-hidden="true"
-                                 xmlns="http://www.w3.org/2000/svg"
-                                 fill="currentColor"
-                                 viewBox="0 0 20 20">
-                                <path d="M1.5 8.67v8.58a3 3 0 0 0 3 3h15a3 3 0 0 0 3-3V8.67l-8.928 5.493a3 3 0 0 1-3.144 0L1.5 8.67Z" />
-                                <path d="M22.5 6.908V6.75a3 3 0 0 0-3-3h-15a3 3 0 0 0-3 3v.158l9.714 5.978a1.5 1.5 0 0 0 1.572 0L22.5 6.908Z" />
-                            </svg>
-                        {{ loggedin_user.amount_unread_notifications }}</span>
+                        <span class="relative inline-flex items-end ms-1">
+                            <svg 
+                                height="20"
+                                width="24"
+                                aria-hidden="true"
+                                xmlns="http://www.w3.org/2000/svg"
+                                fill="currentColor"
+                                viewBox="0 0 20 24">
+                              <path d="M1.5 8.67v8.58a3 3 0 0 0 3 3h15a3 3 0 0 0 3-3V8.67l-8.928 5.493a3 3 0 0 1-3.144 0L1.5 8.67Z" />
+                              <path d="M22.5 6.908V6.75a3 3 0 0 0-3-3h-15a3 3 0 0 0-3 3v.158l9.714 5.978a1.5 1.5 0 0 0 1.572 0L22.5 6.908Z" />
+                          </svg>
+                          <small class="bg-red-500 rounded-full w-3 h-3 inline-flex justify-center items-center absolute p-1 notification">
+                            {{ loggedin_user.amount_unread_notifications }}
+                          </small>
+                        </span>
                     {% endif %}
                 </a>
             </div>

From c528b8831ae92b9c82bb7def666ee83852b985d6 Mon Sep 17 00:00:00 2001
From: Marie Birner <mb@studiomitte.com>
Date: Fri, 19 Apr 2024 11:25:25 +0200
Subject: [PATCH 02/10] [TASK] finalize notification styling

---
 templates/includes/macros.html.tera | 38 ++++++++++++++---------------
 templates/index.html.tera           | 10 ++++----
 2 files changed, 24 insertions(+), 24 deletions(-)

diff --git a/templates/includes/macros.html.tera b/templates/includes/macros.html.tera
index 30283e3..59660f2 100644
--- a/templates/includes/macros.html.tera
+++ b/templates/includes/macros.html.tera
@@ -28,29 +28,29 @@
     <header class="bg-primary-900 text-white flex justify-center p-3 fixed w-full z-10">
         <div class="max-w-screen-xl w-full flex justify-between items-center">
             <div class="w-1/3 truncate">
-                <a class="flex items-center" href="/">
+                <a href="/">
                     Hü
                     {{ loggedin_user.name }}
-                    {% if loggedin_user.amount_unread_notifications > 0 %}
-                        <span class="relative inline-flex items-end ms-1">
-                            <svg 
-                                height="20"
-                                width="24"
-                                aria-hidden="true"
-                                xmlns="http://www.w3.org/2000/svg"
-                                fill="currentColor"
-                                viewBox="0 0 20 24">
-                              <path d="M1.5 8.67v8.58a3 3 0 0 0 3 3h15a3 3 0 0 0 3-3V8.67l-8.928 5.493a3 3 0 0 1-3.144 0L1.5 8.67Z" />
-                              <path d="M22.5 6.908V6.75a3 3 0 0 0-3-3h-15a3 3 0 0 0-3 3v.158l9.714 5.978a1.5 1.5 0 0 0 1.572 0L22.5 6.908Z" />
-                          </svg>
-                          <small class="bg-red-500 rounded-full w-3 h-3 inline-flex justify-center items-center absolute p-1 notification">
-                            {{ loggedin_user.amount_unread_notifications }}
-                          </small>
-                        </span>
-                    {% endif %}
                 </a>
             </div>
-            <div>
+            <div class="flex items-center">
+                {% if loggedin_user.amount_unread_notifications > 0 %}
+                    <a href="/#notification" class="relative inline-flex items-end ms-2 me-3">
+                      <svg 
+                            height="20"
+                            width="24"
+                            aria-hidden="true"
+                            xmlns="http://www.w3.org/2000/svg"
+                            fill="currentColor"
+                            viewBox="0 0 20 24">
+                          <path d="M1.5 8.67v8.58a3 3 0 0 0 3 3h15a3 3 0 0 0 3-3V8.67l-8.928 5.493a3 3 0 0 1-3.144 0L1.5 8.67Z" />
+                          <path d="M22.5 6.908V6.75a3 3 0 0 0-3-3h-15a3 3 0 0 0-3 3v.158l9.714 5.978a1.5 1.5 0 0 0 1.572 0L22.5 6.908Z" />
+                      </svg>
+                      <small class="bg-red-500 rounded-full w-3 h-3 inline-flex justify-center items-center absolute p-1 notification">
+                        {{ loggedin_user.amount_unread_notifications }}
+                      </small>
+                    </a>
+                {% endif %}
                 <a href="#"
                    class="inline-flex justify-center rounded-md bg-primary-600 mx-1 px-3 py-2 text-sm font-semibold text-white hover:bg-primary-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-600 cursor-pointer"
                    data-sidebar="true"
diff --git a/templates/index.html.tera b/templates/index.html.tera
index 6392869..3c66d87 100644
--- a/templates/index.html.tera
+++ b/templates/index.html.tera
@@ -2,7 +2,7 @@
 {% extends "base" %}
 {% block content %}
     <div class="max-w-screen-lg w-full">
-        <h1 class="h1">Ruderassistent</h1>
+        <h1 class="h1">Ruder<wbr/>assistent</h1>
         <div class="grid gap-3 my-5">
             <div class="m-auto">
                 <a href="/planned"
@@ -11,7 +11,7 @@
                     <span class="text-xl px-3">Geplante Ausfahrten</span>
                 </a>
             </div>
-            <div class="bg-white dark:bg-primary-900 text-black dark:text-white rounded-md block shadow mt-5"
+            <div id="notification" class="bg-white dark:bg-primary-900 text-black dark:text-white rounded-md block shadow mt-5"
                  role="alert">
                 <h2 class="h2">Nachrichten</h2>
                 <div class="divide-y">
@@ -27,7 +27,7 @@
                                 <div>
                                     {% if not notification.read_at %}
                                         <a href="/notification/{{ notification.id }}/read" class="inline-block">
-                                            <button class="btn btn-alert bg-red-100 dark:bg-red-900" type="button">
+                                            <button class="btn btn-primary" type="button">
                                                 &#10003;
                                                 <span class="sr-only">Notification gelesen</span>
                                             </button>
@@ -38,8 +38,8 @@
                         {% endif %}
                     {% endfor %}
                 </div>
-                <details class="py-3 bg-gray-200 dark:bg-primary-950 rounded-b-md">
-                    <summary class="px-3">Vergangene Nachrichten (14 Tage)</summary>
+                <details class="py-3 border-t rounded-b-md">
+                    <summary class="px-3 cursor-pointer">Vergangene Nachrichten (14 Tage)</summary>
                     <div class="divide-y text-sm">
                         {% for notification in notifications %}
                             {% if notification.read_at %}

From 9def90daa78656ed07b5b9dc03e07ac858b686dc Mon Sep 17 00:00:00 2001
From: philipp <philipp@hofer.link>
Date: Fri, 19 Apr 2024 12:06:24 +0200
Subject: [PATCH 03/10] show information that people should mark msgs as read
 if there are more than 10 unread msgs

---
 templates/includes/macros.html.tera | 28 ++++++++++++++--------------
 templates/index.html.tera           | 14 ++++++++++++--
 2 files changed, 26 insertions(+), 16 deletions(-)

diff --git a/templates/includes/macros.html.tera b/templates/includes/macros.html.tera
index 59660f2..34176c3 100644
--- a/templates/includes/macros.html.tera
+++ b/templates/includes/macros.html.tera
@@ -35,20 +35,20 @@
             </div>
             <div class="flex items-center">
                 {% if loggedin_user.amount_unread_notifications > 0 %}
-                    <a href="/#notification" class="relative inline-flex items-end ms-2 me-3">
-                      <svg 
-                            height="20"
-                            width="24"
-                            aria-hidden="true"
-                            xmlns="http://www.w3.org/2000/svg"
-                            fill="currentColor"
-                            viewBox="0 0 20 24">
-                          <path d="M1.5 8.67v8.58a3 3 0 0 0 3 3h15a3 3 0 0 0 3-3V8.67l-8.928 5.493a3 3 0 0 1-3.144 0L1.5 8.67Z" />
-                          <path d="M22.5 6.908V6.75a3 3 0 0 0-3-3h-15a3 3 0 0 0-3 3v.158l9.714 5.978a1.5 1.5 0 0 0 1.572 0L22.5 6.908Z" />
-                      </svg>
-                      <small class="bg-red-500 rounded-full w-3 h-3 inline-flex justify-center items-center absolute p-1 notification">
-                        {{ loggedin_user.amount_unread_notifications }}
-                      </small>
+                    <a href="/#notification"
+                       class="relative inline-flex items-end ms-2 me-3">
+                        <svg height="20"
+                             width="24"
+                             aria-hidden="true"
+                             xmlns="http://www.w3.org/2000/svg"
+                             fill="currentColor"
+                             viewBox="0 0 20 24">
+                            <path d="M1.5 8.67v8.58a3 3 0 0 0 3 3h15a3 3 0 0 0 3-3V8.67l-8.928 5.493a3 3 0 0 1-3.144 0L1.5 8.67Z" />
+                            <path d="M22.5 6.908V6.75a3 3 0 0 0-3-3h-15a3 3 0 0 0-3 3v.158l9.714 5.978a1.5 1.5 0 0 0 1.572 0L22.5 6.908Z" />
+                        </svg>
+                        <small class="bg-red-500 rounded-full w-3 h-3 inline-flex justify-center items-center absolute p-1 notification">
+                            {{ loggedin_user.amount_unread_notifications }}
+                        </small>
                     </a>
                 {% endif %}
                 <a href="#"
diff --git a/templates/index.html.tera b/templates/index.html.tera
index 3c66d87..84b239d 100644
--- a/templates/index.html.tera
+++ b/templates/index.html.tera
@@ -2,7 +2,11 @@
 {% extends "base" %}
 {% block content %}
     <div class="max-w-screen-lg w-full">
-        <h1 class="h1">Ruder<wbr/>assistent</h1>
+        <h1 class="h1">
+            Ruder
+            <wbr />
+            assistent
+        </h1>
         <div class="grid gap-3 my-5">
             <div class="m-auto">
                 <a href="/planned"
@@ -11,9 +15,15 @@
                     <span class="text-xl px-3">Geplante Ausfahrten</span>
                 </a>
             </div>
-            <div id="notification" class="bg-white dark:bg-primary-900 text-black dark:text-white rounded-md block shadow mt-5"
+            <div id="notification"
+                 class="bg-white dark:bg-primary-900 text-black dark:text-white rounded-md block shadow mt-5"
                  role="alert">
                 <h2 class="h2">Nachrichten</h2>
+                {% if notifications | length > 10 %}
+                    <div class="text-yellow-800 dark:text-yellow-300 text-center p-3">
+                        Du hast viele ungelesene Benachrichtigungen. Um deine Oberfläche übersichtlich zu halten und wichtige Updates nicht zu verpassen, nimm dir bitte einen Moment Zeit, sie zu überprüfen und als gelesen zu markieren (&#10003;).
+                    </div>
+                {% endif %}
                 <div class="divide-y">
                     {% for notification in notifications %}
                         {% if not notification.read_at %}

From 4c6ef71a1711ee5c0b5c76dfbcb4e017219100e4 Mon Sep 17 00:00:00 2001
From: Marie Birner <mb@studiomitte.com>
Date: Fri, 19 Apr 2024 12:48:23 +0200
Subject: [PATCH 04/10] [TASK] improve btn sidebar unregister guest

---
 templates/includes/macros.html.tera | 28 +++++++++++++++++-----------
 1 file changed, 17 insertions(+), 11 deletions(-)

diff --git a/templates/includes/macros.html.tera b/templates/includes/macros.html.tera
index 59660f2..7fe7407 100644
--- a/templates/includes/macros.html.tera
+++ b/templates/includes/macros.html.tera
@@ -180,18 +180,24 @@
     <div class="p-2 border border-t-0 border-{{ bg }} mb-4 rounded-b-md">
         {% if participants | length > 0 %}
             {% for rower in participants %}
-                {{ rower.name }}
-                {% if rower.is_guest %}<small class="text-gray-600 dark:text-gray-100">(Scheckbuch)</small>{% endif %}
-                {% if rower.is_real_guest %}
-                    <small class="text-gray-600 dark:text-gray-100">(Gast)</small>
-                    {% if allow_removing %}
-                        <a href="/planned/remove/{{ trip_details_id }}/{{ rower.name }}"
-                           class="btn btn-attention btn-fw">Abmelden</a>
+                <div class="relative">
+                    {{ rower.name }}
+                    {% if rower.is_guest %}<small class="text-gray-600 dark:text-gray-100">(Scheckbuch)</small>{% endif %}
+                    {% if rower.is_real_guest %}
+                        <small class="text-gray-600 dark:text-gray-100">(Gast)</small>
+                        {% if allow_removing %}
+                            <a href="/planned/remove/{{ trip_details_id }}/{{ rower.name }}"
+                              class="absolute r-0 bg-red-500 w-5 h-5 text-white rounded-full flex items-center justify-center transform rotate-45 top-0 right-0">
+                              <svg class="inline h-5 w-5" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
+                                  <path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z"></path>
+                              </svg>
+                              <span class="sr-only">Abmelden</span>
+                            </a>
+                        {% endif %}
                     {% endif %}
-                {% endif %}
-                <span class="hidden">(angemeldet seit
-                {{ rower.registered_at }})</span>
-                <br />
+                  <span class="hidden">(angemeldet seit
+                  {{ rower.registered_at }})</span>
+                </div>
             {% endfor %}
         {% else %}
             {{ text }}

From 2540e49a319f12e1acee746555f5a8d6f47239cc Mon Sep 17 00:00:00 2001
From: Marie Birner <mb@studiomitte.com>
Date: Fri, 19 Apr 2024 12:54:32 +0200
Subject: [PATCH 05/10] [TASK] improve styling text warning notifications

---
 templates/index.html.tera | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/templates/index.html.tera b/templates/index.html.tera
index 84b239d..d8cce78 100644
--- a/templates/index.html.tera
+++ b/templates/index.html.tera
@@ -20,7 +20,7 @@
                  role="alert">
                 <h2 class="h2">Nachrichten</h2>
                 {% if notifications | length > 10 %}
-                    <div class="text-yellow-800 dark:text-yellow-300 text-center p-3">
+                    <div class="text-primary-950 dark:text-white bg-gray-200 dark:bg-primary-950 bg-opacity-80 text-center pb-3 px-3">
                         Du hast viele ungelesene Benachrichtigungen. Um deine Oberfläche übersichtlich zu halten und wichtige Updates nicht zu verpassen, nimm dir bitte einen Moment Zeit, sie zu überprüfen und als gelesen zu markieren (&#10003;).
                     </div>
                 {% endif %}

From 8ffed7525189e2226c8f4cf3068f1e4941e7921b Mon Sep 17 00:00:00 2001
From: philipp <philipp@hofer.link>
Date: Fri, 19 Apr 2024 13:00:39 +0200
Subject: [PATCH 06/10] don't show warning about many notifications if they are
 already read

---
 templates/index.html.tera | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/templates/index.html.tera b/templates/index.html.tera
index d8cce78..c62d55d 100644
--- a/templates/index.html.tera
+++ b/templates/index.html.tera
@@ -19,7 +19,7 @@
                  class="bg-white dark:bg-primary-900 text-black dark:text-white rounded-md block shadow mt-5"
                  role="alert">
                 <h2 class="h2">Nachrichten</h2>
-                {% if notifications | length > 10 %}
+                {% if loggedin_user.amount_unread_notifications | length > 10 %}
                     <div class="text-primary-950 dark:text-white bg-gray-200 dark:bg-primary-950 bg-opacity-80 text-center pb-3 px-3">
                         Du hast viele ungelesene Benachrichtigungen. Um deine Oberfläche übersichtlich zu halten und wichtige Updates nicht zu verpassen, nimm dir bitte einen Moment Zeit, sie zu überprüfen und als gelesen zu markieren (&#10003;).
                     </div>

From 74ededf913e8092370627a3f5240ff5f6bd30524 Mon Sep 17 00:00:00 2001
From: philipp <philipp@hofer.link>
Date: Fri, 19 Apr 2024 13:09:17 +0200
Subject: [PATCH 07/10] fix ci

---
 templates/index.html.tera | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/templates/index.html.tera b/templates/index.html.tera
index c62d55d..75504a8 100644
--- a/templates/index.html.tera
+++ b/templates/index.html.tera
@@ -19,7 +19,7 @@
                  class="bg-white dark:bg-primary-900 text-black dark:text-white rounded-md block shadow mt-5"
                  role="alert">
                 <h2 class="h2">Nachrichten</h2>
-                {% if loggedin_user.amount_unread_notifications | length > 10 %}
+                {% if loggedin_user.amount_unread_notifications > 10 %}
                     <div class="text-primary-950 dark:text-white bg-gray-200 dark:bg-primary-950 bg-opacity-80 text-center pb-3 px-3">
                         Du hast viele ungelesene Benachrichtigungen. Um deine Oberfläche übersichtlich zu halten und wichtige Updates nicht zu verpassen, nimm dir bitte einen Moment Zeit, sie zu überprüfen und als gelesen zu markieren (&#10003;).
                     </div>

From d6214d536974f10da82545434de06c0d58d8d37a Mon Sep 17 00:00:00 2001
From: philipp <philipp@hofer.link>
Date: Fri, 19 Apr 2024 13:17:22 +0200
Subject: [PATCH 08/10] fix comma issue

---
 templates/index.html.tera | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/templates/index.html.tera b/templates/index.html.tera
index 75504a8..b200554 100644
--- a/templates/index.html.tera
+++ b/templates/index.html.tera
@@ -21,7 +21,7 @@
                 <h2 class="h2">Nachrichten</h2>
                 {% if loggedin_user.amount_unread_notifications > 10 %}
                     <div class="text-primary-950 dark:text-white bg-gray-200 dark:bg-primary-950 bg-opacity-80 text-center pb-3 px-3">
-                        Du hast viele ungelesene Benachrichtigungen. Um deine Oberfläche übersichtlich zu halten und wichtige Updates nicht zu verpassen, nimm dir bitte einen Moment Zeit, sie zu überprüfen und als gelesen zu markieren (&#10003;).
+                        Du hast viele ungelesene Benachrichtigungen. Um deine Oberfläche übersichtlich zu halten und wichtige Updates nicht zu verpassen, nimm dir bitte einen Moment Zeit sie zu überprüfen und als gelesen zu markieren (&#10003;).
                     </div>
                 {% endif %}
                 <div class="divide-y">

From 8f2d1ef6f477a9ec5460f00bcb464e71ac306e9b Mon Sep 17 00:00:00 2001
From: philipp <philipp@hofer.link>
Date: Fri, 19 Apr 2024 15:04:03 +0200
Subject: [PATCH 09/10] wait until dev server started for frontend tests

---
 frontend/playwright.config.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/frontend/playwright.config.ts b/frontend/playwright.config.ts
index e5adfb0..520a154 100644
--- a/frontend/playwright.config.ts
+++ b/frontend/playwright.config.ts
@@ -72,5 +72,6 @@ export default defineConfig({
   webServer: {
     timeout: 15 * 60 * 1000,
     command: 'cd .. && ./test_db.sh && cargo r',
+    url: 'http://127.0.0.1:8000'
   },
 });

From 2ad5f0883c1c3fa6704b16c0bc9ad19a7c6340d0 Mon Sep 17 00:00:00 2001
From: philipp <philipp@hofer.link>
Date: Fri, 19 Apr 2024 15:33:44 +0200
Subject: [PATCH 10/10] make clicking on 'create trip' button more robust
 (clicked on notification as this was the first .relative element

---
 frontend/tests/cox.spec.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/tests/cox.spec.ts b/frontend/tests/cox.spec.ts
index c19ae45..d38dc96 100644
--- a/frontend/tests/cox.spec.ts
+++ b/frontend/tests/cox.spec.ts
@@ -8,7 +8,7 @@ test("cox can create and delete trip", async ({ page }) => {
   await page.getByPlaceholder("Passwort").fill("cox");
   await page.getByPlaceholder("Passwort").press("Enter");
   await page.locator('li').filter({ hasText: 'Geplante Ausfahrten' }).getByRole('link').click();
-  await page.locator(".relative").first().click();
+  await page.locator('a[href="#"]:has-text("Ausfahrt")').first().click();
   await page.locator("#sidebar #planned_starting_time").click();
   await page.locator("#sidebar #planned_starting_time").fill("18:00");
   await page.locator("#sidebar #planned_starting_time").press("Tab");
@@ -38,8 +38,8 @@ test.describe("cox can edit trips", () => {
     await page.getByPlaceholder("Name").press("Tab");
     await page.getByPlaceholder("Passwort").fill("cox");
     await page.getByPlaceholder("Passwort").press("Enter");
-  await page.locator('li').filter({ hasText: 'Geplante Ausfahrten' }).getByRole('link').click();
-    await page.locator(".relative").first().click();
+    await page.locator('li').filter({ hasText: 'Geplante Ausfahrten' }).getByRole('link').click();
+    await page.locator('a[href="#"]:has-text("Ausfahrt")').first().click();
     await page.locator("#sidebar #planned_starting_time").click();
     await page.locator("#sidebar #planned_starting_time").fill("18:00");
     await page.locator("#sidebar #planned_starting_time").press("Tab");