- ${tea.brand ? `
Marke: ${tea.brand}
` : ''}
- ${tea.description ? `
${tea.description}
` : ''}
-
-
-
+
+ ${tea.brand ? `
Marke: ${tea.brand}
` : ''}
+ ${tea.description ? `
${tea.description}
` : ''}
+ ${tea.rating ? this.renderStarRatingStatic(tea.rating) : ''}
+
+
`).join('');
}
+ // ============================================
+ // Tea Modal
+ // ============================================
+
openTeaModal(teaId = null) {
const modal = document.getElementById('tea-modal');
const form = document.getElementById('tea-form');
- const deleteBtn = document.getElementById('delete-tea-btn');
- if (!modal || !form) return;
-
- if (teaId) {
- const tea = this.getTeaById(teaId);
- if (tea) {
- document.getElementById('modal-title').textContent = 'Tee bearbeiten';
- document.getElementById('tea-id').value = tea.id;
- document.getElementById('tea-name').value = tea.name;
- document.getElementById('tea-type').value = tea.type;
- document.getElementById('tea-brand').value = tea.brand || '';
- document.getElementById('tea-description').value = tea.description || '';
- document.getElementById('tea-color').value = tea.color || '#8B4513';
- document.getElementById('tea-organic').checked = tea.organic || false;
- document.getElementById('tea-rating-value').value = tea.rating || 3;
- this.renderStarRating(tea.rating || 3, 'tea-rating');
- if (tea.image) {
- document.getElementById('tea-image-data').value = tea.image;
- document.getElementById('tea-image-preview-img').src = tea.image;
- document.getElementById('tea-image-preview').style.display = 'block';
- } else {
- document.getElementById('tea-image-data').value = '';
- document.getElementById('tea-image-preview-img').src = '';
- document.getElementById('tea-image-preview').style.display = 'none';
+ if (modal) {
+ if (teaId) {
+ const tea = this.getTeaById(teaId);
+ if (tea) {
+ document.getElementById('tea-id').value = tea.id;
+ document.getElementById('tea-name').value = tea.name;
+ document.getElementById('tea-type').value = tea.type;
+ document.getElementById('tea-brand').value = tea.brand || '';
+ document.getElementById('tea-description').value = tea.description || '';
+ document.getElementById('tea-color').value = tea.color || '#8B4513';
+ document.getElementById('tea-organic').checked = tea.organic || false;
+ document.getElementById('tea-image-preview-img').src = tea.image || '';
+ document.getElementById('tea-image-preview').style.display = tea.image ? 'block' : 'none';
+
+ this.renderStarRating(tea.rating || 3, 'tea-rating');
+ this.currentTeaId = tea.id;
}
- deleteBtn.style.display = 'inline-flex';
- this.currentTeaId = tea.id;
+ } else {
+ // New tea
+ form.reset();
+ document.getElementById('tea-color').value = '#8B4513';
+ document.getElementById('tea-organic').checked = false;
+ document.getElementById('tea-image-preview-img').src = '';
+ document.getElementById('tea-image-preview').style.display = 'none';
+ this.renderStarRating(3, 'tea-rating');
+ this.currentTeaId = null;
}
- } else {
- document.getElementById('modal-title').textContent = 'Tee hinzufügen';
- form.reset();
- document.getElementById('tea-id').value = '';
- document.getElementById('tea-rating-value').value = 3;
- this.renderStarRating(3, 'tea-rating');
- document.getElementById('tea-image-data').value = '';
- document.getElementById('tea-image-preview-img').src = '';
- document.getElementById('tea-image-preview').style.display = 'none';
- deleteBtn.style.display = 'none';
- this.currentTeaId = null;
+
+ modal.classList.add('active');
}
-
- modal.classList.add('active');
}
closeTeaModal() {
const modal = document.getElementById('tea-modal');
if (modal) {
modal.classList.remove('active');
- const form = document.getElementById('tea-form');
- if (form) form.reset();
- this.currentTeaId = null;
}
+ this.currentTeaId = null;
}
handleTeaFormSubmit(e) {
e.preventDefault();
- const formData = {
- name: document.getElementById('tea-name').value.trim(),
- type: document.getElementById('tea-type').value,
- brand: document.getElementById('tea-brand').value.trim(),
- description: document.getElementById('tea-description').value.trim(),
- color: document.getElementById('tea-color').value,
- organic: document.getElementById('tea-organic').checked,
- rating: parseInt(document.getElementById('tea-rating-value').value) || 3,
- image: document.getElementById('tea-image-data').value || ''
- };
+ const id = document.getElementById('tea-id').value;
+ const name = document.getElementById('tea-name').value.trim();
+ const type = document.getElementById('tea-type').value;
+ const brand = document.getElementById('tea-brand').value.trim();
+ const description = document.getElementById('tea-description').value.trim();
+ const color = document.getElementById('tea-color').value;
+ const organic = document.getElementById('tea-organic').checked;
+ const image = document.getElementById('tea-image-preview').src || '';
- const teaId = document.getElementById('tea-id').value;
+ // Get rating from star rating
+ const rating = this.getStarRating('tea-rating');
- if (teaId) {
- this.updateTea(teaId, formData);
- this.showToast('Tee erfolgreich aktualisiert!', 'success');
+ if (!name || !type) {
+ this.showToast('Bitte fülle alle Pflichtfelder aus!', 'error');
+ return;
+ }
+
+ const teaData = { name, type, brand, description, color, organic, rating, image };
+
+ if (id) {
+ // Update existing tea
+ this.updateTea(id, teaData);
+ this.showToast('Tee-Sorte erfolgreich aktualisiert!', 'success');
} else {
- this.addTea(formData);
- this.showToast('Tee erfolgreich hinzugefügt!', 'success');
+ // Add new tea
+ this.addTea(teaData);
+ this.showToast('Tee-Sorte erfolgreich hinzugefügt!', 'success');
}
this.closeTeaModal();
this.renderTeasList();
this.renderTrackForm();
- this.updateDashboard();
- this.updateStats();
this.updateSettingsStats();
}
- handleStarRatingClick(e) {
- const star = e.target.closest('.star');
- if (!star) return;
-
- const value = parseInt(star.dataset.value);
- const ratingContainer = document.getElementById('tea-rating');
- const ratingInput = document.getElementById('tea-rating-value');
-
- if (ratingContainer && ratingInput) {
- // Update active stars
- ratingContainer.querySelectorAll('.star').forEach((s, index) => {
- s.classList.toggle('active', index < value);
- });
-
- // Set the hidden input value
- ratingInput.value = value;
- }
- }
-
- handleImageUpload(e) {
- const file = e.target.files[0];
- if (!file || !file.type.startsWith('image/')) return;
-
- const preview = document.getElementById('tea-image-preview-img');
- const previewContainer = document.getElementById('tea-image-preview');
- const imageDataInput = document.getElementById('tea-image-data');
-
- if (preview && previewContainer && imageDataInput) {
- const reader = new FileReader();
- reader.onload = (event) => {
- preview.src = event.target.result;
- previewContainer.style.display = 'block';
- imageDataInput.value = event.target.result;
- };
- reader.readAsDataURL(file);
- }
- }
-
renderStarRating(rating, containerId) {
const container = document.getElementById(containerId);
if (!container) return;
- const stars = [];
+ container.innerHTML = '';
for (let i = 1; i <= 5; i++) {
- stars.push(`
★`);
+ const star = document.createElement('span');
+ star.className = 'star';
+ star.textContent = i <= rating ? '★' : '☆';
+ star.dataset.value = i;
+ star.addEventListener('click', () => this.handleStarRatingClick(star, containerId));
+ container.appendChild(star);
}
- container.innerHTML = stars.join('');
}
renderStarRatingStatic(rating) {
- const stars = [];
+ let html = '
';
for (let i = 1; i <= 5; i++) {
- stars.push(`★`);
+ html += `${i <= rating ? '★' : '☆'}`;
+ }
+ html += '
';
+ return html;
+ }
+
+ getStarRating(containerId) {
+ const container = document.getElementById(containerId);
+ if (!container) return 3;
+
+ const stars = container.querySelectorAll('.star');
+ for (let i = 0; i < stars.length; i++) {
+ if (stars[i].textContent === '★') {
+ return i + 1;
+ }
+ }
+ return 0;
+ }
+
+ handleStarRatingClick(star, containerId) {
+ const value = parseInt(star.dataset.value);
+ const container = document.getElementById(containerId);
+ if (!container) return;
+
+ const stars = container.querySelectorAll('.star');
+ stars.forEach((s, index) => {
+ s.textContent = index < value ? '★' : '☆';
+ });
+ }
+
+ handleImageUpload(e) {
+ const file = e.target.files[0];
+ if (!file) return;
+
+ const preview = document.getElementById('tea-image-preview-img');
+ const previewContainer = document.getElementById('tea-image-preview');
+
+ if (file.type.startsWith('image/')) {
+ const reader = new FileReader();
+ reader.onload = (event) => {
+ preview.src = event.target.result;
+ previewContainer.style.display = 'block';
+ };
+ reader.readAsDataURL(file);
}
- return stars.join('');
}
editTea(teaId) {
@@ -1573,47 +1298,31 @@ class TeeTracker {
}
showDeleteTeaConfirm(teaId) {
- this.currentTeaId = teaId;
const tea = this.getTeaById(teaId);
- if (tea) {
- document.getElementById('confirm-message').textContent =
- `Möchtest du den Tee "${tea.name}" wirklich löschen? Alle zugehörigen Einträge werden ebenfalls gelöscht.`;
- document.getElementById('confirm-modal').classList.add('active');
- this.tempConfirmAction = 'deleteTea';
- }
+ const message = `Möchtest du wirklich die Tee-Sorte "${tea ? tea.name : 'Unbekannt'}" löschen? Alle damit verbundenen Einträge werden ebenfalls gelöscht!`;
+ document.getElementById('confirm-message').textContent = message;
+ document.getElementById('confirm-modal').classList.add('active');
+
+ this.tempConfirmAction = 'deleteTea';
+ this.currentTeaId = teaId;
}
handleDeleteTea() {
if (this.currentTeaId) {
const tea = this.getTeaById(this.currentTeaId);
if (tea) {
- document.getElementById('confirm-message').textContent =
- `Möchtest du den Tee "${tea.name}" wirklich löschen? Alle zugehörigen Einträge werden ebenfalls gelöscht.`;
- document.getElementById('confirm-modal').classList.add('active');
- this.tempConfirmAction = 'deleteTea';
+ this.deleteTea(this.currentTeaId);
+ this.showToast(`Tee-Sorte "${tea.name}" wurde gelöscht!`, 'success');
+ this.renderTeasList();
+ this.renderTrackForm();
+ this.updateSettingsStats();
}
}
+ this.currentTeaId = null;
}
confirmDelete() {
- if (this.tempConfirmAction === 'deleteTea' && this.currentTeaId) {
- const tea = this.getTeaById(this.currentTeaId);
- if (tea) {
- this.deleteTea(this.currentTeaId);
- this.showToast(`Tee "${tea.name}" wurde gelöscht.`, 'success');
- this.closeConfirmModal();
- this.closeTeaModal();
- this.renderTeasList();
- this.renderTrackForm();
- this.updateDashboard();
- this.updateStats();
- this.updateSettingsStats();
- }
- } else if (this.tempConfirmAction === 'clearData') {
- this.confirmClearData();
- }
-
- this.tempConfirmAction = null;
+ this.handleDeleteTea();
}
closeConfirmModal() {
@@ -1732,10 +1441,16 @@ class TeeTracker {
}
// ============================================
- // Statistics
+ // Charts
// ============================================
initCharts() {
+ // Check if Chart.js is loaded
+ if (typeof Chart === 'undefined') {
+ console.log('Chart.js not loaded, skipping charts initialization');
+ return;
+ }
+
this.createTeaTypeChart();
this.createDailyChart();
}
@@ -1744,19 +1459,23 @@ class TeeTracker {
const ctx = document.getElementById('tea-type-chart');
if (!ctx) return;
- const period = document.getElementById('stats-period').value || 'week';
- const typeCounts = this.getCupsByTeaType(period);
-
+ const typeCounts = this.getCupsByTeaType('all');
const labels = Object.keys(typeCounts);
const data = Object.values(typeCounts);
- const backgroundColors = labels.map((type, index) => {
- const colors = [
- '#8B4513', '#228B22', '#90EE90', '#FFD700',
- '#FF6347', '#FF69B4', '#4169E1', '#8A2BE2'
- ];
- return colors[index % colors.length];
- });
+ // Define colors for each tea type
+ const typeColors = {
+ 'Schwarztee': '#8B4513',
+ 'Grüntee': '#228B22',
+ 'Weißtee': '#F5F5DC',
+ 'Oolong': '#DAA520',
+ 'Pu-Erh': '#654321',
+ 'Früchtetee': '#FF6347',
+ 'Kräutertee': '#9ACD32',
+ 'Sonstiges': '#808080'
+ };
+
+ const backgroundColors = labels.map(label => typeColors[label] || '#8B4513');
if (this.charts.teaType) {
this.charts.teaType.destroy();
@@ -1769,19 +1488,18 @@ class TeeTracker {
datasets: [{
data: data,
backgroundColor: backgroundColors,
- borderWidth: 2,
- borderColor: '#fff'
+ borderWidth: 1
}]
},
options: {
responsive: true,
- maintainAspectRatio: false,
+ maintainAspectRatio: true,
plugins: {
legend: {
- position: 'right',
+ position: 'bottom',
labels: {
- padding: 15,
- font: { size: 12 }
+ font: { size: 12 },
+ padding: 10
}
},
tooltip: {
@@ -1789,12 +1507,11 @@ class TeeTracker {
label: function(context) {
const label = context.label || '';
const value = context.raw || 0;
- return `${label}: ${value} Tasse${value > 1 ? 'n' : ''}`;
+ return `${label}: ${value} Tasse${value !== 1 ? 'n' : ''}`;
}
}
}
- },
- layout: { padding: 20 }
+ }
}
});
}
@@ -1803,17 +1520,15 @@ class TeeTracker {
const ctx = document.getElementById('daily-chart');
if (!ctx) return;
- const period = document.getElementById('stats-period').value || 'week';
- const dailyCounts = this.getDailyConsumption(period);
+ const dailyCounts = this.getDailyConsumption('week');
+ const labels = Object.keys(dailyCounts).sort();
+ const data = labels.map(date => dailyCounts[date] || 0);
- const sortedDates = Object.keys(dailyCounts).sort();
- const labels = sortedDates.map(date => {
+ // Format dates for display
+ const formattedLabels = labels.map(date => {
const d = new Date(date);
- return period === 'year'
- ? d.toLocaleDateString('de-DE', { month: 'short', day: 'numeric' })
- : d.toLocaleDateString('de-DE', { weekday: 'short', day: 'numeric' });
+ return d.toLocaleDateString('de-DE', { weekday: 'short', day: 'numeric' });
});
- const data = sortedDates.map(date => dailyCounts[date]);
if (this.charts.daily) {
this.charts.daily.destroy();
@@ -1822,284 +1537,136 @@ class TeeTracker {
this.charts.daily = new Chart(ctx, {
type: 'bar',
data: {
- labels: labels,
+ labels: formattedLabels,
datasets: [{
label: 'Tassen pro Tag',
data: data,
backgroundColor: 'rgba(139, 69, 19, 0.7)',
borderColor: 'rgba(139, 69, 19, 1)',
- borderWidth: 2
+ borderWidth: 1
}]
},
options: {
responsive: true,
- maintainAspectRatio: false,
- plugins: {
- legend: { display: false },
- tooltip: {
- callbacks: {
- label: function(context) {
- return `${context.raw} Tasse${context.raw > 1 ? 'n' : ''}`;
- }
- }
- }
- },
+ maintainAspectRatio: true,
scales: {
y: {
beginAtZero: true,
ticks: {
- stepSize: 1,
- callback: function(value) {
- return value + (value === 1 ? ' Tasse' : ' Tassen');
- }
+ stepSize: 1
}
}
},
- layout: { padding: 20 }
+ plugins: {
+ legend: {
+ display: false
+ },
+ tooltip: {
+ callbacks: {
+ label: function(context) {
+ const value = context.raw || 0;
+ return `${value} Tasse${value !== 1 ? 'n' : ''}`;
+ }
+ }
+ }
+ }
}
});
}
+ // ============================================
+ // Statistics
+ // ============================================
+
updateStats() {
- const period = document.getElementById('stats-period').value || 'week';
+ this.updateDetailedStats('all');
+ // Update charts
this.createTeaTypeChart();
this.createDailyChart();
- this.renderDetailedStats(period);
}
renderDetailedStats(period) {
- const container = document.getElementById('stats-details');
- if (!container) return;
-
- const entries = this.getEntriesByPeriod(period);
- const totalCups = entries.reduce((sum, entry) => sum + entry.amount, 0);
- const uniqueDays = this.countUniqueDays(entries);
- const avgDaily = uniqueDays > 0 ? Math.round(totalCups / uniqueDays) : 0;
+ const totalCups = this.getCupsByPeriod(period);
+ const avgPerDay = this.calculateAveragePerDay(period);
+ const activeDays = this.calculateActiveDays(period);
+ const uniqueTeas = this.calculateUniqueTeas(period);
const mostConsumed = this.getMostConsumedTea(period);
- const teaCount = new Set(entries.map(entry => entry.teaId)).size;
- container.innerHTML = `
-
-
Gesamt getrunken
-
${totalCups} Tassen
+ const statsContainer = document.getElementById('detailed-stats');
+ if (!statsContainer) return;
+
+ statsContainer.innerHTML = `
+
+
${totalCups}
+
Gesamt getrunken
-
-
Durchschnitt pro Tag
-
${avgDaily} Tassen
+
+
${avgPerDay.toFixed(1)}
+
Durchschnitt pro Tag
-
-
Aktive Tage
-
${uniqueDays} Tage
+
+
${activeDays}
+
Aktive Tage
-
-
Verschiedene Tees
-
${teaCount} Sorten
+
+
${uniqueTeas}
+
Verschiedene Tees
- ${mostConsumed.name ? `
-
-
Meist getrunken
-
${mostConsumed.name}
+
+
${mostConsumed ? mostConsumed.name : '-'}
+
Meist getrunkener Tee
-
-
Favorit (Anzahl)
-
${mostConsumed.count} Tassen
-
- ` : ''}
`;
}
+ calculateAveragePerDay(period) {
+ const entries = this.getEntriesByPeriod(period);
+ if (entries.length === 0) return 0;
+
+ const totalCups = this.getCupsByPeriod(period);
+ const days = this.countUniqueDays(entries);
+ return days > 0 ? totalCups / days : 0;
+ }
+
+ calculateActiveDays(period) {
+ const entries = this.getEntriesByPeriod(period);
+ return this.countUniqueDays(entries);
+ }
+
+ calculateUniqueTeas(period) {
+ const entries = this.getEntriesByPeriod(period);
+ const teaIds = new Set();
+ entries.forEach(entry => teaIds.add(entry.teaId));
+ return teaIds.size;
+ }
+
// ============================================
- // Utility Functions
+ // Toast Notifications
// ============================================
showToast(message, type = 'info') {
- const existingToast = document.querySelector('.toast');
- if (existingToast) {
- existingToast.remove();
- }
+ const toastContainer = document.getElementById('toast-container');
+ if (!toastContainer) return;
const toast = document.createElement('div');
- toast.className = `toast ${type}`;
+ toast.className = `toast toast-${type}`;
toast.textContent = message;
- document.body.appendChild(toast);
+ toastContainer.appendChild(toast);
setTimeout(() => {
- toast.style.animation = 'toastSlideIn 0.3s ease reverse';
+ toast.classList.add('show');
+ }, 100);
+
+ setTimeout(() => {
+ toast.classList.remove('show');
setTimeout(() => toast.remove(), 300);
}, 3000);
}
}
-// ============================================
-// Tea Timer Methods
-// ============================================
-
-TeeTracker.prototype.startTimer = function() {
- if (this.timerRunning && !this.timerPaused) return;
-
- if (this.timerPaused) {
- // Resume from paused state
- this.timerPaused = false;
- } else {
- // Start new timer
- const input = document.getElementById('timer-input');
- let minutes = parseInt(input.value) || 3;
-
- // Clamp to valid range
- minutes = Math.max(1, Math.min(15, minutes));
- this.timerSeconds = minutes * 60;
- this.remainingSeconds = this.timerSeconds;
- input.value = minutes;
- }
-
- this.timerRunning = true;
- this.updateTimerButtons();
- this.updateTimerDisplay();
-
- this.timer = setInterval(() => {
- this.remainingSeconds--;
- this.updateTimerDisplay();
-
- if (this.remainingSeconds <= 0) {
- this.stopTimer();
- this.showTimerNotification('⏰ Timer abgelaufen! Zeit für deinen Tee!');
-
- // Play notification sound if possible
- if (typeof Audio !== 'undefined') {
- try {
- const audioContext = new (window.AudioContext || window.webkitAudioContext)();
- const oscillator = audioContext.createOscillator();
- const gainNode = audioContext.createGain();
- oscillator.connect(gainNode);
- gainNode.connect(audioContext.destination);
- oscillator.frequency.value = 800;
- oscillator.type = 'sine';
- gainNode.gain.setValueAtTime(0.1, audioContext.currentTime);
- oscillator.start(audioContext.currentTime);
- oscillator.stop(audioContext.currentTime + 0.5);
- } catch (e) {
- console.log('Audio notification not supported');
- }
- }
- }
- }, 1000);
-};
-
-TeeTracker.prototype.pauseTimer = function() {
- if (!this.timerRunning || this.timerPaused) return;
-
- this.timerPaused = true;
- this.timerRunning = false;
- this.updateTimerButtons();
-
- if (this.timer) {
- clearInterval(this.timer);
- this.timer = null;
- }
-};
-
-TeeTracker.prototype.stopTimer = function() {
- if (this.timer) {
- clearInterval(this.timer);
- this.timer = null;
- }
- this.timerRunning = false;
- this.timerPaused = false;
- this.updateTimerButtons();
-};
-
-TeeTracker.prototype.resetTimer = function() {
- this.stopTimer();
- const input = document.getElementById('timer-input');
- const minutes = parseInt(input.value) || 3;
- this.timerSeconds = Math.max(1, Math.min(15, minutes)) * 60;
- this.remainingSeconds = this.timerSeconds;
- this.updateTimerDisplay();
- this.updateTimerButtons();
-};
-
-TeeTracker.prototype.decreaseTimer = function() {
- const input = document.getElementById('timer-input');
- let minutes = parseInt(input.value) || 3;
- minutes = Math.max(1, minutes - 1);
- input.value = minutes;
- this.timerSeconds = minutes * 60;
- this.remainingSeconds = this.timerSeconds;
- this.updateTimerDisplay();
-};
-
-TeeTracker.prototype.increaseTimer = function() {
- const input = document.getElementById('timer-input');
- let minutes = parseInt(input.value) || 3;
- minutes = Math.min(15, minutes + 1);
- input.value = minutes;
- this.timerSeconds = minutes * 60;
- this.remainingSeconds = this.timerSeconds;
- this.updateTimerDisplay();
-};
-
-TeeTracker.prototype.updateTimerFromInput = function(e) {
- let minutes = parseInt(e.target.value) || 3;
- minutes = Math.max(1, Math.min(15, minutes));
- e.target.value = minutes;
- this.timerSeconds = minutes * 60;
- this.remainingSeconds = this.timerSeconds;
- this.updateTimerDisplay();
-};
-
-TeeTracker.prototype.validateTimerInput = function(e) {
- let value = e.target.value;
- // Remove non-numeric characters
- value = value.replace(/\D/g, '');
- if (value === '') value = '3';
- let minutes = parseInt(value) || 3;
- minutes = Math.max(1, Math.min(15, minutes));
- e.target.value = minutes;
-};
-
-TeeTracker.prototype.updateTimerDisplay = function() {
- const display = document.getElementById('timer-display');
- if (!display) return;
-
- const minutes = Math.floor(this.remainingSeconds / 60);
- const seconds = this.remainingSeconds % 60;
- display.textContent = `${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
-};
-
-TeeTracker.prototype.updateTimerButtons = function() {
- const startBtn = document.getElementById('timer-start');
- const pauseBtn = document.getElementById('timer-pause');
- const resetBtn = document.getElementById('timer-reset');
- const decreaseBtn = document.getElementById('timer-decrease');
- const increaseBtn = document.getElementById('timer-increase');
- const timerInput = document.getElementById('timer-input');
-
- if (startBtn) startBtn.disabled = this.timerRunning && !this.timerPaused;
- if (pauseBtn) pauseBtn.disabled = !this.timerRunning || this.timerPaused;
- if (resetBtn) resetBtn.disabled = false;
- if (decreaseBtn) decreaseBtn.disabled = this.timerRunning && !this.timerPaused;
- if (increaseBtn) increaseBtn.disabled = this.timerRunning && !this.timerPaused;
- if (timerInput) timerInput.disabled = this.timerRunning && !this.timerPaused;
-};
-
-TeeTracker.prototype.showTimerNotification = function(message) {
- const notification = document.getElementById('timer-notification');
- if (notification) {
- notification.textContent = message;
- notification.className = 'timer-notification success';
- notification.style.display = 'block';
-
- // Hide after 5 seconds
- setTimeout(() => {
- notification.style.display = 'none';
- }, 5000);
- }
-};
-
-// Initialize the application
+// Initialize application
let app;
document.addEventListener('DOMContentLoaded', () => {
app = new TeeTracker();
- window.app = app;
});
diff --git a/index.html b/index.html
index e7f670b..25227e1 100644
--- a/index.html
+++ b/index.html
@@ -147,53 +147,12 @@
⚙️ Einstellungen
-
-
🌐 Nextcloud-Synchronisation
-
Verbinde TeeTracker mit deiner Nextcloud-Instanz für plattformübergreifende Synchronisation.
-
-
-
-
-
-
-
-
-
💾 Datenverwaltung
+
Daten werden im data/-Verzeichnis gespeichert (falls ein lokaler Server läuft) oder im Browser-Speicher (localStorage).
@@ -201,7 +160,7 @@
-
+
@@ -234,7 +193,6 @@
-
@@ -413,6 +371,9 @@
+
+
+
` : ''}
-