elpatron/medi-customers
1
0
Fork 0
Code Issues Pull Requests Actions Packages Releases Activity

docs: Entwickler-Kommentare in Templates und CSS hinzugefügt

Browse Source
This commit is contained in:
elpatron
2025-03-21 17:13:57 +01:00
parent 5549c64735
commit d891ba62bc
4 changed files with 226 additions and 109 deletions
Download Patch File Download Diff File Expand all files Collapse all files

154
static/css/styles.css
View File

@@ -1,20 +1,121 @@
/*
medisoftware Kundensuche - Hauptstyles
Version: 1.2.19
Entwickler: medisoftware GmbH
Letzte Änderung: 2024-03-19
*/
/* Allgemeine Styles */
body { body {
min-height: 100vh; min-height: 100vh;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin: 0; margin: 0;
padding: 0; padding: 0;
background-color: #f8f9fa;
} }
/* Hauptcontainer */
.main-content { .main-content {
flex: 1 0 auto; flex: 1 0 auto;
padding: 2rem 0; padding: 2rem 0;
margin-bottom: 4rem; /* Platz für die fixierte Fußzeile */ margin-bottom: 4rem;
}
/* Suchcontainer */
.search-container {
background-color: white;
padding: 2rem;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
/* Suchergebnisse */
#searchResults {
margin-top: 2rem;
}
/* Kundenkarte */
.customer-card {
background-color: white;
border-radius: 8px;
padding: 1.5rem;
margin-bottom: 1rem;
box-shadow: 0 2px 4px rgba(0,0,0,0.05);
transition: transform 0.2s, box-shadow 0.2s;
}
.customer-card:hover {
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
/* Kundenname */
.customer-name {
font-size: 1.25rem;
font-weight: 600;
color: #333;
margin-bottom: 0.5rem;
}
/* Kundeninformationen */
.customer-info {
color: #666;
margin-bottom: 0.5rem;
}
/* Klickbare Links */
.customer-info a {
color: #0d6efd;
text-decoration: none;
}
.customer-info a:hover {
text-decoration: underline;
}
/* Footer */
.footer {
flex-shrink: 0;
text-align: center;
padding: 1rem;
background-color: #f8f9fa;
border-top: 1px solid #dee2e6;
width: 100%;
position: fixed;
bottom: 0;
left: 0;
z-index: 100;
}
.footer-content {
max-width: 1200px;
margin: 0 auto;
padding: 0 1rem;
}
.footer-link {
color: #0d6efd;
text-decoration: none;
}
.footer-link:hover {
text-decoration: underline;
}
/* Responsive Anpassungen */
@media (max-width: 768px) {
.main-content {
padding: 1rem 0;
} }
.search-container { .search-container {
max-width: 800px; padding: 1rem;
margin: 0 auto; }
.customer-card {
padding: 1rem;
}
} }
.result-card { .result-card {
@@ -73,19 +174,6 @@ body {
font-size: 0.9em; font-size: 0.9em;
} }
.footer {
flex-shrink: 0;
text-align: center;
padding: 1rem;
background-color: #f8f9fa;
border-top: 1px solid #dee2e6;
width: 100%;
position: fixed;
bottom: 0;
left: 0;
z-index: 100;
}
.share-feedback { .share-feedback {
position: fixed; position: fixed;
bottom: 20px; bottom: 20px;
@@ -209,14 +297,6 @@ body {
font-size: 1.2em; font-size: 1.2em;
} }
.customer-card {
background: white;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
margin-bottom: 1rem;
padding: 1rem;
}
.customer-header { .customer-header {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@@ -224,12 +304,6 @@ body {
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }
.customer-name {
margin: 0;
font-size: 1.2rem;
color: #333;
}
.customer-actions { .customer-actions {
display: flex; display: flex;
align-items: center; align-items: center;
@@ -286,26 +360,6 @@ body {
font-size: 0.875rem; font-size: 0.875rem;
} }
.footer-content {
padding: 1rem;
background-color: #f8f9fa;
border-top: 1px solid #dee2e6;
width: 100%;
position: fixed;
bottom: 0;
left: 0;
z-index: 100;
}
.footer-link {
color: #0d6efd;
text-decoration: none;
}
.footer-link:hover {
text-decoration: underline;
}
.general-search { .general-search {
max-width: 800px; max-width: 800px;
margin: 0 auto; margin: 0 auto;

10
templates/index.html
View File

@@ -5,6 +5,12 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="client-ip" content="{{ request.headers.get('X-Forwarded-For', request.remote_addr) }}"> <meta name="client-ip" content="{{ request.headers.get('X-Forwarded-For', request.remote_addr) }}">
<meta name="allowed-ip-ranges" content="{{ allowed_ip_ranges }}"> <meta name="allowed-ip-ranges" content="{{ allowed_ip_ranges }}">
<!--
medisoftware Kundensuche
Version: {{ version }}
Entwickler: medisoftware GmbH
Letzte Änderung: 2024-03-19
-->
<title>medisoftware Kundensuche</title> <title>medisoftware Kundensuche</title>
<link rel="icon" type="image/x-icon" href="{{ url_for('static', filename='favicon.ico') }}"> <link rel="icon" type="image/x-icon" href="{{ url_for('static', filename='favicon.ico') }}">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
@@ -12,6 +18,10 @@
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
<link href="{{ url_for('static', filename='css/styles.css') }}" rel="stylesheet"> <link href="{{ url_for('static', filename='css/styles.css') }}" rel="stylesheet">
<style> <style>
/*
Inline-Styles für spezifische Anpassungen
Diese Styles sind nur für diese Seite gültig
*/
.logo { .logo {
width: 200px; width: 200px;
height: auto; height: auto;

144
templates/readme.html
View File

@@ -3,56 +3,104 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--
medisoftware Kundensuche - README
Version: {{ version }}
Entwickler: medisoftware GmbH
Letzte Änderung: 2024-03-19
-->
<title>medisoftware Kundensuche - README</title> <title>medisoftware Kundensuche - README</title>
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" rel="stylesheet"> <!-- Bootstrap Icons für die Menü-Symbole -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
<link href="{{ url_for('static', filename='css/styles.css') }}" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/github-markdown-css@5.5.0/github-markdown.min.css">
<style> <style>
/*
Inline-Styles für die README-Seite
Diese Styles sind nur für diese Seite gültig
*/
body { body {
min-height: 100vh; background-color: #f8f9fa;
display: flex;
flex-direction: column;
margin: 0;
padding: 0;
} }
.main-content { .main-content {
flex: 1 0 auto;
padding: 2rem 0; padding: 2rem 0;
margin-bottom: 4rem;
} }
.footer { .logo {
flex-shrink: 0; width: 200px;
text-align: center; height: auto;
padding: 1rem;
background-color: #f8f9fa;
border-top: 1px solid #dee2e6;
width: 100%;
position: fixed;
bottom: 0;
left: 0;
z-index: 100;
}
.markdown-body {
box-sizing: border-box;
min-width: 200px;
max-width: 980px;
margin: 0 auto; margin: 0 auto;
padding: 45px; display: block;
} }
@media (max-width: 767px) { .readme-container {
.markdown-body { background-color: white;
padding: 15px; padding: 2rem;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
} }
.readme-content {
max-width: 800px;
margin: 0 auto;
}
.readme-content h1 {
color: #333;
margin-bottom: 1.5rem;
}
.readme-content h2 {
color: #444;
margin-top: 2rem;
margin-bottom: 1rem;
}
.readme-content p {
line-height: 1.6;
margin-bottom: 1rem;
}
.readme-content code {
background-color: #f8f9fa;
padding: 0.2rem 0.4rem;
border-radius: 3px;
font-family: monospace;
}
.readme-content pre {
background-color: #f8f9fa;
padding: 1rem;
border-radius: 5px;
overflow-x: auto;
}
.readme-content ul, .readme-content ol {
margin-bottom: 1rem;
padding-left: 2rem;
}
.readme-content li {
margin-bottom: 0.5rem;
}
.readme-content blockquote {
border-left: 4px solid #dee2e6;
padding-left: 1rem;
margin-left: 0;
color: #6c757d;
}
.readme-content table {
width: 100%;
margin-bottom: 1rem;
border-collapse: collapse;
}
.readme-content th, .readme-content td {
padding: 0.5rem;
border: 1px solid #dee2e6;
}
.readme-content th {
background-color: #f8f9fa;
} }
</style> </style>
</head> </head>
<body> <body>
<!-- Hauptcontainer für den Inhalt -->
<div class="main-content"> <div class="main-content">
<div class="container"> <div class="container">
<div class="d-flex justify-content-between align-items-center mb-4"> <!-- Header mit Logo und Menü -->
<div class="dropdown"> <div class="position-relative mb-4">
<!-- Dropdown-Menü -->
<div class="dropdown position-absolute start-0">
<button class="btn btn-link text-dark" type="button" id="menuButton" data-bs-toggle="dropdown" aria-expanded="false"> <button class="btn btn-link text-dark" type="button" id="menuButton" data-bs-toggle="dropdown" aria-expanded="false">
<i class="bi bi-list fs-4"></i> <i class="bi bi-list fs-4"></i>
</button> </button>
@@ -74,38 +122,22 @@
</li> </li>
</ul> </ul>
</div> </div>
<!-- Logo -->
<div class="text-center">
<a href="https://medisoftware.de" target="_blank" rel="noopener noreferrer"> <a href="https://medisoftware.de" target="_blank" rel="noopener noreferrer">
<img src="{{ url_for('static', filename='medisoftware_logo_rb_200.png') }}" alt="medisoftware Logo" class="img-fluid" style="max-width: 200px;"> <img src="{{ url_for('static', filename='medisoftware_logo_rb_200.png') }}" alt="medisoftware Logo" class="img-fluid logo">
</a> </a>
</div> </div>
<div class="card">
<div class="card-header">
<h2 class="text-center mb-0">README</h2>
</div> </div>
<div class="card-body"> <!-- README-Container -->
{% if error %} <div class="readme-container">
<div class="alert alert-danger" role="alert"> <div class="readme-content">
{{ error }} {{ readme_content | safe }}
</div>
{% else %}
<div class="markdown-body">
{{ content | safe }}
</div>
{% endif %}
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<!-- Bootstrap JavaScript -->
<footer class="footer">
<div class="footer-content">
Proudly made with ❤️ and 🍺 by <a href="https://www.medisoftware.de" target="_blank" class="footer-link">medisoftware</a>
<div style="font-size: 0.8em;">Version: {{ version }}</div>
</div>
</footer>
<script src="{{ url_for('static', filename='js/main.js') }}"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body> </body>
</html> </html>

21
templates/upload.html
View File

@@ -3,10 +3,22 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--
medisoftware Kundensuche - CSV Upload
Version: {{ version }}
Entwickler: medisoftware GmbH
Letzte Änderung: 2024-03-19
-->
<title>medisoftware Kundensuche - CSV Upload</title> <title>medisoftware Kundensuche - CSV Upload</title>
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Bootstrap Icons für die Menü-Symbole -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
<style> <style>
/*
Inline-Styles für die Upload-Seite
Diese Styles sind nur für diese Seite gültig
*/
body { body {
background-color: #f8f9fa; background-color: #f8f9fa;
} }
@@ -34,9 +46,12 @@
</style> </style>
</head> </head>
<body> <body>
<!-- Hauptcontainer für den Inhalt -->
<div class="main-content"> <div class="main-content">
<div class="container"> <div class="container">
<!-- Header mit Logo und Menü -->
<div class="position-relative mb-4"> <div class="position-relative mb-4">
<!-- Dropdown-Menü -->
<div class="dropdown position-absolute start-0"> <div class="dropdown position-absolute start-0">
<button class="btn btn-link text-dark" type="button" id="menuButton" data-bs-toggle="dropdown" aria-expanded="false"> <button class="btn btn-link text-dark" type="button" id="menuButton" data-bs-toggle="dropdown" aria-expanded="false">
<i class="bi bi-list fs-4"></i> <i class="bi bi-list fs-4"></i>
@@ -59,22 +74,27 @@
</li> </li>
</ul> </ul>
</div> </div>
<!-- Logo -->
<div class="text-center"> <div class="text-center">
<a href="https://medisoftware.de" target="_blank" rel="noopener noreferrer"> <a href="https://medisoftware.de" target="_blank" rel="noopener noreferrer">
<img src="{{ url_for('static', filename='medisoftware_logo_rb_200.png') }}" alt="medisoftware Logo" class="img-fluid logo"> <img src="{{ url_for('static', filename='medisoftware_logo_rb_200.png') }}" alt="medisoftware Logo" class="img-fluid logo">
</a> </a>
</div> </div>
</div> </div>
<!-- Upload-Container -->
<div class="upload-container"> <div class="upload-container">
<div class="row justify-content-center"> <div class="row justify-content-center">
<div class="col-md-6"> <div class="col-md-6">
<h2 class="text-center mb-4">CSV-Dateien hochladen</h2> <h2 class="text-center mb-4">CSV-Dateien hochladen</h2>
<!-- Fehlermeldungen -->
{% if error %} {% if error %}
<div class="alert alert-danger">{{ error }}</div> <div class="alert alert-danger">{{ error }}</div>
{% endif %} {% endif %}
<!-- Erfolgsmeldungen -->
{% if success %} {% if success %}
<div class="alert alert-success">{{ success }}</div> <div class="alert alert-success">{{ success }}</div>
{% endif %} {% endif %}
<!-- Upload-Formular -->
<form method="POST" enctype="multipart/form-data"> <form method="POST" enctype="multipart/form-data">
<div class="mb-3"> <div class="mb-3">
<label for="medisoft_file" class="form-label">MEDISOFT CSV-Datei</label> <label for="medisoft_file" class="form-label">MEDISOFT CSV-Datei</label>
@@ -97,6 +117,7 @@
</div> </div>
</div> </div>
</div> </div>
<!-- Bootstrap JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body> </body>
</html> </html>