timelapse/timelapse-frontend
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Réorganisation de la structure des fichiers front-end
All checks were successful
SSH Frontend Deploy / ssh-deploy (push) Successful in 59s
Details

Browse Source 
Cette modification restructure l'architecture des fichiers du projet pour améliorer la maintenabilité:

- JavaScript: création d'une structure en sous-dossiers
  - core/ pour les utilitaires et fonctions essentielles
  - components/ pour les composants réutilisables
  - libs/ pour les bibliothèques externes (jQuery)
  - pages/ pour les scripts spécifiques aux pages

- CSS: séparation des styles en catégories
  - base/ pour les styles fondamentaux
  - components/ pour les styles des composants d'interface
  - pages/ pour les styles spécifiques aux pages

- HTML: création d'un dossier pages/ pour les templates HTML (hors index.html)

Tous les chemins dans les fichiers HTML ont été mis à jour pour refléter cette nouvelle structure.
Cette réorganisation n'apporte aucune modification fonctionnelle, uniquement une amélioration structurelle.
This commit is contained in:
Kerboul
2025-04-27 00:52:50 +02:00
parent 8c923c698e
commit e776d020a0
14 changed files with 16 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

0
css/style.css → css/base/style.css
View File

0
css/style_menu.css → css/components/style_menu.css
View File

0
image/camera-image → css/image/camera-image
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 285 KiB

After

Width:  |  Height:  |  Size: 285 KiB

0
css/style_projet.css → css/pages/style_projet.css
View File

12
index.html
View File

@@ -5,8 +5,8 @@
<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">
<title>Timelapse</title> <title>Timelapse</title>
<link rel="stylesheet" href="../css/style.css"> <link rel="stylesheet" href="./css/base/style.css">
<link rel="stylesheet" href="../css/style_menu.css"> <link rel="stylesheet" href="./css/components/style_menu.css">
</head> </head>
<body id="body"> <body id="body">
@@ -57,10 +57,10 @@
<p>&copy; 2025 Timelapse. All rights reserved.</p> <p>&copy; 2025 Timelapse. All rights reserved.</p>
</footer> </footer>
<script src="./js/utilities/jquery.js"></script> <script src="./js/libs/jquery.js"></script>
<script src="../js/utilities/constVariables.js"></script> <script src="./js/core/constVariables.js"></script>
<script src="../js/utilities/routes.js"></script> <script src="./js/core/routes.js"></script>
<script src="../js/index.js"></script> <script src="./js/pages/index.js"></script>
</body> </body>
</html> </html>

0
js/utilities/chart.js → js/core/chart.js
View File

0
js/utilities/constVariables.js → js/core/constVariables.js
View File

0
js/utilities/populate.js → js/core/populate.js
View File

0
js/utilities/routes.js → js/core/routes.js
View File

0
js/utilities/tools.js → js/core/tools.js
View File

0
js/utilities/jquery.js → js/libs/jquery.js vendored
View File

2
js/index.js → js/pages/index.js
View File

@@ -104,7 +104,7 @@ function setupCarousel(global_project_list) {
const detailButton = projectDiv.querySelector('.default-access-button'); const detailButton = projectDiv.querySelector('.default-access-button');
detailButton.addEventListener('click', (event) => { detailButton.addEventListener('click', (event) => {
event.stopPropagation(); event.stopPropagation();
window.location.href = `html/projet_detail.html?id=${project.id}`; window.location.href = `pages/projet_detail.html?id=${project.id}`;
}); });
const deleteButton = projectDiv.querySelector('.default-delete-button'); const deleteButton = projectDiv.querySelector('.default-delete-button');

0
js/projet_detail.js → js/pages/projet_detail.js
View File

18
html/projet_detail.html → pages/projet_detail.html
View File

@@ -4,8 +4,8 @@
<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" />
<title>Détails</title> <title>Détails</title>
<link rel="stylesheet" href="../css/style.css" /> <link rel="stylesheet" href="../css/base/style.css" />
<link rel="stylesheet" href="../css/style_projet.css"> <link rel="stylesheet" href="../css/pages/style_projet.css">
</head> </head>
<body> <body>
<div id="customAlert" class="modal"> <div id="customAlert" class="modal">
@@ -144,13 +144,13 @@
<span class="right-bar"></span> <span class="right-bar"></span>
</a> </a>
</div> </div>
<script src="../js/utilities/chart.js"></script> <script src="../js/core/chart.js"></script>
<script src="../js/utilities/jquery.js"></script> <script src="../js/libs/jquery.js"></script>
<script src="../js/utilities/constVariables.js"></script> <script src="../js/core/constVariables.js"></script>
<script src="../js/utilities/populate.js"></script> <script src="../js/core/populate.js"></script>
<script src="../js/utilities/routes.js"></script> <script src="../js/core/routes.js"></script>
<script src="../js/utilities/tools.js"></script> <script src="../js/core/tools.js"></script>
<script src="../js/projet_detail.js"></script> <script src="../js/pages/projet_detail.js"></script>
</body> </body>
<footer onclick="change_title_style()"> <footer onclick="change_title_style()">
<p>&copy; 2025 Timelapse. All rights reserved.</p> <p>&copy; 2025 Timelapse. All rights reserved.</p>