Hallenbelegungsplaner
  • JavaScript 66.8%
  • CSS 16.7%
  • HTML 16.5%
Find a file
2025-03-17 00:59:13 +01:00
drag-drop.js Refactor JavaScript structure by removing script.js and splitting functionality into multiple dedicated files. Update index.html to load new scripts and enhance modularity. Adjust styles for hall management buttons and improve layout for better user experience. 2025-03-17 00:54:08 +01:00
hall-config.js Refactor JavaScript structure by removing script.js and splitting functionality into multiple dedicated files. Update index.html to load new scripts and enhance modularity. Adjust styles for hall management buttons and improve layout for better user experience. 2025-03-17 00:54:08 +01:00
import-export.js Refactor JavaScript structure by removing script.js and splitting functionality into multiple dedicated files. Update index.html to load new scripts and enhance modularity. Adjust styles for hall management buttons and improve layout for better user experience. 2025-03-17 00:54:08 +01:00
index.html Refactor JavaScript structure by removing script.js and splitting functionality into multiple dedicated files. Update index.html to load new scripts and enhance modularity. Adjust styles for hall management buttons and improve layout for better user experience. 2025-03-17 00:54:08 +01:00
main.js Refactor JavaScript structure by removing script.js and splitting functionality into multiple dedicated files. Update index.html to load new scripts and enhance modularity. Adjust styles for hall management buttons and improve layout for better user experience. 2025-03-17 00:54:08 +01:00
README.md Initial commit with project setup and basic structure. 2025-03-16 17:58:14 +01:00
styles.css Remove add and delete hall buttons from the UI and related JavaScript functionality to streamline hall management. Update styles to hide buttons instead of displaying them. 2025-03-17 00:59:13 +01:00
team-counters.js Refactor JavaScript structure by removing script.js and splitting functionality into multiple dedicated files. Update index.html to load new scripts and enhance modularity. Adjust styles for hall management buttons and improve layout for better user experience. 2025-03-17 00:54:08 +01:00
team-management.js Refactor JavaScript structure by removing script.js and splitting functionality into multiple dedicated files. Update index.html to load new scripts and enhance modularity. Adjust styles for hall management buttons and improve layout for better user experience. 2025-03-17 00:54:08 +01:00
variant-management.js Remove add and delete hall buttons from the UI and related JavaScript functionality to streamline hall management. Update styles to hide buttons instead of displaying them. 2025-03-17 00:59:13 +01:00

Volleyball-Trainingsplan

Eine interaktive Webanwendung zur Planung und Organisation von Volleyball-Trainingszeiten und Teams.

Funktionen

  • Mehrere Varianten: Erstellen und verwalten Sie verschiedene Trainingsplan-Varianten
  • Drag & Drop: Ziehen Sie Teams einfach in die gewünschten Trainingszeiten
  • Team-Verwaltung: Fügen Sie neue Teams hinzu, passen Sie Farben an oder entfernen Sie Teams
  • Speichern & Laden: Speichern Sie Ihre Konfigurationen als JSON-Datei und laden Sie sie später wieder

Verwendung

Teams verwalten

  1. Teams hinzufügen: Geben Sie einen Namen ein, wählen Sie eine Farbe und klicken Sie auf "Team hinzufügen"
  2. Teams verschieben: Ziehen Sie Teams per Drag & Drop in die gewünschten Trainingszeiten
  3. Teams entfernen: Ziehen Sie ein Team in den Papierkorb (🗑️), um es zu entfernen

Varianten verwalten

  1. Neue Variante erstellen: Klicken Sie auf die Plus-Schaltfläche (+) und geben Sie einen Namen ein
  2. Variante löschen: Klicken Sie auf das Papierkorb-Symbol (🗑️) neben dem Variantennamen

Konfiguration speichern/laden

  1. Speichern: Klicken Sie auf "Konfiguration speichern", um die aktuelle Einrichtung als JSON-Datei zu exportieren
  2. Laden: Klicken Sie auf "Konfiguration laden" und wählen Sie eine zuvor gespeicherte JSON-Datei aus

Technische Details

Die Anwendung verwendet:

  • HTML5 für die Struktur
  • CSS für das Styling
  • JavaScript für die Interaktivität und Drag & Drop-Funktionalität
  • Lokale Dateispeicherung für Import/Export von Konfigurationen

Erste Schritte

  1. Öffnen Sie die index.html Datei in einem modernen Webbrowser
  2. Beginnen Sie mit dem Ziehen von Teams in die Trainingszeiten
  3. Fügen Sie bei Bedarf neue Teams oder Varianten hinzu
  4. Speichern Sie Ihre Konfiguration für die spätere Verwendung