donpat1to/Schichtenplaner
1
0
Fork 0
mirror of https://github.com/donpat1to/Schichtenplaner.git synced 2025-11-30 22:45:46 +01:00
Code Issues Packages Projects Releases Wiki Activity

removed phone and departement as user attribute

Browse Source
This commit is contained in:
Patrick Mahnke-Hartmann
2025-10-10 18:22:13 +02:00
parent 6a9ddea0c5
commit e1e435a811
21 changed files with 1508 additions and 888 deletions
Download Patch File Download Diff File Expand all files Collapse all files

251
frontend/src/components/Layout/Footer.tsx
View File

@@ -1,95 +1,186 @@
// frontend/src/components/Layout/Footer.tsx
import React from 'react';
import { Link } from 'react-router-dom';
const Footer: React.FC = () => {
return (
<footer style={{
backgroundColor: '#34495e',
const styles = {
footer: {
background: '#2c3e50',
color: 'white',
padding: '30px 20px',
marginTop: 'auto'
}}>
<div style={{
maxWidth: '1200px',
margin: '0 auto',
display: 'grid',
gridTemplateColumns: 'repeat(auto-fit, minmax(200px, 1fr))',
gap: '30px'
}}>
{/* App Info */}
<div>
<h4 style={{ marginBottom: '15px' }}>🗓️ SchichtPlaner</h4>
<p style={{ fontSize: '14px', lineHeight: '1.5' }}>
Einfache Schichtplanung für Ihr Team.
Optimierte Arbeitszeiten, transparente Planung.
marginTop: 'auto',
},
footerContent: {
maxWidth: '1200px',
margin: '0 auto',
padding: '2rem 20px',
display: 'grid',
gridTemplateColumns: 'repeat(auto-fit, minmax(250px, 1fr))',
gap: '2rem',
},
footerSection: {
display: 'flex',
flexDirection: 'column' as const,
},
footerSectionH3: {
marginBottom: '1rem',
color: '#ecf0f1',
fontSize: '1.2rem',
},
footerSectionH4: {
marginBottom: '1rem',
color: '#ecf0f1',
fontSize: '1.1rem',
},
footerLink: {
color: '#bdc3c7',
textDecoration: 'none',
marginBottom: '0.5rem',
transition: 'color 0.3s ease',
},
footerBottom: {
borderTop: '1px solid #34495e',
padding: '1rem 20px',
textAlign: 'center' as const,
color: '#95a5a6',
},
};
return (
<footer style={styles.footer}>
<div style={styles.footerContent}>
<div style={styles.footerSection}>
<h3 style={styles.footerSectionH3}>Schichtenplaner</h3>
<p style={{color: '#bdc3c7', margin: 0}}>
Professionelle Schichtplanung für Ihr Team.
Effiziente Personalplanung für optimale Abläufe.
</p>
</div>
{/* Quick Links */}
<div>
<h4 style={{ marginBottom: '15px' }}>Schnellzugriff</h4>
<ul style={{ listStyle: 'none', padding: 0, fontSize: '14px' }}>
<li style={{ marginBottom: '8px' }}>
<Link to="/help" style={{ color: '#bdc3c7', textDecoration: 'none' }}>
📖 Anleitung
</Link>
</li>
<li style={{ marginBottom: '8px' }}>
<Link to="/help/faq" style={{ color: '#bdc3c7', textDecoration: 'none' }}>
❓ Häufige Fragen
</Link>
</li>
<li style={{ marginBottom: '8px' }}>
<Link to="/help/support" style={{ color: '#bdc3c7', textDecoration: 'none' }}>
💬 Support
</Link>
</li>
</ul>
<div style={styles.footerSection}>
<h4 style={styles.footerSectionH4}>Support & Hilfe</h4>
<a
href="/help"
style={styles.footerLink}
onMouseEnter={(e) => {
e.currentTarget.style.color = '#3498db';
}}
onMouseLeave={(e) => {
e.currentTarget.style.color = '#bdc3c7';
}}
>
Hilfe & Anleitungen
</a>
<a
href="/contact"
style={styles.footerLink}
onMouseEnter={(e) => {
e.currentTarget.style.color = '#3498db';
}}
onMouseLeave={(e) => {
e.currentTarget.style.color = '#bdc3c7';
}}
>
Kontakt & Support
</a>
<a
href="/faq"
style={styles.footerLink}
onMouseEnter={(e) => {
e.currentTarget.style.color = '#3498db';
}}
onMouseLeave={(e) => {
e.currentTarget.style.color = '#bdc3c7';
}}
>
Häufige Fragen
</a>
</div>
{/* Legal Links */}
<div>
<h4 style={{ marginBottom: '15px' }}>Rechtliches</h4>
<ul style={{ listStyle: 'none', padding: 0, fontSize: '14px' }}>
<li style={{ marginBottom: '8px' }}>
<Link to="/impressum" style={{ color: '#bdc3c7', textDecoration: 'none' }}>
📄 Impressum
</Link>
</li>
<li style={{ marginBottom: '8px' }}>
<Link to="/datenschutz" style={{ color: '#bdc3c7', textDecoration: 'none' }}>
🔒 Datenschutz
</Link>
</li>
<li style={{ marginBottom: '8px' }}>
<Link to="/agb" style={{ color: '#bdc3c7', textDecoration: 'none' }}>
📝 AGB
</Link>
</li>
</ul>
<div style={styles.footerSection}>
<h4 style={styles.footerSectionH4}>Rechtliches</h4>
<a
href="/privacy"
style={styles.footerLink}
onMouseEnter={(e) => {
e.currentTarget.style.color = '#3498db';
}}
onMouseLeave={(e) => {
e.currentTarget.style.color = '#bdc3c7';
}}
>
Datenschutzerklärung
</a>
<a
href="/imprint"
style={styles.footerLink}
onMouseEnter={(e) => {
e.currentTarget.style.color = '#3498db';
}}
onMouseLeave={(e) => {
e.currentTarget.style.color = '#bdc3c7';
}}
>
Impressum
</a>
<a
href="/terms"
style={styles.footerLink}
onMouseEnter={(e) => {
e.currentTarget.style.color = '#3498db';
}}
onMouseLeave={(e) => {
e.currentTarget.style.color = '#bdc3c7';
}}
>
Allgemeine Geschäftsbedingungen
</a>
</div>
{/* Contact */}
<div>
<h4 style={{ marginBottom: '15px' }}>Kontakt</h4>
<div style={{ fontSize: '14px', color: '#bdc3c7' }}>
<p>📧 support@schichtplaner.de</p>
<p>📞 +49 123 456 789</p>
<p>🕘 Mo-Fr: 9:00-17:00</p>
</div>
<div style={styles.footerSection}>
<h4 style={styles.footerSectionH4}>Unternehmen</h4>
<a
href="/about"
style={styles.footerLink}
onMouseEnter={(e) => {
e.currentTarget.style.color = '#3498db';
}}
onMouseLeave={(e) => {
e.currentTarget.style.color = '#bdc3c7';
}}
>
Über uns
</a>
<a
href="/features"
style={styles.footerLink}
onMouseEnter={(e) => {
e.currentTarget.style.color = '#3498db';
}}
onMouseLeave={(e) => {
e.currentTarget.style.color = '#bdc3c7';
}}
>
Funktionen
</a>
<a
href="/pricing"
style={styles.footerLink}
onMouseEnter={(e) => {
e.currentTarget.style.color = '#3498db';
}}
onMouseLeave={(e) => {
e.currentTarget.style.color = '#bdc3c7';
}}
>
Preise
</a>
</div>
</div>
<div style={{
borderTop: '1px solid #2c3e50',
marginTop: '30px',
paddingTop: '20px',
textAlign: 'center',
fontSize: '12px',
color: '#95a5a6'
}}>
<p>© 2024 SchichtPlaner. Alle Rechte vorbehalten.</p>
<div style={styles.footerBottom}>
<p style={{margin: 0}}>
&copy; 2025 Schichtenplaner. Alle Rechte vorbehalten. |
Made with ❤️ for efficient team management
</p>
</div>
</footer>
);