This repository has been archived on 2023-02-21. You can view files and clone it, but cannot push or open issues or pull requests.
calebasse/mockups/accueil.html

81 lines
2.5 KiB
HTML

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8"/>
<title>APS42 — Accueil</title>
<link rel="stylesheet" type="text/css" media="all" href="css/style.css"/>
<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/jquery-ui-1.8.21.custom.min.js"></script>
<script>
$(function() {
$('#service-links a').click(function() {
$('#header span').text($(this).text());
$('#service-links a').removeClass('active');
$(this).addClass('active');
});
$('#service-links a.cmpp').click(function() {
$('#splash').removeClass().addClass('cmpp');
$('#dossiers a').attr('href', 'dossiers.html');
$('#facturation a').attr('href', 'facturation.html');
});
$('#service-links a.camsp').click(function() { $('#splash').removeClass().addClass('camsp'); });
$('#service-links a.sessad-ted').click(function() {
$('#splash').removeClass().addClass('sessad-ted');
$('#dossiers a').attr('href', 'sessad-dossiers.html');
$('#facturation a').attr('href', 'sessad-facturation.html');
});
$('#service-links a.sessad-dys').click(function() { $('#splash').removeClass().addClass('sessad-dys'); });
});
</script>
</head>
<body>
<div id="wrap-large">
<div id="header">
<h1><a href="accueil.html">APS 42</a></h1>
<span>CMPP</span>
</div>
<div id="splash" class="cmpp">
<div id="user-links">
<a href="connexion.html">Déconnexion</a>
</div>
</div>
<div id="content">
<div id="appbar">
<h2>Bienvenue</h2>
</div>
<div id="user-info">
Votre précédente connexion était le 4 juillet 2012 à 8h05.
(<a href="#">changer de mot de passe</a>)
</div>
<div id="service-links">
<a class="cmpp active" href="#">CMPP</a>
<a class="camsp" href="#">CAMSP</a>
<a class="sessad-ted" href="#">SESSAD TED</a>
<a class="sessad-dys" href="#">SESSAD DYS</a>
</div>
<ul id="apps">
<li id="dossiers"><a href="dossiers.html">Gestion des dossiers</a></li>
<li id="calendar"><a href="agenda.html">Agenda</a></li>
<li id="actes"><a href="actes.html">Saisie des actes</a></li>
<li id="facturation"><a href="facturation.html">Facturation et décompte</a></li>
<li id="personnes"><a href="gestion-personnes.html">Gestion des personnes</a></li>
<li id="ressources"><a href="gestion-ressources.html">Gestion des ressources</a></li>
</ul>
<br style="clear: both;"/>
</div>
<div id="footer">
</div>
</div>
</body>
</html>