perco/HouseHub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

header footer

Browse Source
This commit is contained in:
FeFeClochette
2025-12-08 17:28:27 +01:00
parent 8ee7913c04
commit ca4115eb91
4 changed files with 35 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files
family-calendar.php
+13 -8
View File
@@ -1,11 +1,16 @@
<?php <?php
// debug temporaire si besoin
// ini_set('display_errors', 1);
// ini_set('display_startup_errors', 1);
// error_reporting(E_ALL);
$pageTitle = "PachaFamily - Family Calendar"; $pageTitle = "PachaFamily - Family Calendar";
$activePage = "family-calendar"; $activePage = "family-calendar";
require __DIR__ . '/partials/header.php'; require __DIR__ . '/header.php';
?> ?>
<h1>Family Calendar</h1> <h1>Family Calendar</h1>
<p>Planning annuel de septembre à août - Carole (assistante maternelle), Alex &amp; Laia (CP / RTT / JA).</p> <p>Planning annuel de septembre a aout - Carole (assistante maternelle), Alex et Laia (CP / RTT / JA).</p>
<section class="pf-section pf-section--panel"> <section class="pf-section pf-section--panel">
<div class="pf-flex pf-flex--wrap pf-gap-lg"> <div class="pf-flex pf-flex--wrap pf-gap-lg">
@@ -41,7 +46,7 @@ require __DIR__ . '/partials/header.php';
<div class="pf-card-body"> <div class="pf-card-body">
<label> <label>
<input id="showOnlyCaroleOff" type="checkbox"> <input id="showOnlyCaroleOff" type="checkbox">
Voir uniquement les semaines où Carole est en congés Voir uniquement les semaines ou Carole est en conges
</label><br> </label><br>
<label> <label>
<input id="showOnlySchoolHoliday" type="checkbox"> <input id="showOnlySchoolHoliday" type="checkbox">
@@ -51,7 +56,7 @@ require __DIR__ . '/partials/header.php';
</div> </div>
<div class="pf-card pf-card--small"> <div class="pf-card pf-card--small">
<h2 class="pf-card-title">Résumé</h2> <h2 class="pf-card-title">Resume</h2>
<div class="pf-card-body" id="summaryText"> <div class="pf-card-body" id="summaryText">
<!-- Rempli par JS --> <!-- Rempli par JS -->
</div> </div>
@@ -71,8 +76,8 @@ require __DIR__ . '/partials/header.php';
<th># Off Carole</th> <th># Off Carole</th>
<th>Vacances scolaires</th> <th>Vacances scolaires</th>
<th>Bank holiday</th> <th>Bank holiday</th>
<th colspan="3">Alex - jours posés (semaine)</th> <th colspan="3">Alex - jours poses (semaine)</th>
<th colspan="3">Laia - jours posés (semaine)</th> <th colspan="3">Laia - jours poses (semaine)</th>
</tr> </tr>
<tr> <tr>
<th></th><th></th><th></th> <th></th><th></th><th></th>
@@ -88,7 +93,7 @@ require __DIR__ . '/partials/header.php';
</div> </div>
</section> </section>
<script src="/assets/js/family-calendar.js"></script> <script src="/pachafamily/assets/js/family-calendar.js"></script>
<?php <?php
require __DIR__ . '/partials/footer.php'; require __DIR__ . '/footer.php';
footer.php
+1 -1
View File
@@ -2,7 +2,7 @@
<footer class="pf-footer"> <footer class="pf-footer">
<div class="pf-container"> <div class="pf-container">
<small>&copy; <?= date('Y') ?> PachaFamily</small> <small>&copy; <?php echo date('Y'); ?> PachaFamily</small>
</div> </div>
</footer> </footer>
</body> </body>
header.php
+6 -8
View File
@@ -1,6 +1,4 @@
<?php <?php
// header.php
// $pageTitle et $activePage peuvent être définis avant l'include dans chaque page.
if (!isset($pageTitle)) { if (!isset($pageTitle)) {
$pageTitle = "PachaFamily"; $pageTitle = "PachaFamily";
} }
@@ -12,18 +10,18 @@ if (!isset($activePage)) {
<html lang="fr"> <html lang="fr">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title><?= htmlspecialchars($pageTitle) ?></title> <title><?php echo htmlspecialchars($pageTitle, ENT_QUOTES, 'UTF-8'); ?></title>
<link rel="stylesheet" href="/assets/css/style.css"> <link rel="stylesheet" href="/pachafamily/assets/css/style.css">
</head> </head>
<body> <body>
<header class="pf-header"> <header class="pf-header">
<div class="pf-container pf-header-content"> <div class="pf-container pf-header-content">
<div class="pf-logo">PachaFamily</div> <div class="pf-logo">PachaFamily</div>
<nav class="pf-nav"> <nav class="pf-nav">
<a href="/index.php" <a href="/pachafamily/index.php"
class="pf-nav-link <?= $activePage === 'home' ? 'pf-nav-link--active' : '' ?>">Accueil</a> class="pf-nav-link <?php echo $activePage === 'home' ? 'pf-nav-link--active' : ''; ?>">Accueil</a>
<a href="/family-calendar.php" <a href="/pachafamily/family-calendar.php"
class="pf-nav-link <?= $activePage === 'family-calendar' ? 'pf-nav-link--active' : '' ?>">Family calendar</a> class="pf-nav-link <?php echo $activePage === 'family-calendar' ? 'pf-nav-link--active' : ''; ?>">Family calendar</a>
</nav> </nav>
</div> </div>
</header> </header>
index.html
+8 -33
View File
@@ -1,43 +1,18 @@
<!DOCTYPE html> <?php
<html lang="fr"> $pageTitle = "PachaFamily - Accueil";
<head> $activePage = "home";
<meta charset="UTF-8" /> require __DIR__ . '/header.php';
<title>PachaFamily - Accueil</title> ?>
<link rel="stylesheet" href="assets/css/style.css" />
</head>
<body>
<header class="pf-header">
<div class="pf-container pf-header-content">
<div class="pf-logo">PachaFamily</div>
<nav class="pf-nav">
<a href="index.php" class="pf-nav-link pf-nav-link--active"
>Accueil</a
>
<a href="family-calendar.php" class="pf-nav-link">Family calendar</a>
</nav>
</div>
</header>
<main class="pf-container pf-main">
<h1>Bienvenue sur PachaFamily</h1> <h1>Bienvenue sur PachaFamily</h1>
<p>Centre de controle de l'organisation familiale.</p> <p>Centre de controle de l'organisation familiale.</p>
<section class="pf-section"> <section class="pf-section">
<h2>Modules</h2> <h2>Modules</h2>
<ul> <ul>
<li> <li><a href="/pachafamily/family-calendar.php">Family calendar (conges, vacances, garde)</a></li>
<a href="family-calendar.php"
>Family calendar (conges, vacances, garde)</a
>
</li>
</ul> </ul>
</section> </section>
</main>
<footer class="pf-footer"> <?php
<div class="pf-container"> require __DIR__ . '/footer.php';
<small>&copy; PachaFamily</small>
</div>
</footer>
</body>
</html>