UI-Anpassungen

frontend/js/reminders.js

@@ -237,9 +237,10 @@ class ReminderManager {
       $('#reminder-color').value = '#F59E0B';
       
       // Reset advance days
-      $$('input[name="advance-days"]').forEach(cb => {
-        cb.checked = cb.value === '1';
-      });
+      const advanceNumberEl = $('#reminder-advance-number');
+      const advanceUnitEl = $('#reminder-advance-unit');
+      if (advanceNumberEl) advanceNumberEl.value = '1';
+      if (advanceUnitEl) advanceUnitEl.value = 'day';
     }
   }
 
@@ -342,11 +343,20 @@ class ReminderManager {
     const freshOptions = $('#reminder-assignee-options');
     const freshValueDisplay = freshTrigger.querySelector('.custom-select-value');
     
+    // Clear any inline styles from dropdown
+    freshOptions.style.width = '';
+    freshOptions.style.left = '';
+    freshOptions.style.top = '';
+    freshOptions.style.bottom = '';
+    
     // Toggle dropdown
     freshTrigger.addEventListener('click', (e) => {
       e.preventDefault();
       e.stopPropagation();
       wrapper.classList.toggle('open');
+      
+      // Simple toggle - CSS handles positioning
+      
       console.log('[Reminder] Dropdown toggled, open:', wrapper.classList.contains('open'));
     });
     
@@ -410,9 +420,23 @@ class ReminderManager {
       
       // Set advance days
       const advanceDays = reminder.advance_days || ['1'];
-      $$('input[name="advance-days"]').forEach(cb => {
-        cb.checked = advanceDays.includes(cb.value);
-      });
+      const advanceNumberEl = $('#reminder-advance-number');
+      const advanceUnitEl = $('#reminder-advance-unit');
+      
+      // Parse the first advance day value to set number and unit
+      if (advanceDays.length > 0 && advanceNumberEl && advanceUnitEl) {
+        const advanceValue = parseInt(advanceDays[0]);
+        if (advanceValue <= 9) {
+          advanceNumberEl.value = advanceValue;
+          advanceUnitEl.value = 'day';
+        } else if (advanceValue % 7 === 0 && advanceValue <= 63) {
+          advanceNumberEl.value = advanceValue / 7;
+          advanceUnitEl.value = 'week';
+        } else if (advanceValue % 30 === 0 && advanceValue <= 270) {
+          advanceNumberEl.value = advanceValue / 30;
+          advanceUnitEl.value = 'month';
+        }
+      }
       
     } catch (error) {
       console.error('Error loading reminder:', error);
@@ -434,16 +458,19 @@ class ReminderManager {
     try {
       const formData = new FormData(this.form);
       
-      // Get advance days
-      const advanceDays = [];
-      $$('input[name="advance-days"]:checked').forEach(cb => {
-        advanceDays.push(cb.value);
-      });
+      // Get advance days from new inputs
+      const advanceNumber = parseInt($('#reminder-advance-number').value) || 1;
+      const advanceUnit = $('#reminder-advance-unit').value || 'day';
       
-      if (advanceDays.length === 0) {
-        throw new Error('Bitte wählen Sie mindestens eine Erinnerungszeit aus');
+      let advanceDaysValue = advanceNumber;
+      if (advanceUnit === 'week') {
+        advanceDaysValue = advanceNumber * 7;
+      } else if (advanceUnit === 'month') {
+        advanceDaysValue = advanceNumber * 30;
       }
       
+      const advanceDays = [String(advanceDaysValue)];
+      
       const data = {
         project_id: store.get('currentProjectId'),
         title: formData.get('reminder-title') || $('#reminder-title').value,