diff --git a/Interface/classification_video.py b/Interface/classification_video.py
new file mode 100644
index 0000000000000000000000000000000000000000..1f457f855117325b8c4babf3f9bab0d7e36963bf
--- /dev/null
+++ b/Interface/classification_video.py
@@ -0,0 +1,287 @@
+import cv2
+import os
+import shutil
+import tkinter as tk
+from tkinter import ttk, simpledialog, messagebox, filedialog
+import threading
+import time
+
+class VideoPlayer:
+ def __init__(self):
+ self.is_playing = False
+ self.current_video = None
+ self.stop_event = threading.Event()
+ self.play_thread = None
+ self.speed = 1.0
+
+ def play_video(self, video_path, speed=1.0):
+ """Démarre la lecture d'une vidéo en boucle dans un thread séparé"""
+ self.stop_event.clear()
+ self.is_playing = True
+ self.current_video = video_path
+ self.speed = speed
+
+ # Créer un nouveau thread pour la lecture
+ self.play_thread = threading.Thread(target=self._play_video_loop)
+ self.play_thread.daemon = True
+ self.play_thread.start()
+
+ def _play_video_loop(self):
+ """Joue la vidéo en boucle jusqu'à ce que stop_event soit déclenché"""
+ while not self.stop_event.is_set():
+ cap = cv2.VideoCapture(self.current_video)
+ if not cap.isOpened():
+ print(f"Erreur : Impossible d'ouvrir {self.current_video}")
+ break
+
+ fps = cap.get(cv2.CAP_PROP_FPS)
+ delay = int(1000 / (fps * self.speed))
+
+ while cap.isOpened() and not self.stop_event.is_set():
+ ret, frame = cap.read()
+ if not ret:
+ break # Fin de la vidéo, on recommence
+
+ cv2.imshow("Lecture Vidéo", frame)
+ if cv2.waitKey(delay) & 0xFF == ord('q'):
+ self.stop()
+ break
+
+ cap.release()
+
+ # Si on a atteint la fin mais que stop_event n'est pas déclenché,
+ # on recommence la lecture depuis le début
+ if not self.stop_event.is_set():
+ continue
+ else:
+ break
+
+ def stop(self):
+ """Arrête la lecture de la vidéo"""
+ self.stop_event.set()
+ if self.play_thread:
+ self.play_thread.join(timeout=1.0)
+ self.is_playing = False
+ cv2.destroyAllWindows()
+
+def get_selection(title, options, root=None):
+ """Fenêtre avec un menu déroulant pour faire un choix"""
+ # Vérifier si une instance root a été passée, sinon en créer une nouvelle
+ own_root = False
+ if root is None:
+ root = tk.Tk()
+ root.withdraw()
+ own_root = True
+
+ selection_window = tk.Toplevel(root)
+ selection_window.title(title)
+ selection_window.geometry("300x150")
+ selection_window.lift() # Amener la fenêtre au premier plan
+ selection_window.focus_force() # Forcer le focus
+
+ tk.Label(selection_window, text=title).pack(pady=5)
+ selected_value = tk.StringVar()
+ dropdown = ttk.Combobox(selection_window, textvariable=selected_value, values=options, state='readonly')
+ dropdown.pack(pady=5)
+ dropdown.current(0)
+
+ def validate():
+ selection_window.destroy()
+
+ tk.Button(selection_window, text="Valider", command=validate).pack(pady=10)
+ selection_window.wait_window()
+
+ # Si nous avons créé notre propre root, il faut le détruire
+ if own_root:
+ root.destroy()
+
+ return selected_value.get()
+
+def classifier_video(video_path, liste_joueuses, cpt, video_player, root):
+ """Interface utilisateur pour classifier ou supprimer une vidéo avec des menus déroulants"""
+ if messagebox.askyesno("Suppression", "Voulez-vous supprimer cette vidéo ?"):
+ video_player.stop()
+ os.remove(video_path)
+ print(f"Vidéo supprimée : {video_path}")
+ return None
+
+ joueuse = get_selection("Sélectionnez une joueuse", liste_joueuses, root)
+ if not joueuse:
+ return None
+
+ action_types = ["Réception", "Passe", "Défense", "Autre"]
+ action = get_selection("Sélectionnez une action", action_types, root)
+ if not action:
+ return None
+
+ passe_types = {
+ "Bonne passe (verte)": "Bonne passe",
+ "Bonne hauteur, mauvaise zone (bleue)": "Bonne hauteur, mauvaise zone",
+ "Bonne zone, mauvaise hauteur (blanche)": "Bonne zone, mauvaise hauteur",
+ "Mauvaise passe (rouge)": "Mauvaise passe"
+ }
+ passe_result = None
+ if action == "Passe":
+ passe_result = get_selection("Qualité de Passe", list(passe_types.keys()), root)
+ passe_result = passe_types.get(passe_result)
+
+ new_name = f"{joueuse}_{action}"
+ if passe_result:
+ new_name += f"_{passe_result}"
+
+ # On ne change pas l'extension pour conserver le format d'origine
+ extension = os.path.splitext(video_path)[-1]
+ new_name += f"_{cpt}{extension}"
+
+ # Arrêter la lecture de la vidéo une fois la classification terminée
+ video_player.stop()
+
+ return joueuse, action, passe_result, new_name
+
+def concatener_videos_cv2(video_paths, destination_path):
+ """Concatène les vidéos en utilisant OpenCV"""
+ if not video_paths:
+ return False
+
+ if len(video_paths) == 1:
+ # S'il n'y a qu'une seule vidéo, la copier simplement
+ shutil.copy(video_paths[0], destination_path)
+ return True
+
+ # Récupérer les propriétés de la première vidéo
+ cap = cv2.VideoCapture(video_paths[0])
+ frame_width = int(cap.get(cv2.CAP_PROP_FRAME_WIDTH))
+ frame_height = int(cap.get(cv2.CAP_PROP_FRAME_HEIGHT))
+ fps = int(cap.get(cv2.CAP_PROP_FPS))
+ cap.release()
+
+ # Créer l'objet VideoWriter pour la vidéo de sortie
+ fourcc = cv2.VideoWriter_fourcc(*'mp4v') # Codec pour mp4
+ out = cv2.VideoWriter(destination_path, fourcc, fps, (frame_width, frame_height))
+
+ # Parcourir chaque vidéo et ajouter ses frames à la vidéo de sortie
+ for video_path in video_paths:
+ cap = cv2.VideoCapture(video_path)
+ while True:
+ ret, frame = cap.read()
+ if not ret:
+ break
+ out.write(frame)
+ cap.release()
+
+ # Libérer l'objet VideoWriter
+ out.release()
+ return True
+
+def organiser_videos(video_list, liste_joueuses):
+ """Affiche et trie une liste de vidéos en fonction des critères choisis"""
+ # Créer une seule instance de Tk pour toute l'application
+ root = tk.Tk()
+ root.withdraw() # Cacher la fenêtre principale
+
+ cpt = 0
+ speed_choice = get_selection("Vitesse de Lecture", ["1", "1.5", "2"], root)
+ speed = float(speed_choice) if speed_choice else 1.0
+
+ # Créer un lecteur vidéo
+ video_player = VideoPlayer()
+
+ # Dictionnaire pour stocker les vidéos par catégorie
+ videos_par_categorie = {}
+
+ # Liste pour stocker les fichiers à supprimer à la fin
+ files_to_delete = []
+
+ for video in video_list:
+ if os.path.exists(video):
+ print(f"Affichage de la vidéo : {video}")
+
+ # Lancer la lecture de la vidéo en boucle
+ video_player.play_video(video, speed)
+
+ # Attendre un peu pour que la vidéo commence à s'afficher
+ time.sleep(0.5)
+
+ # Classifier la vidéo pendant qu'elle est en lecture
+ classification = classifier_video(video, liste_joueuses, cpt, video_player, root)
+ cpt += 1
+
+ if classification:
+ joueuse, action, passe_result, new_name = classification
+
+ # Créer une clé unique pour cette catégorie
+ categorie_key = f"{joueuse}/{action}"
+ if action == "Passe" and passe_result:
+ categorie_key += f"/{passe_result}"
+
+ # Ajouter la vidéo à sa catégorie
+ if categorie_key not in videos_par_categorie:
+ videos_par_categorie[categorie_key] = []
+
+ videos_par_categorie[categorie_key].append((video, new_name))
+
+ # Ajouter le fichier à la liste des fichiers à supprimer
+ files_to_delete.append(video)
+
+ # S'assurer que la lecture est arrêtée
+ video_player.stop()
+ if videos_par_categorie != {}:
+ # Demander le dossier de destination
+ base_dir = filedialog.askdirectory(title="Sélectionnez le dossier de destination", parent=root)
+ if not base_dir:
+ root.destroy()
+ return
+
+
+ # Traiter chaque catégorie
+ for categorie, videos in videos_par_categorie.items():
+ # Créer le dossier de destination
+ dest_dir = os.path.join(base_dir, categorie)
+ os.makedirs(dest_dir, exist_ok=True)
+
+ # Créer les chemins temporaires pour les vidéos
+ temp_video_paths = []
+ for video_path, new_name in videos:
+ temp_path = os.path.join(dest_dir, new_name)
+ shutil.copy(video_path, temp_path)
+ temp_video_paths.append(temp_path)
+
+ # Créer le nom du fichier final concaténé
+ categorie_name = categorie.replace('/', '_')
+ output_file = os.path.join(dest_dir, f"{categorie_name}_complet.mp4")
+
+
+ # Concaténer les vidéos
+ if concatener_videos_cv2(temp_video_paths, output_file):
+ print(f"Vidéos concaténées dans {output_file}")
+
+ # Supprimer les fichiers temporaires
+ for temp_path in temp_video_paths:
+ if os.path.exists(temp_path):
+ os.remove(temp_path)
+
+ # Supprimer les fichiers d'origine
+ if messagebox.askyesno("Suppression des originaux", "Voulez-vous supprimer les vidéos originales ?", parent=root):
+ for file_path in files_to_delete:
+ if os.path.exists(file_path):
+ try:
+ os.remove(file_path)
+ print(f"Fichier original supprimé : {file_path}")
+ except Exception as e:
+ print(f"Erreur lors de la suppression de {file_path}: {e}")
+
+ # Détruire la fenêtre principale à la fin
+ root.destroy()
+
+# Programme principal
+liste_joueuses = ["lilou", "sadio", "ester"]
+
+# Initialisation de Tk pour le sélecteur de dossier initial
+root_initial = tk.Tk()
+root_initial.withdraw()
+video_folder = filedialog.askdirectory(title="Sélectionnez le dossier contenant les vidéos", parent=root_initial)
+root_initial.destroy()
+
+if video_folder:
+ videos = [os.path.join(video_folder, f) for f in os.listdir(video_folder) if f.endswith(('.mp4', '.avi', '.mov'))]
+ organiser_videos(videos, liste_joueuses)
diff --git a/Interface/css/.DS_Store b/Interface/css/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..b0ede4f008118971907572fca11039841fac5b7d
Binary files /dev/null and b/Interface/css/.DS_Store differ
diff --git a/Interface/css/input-styles.css b/Interface/css/input-styles.css
new file mode 100644
index 0000000000000000000000000000000000000000..9434341a8f77f83a8d631c08e6181c2b1e9fc694
--- /dev/null
+++ b/Interface/css/input-styles.css
@@ -0,0 +1,100 @@
+:root {
+ --dark-blue: #253850;
+ --medium-blue:#2d4861;
+ --light-blue: #4A7CA6;
+ --dark-yellow: #F9BE01;
+ --light-yellow: #FBCE01;
+ --background: #f8f9fa;
+ --text-color: #333;
+ --card-background: white;
+ }
+
+ /* Style général */
+ body {
+ background-color: var(--background);
+ color: var(--text-color);
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+ padding: 0;
+ margin: 0;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ height: 100vh;
+ }
+
+ .container {
+ background-color: var(--card-background);
+ border-radius: 10px;
+ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+ padding: 30px;
+ border-left: 5px solid var(--light-blue);
+ width: 90%;
+ max-width: 400px;
+ position: relative;
+ }
+
+ h3 {
+ color: var(--dark-blue);
+ margin-bottom: 20px;
+ border-bottom: 3px solid var(--dark-yellow);
+ padding-bottom: 10px;
+ }
+
+ #playerName {
+ width: 80%;
+ padding: 10px;
+ margin-bottom: 20px;
+ border: 1px solid #ddd;
+ border-radius: 5px;
+ font-size: 16px;
+ }
+
+ #submitButton {
+ background-color: var(--dark-yellow);
+ color: var(--dark-blue);
+ border: none;
+ border-radius: 20px;
+ padding: 10px 25px;
+ cursor: pointer;
+ font-weight: bold;
+ transition: all 0.3s;
+ box-shadow: 0 2px 4px rgba(249, 190, 1, 0.3);
+ }
+
+ #submitButton:hover {
+ background-color: var(--light-yellow);
+ transform: translateY(-2px);
+ }
+
+ /* Bouton retour (croix) */
+ #backButton {
+ position: absolute;
+ top: 10px;
+ right: 10px;
+ background-color: var(--medium-blue);
+ color: white;
+ border: none;
+ border-radius: 50%;
+ width: 30px;
+ height: 30px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ cursor: pointer;
+ font-size: 16px;
+ transition: background-color 0.3s;
+ }
+
+ #backButton:hover {
+ background-color: var(--dark-blue);
+ }
+
+ /* Styles responsifs */
+ @media (max-width: 768px) {
+ .container {
+ width: 85%;
+ padding: 20px;
+ }
+ }
+
+
diff --git a/Interface/data/player1/.DS_Store b/Interface/data/player1/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..2f2ca3238bd374533d2ff307523d092bfe216b6b
Binary files /dev/null and b/Interface/data/player1/.DS_Store differ
diff --git a/Interface/data/player1/data1.json b/Interface/data/player1/data1.json
new file mode 100644
index 0000000000000000000000000000000000000000..31d171061967c83f895cef27e3236b8ad8139dd9
--- /dev/null
+++ b/Interface/data/player1/data1.json
@@ -0,0 +1,277 @@
+[
+ {
+ "id": 8,
+ "date": "05/11/2024",
+ "heure": "10:00",
+ "performance": [
+ {
+ "color": "green",
+ "percentage": 33
+ },
+ {
+ "color": "blue",
+ "percentage": 20
+ },
+ {
+ "color": "black",
+ "percentage": 17
+ },
+ {
+ "color": "red",
+ "percentage": 30
+ }
+ ],
+ "video": "/Users/julieautuoro/nekoma-tech/interface/data/player1/videos/P1_S8.mp4",
+ "video_duration": "01:00"
+ },
+ {
+ "id": 9,
+ "date": "06/11/2024",
+ "heure": "13:00",
+ "performance": [
+ {
+ "color": "green",
+ "percentage": 29
+ },
+ {
+ "color": "blue",
+ "percentage": 19
+ },
+ {
+ "color": "black",
+ "percentage": 13
+ },
+ {
+ "color": "red",
+ "percentage": 39
+ }
+ ],
+ "video": "/Users/julieautuoro/nekoma-tech/interface/data/player1/videos/P1_S9.mp4",
+ "video_duration": "01:30"
+ },
+ {
+ "id": 10,
+ "date": "07/11/2024",
+ "heure": "17:00",
+ "performance": [
+ {
+ "color": "green",
+ "percentage": 28
+ },
+ {
+ "color": "blue",
+ "percentage": 21
+ },
+ {
+ "color": "black",
+ "percentage": 14
+ },
+ {
+ "color": "red",
+ "percentage": 37
+ }
+ ],
+ "video": "/Users/julieautuoro/nekoma-tech/interface/data/player1/videos/P1_S10.mp4",
+ "video_duration": "01:10"
+ },
+ {
+ "id": 11,
+ "date": "08/11/2024",
+ "heure": "11:00",
+ "performance": [
+ {
+ "color": "green",
+ "percentage": 32
+ },
+ {
+ "color": "blue",
+ "percentage": 18
+ },
+ {
+ "color": "black",
+ "percentage": 16
+ },
+ {
+ "color": "red",
+ "percentage": 34
+ }
+ ],
+ "video": "/Users/julieautuoro/nekoma-tech/interface/data/player1/videos/P1_S11.mp4",
+ "video_duration": "00:50"
+ },
+ {
+ "id": 12,
+ "date": "09/11/2024",
+ "heure": "12:00",
+ "performance": [
+ {
+ "color": "green",
+ "percentage": 30
+ },
+ {
+ "color": "blue",
+ "percentage": 20
+ },
+ {
+ "color": "black",
+ "percentage": 20
+ },
+ {
+ "color": "red",
+ "percentage": 30
+ }
+ ],
+ "video": "/Users/julieautuoro/nekoma-tech/interface/data/player1/videos/P1_S12.mp4",
+ "video_duration": "01:15"
+ },
+ {
+ "id": 13,
+ "date": "10/11/2024",
+ "heure": "15:00",
+ "performance": [
+ {
+ "color": "green",
+ "percentage": 30
+ },
+ {
+ "color": "blue",
+ "percentage": 20
+ },
+ {
+ "color": "black",
+ "percentage": 10
+ },
+ {
+ "color": "red",
+ "percentage": 40
+ }
+ ],
+ "video": "/Users/julieautuoro/nekoma-tech/interface/data/player1/videos/P1_S13.mp4",
+ "video_duration": "01:20"
+ },
+ {
+ "id": 14,
+ "date": "11/11/2024",
+ "heure": "09:00",
+ "performance": [
+ {
+ "color": "green",
+ "percentage": 25
+ },
+ {
+ "color": "blue",
+ "percentage": 25
+ },
+ {
+ "color": "black",
+ "percentage": 15
+ },
+ {
+ "color": "red",
+ "percentage": 35
+ }
+ ],
+ "video": null,
+ "video_duration": "01:10"
+ },
+ {
+ "id": 15,
+ "date": "12/11/2024",
+ "heure": "16:00",
+ "performance": [
+ {
+ "color": "green",
+ "percentage": 20
+ },
+ {
+ "color": "blue",
+ "percentage": 30
+ },
+ {
+ "color": "black",
+ "percentage": 15
+ },
+ {
+ "color": "red",
+ "percentage": 35
+ }
+ ],
+ "video": null,
+ "video_duration": "01:30"
+ },
+ {
+ "id": 16,
+ "date": "13/11/2024",
+ "heure": "18:00",
+ "performance": [
+ {
+ "color": "green",
+ "percentage": 30
+ },
+ {
+ "color": "blue",
+ "percentage": 20
+ },
+ {
+ "color": "black",
+ "percentage": 10
+ },
+ {
+ "color": "red",
+ "percentage": 40
+ }
+ ],
+ "video": null,
+ "video_duration": "01:00"
+ },
+ {
+ "id": 17,
+ "date": "14/11/2024",
+ "heure": "14:00",
+ "performance": [
+ {
+ "color": "green",
+ "percentage": 25
+ },
+ {
+ "color": "blue",
+ "percentage": 15
+ },
+ {
+ "color": "black",
+ "percentage": 25
+ },
+ {
+ "color": "red",
+ "percentage": 35
+ }
+ ],
+ "video": null,
+ "video_duration": "01:10"
+ },
+ {
+ "id": 18,
+ "date": "15/11/2024",
+ "heure": "13:00",
+ "performance": [
+ {
+ "color": "green",
+ "percentage": 30
+ },
+ {
+ "color": "blue",
+ "percentage": 20
+ },
+ {
+ "color": "black",
+ "percentage": 10
+ },
+ {
+ "color": "red",
+ "percentage": 40
+ }
+ ],
+ "video": null,
+ "video_duration": "01:20"
+ }
+]
\ No newline at end of file
diff --git a/Interface/data/player1/player1.jpg b/Interface/data/player1/player1.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..70483bdf2e5e3447665eb057a8562cd779b6866d
Binary files /dev/null and b/Interface/data/player1/player1.jpg differ
diff --git a/Interface/data/player1/videos/.DS_Store b/Interface/data/player1/videos/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..5008ddfcf53c02e82d7eee2e57c38e5672ef89f6
Binary files /dev/null and b/Interface/data/player1/videos/.DS_Store differ
diff --git a/Interface/data/player1/videos/P1_S1.mp4 b/Interface/data/player1/videos/P1_S1.mp4
new file mode 100644
index 0000000000000000000000000000000000000000..3d746e512ea2ef71476e434b4b3bdd487cf1c723
Binary files /dev/null and b/Interface/data/player1/videos/P1_S1.mp4 differ
diff --git a/Interface/data/player1/videos/P1_S10.mp4 b/Interface/data/player1/videos/P1_S10.mp4
new file mode 100644
index 0000000000000000000000000000000000000000..5554faf8db639720bea011113349fce2fc5fd8b6
Binary files /dev/null and b/Interface/data/player1/videos/P1_S10.mp4 differ
diff --git a/Interface/data/player1/videos/P1_S11.mp4 b/Interface/data/player1/videos/P1_S11.mp4
new file mode 100644
index 0000000000000000000000000000000000000000..ea5ea0549b42f3696308729bd9d15d9030f8d8ea
Binary files /dev/null and b/Interface/data/player1/videos/P1_S11.mp4 differ
diff --git a/Interface/data/player1/videos/P1_S12.mp4 b/Interface/data/player1/videos/P1_S12.mp4
new file mode 100644
index 0000000000000000000000000000000000000000..ef21f17383eeae1888e87684a5aaea2fa856f68e
Binary files /dev/null and b/Interface/data/player1/videos/P1_S12.mp4 differ
diff --git a/Interface/data/player1/videos/P1_S13.mp4 b/Interface/data/player1/videos/P1_S13.mp4
new file mode 100644
index 0000000000000000000000000000000000000000..e14e8f5c1ef241889021c862961d67749d20789d
Binary files /dev/null and b/Interface/data/player1/videos/P1_S13.mp4 differ
diff --git a/Interface/data/player1/videos/P1_S14.mp4 b/Interface/data/player1/videos/P1_S14.mp4
new file mode 100644
index 0000000000000000000000000000000000000000..378abfba0bf06292575c6c67a086c8bbeaec6116
Binary files /dev/null and b/Interface/data/player1/videos/P1_S14.mp4 differ
diff --git a/Interface/data/player1/videos/P1_S15.mp4 b/Interface/data/player1/videos/P1_S15.mp4
new file mode 100644
index 0000000000000000000000000000000000000000..ce2c5c12f7ce326f2feddc65e503c240aa1ea33a
Binary files /dev/null and b/Interface/data/player1/videos/P1_S15.mp4 differ
diff --git a/Interface/data/player1/videos/P1_S16.mp4 b/Interface/data/player1/videos/P1_S16.mp4
new file mode 100644
index 0000000000000000000000000000000000000000..f16d0bafcacf52edc7862ae66810002de052f4ef
Binary files /dev/null and b/Interface/data/player1/videos/P1_S16.mp4 differ
diff --git a/Interface/data/player1/videos/P1_S17.mp4 b/Interface/data/player1/videos/P1_S17.mp4
new file mode 100644
index 0000000000000000000000000000000000000000..db94d75a8b4cefa978c256db3ef4ff1a2fdc8927
Binary files /dev/null and b/Interface/data/player1/videos/P1_S17.mp4 differ
diff --git a/Interface/data/player1/videos/P1_S18.mp4 b/Interface/data/player1/videos/P1_S18.mp4
new file mode 100644
index 0000000000000000000000000000000000000000..d4224ff4d214a36e31361306fcd1c034b8d793bb
Binary files /dev/null and b/Interface/data/player1/videos/P1_S18.mp4 differ
diff --git a/Interface/data/player1/videos/P1_S19.mp4 b/Interface/data/player1/videos/P1_S19.mp4
new file mode 100644
index 0000000000000000000000000000000000000000..d08c4103fa459982d3cd507f03eca145d0ad3928
Binary files /dev/null and b/Interface/data/player1/videos/P1_S19.mp4 differ
diff --git a/Interface/data/player1/videos/P1_S2.mp4 b/Interface/data/player1/videos/P1_S2.mp4
new file mode 100644
index 0000000000000000000000000000000000000000..0ee84e0e2be4d4e87578641ac27310115c10ecb4
Binary files /dev/null and b/Interface/data/player1/videos/P1_S2.mp4 differ
diff --git a/Interface/data/player1/videos/P1_S20.mp4 b/Interface/data/player1/videos/P1_S20.mp4
new file mode 100644
index 0000000000000000000000000000000000000000..0bcf9378a7e636554e9b483831538e78de8c7bd7
Binary files /dev/null and b/Interface/data/player1/videos/P1_S20.mp4 differ
diff --git a/Interface/data/player1/videos/P1_S21.mp4 b/Interface/data/player1/videos/P1_S21.mp4
new file mode 100644
index 0000000000000000000000000000000000000000..0372b05d94b20138d9f4e96c6623580511222c95
Binary files /dev/null and b/Interface/data/player1/videos/P1_S21.mp4 differ
diff --git a/Interface/data/player1/videos/P1_S22.mp4 b/Interface/data/player1/videos/P1_S22.mp4
new file mode 100644
index 0000000000000000000000000000000000000000..c3a3e95890c5f9841ba46af0b93e0ce9965ab7d2
Binary files /dev/null and b/Interface/data/player1/videos/P1_S22.mp4 differ
diff --git a/Interface/data/player1/videos/P1_S23.mp4 b/Interface/data/player1/videos/P1_S23.mp4
new file mode 100644
index 0000000000000000000000000000000000000000..a416ad839f175f0d91baeef4f6197353503b7f14
Binary files /dev/null and b/Interface/data/player1/videos/P1_S23.mp4 differ
diff --git a/Interface/data/player1/videos/P1_S3.mp4 b/Interface/data/player1/videos/P1_S3.mp4
new file mode 100644
index 0000000000000000000000000000000000000000..5e26bf41846e8ea36275a3b0f9ca07903c4bf218
Binary files /dev/null and b/Interface/data/player1/videos/P1_S3.mp4 differ
diff --git a/Interface/data/player1/videos/P1_S4.mp4 b/Interface/data/player1/videos/P1_S4.mp4
new file mode 100644
index 0000000000000000000000000000000000000000..5ad83325919f1cbecc880df9dc5d1d258178a200
Binary files /dev/null and b/Interface/data/player1/videos/P1_S4.mp4 differ
diff --git a/Interface/data/player1/videos/P1_S5.mp4 b/Interface/data/player1/videos/P1_S5.mp4
new file mode 100644
index 0000000000000000000000000000000000000000..c0d8c188292adc8bcf77dab19f7e93abbd2971f3
Binary files /dev/null and b/Interface/data/player1/videos/P1_S5.mp4 differ
diff --git a/Interface/data/player1/videos/P1_S6.mp4 b/Interface/data/player1/videos/P1_S6.mp4
new file mode 100644
index 0000000000000000000000000000000000000000..9f9efa0751ffa57d9b37edad9aaa2501d901275c
Binary files /dev/null and b/Interface/data/player1/videos/P1_S6.mp4 differ
diff --git a/Interface/data/player1/videos/P1_S7.mp4 b/Interface/data/player1/videos/P1_S7.mp4
new file mode 100644
index 0000000000000000000000000000000000000000..0bff25908bb3468cae495e3a2e564a8f3a7ea731
Binary files /dev/null and b/Interface/data/player1/videos/P1_S7.mp4 differ
diff --git a/Interface/data/player1/videos/P1_S8.mp4 b/Interface/data/player1/videos/P1_S8.mp4
new file mode 100644
index 0000000000000000000000000000000000000000..143632619f31403e24965d5de264a49479a3cce2
Binary files /dev/null and b/Interface/data/player1/videos/P1_S8.mp4 differ
diff --git a/Interface/data/player1/videos/P1_S9.mp4 b/Interface/data/player1/videos/P1_S9.mp4
new file mode 100644
index 0000000000000000000000000000000000000000..07c0c3f4dc6b8dcb868dc780412937a1381f149a
Binary files /dev/null and b/Interface/data/player1/videos/P1_S9.mp4 differ
diff --git a/Interface/icons/.DS_Store b/Interface/icons/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..2ac0e949f786447818625ece50913fd647c6f128
Binary files /dev/null and b/Interface/icons/.DS_Store differ
diff --git a/Interface/icons/Ball-icon.png b/Interface/icons/Ball-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..a0df276e39fd9d296b44c9fd4030c7cc297bb019
Binary files /dev/null and b/Interface/icons/Ball-icon.png differ
diff --git a/Interface/icons/Volatile-icon.png b/Interface/icons/Volatile-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..c3e447de1fd38e44eb650d06b7097afb210940f9
Binary files /dev/null and b/Interface/icons/Volatile-icon.png differ
diff --git a/Interface/icons/ball-icon.svg b/Interface/icons/ball-icon.svg
new file mode 100644
index 0000000000000000000000000000000000000000..ff138790db496a8ef6f856ebe08467682a5dfaa8
--- /dev/null
+++ b/Interface/icons/ball-icon.svg
@@ -0,0 +1,152 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="900.000000pt" height="834.000000pt" viewBox="0 0 900.000000 834.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.10, written by Peter Selinger 2001-2011
+</metadata>
+<g transform="translate(0.000000,834.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M4444 7790 c-12 -4 -31 -21 -43 -36 -21 -26 -21 -32 -21 -498 0 -522
+-2 -498 66 -525 37 -15 77 -1 111 39 l22 25 1 463 0 462 -32 35 c-36 37 -71
+49 -104 35z"/>
+<path d="M3920 6928 c-19 -5 -62 -16 -95 -25 -125 -33 -363 -117 -405 -144 -8
+-5 -24 -13 -35 -18 -197 -87 -462 -256 -634 -406 -112 -97 -308 -306 -389
+-413 -93 -123 -152 -209 -152 -219 0 -4 -6 -14 -14 -22 -34 -40 -164 -298
+-209 -416 -8 -22 -29 -74 -45 -115 -28 -69 -37 -98 -72 -228 -22 -84 26 -152
+108 -152 51 0 98 43 107 98 4 20 12 53 19 72 7 19 21 62 31 95 9 33 21 67 26
+75 5 8 12 22 15 30 3 8 12 30 20 48 8 17 20 47 28 65 18 42 84 178 96 197 5 8
+37 62 71 120 56 94 165 248 194 275 6 6 28 32 49 58 123 155 353 349 596 503
+99 63 273 149 395 196 117 46 185 69 225 78 151 33 185 46 215 82 43 51 25
+132 -35 163 -32 17 -58 18 -110 3z"/>
+<path d="M4967 6909 c-40 -23 -59 -98 -36 -142 15 -26 50 -56 67 -57 13 0 53
+-11 172 -48 223 -70 450 -178 640 -305 165 -110 272 -199 418 -347 87 -88 242
+-270 242 -284 0 -3 20 -32 45 -65 25 -32 45 -62 45 -66 0 -4 13 -26 28 -49 15
+-22 38 -61 50 -86 13 -25 27 -52 32 -60 16 -25 100 -210 100 -219 0 -5 12 -33
+26 -62 15 -29 31 -67 35 -83 4 -17 17 -62 29 -101 11 -38 23 -86 27 -105 13
+-73 70 -117 136 -105 67 13 95 69 78 160 -19 101 -63 241 -82 260 -5 5 -9 17
+-9 27 0 18 -11 47 -61 155 -16 35 -29 69 -29 77 0 8 -4 17 -8 20 -5 3 -28 42
+-51 88 -43 86 -47 93 -93 166 -16 24 -28 45 -28 47 0 14 -165 239 -221 300
+-20 22 -63 69 -95 105 -76 85 -75 84 -229 219 -82 72 -365 271 -385 271 -5 0
+-25 10 -43 23 -49 34 -259 134 -352 170 -93 35 -123 45 -175 60 -30 9 -77 23
+-103 32 -54 17 -143 19 -170 4z"/>
+<path d="M4437 6544 c-4 -4 -67 -11 -140 -15 -133 -8 -256 -26 -357 -52 -145
+-39 -205 -57 -265 -83 -16 -7 -55 -22 -85 -35 -186 -74 -390 -198 -577 -350
+-185 -151 -404 -409 -520 -614 -58 -103 -164 -329 -191 -410 -53 -155 -63
+-195 -82 -335 -6 -41 -16 -95 -22 -120 -20 -83 -22 -389 -4 -518 42 -292 48
+-320 111 -507 110 -329 287 -615 537 -868 310 -314 611 -490 1063 -622 189
+-55 503 -84 718 -67 198 16 402 48 445 71 9 5 36 12 59 16 24 4 45 11 49 16 3
+5 14 9 24 9 11 0 34 6 52 14 18 8 53 22 78 31 89 35 296 140 358 182 35 24 66
+43 69 43 8 0 157 114 228 174 131 110 326 329 402 451 158 253 237 419 299
+630 24 83 46 177 53 230 4 28 10 55 14 61 3 6 11 92 17 190 11 184 1 485 -19
+576 -6 24 -17 77 -26 118 -20 91 -53 209 -66 232 -5 10 -9 25 -9 33 0 9 -15
+46 -34 83 -19 37 -48 96 -65 132 -17 36 -46 92 -66 125 -19 33 -38 67 -42 75
+-4 8 -27 44 -51 80 -204 298 -456 533 -764 713 -101 59 -303 152 -398 184
+-200 65 -368 99 -565 114 -71 5 -150 12 -175 15 -25 3 -48 2 -53 -2z m358
+-209 c55 -9 114 -20 130 -25 17 -4 45 -11 62 -15 18 -4 35 -10 38 -15 3 -4
+-55 -37 -128 -74 -72 -36 -163 -86 -200 -111 -38 -25 -71 -45 -74 -45 -7 0
+-128 -93 -131 -102 -2 -4 -38 -36 -80 -71 -188 -156 -422 -426 -546 -630 -11
+-18 -47 -75 -81 -127 -59 -91 -72 -115 -128 -240 -41 -92 -58 -132 -78 -195
+-11 -33 -24 -73 -30 -90 -17 -50 -40 -128 -49 -170 -25 -115 -32 -134 -51
+-140 -10 -4 -29 1 -41 9 -12 9 -32 16 -43 16 -21 0 -96 23 -152 46 -106 44
+-109 46 -212 100 -94 49 -105 65 -86 124 7 25 21 71 29 103 33 117 49 173 62
+202 6 17 20 50 29 75 21 57 75 165 127 255 23 39 48 84 57 100 21 37 142 222
+167 254 202 257 425 464 659 611 39 24 126 72 195 107 l125 63 165 0 c98 0
+204 -6 265 -15z m-1035 -117 c0 -7 -13 -22 -29 -33 -126 -89 -311 -276 -467
+-471 -45 -58 -186 -268 -222 -334 -8 -14 -43 -81 -79 -150 -36 -69 -69 -130
+-73 -135 -5 -6 -15 -28 -23 -50 -8 -22 -29 -80 -47 -130 -17 -49 -36 -108 -41
+-130 -16 -72 -35 -134 -42 -141 -8 -8 -65 29 -133 86 -121 103 -144 125 -144
+140 0 8 9 40 21 70 11 30 25 69 30 85 5 17 17 44 27 62 9 17 28 53 42 80 13
+26 44 80 67 120 24 39 43 74 43 78 0 3 41 61 92 128 84 111 126 162 199 236
+44 44 180 165 197 175 10 5 23 16 31 24 66 65 433 267 549 301 1 1 2 -5 2 -11z
+m1641 -73 c30 -13 77 -38 104 -55 28 -16 57 -33 65 -37 24 -11 171 -113 218
+-151 23 -19 42 -39 42 -46 0 -6 -28 -19 -63 -29 -34 -10 -75 -25 -90 -33 -16
+-7 -35 -14 -42 -14 -7 0 -26 -7 -42 -15 -15 -8 -50 -24 -78 -36 -311 -132
+-521 -290 -756 -567 -99 -117 -152 -199 -219 -342 -11 -25 -28 -58 -35 -73 -8
+-16 -15 -43 -15 -60 0 -29 -6 -51 -39 -147 -7 -19 -19 -66 -26 -105 -19 -103
+-30 -125 -60 -125 -15 0 -36 -5 -48 -12 -12 -6 -58 -18 -102 -25 -44 -8 -105
+-18 -135 -24 -88 -17 -348 -23 -393 -9 -38 11 -39 12 -32 48 4 20 10 42 15 47
+4 6 10 28 13 50 10 66 41 164 103 328 26 67 102 230 127 272 46 76 85 134 104
+155 13 14 23 28 23 32 0 8 79 119 155 218 28 35 104 120 170 188 66 68 123
+129 127 137 8 12 232 185 242 185 2 0 32 18 65 40 103 69 313 168 451 214 63
+21 90 20 151 -9z m655 -498 c81 -88 208 -256 238 -317 4 -8 29 -55 56 -105
+104 -190 156 -323 193 -495 8 -41 21 -100 28 -130 7 -32 14 -167 16 -325 4
+-223 2 -282 -11 -338 -9 -38 -16 -83 -16 -102 0 -33 -13 -54 -24 -37 -7 11
+-23 105 -36 199 -5 40 -13 89 -19 110 -5 21 -17 74 -26 118 -9 44 -23 94 -30
+110 -7 17 -16 41 -18 55 -5 25 -30 98 -46 135 -5 11 -19 45 -31 75 -28 70 -69
+161 -80 180 -5 8 -21 39 -36 69 -14 29 -43 82 -65 118 -21 35 -39 66 -39 69 0
+6 -21 35 -65 89 -20 25 -101 128 -132 170 -25 33 -149 168 -197 215 -31 30
+-56 60 -56 67 0 8 12 18 28 23 15 6 35 15 44 20 10 6 23 10 29 10 6 0 25 6 42
+14 34 15 134 43 198 55 3 0 28 -23 55 -52z m-475 -264 c58 -60 134 -142 170
+-183 35 -41 71 -82 80 -91 31 -31 112 -148 128 -184 5 -11 21 -37 35 -58 14
+-21 26 -44 26 -52 0 -8 4 -16 8 -19 12 -7 90 -166 147 -301 58 -138 114 -346
+140 -525 8 -52 19 -113 25 -135 7 -26 10 -117 7 -260 -3 -206 -15 -321 -40
+-389 -21 -58 -162 -258 -242 -345 -117 -127 -148 -143 -125 -65 13 45 7 462
+-9 584 -14 112 -38 235 -49 256 -5 11 -13 40 -16 66 -4 26 -11 50 -17 53 -5 4
+-9 15 -9 26 0 20 -23 91 -60 189 -12 30 -25 66 -30 80 -4 14 -20 49 -34 78
+-15 29 -46 95 -71 147 -119 254 -293 492 -537 739 -70 71 -128 132 -128 135 0
+4 37 43 83 87 87 86 212 183 287 223 25 13 54 30 65 38 39 26 58 15 166 -94z
+m-614 -512 c54 -54 115 -117 136 -140 43 -46 197 -238 197 -245 0 -3 19 -33
+42 -68 41 -61 103 -173 148 -268 58 -122 79 -170 99 -220 12 -30 26 -64 30
+-75 16 -39 32 -91 48 -145 8 -30 21 -77 29 -105 42 -142 68 -363 68 -580 0
+-208 -6 -267 -50 -482 -4 -19 -98 -90 -174 -132 -110 -59 -247 -124 -329 -155
+-51 -20 -66 -10 -49 33 35 88 60 489 48 742 -16 299 -49 427 -178 674 -8 17
+-19 32 -24 33 -4 2 -8 9 -8 16 0 35 -190 278 -349 446 l-71 75 3 65 c4 84 17
+133 73 283 27 70 127 267 157 308 16 22 35 39 42 39 8 0 58 -44 112 -99z
+m-2479 -285 c40 -35 200 -156 207 -156 2 0 33 -20 69 -45 37 -25 68 -45 71
+-45 2 0 23 -12 47 -27 24 -16 52 -34 63 -41 66 -41 210 -105 290 -127 33 -10
+71 -22 84 -27 32 -12 157 -38 251 -51 97 -14 462 -14 565 0 106 15 223 38 258
+52 42 16 97 14 97 -4 0 -8 15 -30 33 -48 133 -139 276 -324 343 -445 l29 -53
+-24 -20 c-13 -10 -33 -19 -45 -19 -11 -1 -32 -7 -46 -15 -14 -8 -38 -14 -53
+-15 -16 0 -38 -5 -50 -12 -28 -15 -209 -51 -342 -68 -93 -12 -489 -11 -590 1
+-206 25 -329 47 -372 65 -17 8 -37 14 -45 14 -16 0 -72 18 -198 62 -73 26
+-303 134 -365 171 -190 115 -365 254 -385 309 -21 55 -24 269 -6 391 9 59 16
+125 16 145 0 71 25 73 98 8z m-8 -884 c0 -8 154 -112 165 -112 3 0 24 -12 48
+-27 47 -30 233 -123 247 -123 5 0 21 -6 37 -14 15 -8 47 -22 71 -30 23 -9 59
+-22 80 -30 20 -8 64 -21 97 -31 33 -9 74 -21 92 -26 80 -24 202 -46 383 -69
+121 -15 681 -9 760 9 30 7 87 19 125 27 39 8 93 21 120 29 28 7 79 21 115 30
+36 9 80 23 99 32 32 13 36 13 55 -6 30 -31 49 -180 50 -406 l1 -189 -65 -19
+c-89 -25 -134 -36 -210 -52 -36 -8 -85 -19 -110 -24 -203 -47 -684 -45 -900 3
+-36 8 -101 22 -145 31 -44 10 -92 22 -107 27 -14 5 -41 14 -60 18 -122 32
+-377 144 -485 213 -24 15 -45 27 -48 27 -9 0 -150 99 -190 133 -22 19 -51 54
+-63 78 -13 24 -33 62 -45 84 -59 106 -163 386 -153 412 6 14 36 18 36 5z m768
+-1088 c18 -8 41 -14 50 -14 10 0 22 -4 27 -9 14 -13 145 -48 260 -71 33 -6 74
+-15 90 -20 17 -5 75 -14 130 -20 55 -6 129 -15 165 -21 145 -23 663 5 748 41
+13 6 35 10 49 10 23 0 72 12 169 41 17 5 41 9 53 9 23 0 24 -1 16 -92 -4 -50
+-11 -103 -17 -117 -5 -14 -14 -51 -20 -81 -19 -107 1 -99 -333 -140 -91 -11
+-254 -11 -330 1 -33 5 -96 14 -140 19 -44 5 -93 13 -108 19 -16 6 -42 11 -58
+11 -16 0 -37 4 -47 9 -9 6 -57 22 -107 37 -49 15 -97 31 -105 35 -8 4 -40 17
+-70 29 -56 23 -163 73 -190 90 -8 5 -53 32 -100 60 -139 85 -290 202 -290 226
+0 13 31 2 158 -52z"/>
+<path d="M7088 4371 c-15 -3 -38 -16 -52 -28 -36 -32 -37 -114 -1 -158 l25
+-30 479 0 479 0 25 23 c13 13 32 38 42 56 18 33 18 34 -3 68 -49 78 -11 73
+-516 74 -248 0 -463 -2 -478 -5z"/>
+<path d="M957 4352 c-62 -38 -60 -147 2 -189 l34 -23 451 0 c510 1 505 0 534
+73 12 33 13 44 2 78 -8 22 -26 49 -41 60 -26 18 -48 19 -491 19 -420 -1 -466
+-2 -491 -18z"/>
+<path d="M1920 3772 c-46 -23 -69 -82 -53 -139 6 -21 19 -65 27 -98 32 -115
+59 -200 68 -209 4 -6 8 -19 8 -31 0 -12 7 -30 15 -41 8 -10 15 -25 15 -31 0
+-32 140 -311 209 -418 14 -22 30 -48 36 -57 116 -192 391 -497 570 -633 28
+-20 52 -41 55 -45 9 -14 180 -129 277 -188 101 -60 298 -159 368 -185 305
+-113 431 -143 485 -115 14 8 33 31 43 52 17 35 17 40 2 80 -17 43 -56 76 -92
+76 -11 0 -42 7 -69 15 -27 9 -71 23 -99 31 -54 17 -88 29 -175 64 -66 27 -283
+134 -325 161 -16 10 -37 22 -45 26 -42 19 -226 153 -335 243 -39 32 -232 225
+-270 270 -161 191 -238 309 -385 600 -9 17 -65 157 -85 210 -7 19 -21 62 -30
+95 -10 33 -24 78 -31 100 -8 23 -14 48 -14 58 0 9 -7 35 -17 58 -11 30 -25 45
+-49 55 -44 18 -62 18 -104 -4z"/>
+<path d="M6948 3707 c-25 -21 -58 -97 -58 -135 0 -9 -12 -48 -26 -87 -14 -38
+-29 -83 -34 -100 -17 -64 -104 -254 -180 -390 -131 -238 -323 -471 -545 -664
+-167 -145 -298 -235 -488 -335 -85 -44 -207 -100 -257 -116 -14 -5 -50 -18
+-80 -30 -63 -24 -137 -47 -195 -60 -150 -33 -175 -52 -175 -130 0 -49 4 -60
+28 -83 23 -22 38 -27 78 -27 27 0 69 6 94 14 25 8 72 22 105 31 33 9 75 23 93
+31 18 8 39 14 47 14 14 0 66 20 118 46 16 8 33 14 39 14 16 0 268 125 311 154
+21 14 40 26 43 26 3 0 49 29 102 64 335 223 644 548 847 890 69 117 165 306
+165 325 0 5 6 22 14 38 26 52 46 104 46 118 0 7 6 26 14 42 8 15 21 53 30 83
+8 30 22 79 30 109 20 68 20 96 -1 131 -31 54 -116 68 -165 27z"/>
+<path d="M4460 1763 c-8 -3 -25 -15 -37 -26 l-23 -20 0 -477 0 -477 23 -25
+c45 -52 121 -45 157 14 19 32 20 51 20 483 0 432 -1 451 -20 483 -27 43 -75
+61 -120 45z"/>
+</g>
+</svg>
diff --git a/Interface/icons/default-avatar.jpg b/Interface/icons/default-avatar.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..b9b97bf4cbb0ab970342a7cf6aeac81d82596be6
Binary files /dev/null and b/Interface/icons/default-avatar.jpg differ
diff --git a/Interface/icons/edit-icon.png b/Interface/icons/edit-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..1ed8ccb015081b0289fae98658d5244edbcf3743
Binary files /dev/null and b/Interface/icons/edit-icon.png differ
diff --git a/Interface/icons/placeholder-thumbnail.jpeg b/Interface/icons/placeholder-thumbnail.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..4b7827755bd159767b85e19c1cbcd634286b054b
Binary files /dev/null and b/Interface/icons/placeholder-thumbnail.jpeg differ
diff --git a/Interface/icons/poubelle.png b/Interface/icons/poubelle.png
new file mode 100644
index 0000000000000000000000000000000000000000..33790dc7d2eeee8a482ec8359b4829c68dd0964e
Binary files /dev/null and b/Interface/icons/poubelle.png differ
diff --git a/Interface/icons/volatile-icon.svg b/Interface/icons/volatile-icon.svg
new file mode 100644
index 0000000000000000000000000000000000000000..4cb1799c922ab12a5bf5412ade7a75ca04a630d3
--- /dev/null
+++ b/Interface/icons/volatile-icon.svg
@@ -0,0 +1,123 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="900.000000pt" height="282.000000pt" viewBox="0 0 900.000000 282.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.10, written by Peter Selinger 2001-2011
+</metadata>
+<g transform="translate(0.000000,282.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M2607 2474 c-4 -4 -7 -72 -7 -151 l0 -144 28 3 27 3 0 145 c0 138 -1
+145 -20 148 -12 2 -24 0 -28 -4z"/>
+<path d="M3740 2461 c-7 -13 -10 -315 -10 -908 0 -775 2 -892 15 -909 15 -19
+15 -19 35 5 20 23 20 34 18 918 -3 782 -5 895 -18 903 -22 14 -28 12 -40 -9z"/>
+<path d="M7017 2463 c-12 -11 -8 -1831 3 -1838 6 -3 19 -3 30 0 20 6 20 16 20
+910 0 497 -3 910 -6 919 -6 16 -35 22 -47 9z"/>
+<path d="M1783 2412 c-6 -10 -37 -79 -68 -152 -31 -73 -60 -141 -65 -149 -8
+-17 -31 -71 -53 -124 -7 -17 -21 -49 -30 -69 -17 -37 -29 -66 -60 -138 -8 -19
+-22 -52 -31 -72 -9 -21 -23 -53 -32 -73 -8 -19 -21 -50 -30 -70 -8 -19 -21
+-51 -29 -70 -19 -45 -41 -95 -60 -140 -35 -79 -49 -112 -62 -142 -7 -18 -20
+-48 -29 -68 -8 -19 -21 -50 -30 -70 -8 -19 -21 -50 -30 -70 -8 -19 -22 -52
+-31 -72 -9 -21 -23 -54 -31 -73 -37 -87 -57 -108 -68 -73 -3 10 -12 32 -19 48
+-14 30 -50 112 -87 195 -10 25 -26 61 -35 80 -8 19 -21 49 -27 65 -7 17 -21
+48 -31 70 -10 22 -24 56 -33 75 -8 19 -18 42 -22 51 -5 8 -34 76 -65 149 -31
+73 -60 141 -65 149 -4 9 -14 32 -22 51 -8 19 -22 52 -31 73 -9 20 -23 52 -31
+70 -8 17 -28 61 -45 97 -17 36 -31 69 -31 73 0 4 -14 38 -31 75 -17 37 -37 82
+-45 100 -53 123 -77 172 -86 178 -11 7 -36 -7 -42 -23 -4 -8 5 -41 20 -72 24
+-52 43 -95 81 -181 9 -19 19 -42 23 -51 5 -8 34 -76 65 -149 31 -73 60 -141
+65 -149 4 -9 14 -33 24 -53 9 -21 23 -55 32 -75 10 -21 20 -45 24 -54 5 -8 34
+-76 65 -149 31 -73 61 -141 65 -149 10 -20 39 -85 58 -131 8 -19 18 -42 23
+-51 4 -9 26 -61 49 -115 23 -54 53 -124 67 -154 45 -99 52 -115 58 -136 8 -29
+41 -58 58 -51 13 5 32 39 72 132 7 17 21 48 31 70 9 22 24 55 31 72 7 18 20
+49 28 68 8 19 22 51 30 70 8 19 21 50 29 68 18 44 40 95 59 137 31 72 48 111
+62 145 8 19 22 51 30 70 8 19 22 51 30 70 19 42 41 93 59 137 36 85 58 136
+105 241 17 37 31 73 31 80 0 7 4 17 9 22 5 6 26 51 46 100 21 50 48 113 60
+140 43 94 57 135 51 150 -8 21 -39 19 -53 -3z"/>
+<path d="M6490 2282 c-73 -36 -78 -129 -9 -166 43 -23 80 -16 115 21 46 50 28
+115 -43 152 -27 14 -21 14 -63 -7z"/>
+<path d="M5781 2266 c-8 -10 -13 -78 -14 -213 -1 -109 -6 -204 -10 -210 -6 -9
+-43 -13 -127 -13 -65 0 -125 -3 -134 -6 -19 -7 -21 -39 -3 -51 6 -4 71 -10
+142 -13 l130 -5 2 -215 c7 -644 7 -642 28 -680 74 -130 158 -197 277 -220 73
+-15 98 -10 98 19 0 25 -7 29 -77 42 -31 6 -74 19 -94 29 -42 22 -129 107 -129
+127 0 8 -7 24 -15 37 -13 20 -16 86 -18 442 l-2 419 131 3 c118 2 133 5 150
+23 18 20 18 21 -1 35 -14 10 -52 14 -146 14 l-127 0 -7 27 c-3 15 -5 112 -4
+216 2 155 0 190 -12 198 -19 12 -25 11 -38 -5z"/>
+<path d="M2406 2214 c-27 -7 -54 -18 -60 -24 -5 -5 -15 -10 -22 -10 -25 0
+-152 -81 -211 -135 -66 -59 -146 -163 -183 -235 -12 -25 -29 -57 -36 -72 -8
+-14 -14 -36 -14 -48 0 -12 -5 -31 -11 -42 -9 -16 -7 -24 5 -36 24 -24 48 -5
+63 49 67 228 278 436 508 498 57 15 68 25 60 50 -7 24 -26 25 -99 5z"/>
+<path d="M2778 2219 c-10 -5 -18 -16 -18 -22 0 -15 51 -47 74 -47 21 0 138
+-56 195 -93 53 -35 188 -168 202 -200 5 -12 18 -35 29 -52 11 -16 22 -37 26
+-45 3 -8 12 -30 20 -48 8 -18 14 -40 14 -48 0 -27 32 -84 46 -84 22 0 38 43
+25 68 -6 11 -11 28 -11 37 0 33 -91 202 -143 265 -29 35 -82 88 -117 117 -66
+53 -206 129 -263 143 -18 4 -39 10 -47 14 -8 3 -23 1 -32 -5z"/>
+<path d="M2480 2099 c-41 -10 -86 -24 -100 -30 -14 -7 -41 -19 -60 -28 -99
+-45 -224 -168 -278 -271 -65 -125 -76 -171 -76 -325 -1 -119 3 -149 21 -200
+42 -118 56 -143 126 -229 156 -192 437 -288 662 -226 93 26 143 44 157 58 7 7
+18 12 24 12 17 0 134 89 174 132 44 48 107 155 137 234 23 62 26 83 27 214 1
+125 -2 153 -21 205 -68 189 -180 317 -349 400 -50 25 -99 45 -107 45 -9 0 -42
+7 -74 15 -74 19 -169 17 -263 -6z m278 -47 c9 -6 7 -14 -8 -30 -12 -12 -25
+-22 -31 -22 -15 0 -114 -75 -163 -123 -91 -90 -164 -214 -207 -353 -15 -48
+-24 -64 -38 -64 -27 0 -131 48 -137 63 -3 8 0 31 5 53 42 169 181 353 337 447
+55 33 65 35 144 36 47 0 91 -3 98 -7z m-388 -60 c0 -5 -10 -17 -21 -28 -70
+-62 -173 -228 -215 -347 -9 -26 -20 -50 -24 -52 -4 -2 -22 9 -41 25 -32 29
+-33 31 -20 68 30 89 73 155 151 231 73 71 170 130 170 103z m587 -24 c26 -17
+52 -35 57 -39 5 -5 -34 -28 -86 -52 -165 -77 -251 -176 -314 -363 -17 -49 -19
+-51 -68 -62 -29 -7 -75 -12 -104 -12 -51 0 -52 1 -52 30 0 52 82 222 145 303
+90 113 252 224 332 226 31 1 54 -7 90 -31z m148 -125 c30 -31 82 -118 103
+-173 31 -82 51 -210 42 -273 l-6 -42 -22 42 c-12 23 -22 51 -22 62 0 20 -14
+55 -53 136 -32 66 -42 83 -93 147 -84 105 -80 95 -42 112 48 21 62 19 93 -11z
+m-169 -50 c56 -37 204 -266 204 -317 0 -7 7 -31 16 -52 12 -28 16 -72 17 -161
+0 -116 -1 -124 -27 -163 -27 -41 -73 -87 -83 -83 -2 2 -6 49 -9 104 -5 126
+-21 188 -84 319 -37 78 -75 133 -147 210 -24 25 -43 50 -43 56 0 13 33 44 84
+78 46 31 40 30 72 9z m-135 -198 c113 -129 170 -248 196 -410 11 -71 12 -106
+3 -164 -6 -41 -15 -80 -20 -86 -11 -13 -114 -65 -129 -65 -6 0 -11 63 -13 163
+l-3 162 -35 69 c-19 39 -58 95 -87 127 -60 64 -63 82 -33 159 43 110 59 116
+121 45z m-730 -71 c13 -14 33 -30 44 -35 11 -5 34 -18 50 -29 17 -11 37 -22
+45 -26 8 -3 30 -12 48 -20 44 -19 211 -28 292 -16 78 12 91 6 150 -71 40 -54
+49 -80 29 -92 -26 -16 -151 -36 -229 -36 -140 0 -276 36 -387 103 -95 57 -103
+69 -103 159 0 72 4 85 31 88 3 1 16 -11 30 -25z m-6 -253 c7 -13 137 -74 205
+-97 81 -28 373 -28 443 0 34 14 51 16 59 8 6 -6 11 -46 12 -89 l1 -78 -50 -17
+c-66 -23 -310 -24 -370 -3 -22 8 -47 15 -55 15 -22 0 -140 60 -182 92 -38 29
+-104 150 -93 169 8 12 22 12 30 0z m285 -326 c99 -25 275 -31 343 -11 81 24
+87 22 87 -22 0 -21 -7 -48 -16 -60 -14 -21 -23 -22 -132 -22 -81 0 -132 5
+-167 16 -76 25 -177 75 -205 102 l-25 25 25 -6 c14 -3 54 -13 90 -22z"/>
+<path d="M5157 1843 c-4 -3 -7 -77 -7 -164 0 -87 -4 -160 -9 -163 -5 -3 -21
+13 -37 35 -98 142 -288 239 -465 239 -92 0 -234 -39 -280 -77 -8 -7 -21 -13
+-28 -13 -7 0 -47 -35 -89 -78 -78 -79 -124 -154 -156 -256 -22 -69 -21 -245 1
+-311 45 -137 104 -224 203 -299 80 -62 158 -95 265 -113 85 -14 101 -14 179 0
+144 27 273 103 358 211 22 28 44 52 49 54 5 2 9 -54 9 -125 0 -70 4 -134 9
+-141 5 -8 17 -12 27 -10 18 3 19 25 22 611 l2 607 -23 0 c-13 0 -27 -3 -30 -7z
+m-381 -136 c174 -57 294 -174 354 -345 38 -106 23 -276 -34 -387 -44 -86 -138
+-177 -225 -220 -20 -9 -49 -23 -65 -31 -38 -19 -187 -28 -256 -16 -71 13 -113
+29 -176 69 -72 44 -90 60 -137 123 -76 100 -107 191 -107 310 0 120 31 209
+107 312 127 168 352 246 539 185z"/>
+<path d="M6500 1801 c-6 -13 -10 -217 -10 -593 0 -607 1 -626 43 -596 17 13
+18 49 17 597 0 574 -2 611 -31 611 -5 0 -13 -9 -19 -19z"/>
+<path d="M7875 1773 c-81 -25 -127 -45 -182 -81 -55 -35 -158 -140 -174 -176
+-5 -12 -13 -28 -17 -36 -26 -46 -35 -69 -53 -134 -24 -90 -24 -171 0 -266 59
+-237 242 -402 486 -439 66 -10 95 -10 165 3 131 22 212 61 297 139 84 77 31
+112 -55 36 -26 -22 -81 -57 -122 -77 -73 -34 -78 -35 -200 -36 -107 -1 -133 2
+-183 22 -78 30 -166 91 -216 149 -45 52 -101 157 -101 188 0 11 -4 27 -10 35
+-24 39 -8 40 533 40 483 0 521 1 533 18 18 23 17 85 -1 172 -46 220 -198 378
+-426 444 -70 20 -207 20 -274 -1z m249 -59 c55 -15 100 -34 170 -72 59 -31
+186 -183 186 -221 0 -5 6 -21 14 -36 21 -41 31 -151 16 -170 -11 -13 -78 -15
+-489 -15 -262 0 -486 3 -498 6 -12 3 -24 12 -27 19 -9 24 26 149 61 221 35 71
+121 169 174 199 139 79 270 102 393 69z"/>
+<path d="M1595 1463 c-16 -16 -16 -18 5 -35 19 -15 41 -18 145 -18 106 0 124
+2 139 18 15 18 15 20 -2 35 -28 25 -263 25 -287 0z"/>
+<path d="M3380 1464 c-11 -12 -10 -18 4 -32 14 -14 38 -17 146 -17 136 0 157
+6 145 44 -6 20 -13 21 -144 21 -113 0 -141 -3 -151 -16z"/>
+<path d="M1875 1299 c-10 -14 4 -97 22 -139 55 -129 100 -197 183 -280 75 -75
+128 -112 235 -163 101 -49 185 -59 185 -23 0 14 -51 46 -74 46 -50 0 -220 105
+-301 185 -45 45 -117 143 -136 185 -37 80 -49 111 -49 126 0 45 -48 92 -65 63z"/>
+<path d="M3346 1268 c-8 -13 -18 -36 -22 -53 -13 -57 -79 -177 -132 -241 -29
+-35 -85 -88 -125 -118 -72 -52 -193 -116 -222 -116 -21 0 -95 -38 -95 -49 0
+-5 7 -14 16 -22 49 -41 327 101 445 227 74 81 141 197 183 319 16 47 16 50 -1
+62 -23 18 -30 16 -47 -9z"/>
+<path d="M2612 708 c-19 -19 -17 -272 3 -288 8 -7 22 -10 30 -6 23 8 18 299
+-5 304 -9 1 -21 -3 -28 -10z"/>
+</g>
+</svg>
diff --git a/Interface/js/loadPageElements.js b/Interface/js/loadPageElements.js
new file mode 100644
index 0000000000000000000000000000000000000000..77f9601ddea0116e90d4bfeeab875981d934932f
--- /dev/null
+++ b/Interface/js/loadPageElements.js
@@ -0,0 +1,142 @@
+// -------------------------------------------------------------------------------------------------Affichage du footer
+// Il faut attendre que le menu soit load pour pouvoir détecter des clics dessus (rentrer/sortir menu + changer de page)
+fetch('footer.html').then(response => response.text()).then(data => {
+ document.getElementById('footer').innerHTML = data;
+})
+.catch(err => console.error('Erreur de chargement du menu:', err));
+// -------------------------------------------------------------------------------------------------Affichage du menu
+function loadmenu() {
+fetch(`menu.html?nocache=${new Date().getTime()}`, {
+cache: 'no-store',
+headers: {
+'Cache-Control': 'no-cache, no-store, must-revalidate',
+'Pragma': 'no-cache',
+'Expires': '0'
+}
+})
+.then(response => response.text())
+.then(data => {
+document.getElementById('menu').innerHTML = data;
+configureMenuEvents();
+})
+.catch(err => console.error('Erreur de chargement du menu:', err));
+}
+loadmenu();
+window.loadmenu = loadmenu;
+
+// -------------------------------------------------------------------------------------------------Affichage de la navigation
+function loadnav() {
+ fetch(`nav.html?${new Date().getTime()}`)
+ .then(response => response.text())
+ .then(data => {
+ document.getElementById('nav').innerHTML = data;
+
+ // Faire en sorte que le menu rentre/sorte
+ const sidebarToggle = document.body.querySelector('#sidebarToggle');
+ //console.log('sidebarToggle:', sidebarToggle); // Si c'est null, l'élément n'existe pas
+ if (sidebarToggle) {
+ sidebarToggle.addEventListener('click', event => {
+ try {
+ event.preventDefault();
+ document.body.classList.toggle('sb-sidenav-toggled');
+ sessionStorage.setItem('sb|sidebar-toggle', document.body.classList.contains('sb-sidenav-toggled'));
+ } catch (e) {
+ console.error('Erreur avec sessionStorage:', e);
+ }
+ });
+ } else {
+ console.error('sidebarToggle n\'a pas été trouvé.');
+ }
+ })
+ .catch(err => console.error('Erreur de chargement du menu:', err));
+}
+loadnav();
+
+
+// Extraire la configuration des événements du menu dans une fonction séparée
+function configureMenuEvents() {
+ // Restaurer l'état du sous-menu "Joueuses"
+ const isJoueusesOpen = sessionStorage.getItem('joueusesMenuOpen') === 'true';
+ const joueusesSubmenu = document.querySelector('#collapseLayouts');
+ if (joueusesSubmenu) {
+ if (isJoueusesOpen) {
+ joueusesSubmenu.classList.add('show');
+ } else {
+ joueusesSubmenu.classList.remove('show');
+ }
+ }
+
+ // Détecter retour à l'accueil
+ const accueilLink = document.getElementById('accueil');
+ if (accueilLink) {
+ accueilLink.addEventListener('click', function (event) {
+ event.preventDefault();
+ console.log('Accueil cliqué');
+ sessionStorage.removeItem('selectedPlayerId');
+ window.location.href = `index.html`;
+ });
+ }
+
+ // Détecter changement de page -> joueuse
+ const playerLinks = document.querySelectorAll('.nav-link[id^="player"]');
+ fetch('data/infoPlayers.json?nocache=' + new Date().getTime(), {
+ cache: 'no-store',
+ headers: {
+ 'Cache-Control': 'no-cache, no-store, must-revalidate',
+ 'Pragma': 'no-cache',
+ 'Expires': '0'
+ }
+ })
+ .then(response => response.json())
+ .then(infoPlayers => {
+ playerLinks.forEach(link => {
+ if (link) {
+ link.addEventListener('click', function (event) {
+ event.preventDefault();
+ const playerId = event.target.id.replace('player', '');
+ const playerData = infoPlayers.find(player => player.playerId == playerId);
+
+ if (playerData) {
+ console.log(playerId + ' cliqué');
+ sessionStorage.setItem('selectedPlayerId', playerId);
+ window.location.href = `tables.html`;
+ } else {
+ console.error('Joueur non trouvé pour l\'ID :', playerId);
+ }
+ });
+ }
+ });
+ })
+ .catch(error => console.error('Erreur lors du chargement des joueurs:', error));
+
+ // Gestion du toggle du sous-menu
+ const joueusesToggle = document.querySelector('#joueusesToggle');
+ if (joueusesToggle && joueusesSubmenu) {
+ joueusesToggle.addEventListener('click', function () {
+ const isOpen = joueusesSubmenu.classList.contains('show');
+ sessionStorage.setItem('joueusesMenuOpen', !isOpen);
+ });
+ }
+}
+
+function addPlayer() {
+ if (window.electron) {
+ window.electron.showInputDialog();
+ window.electron.receivePlayerName((playerId) => {
+ console.log("Update de menu demandée pour l'id :", playerId);
+ sessionStorage.setItem('selectedPlayerId', playerId)
+ window.electron.updateMenu(playerId);
+ window.electron.onMenuUpdated((event, addedPlayerId) => {
+ if (addedPlayerId === playerId) {
+ console.log(`Menu updated pour l'id ${playerId}`);
+ loadmenu();
+ window.electron.redirectTo("tables.html");
+ }
+ });
+
+ });
+ } else {
+ console.error("window.electron est indéfini.");
+ }
+}
+
diff --git a/Interface/js/mainTables.js b/Interface/js/mainTables.js
new file mode 100644
index 0000000000000000000000000000000000000000..b64f15ea15776e91da53da5d40eea437e39410d3
--- /dev/null
+++ b/Interface/js/mainTables.js
@@ -0,0 +1,300 @@
+async function loadPlayerData(selectedPlayerId) {
+ const jsonFile = `data/player${selectedPlayerId}/data${selectedPlayerId}.json`;
+ try {
+ // ---------------------------------------------------------------- Charge les infos : taille, poids...
+ const response = await fetch('data/infoPlayers.json');
+ const players = await response.json();
+
+ const playerPhoto = document.getElementById('playerPhoto');
+ const defaultPhotoPath = 'icons/default-avatar.jpg';
+ const basePhotoPath = `data/player${selectedPlayerId}/player${selectedPlayerId}.jpg`;
+ const photoPath = `${basePhotoPath}?v=${new Date().getTime()}`;
+ const tempImg = new Image();
+ playerPhoto.src = defaultPhotoPath;
+ tempImg.onload = function() {
+ playerPhoto.src = photoPath;
+ };
+ tempImg.onerror = function() {
+ console.log("Pas de photo pour la joueuse ", selectedPlayerId)
+ };
+ tempImg.src = basePhotoPath;
+
+ const playerData = players.find(player => player.playerId == selectedPlayerId);
+ function formaterDate(dateStr) {
+ const moisAbreges = ['janv.', 'févr.', 'mars', 'avr.', 'mai', 'juin', 'juil.', 'août', 'sept.', 'oct.', 'nov.', 'déc.'];
+ const date = new Date(dateStr);
+ const jour = date.getDate(); // Jour du mois (1-31)
+ const mois = moisAbreges[date.getMonth()]; // Mois abrégé
+ const annee = date.getFullYear(); // Année (aaaa)
+ return `${jour} ${mois} ${annee}`;
+ }
+ if (playerData) {
+ document.getElementById('playerName').textContent = playerData.playerName ?? '...';
+ document.getElementById('positionPlayed').textContent = playerData.position ?? '...';
+ document.getElementById('playerBirthDate').textContent = (playerData.birth !== null) ? formaterDate(playerData.birth) : '...'; document.getElementById('playerHeight').textContent = playerData.taille ?? '...';
+ document.getElementById('playerWeight').textContent = playerData.poids ?? '...';
+ document.getElementById('playerAttack').textContent = playerData.attaque ?? '...';
+ document.getElementById('playerBlockHeight').textContent = playerData.block ?? '...';
+ document.getElementById('playerComments').textContent = playerData.comments ?? 'Commentaires sur la joueuse...';
+ } else {
+ console.log(`Joueuse avec l'id "${selectedPlayerId}" introuvable dans le fichier JSON.`);
+ }
+
+ // ---------------------------------------------------------------- Charge les infos de performance
+ const perfData = await fetch(jsonFile);
+ const data = await perfData.json();
+
+ // ✅ Attendre que la table soit remplie avant d'initialiser le DataTable
+ await fillTable(data);
+
+ const datatablesSimple = document.getElementById('datatablesSimple');
+ if (typeof simpleDatatables !== 'undefined' && simpleDatatables.DataTable) {
+ if (datatablesSimple) {
+ // Vérifie si une instance existe déjà et la détruit
+ if (dataTableInstance) {
+ dataTableInstance.destroy();
+ }
+
+ // ✅ Initialiser simpleDatatables après le remplissage
+ dataTableInstance = new simpleDatatables.DataTable(datatablesSimple, {
+ labels: {
+ placeholder: "Rechercher...",
+ perPage: "entrées par page",
+ noRows: "Aucune entrée trouvée",
+ info: "Affichage de {start} à {end} sur {rows} entrées",
+ },
+ });
+ } else {
+ console.error("⌠Élément 'datatablesSimple' introuvable");
+ }
+ } else {
+ console.error("⌠simpleDatatables non défini !");
+ }
+ } catch (error) {
+ console.error('Erreur lors du chargement des données:', error);
+ }
+}
+
+
+function createVideoThumbnail(videoUrl) {
+ return new Promise((resolve, reject) => {
+ // Log de débogage
+ console.log("URL de la vidéo:", videoUrl);
+
+ if (!videoUrl) {
+ console.error("URL de vidéo vide");
+ reject(new Error("URL de vidéo vide"));
+ return;
+ }
+
+ const video = document.createElement('video');
+ video.crossOrigin = 'Anonymous';
+ video.preload = 'metadata';
+
+ // Log des erreurs détaillées
+ video.onerror = (err) => {
+ console.error("Erreur de chargement vidéo:", err);
+ console.error("Détails de l'erreur:", {
+ error: err,
+ src: video.src,
+ networkState: video.networkState,
+ readyState: video.readyState
+ });
+ reject(err);
+ };
+
+ // Essayez différents types de chemins
+ try {
+ // Si c'est un chemin relatif, préfixez avec le chemin de base
+ video.src = videoUrl.startsWith('http')
+ ? videoUrl
+ : `${window.location.origin}/${videoUrl.replace(/^\//, '')}`;
+ } catch (err) {
+ console.error("Erreur lors de l'assignation de l'URL:", err);
+ reject(err);
+ }
+
+ video.addEventListener('loadedmetadata', () => {
+ try {
+ const canvas = document.createElement('canvas');
+ canvas.width = video.videoWidth;
+ canvas.height = video.videoHeight;
+
+ const ctx = canvas.getContext('2d');
+ ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
+
+ const thumbnailDataUrl = canvas.toDataURL('image/jpeg');
+ resolve(thumbnailDataUrl);
+ } catch (err) {
+ console.error("Erreur lors de la création de la miniature:", err);
+ reject(err);
+ }
+ });
+ });
+}
+
+function createVideoCell(videoUrl) {
+ const vidCell = document.createElement("td");
+
+ if (!videoUrl) {
+ vidCell.textContent = "Pas de vidéo";
+ return vidCell;
+ }
+
+ const thumbnailContainer = document.createElement("div");
+ thumbnailContainer.classList.add("video-thumbnail-container");
+
+ const thumbnailImg = document.createElement("img");
+ thumbnailImg.classList.add("video-thumbnail");
+
+ const playOverlay = document.createElement("div");
+ playOverlay.classList.add("video-play-overlay");
+
+ createVideoThumbnail(videoUrl)
+ .then(thumbnailSrc => {
+ thumbnailImg.src = thumbnailSrc;
+ })
+ .catch(() => {
+ // Gérer les erreurs de thumbnail
+ thumbnailImg.src = `data:image/svg+xml;base64,${btoa(`
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 60" width="100" height="60">
+ <rect width="100" height="60" fill="#e0e0e0"/>
+ <text x="50" y="30" font-family="Arial, sans-serif" font-size="10"
+ text-anchor="middle" alignment-baseline="middle" fill="#666">
+ Erreur thumbnail
+ </text>
+ </svg>
+ `)}`;
+ });
+
+ thumbnailContainer.appendChild(thumbnailImg);
+ thumbnailContainer.appendChild(playOverlay);
+
+ thumbnailContainer.onclick = () => {
+ window.open(videoUrl, '_blank',
+ 'width=800,height=600,resizable=yes,scrollbars=yes');
+ };
+
+ vidCell.appendChild(thumbnailContainer);
+
+ console.log("vidcell : ", vidCell)
+
+ return vidCell;
+}
+
+async function fillTable(data) {
+ return new Promise((resolve) => {
+ const table = document.getElementById("datatablesSimple");
+ const tableHead = table.querySelector("thead");
+ const tableFoot = table.querySelector("tfoot");
+ const tableBody = table.querySelector("tbody");
+
+ // On vide la table avant de la remplir
+ tableBody.innerHTML = "";
+
+ if (!data || Object.keys(data).length === 0) {
+ console.log("Aucune donnée disponible");
+ tableHead.innerHTML = "";
+ tableFoot.innerHTML = "";
+ if (dataTableInstance) {
+ dataTableInstance.destroy();
+ dataTableInstance = null;
+
+ dataTableInstance = new simpleDatatables.DataTable(table, {
+ labels: {
+ placeholder: "Rechercher...",
+ perPage: "entrées par page",
+ noRows: "Aucune entrée trouvée",
+ info: "Affichage de {start} à {end} sur {rows} entrées",
+ },
+ data: { // Ajouter une table vide
+ headings: ["Date", "Heure", "Performance", "Vidéo", "Durée", "Actions"],
+ data: []
+ }
+ });
+ }
+ return resolve();
+ }
+
+ data.forEach(entry => {
+ const row = document.createElement("tr");
+ row.classList.add("text-red");
+ //console.log("rang créé avec classList", row.classList, "et data-session-id =", row.dataset.sessionId);
+
+ // Colonne de la date
+ const dateCell = document.createElement("td");
+ dateCell.textContent = entry.date;
+ dateCell.classList.add("datecell");
+ row.appendChild(dateCell);
+
+ // Colonne de l'heure
+ const hourCell = document.createElement("td");
+ hourCell.textContent = entry.heure;
+ row.appendChild(hourCell);
+
+ // Colonne de la performance
+ const performanceCell = document.createElement("td");
+
+ const percentageBarContainer = document.createElement("div");
+ percentageBarContainer.classList.add("percentage-bar-container");
+
+ const percentageBar = document.createElement("div");
+ percentageBar.classList.add("percentage-bar");
+
+ entry.performance.forEach(segment => {
+ if (!segment.color || !segment.percentage) {
+ console.error('Segment invalide:', segment);
+ return;
+ }
+ const segmentDiv = document.createElement("div");
+ segmentDiv.classList.add("bar-section", segment.color);
+ segmentDiv.style.width = `${segment.percentage}%`;
+ percentageBar.appendChild(segmentDiv);
+ });
+
+ percentageBarContainer.appendChild(percentageBar);
+ performanceCell.appendChild(percentageBarContainer);
+ row.appendChild(performanceCell);
+
+ // Colonne de la vidéo
+ const vidCell = createVideoCell(entry.id);
+ row.appendChild(vidCell);
+
+ // Colonne de la durée de la vidéo
+ const durationCell = document.createElement("td");
+ durationCell.textContent = entry.video_duration;
+ row.appendChild(durationCell);
+
+ // Colonne de suppression avec l'icône de la poubelle
+ const deleteCell = document.createElement("td");
+ deleteCell.classList.add("delete-cell");
+ const deleteButton = document.createElement("img");
+ deleteButton.src = "icons/poubelle.png";
+ deleteButton.alt = "Poubelle";
+ deleteButton.classList.add("delete-button");
+
+ deleteCell.appendChild(deleteButton);
+ row.appendChild(deleteCell);
+
+ tableBody.appendChild(row)
+ });
+
+ resolve(); // Une fois toutes les lignes ajoutées, on résout la promesse
+ });
+}
+
+async function main() {
+ selectedPlayerId = sessionStorage.getItem('selectedPlayerId');
+ //console.log("selectedPlayer récupéré:", selectedPlayer);
+ if (selectedPlayerId !== null && selectedPlayerId !== 'null') {
+ //console.log("Chargement des données pour:", selectedPlayer);
+ await loadPlayerData(selectedPlayerId);
+ } else {
+ console.log("Aucun joueur sélectionné, chargement annulé.");
+ }
+}
+window.main = main;
+
+document.addEventListener('DOMContentLoaded', function () {
+ main();
+});
\ No newline at end of file
diff --git a/Interface/js/scriptsTables.js b/Interface/js/scriptsTables.js
new file mode 100644
index 0000000000000000000000000000000000000000..0bdf8020102fca51ba9eccaea86f3f7feb08664d
--- /dev/null
+++ b/Interface/js/scriptsTables.js
@@ -0,0 +1,137 @@
+let selectedPlayer = null;
+let dataTableInstance = null;
+
+document.addEventListener('click', function(event) {
+ if (event.target.classList.contains('delete-button')) {
+ console.log('Poubelle cliquée via addEventListener');
+ deleteRow(event.target);
+ }
+});
+
+// Fonction pour récupérer le sessionId à partir de l'index de la ligne
+async function fetchSessionIdFromIndex(playerId, dataIndex) {
+ try {
+ // Charger les données du joueur
+ const response = await fetch(`data/player${playerId}/data${playerId}.json`);
+ const data = await response.json();
+
+ // Vérifier si l'index est valide
+ if (dataIndex >= 0 && dataIndex < data.length) {
+ // Récupérer l'ID de session à partir des données originales
+ return data[dataIndex].id.toString();
+ }
+ return null;
+ } catch (error) {
+ console.error("Erreur lors du chargement des données pour l'index:", error);
+ return null;
+ }
+}
+
+// Fonction modifiée pour supprimer une ligne de statistiques
+function deleteRow(button) {
+ const isConfirmed = confirm("Supprimer la ligne ?");
+
+ if (isConfirmed) {
+ // Récupérer la ligne avec closest
+ const row = button.closest('tr');
+
+ // Récupérer l'index de la ligne dans DataTables
+ const dataIndex = row.getAttribute('data-index');
+
+ // Vérifier si l'index existe
+ if (dataIndex === null) {
+ console.error("Impossible de trouver l'index de données dans la ligne");
+ return;
+ }
+
+ const playerId = sessionStorage.getItem('selectedPlayerId');
+ console.log("dataIndex : ", dataIndex,", playerId :", playerId)
+ fetchSessionIdFromIndex(playerId, parseInt(dataIndex))
+ .then(sessionId => {
+ if (!sessionId) {
+ console.error("Impossible de trouver le sessionId pour l'index", dataIndex);
+ return;
+ }
+
+ // Appeler la méthode exposée dans le processus de rendu
+ if (window.electron) {
+ console.log("Suppression demandée pour le joueur", playerId, "et la session", sessionId);
+ window.electron.deleteR(playerId, sessionId);
+ } else {
+ console.error("window.electron est indéfini.");
+ }
+
+ window.electron.onRowDeleted((event, deletedPlayerId, deletedSessionId) => {
+ if (deletedSessionId === sessionId && deletedPlayerId === playerId) {
+ console.log(`Ligne avec l'id ${sessionId} supprimée avec succès pour le joueur d'id ${playerId}`);
+
+ // Sauvegarde du nombre d'entrées par page
+ let entriesPerPage = dataTableInstance ? dataTableInstance.options.perPage : 10;
+
+ // Détruire l'instance DataTable
+ if (dataTableInstance) {
+ dataTableInstance.destroy();
+ dataTableInstance = null;
+ }
+
+ // Recharger les données et recréer le tableau
+ main().then(() => {
+ console.log("Table mise à jour après suppression.");
+
+ // Restaurer le nombre d'entrées par page
+ if (dataTableInstance) {
+ dataTableInstance.options.perPage = entriesPerPage;
+ dataTableInstance.update();
+ }
+ });
+ }
+ });
+ })
+ .catch(error => {
+ console.error("Erreur lors de la récupération du sessionId:", error);
+ });
+ } else {
+ console.log("Suppression annulée.");
+ }
+}
+
+document.getElementById('editPlayer').addEventListener('click', function() {
+ if (window.electron) {
+ const playerId = sessionStorage.getItem('selectedPlayerId');
+ window.electron.updatePlayerInfo(playerId);
+ window.electron.onPlayerInfoUpdated((playerData) => {
+ if (parseInt(playerData.playerId) == sessionStorage.getItem('selectedPlayerId')) {
+ //console.log(`Infos mises à jour dans le JSON et le menu pour l'id ${playerData.playerId} et le nom ${playerData.playerName}`);
+ // Force le rechargement complet du menu avec un timeout pour s'assurer que le fichier est bien mis à jour
+ setTimeout(() => {
+ // Vider d'abord le contenu du menu
+ document.getElementById('menu').innerHTML = '';
+ // Puis recharger avec un timestamp unique pour éviter le cache
+ fetch(`menu.html?nocache=${new Date().getTime()}`, {
+ cache: 'no-store',
+ headers: {
+ 'Cache-Control': 'no-cache, no-store, must-revalidate',
+ 'Pragma': 'no-cache',
+ 'Expires': '0'
+ }
+ })
+ .then(response => response.text())
+ .then(data => {
+ document.getElementById('menu').innerHTML = data;
+ // Reconfigurer tous les événements du menu
+ configureMenuEvents();
+ // Puis recharger les données du joueur
+ main();
+ })
+ .catch(err => {
+ console.error('Erreur de rechargement du menu:', err);
+ // Tenter de recharger une seconde fois en cas d'échec
+ setTimeout(loadmenu, 500);
+ });
+ }, 300); // Attendre 300ms pour s'assurer que le fichier est mis à jour
+ }
+ });
+ }
+});
+
+