i18n: data-i18n für Topbar, Sidebar und Dropdown ergänzt

- Heute-Button, Ansichtsbuttons (Monat/Woche/Tag/Termine),
  Erstellen-Button und "Meine Kalender" mit data-i18n versehen
- Profil/Abmelden im User-Dropdown übersetzbar gemacht
- btn_profile + btn_logout Keys in de/en hinzugefügt
- Settings-Icon title per data-i18n-title übersetzbar

frontend/index.html

@@ -88,7 +88,7 @@
       </div>
     </div>
     <div class="topbar-center">
-      <button class="btn btn-ghost" id="btn-today">Heute</button>
+      <button class="btn btn-ghost" id="btn-today" data-i18n="btn_today">Heute</button>
       <button class="icon-btn" id="btn-prev">
         <svg viewBox="0 0 24 24" fill="currentColor"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/></svg>
       </button>
@@ -99,12 +99,12 @@
     </div>
     <div class="topbar-right">
       <div class="view-switcher">
-        <button class="view-btn" data-view="month">Monat</button>
+        <button class="view-btn" data-view="month" data-i18n="view_month">Monat</button>
-        <button class="view-btn" data-view="week">Woche</button>
+        <button class="view-btn" data-view="week" data-i18n="view_week">Woche</button>
-        <button class="view-btn" data-view="day">Tag</button>
+        <button class="view-btn" data-view="day" data-i18n="view_day">Tag</button>
-        <button class="view-btn" data-view="agenda">Termine</button>
+        <button class="view-btn" data-view="agenda" data-i18n="view_agenda">Termine</button>
       </div>
-      <button class="icon-btn" id="btn-settings" title="Einstellungen">
+      <button class="icon-btn" id="btn-settings" data-i18n-title="settings_title" title="Einstellungen">
         <svg viewBox="0 0 24 24" fill="currentColor"><path d="M19.14,12.94c0.04-0.3,0.06-0.61,0.06-0.94c0-0.32-0.02-0.64-0.07-0.94l2.03-1.58c0.18-0.14,0.23-0.41,0.12-0.61 l-1.92-3.32c-0.12-0.22-0.37-0.29-0.59-0.22l-2.39,0.96c-0.5-0.38-1.03-0.7-1.62-0.94L14.4,2.81c-0.04-0.24-0.24-0.41-0.48-0.41 h-3.84c-0.24,0-0.43,0.17-0.47,0.41L9.25,5.35C8.66,5.59,8.12,5.92,7.63,6.29L5.24,5.33c-0.22-0.08-0.47,0-0.59,0.22L2.74,8.87 C2.62,9.08,2.66,9.34,2.86,9.48l2.03,1.58C4.84,11.36,4.8,11.69,4.8,12s0.02,0.64,0.07,0.94l-2.03,1.58 c-0.18,0.14-0.23,0.41-0.12,0.61l1.92,3.32c0.12,0.22,0.37,0.29,0.59,0.22l2.39-0.96c0.5,0.38,1.03,0.7,1.62,0.94l0.36,2.54 c0.05,0.24,0.24,0.41,0.48,0.41h3.84c0.24,0,0.44-0.17,0.47-0.41l0.36-2.54c0.59-0.24,1.13-0.56,1.62-0.94l2.39,0.96 c0.22,0.08,0.47,0,0.59-0.22l1.92-3.32c0.12-0.22,0.07-0.47-0.12-0.61L19.14,12.94z M12,15.6c-1.98,0-3.6-1.62-3.6-3.6 s1.62-3.6,3.6-3.6s3.6,1.62,3.6,3.6S13.98,15.6,12,15.6z"/></svg>
       </button>
       <div class="user-menu-wrapper">
@@ -113,11 +113,11 @@
           <div class="dropdown-user" id="dropdown-username"></div>
           <button class="dropdown-item" id="btn-profile">
             <svg viewBox="0 0 24 24" fill="currentColor" width="16" height="16"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>
-            Profil
+            <span data-i18n="btn_profile">Profil</span>
           </button>
           <button class="dropdown-item" id="btn-logout">
             <svg viewBox="0 0 24 24" fill="currentColor" width="16" height="16"><path d="M17 7l-1.41 1.41L18.17 11H8v2h10.17l-2.58 2.58L17 17l5-5zM4 5h8V3H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h8v-2H4V5z"/></svg>
-            Abmelden
+            <span data-i18n="btn_logout">Abmelden</span>
           </button>
         </div>
       </div>
@@ -132,7 +132,7 @@
       <div class="sidebar-inner">
         <button class="btn btn-fab" id="btn-create-event">
           <svg viewBox="0 0 24 24" fill="currentColor" width="24" height="24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
-          <span>Erstellen</span>
+          <span data-i18n="btn_create">Erstellen</span>
         </button>
 
         <!-- Mini Calendar -->
@@ -154,7 +154,7 @@
         <!-- Calendar List -->
         <div class="cal-list" id="cal-list">
           <div class="cal-list-header">
-            <span>Meine Kalender</span>
+            <span data-i18n="my_calendars">Meine Kalender</span>
             <div class="add-cal-dropdown-wrap">
               <button class="icon-btn mini-btn" id="btn-add-cal" title="Kalender hinzufügen">
                 <svg viewBox="0 0 24 24" fill="currentColor"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>

frontend/js/i18n.js

@@ -25,6 +25,7 @@ const translations = {
     // Topbar
     btn_today: 'Heute',
     view_month: 'Monat', view_week: 'Woche', view_day: 'Tag', view_agenda: 'Termine',
+    btn_profile: 'Profil', btn_logout: 'Abmelden',
 
     // Sidebar
     btn_create: 'Erstellen',
@@ -207,6 +208,7 @@ const translations = {
     // Topbar
     btn_today: 'Today',
     view_month: 'Month', view_week: 'Week', view_day: 'Day', view_agenda: 'Events',
+    btn_profile: 'Profile', btn_logout: 'Log out',
 
     // Sidebar
     btn_create: 'Create',