init
This commit is contained in:
60
Benevolaide/Views/404.html
Normal file
60
Benevolaide/Views/404.html
Normal file
@@ -0,0 +1,60 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Page Not Found</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<style>
|
||||
|
||||
* {
|
||||
line-height: 1.2;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
html {
|
||||
color: #888;
|
||||
display: table;
|
||||
font-family: sans-serif;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
margin: 2em auto;
|
||||
}
|
||||
|
||||
h1 {
|
||||
color: #555;
|
||||
font-size: 2em;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0 auto;
|
||||
width: 280px;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 280px) {
|
||||
|
||||
body, p {
|
||||
width: 95%;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 1.5em;
|
||||
margin: 0 0 0.3em;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Page Not Found</h1>
|
||||
<p>Sorry, but the page you were trying to view does not exist.</p>
|
||||
</body>
|
||||
</html>
|
||||
<!-- IE needs 512+ bytes: http://blogs.msdn.com/b/ieinternals/archive/2010/08/19/http-error-pages-in-internet-explorer.aspx -->
|
107
Benevolaide/Views/administration.html
Normal file
107
Benevolaide/Views/administration.html
Normal file
@@ -0,0 +1,107 @@
|
||||
<!doctype html>
|
||||
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="fr-fr"> <![endif]-->
|
||||
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="fr-fr"> <![endif]-->
|
||||
<!--[if IE 8]> <html class="no-js lt-ie9" lang="fr-fr"> <![endif]-->
|
||||
<!--[if gt IE 8]><!-->
|
||||
<html class="no-js" lang="fr-fr">
|
||||
<!--<![endif]-->
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<title>Administration | Bénévolaide</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="apple-touch-icon" href="apple-touch-icon.png">
|
||||
<link rel="stylesheet" href="css/bootstrap.min.css">
|
||||
<style>
|
||||
</style>
|
||||
<link rel="stylesheet" href="css/bootstrap-flatly.css">
|
||||
<link rel="stylesheet" href="css/main.css">
|
||||
<script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<!-- Header Zone -->
|
||||
<header>
|
||||
<nav class="navbar navbar-inverse navbar-fixed-top">
|
||||
<div class="container">
|
||||
<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<ul class="nav navbar-nav">
|
||||
<li><a href="index.html"><span class="glyphicon glyphicon-home"></span><span class="hidden-md hidden-sm"> Accueil</span></a></li>
|
||||
<li><a href="dashboard.html"><span class="glyphicon glyphicon-dashboard"></span><span class="hidden-md hidden-sm"> Tableau de bord</span></a></li>
|
||||
<li class="dropdown">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Bénéficiaires <span class="caret"></span></a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="domaineCherche.html"><span class="glyphicon glyphicon-briefcase"></span> Chercher par domaine</a></li>
|
||||
<li><a href="beneficiaireListe.html"><span class="glyphicon glyphicon-list"></span> Liste des bénéficiaires</a></li>
|
||||
<li><a href="beneficiaireEdition.html"><span class="glyphicon glyphicon-plus"></span> Inscrire un bénéficiaire</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Bénévoles <span class="caret"></span></a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="benevoleListe.html"><span class="glyphicon glyphicon-list"></span> Liste des bénévole</a></li>
|
||||
<li><a href="benevoleEdition.html"><span class="glyphicon glyphicon-plus"></span> Inscrire un bénévole</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<form class="navbar-form navbar-left hidden-xs" role="search">
|
||||
<div class="input-group">
|
||||
<input id="headerSearchInput" type="text" class="form-control" placeholder="Rechercher..." required />
|
||||
<span class="input-group-btn">
|
||||
<button type="submit" id="headerSearchButton" class="btn btn-default">
|
||||
<span class="glyphicon glyphicon-search"></span>
|
||||
<span class="hidden-md hidden-sm hidden-xs"> Rechercher</span>
|
||||
</button>
|
||||
</span>
|
||||
</div>
|
||||
</form>
|
||||
<!-- Left zone -->
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li>
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
|
||||
<span class="hidden-sm">Bonjour Pierro</span> <span class="glyphicon glyphicon-option-vertical"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="utilisateurProfil.html"><span class="glyphicon glyphicon-user"></span> Mon profil</a></li>
|
||||
<li><a href="apropos.html"><span class="glyphicon glyphicon-info-sign"></span> À propos</a></li>
|
||||
<li role="separator" class="divider"></li>
|
||||
<li><a href="index.html"><span class="glyphicon glyphicon-log-out"></span> Deconnexion</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<!-- Body zone -->
|
||||
<section class="container"></section>
|
||||
<!-- Footer zone -->
|
||||
<footer class="well footer footer-bottom-patch">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xs-6">
|
||||
<h5 class="text-primary">Remerciement</h5>
|
||||
<ul class="list-unstyled small">
|
||||
<li>Mise en page propulsé par <a href="http://getbootstrap.com/">Bootstrap</a>.</li>
|
||||
<li>Apparence et style fournit par <a href="https://bootswatch.com/">Bootswatch</a>.</li>
|
||||
<li>Scripts motorisé par <a href="https://jquery.com/">jQuery</a>.</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-xs-6">
|
||||
<h5 class="text-primary">Termes</h5>
|
||||
<ul class="list-unstyled small">
|
||||
<li>Ce site web est un projet d'étude.</li>
|
||||
<li><a href="#">À propos</a> de Bénévolaide.</li>
|
||||
<li>License <a class="" href="http://creativecommons.org/licenses/by-nc-nd/3.0/fr/legalcode">CC-BY-NC-ND</a> 2016.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- /container -->
|
||||
<script src="//code.jquery.com/jquery-2.2.1.js"></script>
|
||||
<script>window.jQuery || document.write('<script src="js/vendor/jquery-2.2.0.js"><\/script>')</script>
|
||||
<script src="js/vendor/bootstrap.min.js"></script>
|
||||
<script src="js/main.js"></script>
|
||||
<script src="js/beneficiaireProfil.js"></script>
|
||||
</body>
|
||||
</html>
|
107
Benevolaide/Views/apropos.html
Normal file
107
Benevolaide/Views/apropos.html
Normal file
@@ -0,0 +1,107 @@
|
||||
<!doctype html>
|
||||
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="fr-fr"> <![endif]-->
|
||||
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="fr-fr"> <![endif]-->
|
||||
<!--[if IE 8]> <html class="no-js lt-ie9" lang="fr-fr"> <![endif]-->
|
||||
<!--[if gt IE 8]><!-->
|
||||
<html class="no-js" lang="fr-fr">
|
||||
<!--<![endif]-->
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<title>À propos | Bénévolaide</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="apple-touch-icon" href="apple-touch-icon.png">
|
||||
<link rel="stylesheet" href="css/bootstrap.min.css">
|
||||
<style>
|
||||
</style>
|
||||
<link rel="stylesheet" href="css/bootstrap-flatly.css">
|
||||
<link rel="stylesheet" href="css/main.css">
|
||||
<script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<!-- Header Zone -->
|
||||
<header>
|
||||
<nav class="navbar navbar-inverse navbar-fixed-top">
|
||||
<div class="container">
|
||||
<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<ul class="nav navbar-nav">
|
||||
<li><a href="index.html"><span class="glyphicon glyphicon-home"></span><span class="hidden-md hidden-sm"> Accueil</span></a></li>
|
||||
<li><a href="dashboard.html"><span class="glyphicon glyphicon-dashboard"></span><span class="hidden-md hidden-sm"> Tableau de bord</span></a></li>
|
||||
<li class="dropdown">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Bénéficiaires <span class="caret"></span></a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="domaineCherche.html"><span class="glyphicon glyphicon-briefcase"></span> Chercher par domaine</a></li>
|
||||
<li><a href="beneficiaireListe.html"><span class="glyphicon glyphicon-list"></span> Liste des bénéficiaires</a></li>
|
||||
<li><a href="beneficiaireEdition.html"><span class="glyphicon glyphicon-plus"></span> Inscrire un bénéficiaire</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Bénévoles <span class="caret"></span></a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="benevoleListe.html"><span class="glyphicon glyphicon-list"></span> Liste des bénévole</a></li>
|
||||
<li><a href="benevoleEdition.html"><span class="glyphicon glyphicon-plus"></span> Inscrire un bénévole</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<form class="navbar-form navbar-left hidden-xs" role="search">
|
||||
<div class="input-group">
|
||||
<input id="headerSearchInput" type="text" class="form-control" placeholder="Rechercher..." required />
|
||||
<span class="input-group-btn">
|
||||
<button type="submit" id="headerSearchButton" class="btn btn-default">
|
||||
<span class="glyphicon glyphicon-search"></span>
|
||||
<span class="hidden-md hidden-sm hidden-xs"> Rechercher</span>
|
||||
</button>
|
||||
</span>
|
||||
</div>
|
||||
</form>
|
||||
<!-- Left zone -->
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li>
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
|
||||
<span class="hidden-sm">Bonjour Simon</span> <span class="glyphicon glyphicon-option-vertical"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="utilisateurProfil.html"><span class="glyphicon glyphicon-user"></span> Mon profil</a></li>
|
||||
<li><a href="apropos.html"><span class="glyphicon glyphicon-info-sign"></span> À propos</a></li>
|
||||
<li role="separator" class="divider"></li>
|
||||
<li><a href="index.html"><span class="glyphicon glyphicon-log-out"></span> Deconnexion</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<!-- Body zone -->
|
||||
<section class="container"></section>
|
||||
<!-- Footer zone -->
|
||||
<footer class="well footer footer-bottom-patch">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xs-6">
|
||||
<h5 class="text-primary">Remerciement</h5>
|
||||
<ul class="list-unstyled small">
|
||||
<li>Mise en page propulsé par <a href="http://getbootstrap.com/">Bootstrap</a>.</li>
|
||||
<li>Apparence et style fournit par <a href="https://bootswatch.com/">Bootswatch</a>.</li>
|
||||
<li>Scripts motorisé par <a href="https://jquery.com/">jQuery</a>.</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-xs-6">
|
||||
<h5 class="text-primary">Termes</h5>
|
||||
<ul class="list-unstyled small">
|
||||
<li>Ce site web est un projet d'étude.</li>
|
||||
<li><a href="#">À propos</a> de Bénévolaide.</li>
|
||||
<li>License <a class="" href="http://creativecommons.org/licenses/by-nc-nd/3.0/fr/legalcode">CC-BY-NC-ND</a> 2016.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- /container -->
|
||||
<script src="//code.jquery.com/jquery-2.2.1.js"></script>
|
||||
<script>window.jQuery || document.write('<script src="js/vendor/jquery-2.2.0.js"><\/script>')</script>
|
||||
<script src="js/vendor/bootstrap.min.js"></script>
|
||||
<script src="js/main.js"></script>
|
||||
<script src="js/beneficiaireProfil.js"></script>
|
||||
</body>
|
||||
</html>
|
522
Benevolaide/Views/beneficiaireEdition.html
Normal file
522
Benevolaide/Views/beneficiaireEdition.html
Normal file
@@ -0,0 +1,522 @@
|
||||
<!doctype html>
|
||||
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="fr-fr"> <![endif]-->
|
||||
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="fr-fr"> <![endif]-->
|
||||
<!--[if IE 8]> <html class="no-js lt-ie9" lang="fr-fr"> <![endif]-->
|
||||
<!--[if gt IE 8]><!-->
|
||||
<html class="no-js" lang="fr-fr">
|
||||
<!--<![endif]-->
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<title>Nouveau bénéficiaire | Bénévolaide</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="apple-touch-icon" href="apple-touch-icon.png">
|
||||
<link rel="stylesheet" href="css/bootstrap.min.css">
|
||||
<style>
|
||||
</style>
|
||||
<link rel="stylesheet" href="css/bootstrap-flatly.css">
|
||||
<link rel="stylesheet" href="css/main.css">
|
||||
<script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<!-- Header Zone -->
|
||||
<header>
|
||||
<nav class="navbar navbar-inverse navbar-fixed-top">
|
||||
<div class="container">
|
||||
<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<ul class="nav navbar-nav">
|
||||
<li><a href="index.html"><span class="glyphicon glyphicon-home"></span><span class="hidden-md hidden-sm"> Accueil</span></a></li>
|
||||
<li><a href="dashboard.html"><span class="glyphicon glyphicon-dashboard"></span><span class="hidden-md hidden-sm"> Tableau de bord</span></a></li>
|
||||
<li class="dropdown active">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Bénéficiaires <span class="caret"></span></a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="domaineCherche.html"><span class="glyphicon glyphicon-briefcase"></span> Chercher par domaine</a></li>
|
||||
<li><a href="beneficiaireListe.html"><span class="glyphicon glyphicon-list"></span> Liste des bénéficiaires</a></li>
|
||||
<li><a href="beneficiaireEdition.html"><span class="glyphicon glyphicon-plus"></span> Inscrire un bénéficiaire</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Bénévoles <span class="caret"></span></a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="benevoleListe.html"><span class="glyphicon glyphicon-list"></span> Liste des bénévole</a></li>
|
||||
<li><a href="benevoleEdition.html"><span class="glyphicon glyphicon-plus"></span> Inscrire un bénévole</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<form class="navbar-form navbar-left hidden-xs" role="search">
|
||||
<div class="input-group">
|
||||
<input id="headerSearchInput" type="text" class="form-control" placeholder="Rechercher..." required />
|
||||
<span class="input-group-btn">
|
||||
<button type="submit" id="headerSearchButton" class="btn btn-default">
|
||||
<span class="glyphicon glyphicon-search"></span>
|
||||
<span class="hidden-md hidden-sm hidden-xs"> Rechercher</span>
|
||||
</button>
|
||||
</span>
|
||||
</div>
|
||||
</form>
|
||||
<!-- Left zone -->
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li>
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
|
||||
<span class="hidden-sm">Bonjour Simon</span> <span class="glyphicon glyphicon-option-vertical"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="utilisateurProfil.html"><span class="glyphicon glyphicon-user"></span> Mon profil</a></li>
|
||||
<li><a href="apropos.html"><span class="glyphicon glyphicon-info-sign"></span> À propos</a></li>
|
||||
<li role="separator" class="divider"></li>
|
||||
<li><a href="connexion.html"><span class="glyphicon glyphicon-log-out"></span> Deconnexion</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<!-- Body zone -->
|
||||
<section class="container">
|
||||
<div class="row">
|
||||
<h2>Inscrire un nouveau bénéficiaire</h2>
|
||||
<p>Utilisez le formulaire ci dessous pour ajouter un bénéficiaire à la base. Les entrées marquées d'une <span class="glyphicon glyphicon-star text-warning"></span> (étoile) sont obligatoires.</p>
|
||||
<form class="form-horizontal" id="beneficiaireForm" method="post" action="beneficiaireProfil.html">
|
||||
<fieldset>
|
||||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label" for="benevol">Bénévole accueilllant <span class="glyphicon glyphicon-star text-warning"></span></label>
|
||||
<div class="col-sm-4">
|
||||
<select id="benevol" name="benevol" class="form-control input-md" required>
|
||||
<option selected></option>
|
||||
<option value="1">Pierro d'Houin</option>
|
||||
<option value="2" selected>Simon Priet</option>
|
||||
<option value="3">Claudette Dupuis</option>
|
||||
<option value="4">Héloïse Lois</option>
|
||||
<option value="5">Nordin Sedkaoui</option>
|
||||
<option value="6">Daouda Camara</option>
|
||||
<option value="7">Amélie Clark</option>
|
||||
</select>
|
||||
<p class="help-block">Le bénévole accueillant sera désigné comme bénévole en charge du bénéficiaire.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-offset-3 col-md-9 col-xs-12">
|
||||
<h3 class="text-primary">Informations générales</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-sm-4 col-xs-12 control-label" for="Nom">Nom <span class="glyphicon glyphicon-star text-warning"></span></label>
|
||||
<div class="col-md-2 col-sm-4 col-xs-6">
|
||||
<input id="Prenom" name="Prenom" type="text" placeholder="Prénom" class="form-control input-md" aria-describedby="Prénom du bénévole" required="">
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-4 col-xs-6">
|
||||
<input id="Nom" name="Nom" type="text" placeholder="Nom de famille" class="form-control input-md" aria-describedby="Nom de famille du bénévole" required="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label" for="Genre">Genre <span class="glyphicon glyphicon-star text-warning"></span></label>
|
||||
<div class="col-sm-4">
|
||||
<label class="radio-inline" for="homme">
|
||||
<input type="radio" name="Genre" id="homme" value="H" checked required>
|
||||
Homme
|
||||
</label>
|
||||
<label class="radio-inline" for="femme">
|
||||
<input type="radio" name="Genre" id="femme" value="F">
|
||||
Femme
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label" for="DDN">Date de naissance <span class="glyphicon glyphicon-star text-warning"></span></label>
|
||||
<div class="col-sm-4">
|
||||
<div class="input-group">
|
||||
<input id="DDN" name="DDN" class="form-control input-md" placeholder="Date de naissance" type="text" required="">
|
||||
<span class="input-group-addon">JJ/MM/AAAA</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label" for="Handicap">Handicapé</label>
|
||||
<div class="col-sm-4">
|
||||
<label class="radio-inline" for="Handicap-0">
|
||||
<input type="radio" name="Handicap" id="Handicap-0" value="0" checked="checked">
|
||||
Non
|
||||
</label>
|
||||
<label class="radio-inline" for="Handicap-1">
|
||||
<input type="radio" name="Handicap" id="Handicap-1" value="1">
|
||||
Oui
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label" for="MinimaSociaux">Revenu minimum</label>
|
||||
<div class="col-sm-4">
|
||||
<label class="radio-inline" for="MinimaSociaux-0">
|
||||
<input type="radio" name="MinimaSociaux" id="MinimaSociaux-0" value="0" checked="checked">
|
||||
Non
|
||||
</label>
|
||||
<label class="radio-inline" for="MinimaSociaux-1">
|
||||
<input type="radio" name="MinimaSociaux" id="MinimaSociaux-1" value="1">
|
||||
Oui
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-offset-3 col-md-9 col-xs-12">
|
||||
<h3 class="text-primary">Moyen de contact</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label" for="Telfixe">Téléphone</label>
|
||||
<div class="col-sm-4">
|
||||
<input id="Telfixe" name="Telfixe" type="text" placeholder="Téléphone fixe" class="form-control input-md">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label" for="Telmobile">Portable</label>
|
||||
<div class="col-sm-4">
|
||||
<input id="Telmobile" name="Telmobile" type="text" placeholder="Téléphone portable" class="form-control input-md">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label" for="email">Courriel</label>
|
||||
<div class="col-md-3 col-sm-4 col-xs-12">
|
||||
<input id="email" name="email" type="text" placeholder="Courriel" class="form-control input-md">
|
||||
</div>
|
||||
<div class="col-md-2 col-sm-4 col-xs-12">
|
||||
<input id="passEmail" name="passEmail" type="password" placeholder="Mot de passe" class="form-control input-md">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-offset-3 col-md-9 col-xs-12">
|
||||
<h3 class="text-primary">Pôle-Emploi</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label" for="APE">Est inscrit au Pôle-Emploi</label>
|
||||
<div class="col-sm-4">
|
||||
<label class="radio-inline" for="APE-1">
|
||||
<input type="radio" name="APE" id="APE-1" value="1" checked="checked" aria-describedby="Possède un compte Pôle-Emploi'">
|
||||
Oui
|
||||
</label>
|
||||
<label class="radio-inline" for="APE-0">
|
||||
<input type="radio" name="APE" id="APE-0" value="0" aria-describedby="Ne possède pas de compte Pôle-Emploi">
|
||||
Non
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label" for="IdentifiantPE">Compte Pôle-Emploi</label>
|
||||
<div class="col-md-3 col-sm-4 col-xs-12">
|
||||
<input id="IdentifiantPE" name="IdentifiantPE" type="text" placeholder="Identifiant du Pôle-Emploi" class="form-control input-md" aria-describedby="Identifiant du compte Pôle-Emploi">
|
||||
</div>
|
||||
<div class="col-md-2 col-sm-4 col-xs-12">
|
||||
<input id="passPE" name="passPE" type="password" placeholder="Mot de passe" class="form-control input-md" aria-describedby="Mot de passe du compte Pôle-Emploi">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-offset-3 col-md-9 col-xs-12">
|
||||
<h3 class="text-primary">Recherche</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-sm-4 col-xs-12 control-label" for="formation1">Formation</label>
|
||||
<div class="col-md-2 col-sm-4 col-xs-6">
|
||||
<select id="formation1" name="formation1" class="form-control input-md">
|
||||
<option value="1">Domaine 1</option>
|
||||
<option value="2">Domaine 2</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-2 col-sm-4 col-xs-6">
|
||||
<select id="formation2" name="formation2" class="form-control input-md">
|
||||
<option value="1">Domaine 1</option>
|
||||
<option value="2">Domaine 2</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-sm-4 col-xs-12 control-label" for="domaine1">Domaine</label>
|
||||
<div class="col-md-2 col-sm-4 col-xs-6">
|
||||
<select id="domaine1" name="domaine1" class="form-control input-md">
|
||||
<option value="1">Domaine 1</option>
|
||||
<option value="2">Domaine 2</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-2 col-sm-4 col-xs-6">
|
||||
<select id="domaine2" name="domaine2" class="form-control input-md">
|
||||
<option value="1">Domaine 1</option>
|
||||
<option value="2">Domaine 2</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label" for="emploiSouhaite">Emploi souhaité</label>
|
||||
<div class="col-sm-4">
|
||||
<input id="emploiSouhaite" name="emploiSouhaite" type="text" placeholder="Emploi souhaité" class="form-control input-md">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label" for="Contrat">Nature du contrat</label>
|
||||
<div class="col-sm-4">
|
||||
<select id="Contrat" name="Contrat" class="form-control input-md">
|
||||
<option value="1">Contrat type 1</option>
|
||||
<option value="2">Contrat type 2</option>
|
||||
<option value="3">Contrat type 3</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label" for="TempsPartiel">Temps partiel</label>
|
||||
<div class="col-md-4 col-sm-7">
|
||||
<div class="input-group">
|
||||
<input id="TempsPartiel" name="TempsPartiel" class="form-control input-md" placeholder="Temps de travail minimal en temps partiel" type="text">
|
||||
<span class="input-group-addon">h / semaine</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label" for="StatutEmploi">Statut sur le marché de l'emploi</label>
|
||||
<div class="col-md-5 col-sm-8">
|
||||
<select id="StatutEmploi" name="StatutEmploi" class="form-control input-md">
|
||||
<option value="1">Actif dépendant (Salarié, p.ex. : À temps partiel)</option>
|
||||
<option value="2">En contrat aidé</option>
|
||||
<option value="3">Actif indépendant (Artisan, Commerçant, entrepreneur, artiste, ...)</option>
|
||||
<option value="4">Chômeur</option>
|
||||
<option value="5">Chômeur longue durée (> 12 mois)</option>
|
||||
<option value="6">Inactif, étudiant, retraité</option>
|
||||
<option value="7">Inactif en formation</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-offset-3 col-md-9 col-xs-12">
|
||||
<h3 class="text-primary">Mobilité</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label" for="Permis">Permis de conduire</label>
|
||||
<div class="col-sm-4">
|
||||
<div class="checkbox">
|
||||
<label for="Permis-0">
|
||||
<input type="checkbox" name="Permis" id="Permis-0" value="A">
|
||||
A (2 roues)
|
||||
</label>
|
||||
</div>
|
||||
<div class="checkbox">
|
||||
<label for="Permis-1">
|
||||
<input type="checkbox" name="Permis" id="Permis-1" value="B">
|
||||
B (Voiture)
|
||||
</label>
|
||||
</div>
|
||||
<div class="checkbox">
|
||||
<label for="Permis-2">
|
||||
<input type="checkbox" name="Permis" id="Permis-2" value="C">
|
||||
C (Camion)
|
||||
</label>
|
||||
</div>
|
||||
<div class="checkbox">
|
||||
<label for="Permis-3">
|
||||
<input type="checkbox" name="Permis" id="Permis-3" value="D">
|
||||
D (Utilitaire)
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label" for="Bassin">Bassin de recherche</label>
|
||||
<div class="col-sm-4">
|
||||
<select id="Bassin" name="Bassin" class="form-control">
|
||||
<option value="1">Paris intramuros</option>
|
||||
<option value="2">Ile-de-France</option>
|
||||
<option value="3">France</option>
|
||||
<option value="4">Europe</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-offset-3 col-md-9 col-xs-12">
|
||||
<h3 class="text-primary">Adresse de résidence</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label" for="AAdresse">Domicilié</label>
|
||||
<div class="col-sm-4">
|
||||
<label class="radio-inline" for="AAdresse-1">
|
||||
<input type="radio" name="AAdresse" id="AAdresse-1" value="1" checked="checked">
|
||||
Oui
|
||||
</label>
|
||||
<label class="radio-inline" for="AAdresse-0">
|
||||
<input type="radio" name="AAdresse" id="AAdresse-0" value="0">
|
||||
Non
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label" for="Adresse">Adresse postale</label>
|
||||
<div class="col-sm-8">
|
||||
<div class="row">
|
||||
<div class="col-sm-8 col-xs-12">
|
||||
<input id="Adresse" name="Adresse" type="text" placeholder="Numéro et rue" class="form-control input-md">
|
||||
</div>
|
||||
</div>
|
||||
<br />
|
||||
<div class="row">
|
||||
<div class="col-sm-3 col-xs-3">
|
||||
<input id="CodePostal" name="CodePostal" type="text" placeholder="Code postal" class="form-control input-md">
|
||||
</div>
|
||||
<div class="col-sm-5 col-xs-9">
|
||||
<input id="Ville" name="Ville" type="text" placeholder="Ville" class="form-control input-md">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label" for="NatureAdresse">Nature de l'adresse</label>
|
||||
<div class="col-sm-4">
|
||||
<label class="radio-inline" for="NatureAdresse-0">
|
||||
<input type="radio" name="NatureAdresse" id="NatureAdresse-0" value="1" checked="checked">
|
||||
Réelle
|
||||
</label>
|
||||
<label class="radio-inline" for="NatureAdresse-1">
|
||||
<input type="radio" name="NatureAdresse" id="NatureAdresse-1" value="2">
|
||||
Administrative
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label" for="AdressePrioritaire">Spécificité de l'adresse</label>
|
||||
<div class="col-sm-4">
|
||||
<div class="checkbox">
|
||||
<label for="AdressePrioritaire-0">
|
||||
<input type="checkbox" name="AdressePrioritaire" id="AdressePrioritaire-0" value="1">
|
||||
Zone Urbaine Sensible
|
||||
</label>
|
||||
</div>
|
||||
<div class="checkbox">
|
||||
<label for="AdressePrioritaire-1">
|
||||
<input type="checkbox" name="AdressePrioritaire" id="AdressePrioritaire-1" value="2">
|
||||
Zone Franche Urbaine
|
||||
</label>
|
||||
</div>
|
||||
<div class="checkbox">
|
||||
<label for="AdressePrioritaire-2">
|
||||
<input type="checkbox" name="AdressePrioritaire" id="AdressePrioritaire-2" value="">
|
||||
Contrat Urbain de Cohésion sociale
|
||||
</label>
|
||||
</div>
|
||||
<div class="checkbox">
|
||||
<label for="AdressePrioritaire-3">
|
||||
<input type="checkbox" name="AdressePrioritaire" id="AdressePrioritaire-3" value="">
|
||||
Quartier Politique de la Ville
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label" for="migrant">Migrant</label>
|
||||
<div class="col-sm-4">
|
||||
<div class="radio">
|
||||
<label for="migrant-0">
|
||||
<input type="radio" name="migrant" id="migrant-0" value="0" checked="checked">
|
||||
Non
|
||||
</label>
|
||||
</div>
|
||||
<div class="radio">
|
||||
<label for="migrant-1">
|
||||
<input type="radio" name="migrant" id="migrant-1" value="1">
|
||||
Oui : Communauté européenne
|
||||
</label>
|
||||
</div>
|
||||
<div class="radio">
|
||||
<label for="migrant-2">
|
||||
<input type="radio" name="migrant" id="migrant-2" value="2">
|
||||
Oui : Extra-européen
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-offset-3 col-md-9 col-xs-12">
|
||||
<h3 class="text-primary">Études</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label" for="EtudeNiveau">Niveau de formation</label>
|
||||
<div class="col-sm-4">
|
||||
<select id="EtudeNiveau" name="EtudeNiveau" class="form-control">
|
||||
<option value="1">Pas de diplôme</option>
|
||||
<option value="2">Brevet des collèges</option>
|
||||
<option value="3">Bac</option>
|
||||
<option value="4">Bac +2</option>
|
||||
<option value="5">Bac +3</option>
|
||||
<option value="6">Bac +5</option>
|
||||
<option value="7">Bac +7</option>
|
||||
<option value="8">Bac +8</option>
|
||||
<option value="9">Au delà</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label" for="Diplome">Dernier diplôme</label>
|
||||
<div class="col-sm-4">
|
||||
<input id="Diplome" name="Diplome" type="text" placeholder="Nom du dernier du diplôme obtenu" class="form-control input-md">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<div class="col-md-offset-3 col-md-6">
|
||||
<div class="alert alert-dismissible alert-danger">
|
||||
<button type="button" class="close" data-dismiss="alert">×</button>
|
||||
<p>Aie, tout ne s'est pas bien passé. Jettez un coup d'oeil aux entrées en rouge.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Button -->
|
||||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label" for="submitButton"></label>
|
||||
<div class="col-md-8">
|
||||
<button id="submitButton" name="submitButton" class="btn btn-primary" type="submit"><span class="glyphicon glyphicon-floppy-save"></span> Inscrire</button>
|
||||
<button id="updateButton" name="updateButton" class="btn btn-default" type="submit"><span class="glyphicon glyphicon-floppy-saved"></span> Mettre à jour</button>
|
||||
<button id="resetButton" name="resetButton" class="btn btn-default" type="reset"><span class="glyphicon glyphicon-erase"></span> Effacer</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</fieldset>
|
||||
</form>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Footer zone -->
|
||||
<footer class="well footer footer-bottom-patch">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xs-6">
|
||||
<h5 class="text-primary">Remerciement</h5>
|
||||
<ul class="list-unstyled small">
|
||||
<li>Mise en page propulsé par <a href="http://getbootstrap.com/">Bootstrap</a>.</li>
|
||||
<li>Apparence et style fournit par <a href="https://bootswatch.com/">Bootswatch</a>.</li>
|
||||
<li>Scripts motorisé par <a href="https://jquery.com/">jQuery</a>.</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-xs-6">
|
||||
<h5 class="text-primary">Termes</h5>
|
||||
<ul class="list-unstyled small">
|
||||
<li>Ce site web est un projet d'étude.</li>
|
||||
<li><a href="#">À propos</a> de Bénévolaide.</li>
|
||||
<li>License <a class="" href="http://creativecommons.org/licenses/by-nc-nd/3.0/fr/legalcode">CC-BY-NC-ND</a> 2016.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- /container -->
|
||||
<script src="//code.jquery.com/jquery-2.2.1.js"></script>
|
||||
<script>window.jQuery || document.write('<script src="js/vendor/jquery-2.2.0.js"><\/script>')</script>
|
||||
<script src="js/vendor/bootstrap.min.js"></script>
|
||||
<script src="js/shared.js"></script>
|
||||
<script src="js/ajoutBeneficiaire.js"></script>
|
||||
</body>
|
||||
</html>
|
229
Benevolaide/Views/beneficiaireListe.html
Normal file
229
Benevolaide/Views/beneficiaireListe.html
Normal file
@@ -0,0 +1,229 @@
|
||||
<!doctype html>
|
||||
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="fr-fr"> <![endif]-->
|
||||
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="fr-fr"> <![endif]-->
|
||||
<!--[if IE 8]> <html class="no-js lt-ie9" lang="fr-fr"> <![endif]-->
|
||||
<!--[if gt IE 8]><!-->
|
||||
<html class="no-js" lang="fr-fr">
|
||||
<!--<![endif]-->
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<title>Liste des Bénéficiaires | Bénévolaide</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="apple-touch-icon" href="apple-touch-icon.png">
|
||||
<link rel="stylesheet" href="css/bootstrap.min.css">
|
||||
<style>
|
||||
</style>
|
||||
<link rel="stylesheet" href="css/bootstrap-flatly.css">
|
||||
<link rel="stylesheet" href="css/main.css">
|
||||
<script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<!-- Header Zone -->
|
||||
<header>
|
||||
<nav class="navbar navbar-inverse navbar-fixed-top">
|
||||
<div class="container">
|
||||
<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<ul class="nav navbar-nav">
|
||||
<li><a href="index.html"><span class="glyphicon glyphicon-home"></span><span class="hidden-md hidden-sm"> Accueil</span></a></li>
|
||||
<li><a href="dashboard.html"><span class="glyphicon glyphicon-dashboard"></span><span class="hidden-md hidden-sm"> Tableau de bord</span></a></li>
|
||||
<li class="dropdown active">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Bénéficiaires <span class="caret"></span></a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="domaineCherche.html"><span class="glyphicon glyphicon-briefcase"></span> Chercher par domaine</a></li>
|
||||
<li><a href="beneficiaireListe.html"><span class="glyphicon glyphicon-list"></span> Liste des bénéficiaires</a></li>
|
||||
<li><a href="beneficiaireEdition.html"><span class="glyphicon glyphicon-plus"></span> Inscrire un bénéficiaire</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Bénévoles <span class="caret"></span></a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="benevoleListe.html"><span class="glyphicon glyphicon-list"></span> Liste des bénévole</a></li>
|
||||
<li><a href="benevoleEdition.html"><span class="glyphicon glyphicon-plus"></span>Inscrire un bénévole</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<form class="navbar-form navbar-left hidden-xs" role="search">
|
||||
<div class="input-group">
|
||||
<input id="headerSearchInput" type="text" class="form-control" placeholder="Rechercher..." required />
|
||||
<span class="input-group-btn">
|
||||
<button type="submit" id="headerSearchButton" class="btn btn-default">
|
||||
<span class="glyphicon glyphicon-search"></span>
|
||||
<span class="hidden-md hidden-sm hidden-xs"> Rechercher</span>
|
||||
</button>
|
||||
</span>
|
||||
</div>
|
||||
</form>
|
||||
<!-- Left zone -->
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li>
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
|
||||
<span class="hidden-sm">Bonjour Simon</span> <span class="glyphicon glyphicon-option-vertical"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="utilisateurProfil.html"><span class="glyphicon glyphicon-user"></span> Mon profil</a></li>
|
||||
<li><a href="apropos.html"><span class="glyphicon glyphicon-info-sign"></span> À propos</a></li>
|
||||
<li role="separator" class="divider"></li>
|
||||
<li><a href="connexion.html"><span class="glyphicon glyphicon-log-out"></span> Deconnexion</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<!-- Body zone -->
|
||||
<section class="container">
|
||||
<div class="row">
|
||||
<!-- Titre et légende -->
|
||||
<h2>Liste des bénéficiaires <span class="label label-info">Total : 8</span></h2>
|
||||
<p>Cette liste résume tout les bénéficiaires qui sont inscrit dans l'application. Cliquez sur l'une des entrées pour avoir sa fiche détaillé.</p>
|
||||
<!-- Tableau -->
|
||||
<table class="table table-striped table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<th><span class="text-primary">Prénom et Nom</span></th>
|
||||
<th>Genre</th>
|
||||
<th><span class="glyphicon glyphicon-floppy-saved"></span> Inscrit le</th>
|
||||
<th><span class="glyphicon glyphicon-time"></span> Dernière visite</th>
|
||||
<th>Informations</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><a href="beneficiaireProfil.html">Sylvine <span class="text-smallcase">Attratra</span></a></td>
|
||||
<td><span class="beneficiaireProfil.html">Femme</span></td>
|
||||
<td>12/02/2016</td>
|
||||
<td>15/02/2016</td>
|
||||
<td>
|
||||
<span class="glyphicon glyphicon-home" title="Domicilié"></span>
|
||||
<span class="glyphicon glyphicon-briefcase" title="Inscrit au Pôle-Emploi"></span>
|
||||
<span class="glyphicon glyphicon-envelope" title="Possède un courriel"></span>
|
||||
<span class="glyphicon glyphicon-phone-alt" title="Possède un téléphone fixe"></span>
|
||||
<span class="glyphicon glyphicon-phone" title="Possède un téléphone mobile"></span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a href="beneficiaireProfil.html">Delphine <span class="text-smallcase">Sabasti</span></a></td>
|
||||
<td><span class="">Femme</span></td>
|
||||
<td>10/01/2000</td>
|
||||
<td>14/13/2012</td>
|
||||
<td>
|
||||
<span class="glyphicon glyphicon-briefcase" title="Inscrit au Pôle-Emploi"></span>
|
||||
<span class="glyphicon glyphicon-envelope" title="Possède un courriel"></span>
|
||||
<span class="glyphicon glyphicon-phone" title="Possède un téléphone mobile"></span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a href="beneficiaireProfil.html">Patrick <span class="text-smallcase">Dull</span></a></td>
|
||||
<td><span class="">Homme</span></td>
|
||||
<td>10/07/2012</td>
|
||||
<td>15/12/2015</td>
|
||||
<td>
|
||||
<span class="glyphicon glyphicon-home" data-toggle="tooltip" data-placement="bottom" title="Domicilié" data-original-title="Domicilié"></span>
|
||||
<span class="glyphicon glyphicon-briefcase" title="Inscrit au Pôle-Emploi"></span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a href="beneficiaireProfil.html">Christophe <span class="text-smallcase">Denver</span></a></td>
|
||||
<td><span class="">Homme</span></td>
|
||||
<td>17/09/2011</td>
|
||||
<td>25/14/2017</td>
|
||||
<td>
|
||||
<span class="glyphicon glyphicon-home" data-toggle="tooltip" data-placement="bottom" title="Domicilié" data-original-title="Domicilié"></span>
|
||||
<span class="glyphicon glyphicon-briefcase" title="Inscrit au Pôle-Emploi"></span>
|
||||
<span class="glyphicon glyphicon-envelope" title="Possède un courriel"></span>
|
||||
<span class="glyphicon glyphicon-phone-alt" title="Possède un téléphone fixe"></span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a href="beneficiaireProfil.html">Amandine <span class="text-smallcase">Guigiou</span></a></td>
|
||||
<td><span class="">Femme</span></td>
|
||||
<td>13/02/2016</td>
|
||||
<td>14/02/2016</td>
|
||||
<td>
|
||||
<span class="glyphicon glyphicon-home" data-toggle="tooltip" data-placement="bottom" title="Domicilié" data-original-title="Domicilié"></span>
|
||||
<span class="glyphicon glyphicon-envelope" title="Possède un courriel"></span>
|
||||
<span class="glyphicon glyphicon-phone-alt" title="Possède un téléphone fixe"></span>
|
||||
<span class="glyphicon glyphicon-phone" title="Possède un téléphone mobile"></span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a href="beneficiaireProfil.html">Matthiew <span class="text-smallcase">Robertson</span></a></td>
|
||||
<td><span class="">Homme</span></td>
|
||||
<td>20/07/2015</td>
|
||||
<td>08/03/2016</td>
|
||||
<td>
|
||||
<span class="glyphicon glyphicon-home" data-toggle="tooltip" data-placement="bottom" title="Domicilié" data-original-title="Domicilié"></span>
|
||||
<span class="glyphicon glyphicon-briefcase" title="Inscrit au Pôle-Emploi"></span>
|
||||
<span class="glyphicon glyphicon-education" title="Diplomé"></span>
|
||||
<span class="glyphicon glyphicon-envelope" title="Possède un courriel"></span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a href="beneficiaireProfil.html">Meixing <span class="text-smallcase">Nguyen</span></a></td>
|
||||
<td><span class="">Femme</span></td>
|
||||
<td>27/02/2015</td>
|
||||
<td>14/09/2015</td>
|
||||
<td>
|
||||
<span class="glyphicon glyphicon-home" data-toggle="tooltip" data-placement="bottom" title="Domicilié" data-original-title="Domicilié"></span>
|
||||
<span class="glyphicon glyphicon-briefcase" title="Inscrit au Pôle-Emploi"></span>
|
||||
<span class="glyphicon glyphicon-phone-alt" title="Possède un téléphone fixe"></span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a href="beneficiaireProfil.html">Makena <span class="text-smallcase">Bongani</span></a></td>
|
||||
<td><span class="">Homme</span></td>
|
||||
<td>13/02/2016</td>
|
||||
<td>13/02/2016</td>
|
||||
<td>
|
||||
<span class="glyphicon glyphicon-home" data-toggle="tooltip" data-placement="bottom" title="Domicilié" data-original-title="Domicilié"></span>
|
||||
<span class="glyphicon glyphicon-phone" title="Possède un téléphone mobile"></span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<h3>Legende</h3>
|
||||
<div class="col-sm-3">
|
||||
<ul class="list-group">
|
||||
<li class="list-group-item"><span class="glyphicon glyphicon-home"></span> Domicilié</li>
|
||||
<li class="list-group-item"><span class="glyphicon glyphicon-briefcase"></span> Inscrit au Pôle-Emploi</li>
|
||||
<li class="list-group-item"><span class="glyphicon glyphicon-education"></span> Diplômé</li>
|
||||
<li class="list-group-item"><span class="glyphicon glyphicon-envelope"></span> Possède un courriel</li>
|
||||
<li class="list-group-item"><span class="glyphicon glyphicon-phone-alt"></span> Possède un téléphone fixe</li>
|
||||
<li class="list-group-item"><span class="glyphicon glyphicon-phone"></span> Possède un téléphone mobile</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Footer zone -->
|
||||
<footer class="well footer footer-bottom-patch">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xs-6">
|
||||
<h5 class="text-primary">Remerciement</h5>
|
||||
<ul class="list-unstyled small">
|
||||
<li>Mise en page propulsé par <a href="http://getbootstrap.com/">Bootstrap</a>.</li>
|
||||
<li>Apparence et style fournit par <a href="https://bootswatch.com/">Bootswatch</a>.</li>
|
||||
<li>Scripts motorisé par <a href="https://jquery.com/">jQuery</a>.</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-xs-6">
|
||||
<h5 class="text-primary">Termes</h5>
|
||||
<ul class="list-unstyled small">
|
||||
<li>Ce site web est un projet d'étude.</li>
|
||||
<li><a href="#">À propos</a> de Bénévolaide.</li>
|
||||
<li>License <a class="" href="http://creativecommons.org/licenses/by-nc-nd/3.0/fr/legalcode">CC-BY-NC-ND</a> 2016.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- /container -->
|
||||
<script src="//code.jquery.com/jquery-2.2.1.js"></script>
|
||||
<script>window.jQuery || document.write('<script src="js/vendor/jquery-2.2.0.js"><\/script>')</script>
|
||||
<script src="js/vendor/bootstrap.min.js"></script>
|
||||
<script src="js/shared.js"></script>
|
||||
<script src="js/listeBeneficiaire.js"></script>
|
||||
</body>
|
||||
</html>
|
656
Benevolaide/Views/beneficiaireProfil.html
Normal file
656
Benevolaide/Views/beneficiaireProfil.html
Normal file
@@ -0,0 +1,656 @@
|
||||
<!doctype html>
|
||||
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="fr-fr"> <![endif]-->
|
||||
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="fr-fr"> <![endif]-->
|
||||
<!--[if IE 8]> <html class="no-js lt-ie9" lang="fr-fr"> <![endif]-->
|
||||
<!--[if gt IE 8]><!-->
|
||||
<html class="no-js" lang="fr-fr">
|
||||
<!--<![endif]-->
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<title>Profile de bénéficiaire | Bénévolaide</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="apple-touch-icon" href="apple-touch-icon.png">
|
||||
<link rel="stylesheet" href="css/bootstrap.min.css">
|
||||
<style>
|
||||
</style>
|
||||
<link rel="stylesheet" href="css/bootstrap-flatly.css">
|
||||
<link rel="stylesheet" href="css/main.css">
|
||||
<script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<!-- Header Zone -->
|
||||
<header id="TopHeader">
|
||||
<nav class="navbar navbar-inverse navbar-fixed-top">
|
||||
<div class="container">
|
||||
<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<ul class="nav navbar-nav">
|
||||
<li><a href="index.html"><span class="glyphicon glyphicon-home"></span><span class="hidden-md hidden-sm"> Accueil</span></a></li>
|
||||
<li><a href="dashboard.html"><span class="glyphicon glyphicon-dashboard"></span><span class="hidden-md hidden-sm"> Tableau de bord</span></a></li>
|
||||
<li class="dropdown active">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Bénéficiaires <span class="caret"></span></a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="domaineCherche.html"><span class="glyphicon glyphicon-briefcase"></span> Chercher par domaine</a></li>
|
||||
<li><a href="beneficiaireListe.html"><span class="glyphicon glyphicon-list"></span> Liste des bénéficiaires</a></li>
|
||||
<li><a href="beneficiaireEdition.html"><span class="glyphicon glyphicon-plus"></span> Inscrire un bénéficiaire</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Bénévoles <span class="caret"></span></a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="benevoleListe.html"><span class="glyphicon glyphicon-list"></span> Liste des bénévole</a></li>
|
||||
<li><a href="benevoleEdition.html"><span class="glyphicon glyphicon-plus"></span> Inscrire un bénévole</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<form class="navbar-form navbar-left hidden-xs" role="search">
|
||||
<div class="input-group">
|
||||
<input id="headerSearchInput" type="text" class="form-control" placeholder="Rechercher..." required />
|
||||
<span class="input-group-btn">
|
||||
<button type="submit" id="headerSearchButton" class="btn btn-default">
|
||||
<span class="glyphicon glyphicon-search"></span>
|
||||
<span class="hidden-md hidden-sm hidden-xs"> Rechercher</span>
|
||||
</button>
|
||||
</span>
|
||||
</div>
|
||||
</form>
|
||||
<!-- Left zone -->
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li>
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
|
||||
<span class="hidden-sm">Bonjour Simon</span> <span class="glyphicon glyphicon-option-vertical"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="utilisateurProfil.html"><span class="glyphicon glyphicon-user"></span> Mon profil</a></li>
|
||||
<li><a href="apropos.html"><span class="glyphicon glyphicon-info-sign"></span> À propos</a></li>
|
||||
<li role="separator" class="divider"></li>
|
||||
<li><a href="connexion.html"><span class="glyphicon glyphicon-log-out"></span> Deconnexion</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<!-- Body zone -->
|
||||
<!-- Tabs -->
|
||||
<section class="container">
|
||||
<div class="row">
|
||||
<h1 class="text-primary">Delphine <span class="text-smallcase">Sabasti</span></h1>
|
||||
<div class="col-sm-10 col-sm-offset-1">
|
||||
<br />
|
||||
<div class="alert alert-dismissible alert-info">
|
||||
<button type="button" class="close" data-dismiss="alert">×</button>
|
||||
<h4>Hey !</h4>
|
||||
<p>Cette personne à besoin d'être vérifié. Si tout semble en ordre, vous pouvez la valider : <a href="#" class="btn btn-success"><span class="glyphicon glyphicon-ok"></span> Valider</a></p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="nav nav-tabs">
|
||||
<li role="presentation" class="active">
|
||||
<a href="#profil" data-toggle="tab">Profil du bénéficiaire</a>
|
||||
</li>
|
||||
<li role="presentation">
|
||||
<a href="#visites" data-toggle="tab">Suivit des visites</a>
|
||||
</li>
|
||||
<li role="presentation">
|
||||
<a href="#fichiers" data-toggle="tab">Dossier personnel</a>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
<!-- Tabs contents -->
|
||||
<section id="myTabContent" class="container tab-content">
|
||||
<!-- Tab Infos -->
|
||||
<div class="tab-pane fade active in" id="profil">
|
||||
<div class="top-right-button-group">
|
||||
<menu class="btn-group-vertical" role="group">
|
||||
<!-- <a href="#" class="btn btn-success"><span class="glyphicon glyphicon-ok"></span> Valider</a>
|
||||
<a href="#" class="btn btn-warning"><span class="glyphicon glyphicon-record"></span> Douter</a>-->
|
||||
<a href="#" class="btn btn-success"><span class="glyphicon glyphicon glyphicon-file"></span> Exporter en PDF</a>
|
||||
<a href="beneficiaireEdition.html" class="btn btn-primary"><span class="glyphicon glyphicon-pencil"></span> Modifier</a>
|
||||
<a href="#" class="btn btn-default"><span class="glyphicon glyphicon-remove"></span> Supprimer</a>
|
||||
</menu>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-offset-3 col-md-9 col-xs-12">
|
||||
<h3 class="text-primary">Informations générales</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<strong class="col-sm-4 text-right">Nom</strong>
|
||||
<span class="col-sm-4">Delphine Sabasti</span>
|
||||
</div>
|
||||
<div class="row">
|
||||
<strong class="col-sm-4 text-right">Genre</strong>
|
||||
<span class="col-sm-4">Femme</span>
|
||||
</div>
|
||||
<div class="row">
|
||||
<strong class="col-sm-4 text-right">Date de naissance</strong>
|
||||
<span class="col-sm-4">12/05/1985</span>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-offset-3 col-md-9 col-xs-12">
|
||||
<h3 class="text-primary">Moyen de contact</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<strong class="col-sm-4 text-right">
|
||||
Courriel
|
||||
</strong>
|
||||
<div class="col-sm-4">
|
||||
<span class="glyphicon glyphicon-envelope"></span> <a href="mailto:delphine.sabasti@laposte.net">delphine.sabasti@laposte.net</a>
|
||||
<br />
|
||||
<span class="glyphicon glyphicon-lock"></span> ●●●●●●● <a href="#" title="Révéler le mot de passe" class=""><span class="glyphicon glyphicon-eye-open"></span></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<strong class="col-sm-4 text-right">
|
||||
Portable
|
||||
</strong>
|
||||
<div class="col-sm-4">
|
||||
<a href="tel:0123456789">01 23 45 67 89</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-offset-3 col-md-9 col-xs-12">
|
||||
<h3 class="text-primary">Pôle-Emploi</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<strong class="col-sm-4 text-right">
|
||||
Est inscrit(e) au Pôle-Emploi
|
||||
</strong>
|
||||
<div class="col-sm-4">
|
||||
Oui
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<strong class="col-sm-4 text-right">
|
||||
Compte Pôle-Emploi
|
||||
</strong>
|
||||
<div class="col-sm-4">
|
||||
<span class="glyphicon glyphicon-user"></span> DelphineSabasti1
|
||||
<br />
|
||||
<span class="glyphicon glyphicon-lock"></span> ●●●●●●● <a href="#" title="Révéler le mot de passe" class=""><span class="glyphicon glyphicon-eye-open"></span></a>
|
||||
<br />
|
||||
<a href="https://candidat.pole-emploi.fr/candidat/espacepersonnel/authentification/" target="_blank"><span class="glyphicon glyphicon-share"></span> Se connecter au Pôle-Emploi</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-offset-3 col-md-9 col-xs-12">
|
||||
<h3 class="text-primary">Recherche</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<strong class="col-sm-4 text-right">
|
||||
Formation
|
||||
</strong>
|
||||
<div class="col-sm-4">
|
||||
Domaine 2, Domaine 1
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<strong class="col-sm-4 text-right">
|
||||
Domaine
|
||||
</strong>
|
||||
<div class="col-sm-4">
|
||||
Domaine 2, Domaine 1
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<strong class="col-sm-4 text-right">
|
||||
Emploi souhaité
|
||||
</strong>
|
||||
<div class="col-sm-4">
|
||||
Conciergerie
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<strong class="col-sm-4 text-right">
|
||||
Nature du contrat
|
||||
</strong>
|
||||
<div class="col-sm-4">
|
||||
Contrat type 2
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<strong class="col-sm-4 text-right">
|
||||
Temps partiel
|
||||
</strong>
|
||||
<div class="col-sm-4">
|
||||
20 h/semaine
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<strong class="col-sm-4 text-right">
|
||||
Statut sur le marché de l'emploi
|
||||
</strong>
|
||||
<div class="col-sm-4">
|
||||
Chômeur longue durée (>12 mois)
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-offset-3 col-md-9 col-xs-12">
|
||||
<h3 class="text-primary">Informations générales</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<strong class="col-sm-4 text-right">
|
||||
Bassin de recherche
|
||||
</strong>
|
||||
<div class="col-sm-4">
|
||||
Paris intramuros
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-offset-3 col-md-9 col-xs-12">
|
||||
<h3 class="text-primary">Adresse de résidence</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<strong class="col-sm-4 text-right">
|
||||
Domicilié(e)
|
||||
</strong>
|
||||
<div class="col-sm-4">
|
||||
Non
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<strong class="col-sm-4 text-right">
|
||||
Migrant
|
||||
</strong>
|
||||
<div class="col-sm-4">
|
||||
Oui : Communauté européenne
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-offset-3 col-md-9 col-xs-12">
|
||||
<h3 class="text-primary">Études</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<strong class="col-sm-4 text-right">
|
||||
Niveau de formation
|
||||
</strong>
|
||||
<div class="col-sm-4">
|
||||
Bac
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<strong class="col-sm-4 text-right">
|
||||
Dernier diplôme obtenu
|
||||
</strong>
|
||||
<div class="col-sm-4">
|
||||
STG Maintenance des locaux
|
||||
</div>
|
||||
</div>
|
||||
<br />
|
||||
<br />
|
||||
</div>
|
||||
<!-- Tab Visites -->
|
||||
<div class="tab-pane fade in" id="visites">
|
||||
<div class="top-right-button-group">
|
||||
<menu class="btn-group-vertical" role="group">
|
||||
<a href="#" class="btn btn-default" id="ShowAddVisitForm">Ajouter une visite</a>
|
||||
</menu>
|
||||
</div>
|
||||
<!-- En bref -->
|
||||
<div class="row">
|
||||
<div class="col-xs-12">
|
||||
<h3>En bref</h3>
|
||||
<div class="panel-body">
|
||||
<form class="form-horizontal" id="beneficiaireForm" method="post">
|
||||
<fieldset>
|
||||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label" for="benevol">Bénévole en charge</label>
|
||||
<div class="col-md-6 col-sm-8">
|
||||
<div class="input-group">
|
||||
<select id="benevol" name="benevol" class="form-control input-sm" required>
|
||||
<option value="1">Pierro d'Houin</option>
|
||||
<option value="2" selected>Simon Priet</option>
|
||||
<option value="3">Claudette Dupuis</option>
|
||||
<option value="4">Héloïse Lois</option>
|
||||
<option value="5">Nordin Sedkaoui</option>
|
||||
<option value="6">Daouda Camara</option>
|
||||
<option value="7">Amélie Clark</option>
|
||||
</select>
|
||||
<span class="input-group-btn">
|
||||
<button id="submitButton" name="submitButton" class="btn btn-default btn-sm" type="submit">
|
||||
<span class="glyphicon glyphicon-arrow-right"></span>
|
||||
<span class="hidden-md"> Changer</span>
|
||||
</button>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
</form>
|
||||
<div class="row">
|
||||
<strong class="col-sm-4 text-right">Inscription</strong>
|
||||
<span class="col-sm-4">10/01/2000</span>
|
||||
</div>
|
||||
<div class="row">
|
||||
<strong class="col-sm-4 text-right">Nombre de visites</strong>
|
||||
<span class="col-sm-4">3</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Ajouter une visite -->
|
||||
<div class="row" id="AddVisitForm">
|
||||
<div class="col-xs-12">
|
||||
<h3>Ajouter une visite</h3>
|
||||
<form class="form-horizontal well">
|
||||
<!-- Row bouttons -->
|
||||
<div class="form-group row">
|
||||
<div id="top-right-floating-group" class="btn-group" role="group">
|
||||
<button type="submit" class="btn btn-primary"><span class="glyphicon glyphicon-plus"></span> Ajouter cette visite</button>
|
||||
<a id="HideAddVisitForm" class="btn btn-danger" href="#"><span class="glyphicon glyphicon-remove"></span></a>
|
||||
</div>
|
||||
<div class="">Utilisez ce formulaire pour ajouter une visite de ce bénéficiaire. Les entrées marquées d'une <span class="glyphicon glyphicon-star text-warning"></span> (étoile) sont obligatoires.</div>
|
||||
</div>
|
||||
<!-- Row Date + Bénévole -->
|
||||
<div class="form-group row">
|
||||
<div class="col-sm-6">
|
||||
<label for="today" class="control-label col-md-5">Date de la visite <span class="glyphicon glyphicon-star text-warning"></span></label>
|
||||
<div class="col-md-7">
|
||||
<input type="date" id="today" name="today" class="form-control col-sm-4" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<label for="benevole" class="control-label col-md-5">Bénévole accueillant <span class="glyphicon glyphicon-star text-warning"></span></label>
|
||||
<div class="col-md-7">
|
||||
<select id="benevole" name="benevole" class="form-control" required>
|
||||
<option value="1">Pierro d'Houin</option>
|
||||
<option value="2" selected>Simon Priet</option>
|
||||
<option value="3">Claudette Dupuis</option>
|
||||
<option value="4">Héloïse Lois</option>
|
||||
<option value="5">Nordin Sedkaoui</option>
|
||||
<option value="6">Daouda Camara</option>
|
||||
<option value="7">Amélie Clark</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Row Checkboxes -->
|
||||
<div class="form-group row">
|
||||
<label for="activity-1" class="col-md-3 col-sm-4 col-xs-6">
|
||||
<input type="checkbox" name="activities" id="activity-1" value="1">
|
||||
Curicullum Vitae
|
||||
</label>
|
||||
<label for="activity-2" class="col-md-3 col-sm-4 col-xs-6">
|
||||
<input type="checkbox" name="activities" id="activity-2" value="2">
|
||||
Lettre de motivation
|
||||
</label>
|
||||
<label for="activity-3" class="col-md-3 col-sm-4 col-xs-6">
|
||||
<input type="checkbox" name="activities" id="activity-3" value="3">
|
||||
Candidature Pôle-Emploi
|
||||
</label>
|
||||
<label for="activity-4" class="col-md-3 col-sm-4 col-xs-6">
|
||||
<input type="checkbox" name="activities" id="activity-4" value="4">
|
||||
Autre candidature
|
||||
</label>
|
||||
<label for="activity-5" class="col-md-3 col-sm-4 col-xs-6">
|
||||
<input type="checkbox" name="activities" id="activity-5" value="5">
|
||||
Soutien moral
|
||||
</label>
|
||||
<label for="activity-6" class="col-md-3 col-sm-4 col-xs-6">
|
||||
<input type="checkbox" name="activities" id="activity-6" value="6">
|
||||
Recherche d'emploi
|
||||
</label>
|
||||
<label for="activity-7" class="col-md-3 col-sm-4 col-xs-6">
|
||||
<input type="checkbox" name="activities" id="activity-7" value="7">
|
||||
Recherche de lieu
|
||||
</label>
|
||||
<label for="activity-8" class="col-md-3 col-sm-4 col-xs-6">
|
||||
<input type="checkbox" name="activities" id="activity-8" value="8">
|
||||
Achat
|
||||
</label>
|
||||
<label for="activity-9" class="col-md-3 col-sm-4 col-xs-6">
|
||||
<input type="checkbox" name="activities" id="activity-9" value="9">
|
||||
Autre
|
||||
</label>
|
||||
</div>
|
||||
<!-- Row Textarea commentaire -->
|
||||
<div class="form-group row">
|
||||
<div class="col-lg-offset-2 col-lg-8 col-sm-offset-1 col-sm-10 col-xs-12">
|
||||
<textarea class="form-control" id="textarea" name="textarea" placeholder="Commentaire" rows="4"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Historique des visites -->
|
||||
<div class="row">
|
||||
<div class="col-xs-12">
|
||||
<h3>Ses visites</h3>
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
<ul class="list-inline">
|
||||
<li><h2 class="text-info"><span class="glyphicon glyphicon-calendar"></span>25/02/2016</h2></li>
|
||||
<li><h3><span class="label label-default">Simon Priet</span></h3></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-9">
|
||||
<div class="well">
|
||||
<h4>
|
||||
<span class="label label-success">Curriculum Vitae</span>
|
||||
<span class="label label-success">Lettre de motivation</span>
|
||||
<span class="label label-success">Candidature Pôle-Emploi</span>
|
||||
</h4>
|
||||
<div class="panel panel-success">
|
||||
<div class="panel-body">
|
||||
<p>Rédaction d'un CV, relecture et correction d'une lettre de motivation, candidature sur une offre d'agent de surface pour la Mairie de Paris.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
<ul class="list-inline">
|
||||
<li><h2 class="text-info"><span class="glyphicon glyphicon-calendar"></span>11/07/2013</h2></li>
|
||||
<li><h3><span class="label label-default">Simon Priet</span></h3></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-9">
|
||||
<div class="well">
|
||||
<h4>
|
||||
<span class="label label-success">Lettre de motivation</span>
|
||||
</h4>
|
||||
<div class="panel panel-success">
|
||||
<div class="panel-body">
|
||||
<p>Rédaction d'une lettre de motivation et discussion autour d'un café.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
<ul class="list-inline">
|
||||
<li><h2 class="text-info"><span class="glyphicon glyphicon-calendar"></span>10/01/2000</h2></li>
|
||||
<li><h3><span class="label label-default">Simon Priet</span></h3></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-9">
|
||||
<div class="well">
|
||||
<h4>
|
||||
<span class="label label-info">Inscription</span>
|
||||
<span class="label label-success">Soutien moral</span>
|
||||
<span class="label label-success">Recherche d'emploi</span>
|
||||
<span class="label label-success">Curicullum Vitae</span>
|
||||
<span class="label label-success">Lettre de motivation</span>
|
||||
</h4>
|
||||
<div class="panel panel-success">
|
||||
<div class="panel-body">
|
||||
<p>Inscription sur Bénévolaide, discussion (elle est bavarde !) et recherche d'emploi.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--<div class="panel panel-info">
|
||||
<div class="panel-heading">
|
||||
<h3 class="panel-title"></h3>
|
||||
</div>
|
||||
|
||||
<ul class="list-group">
|
||||
<li class="list-group-item">
|
||||
<h3 class="">
|
||||
25/02/2016
|
||||
<span class="label label-default">Simon Priet</span>
|
||||
</h3>
|
||||
<br />
|
||||
<span class="label label-success">Curriculum Vitae</span>
|
||||
<span class="label label-success">Lettre de motivation</span>
|
||||
<span class="label label-success">Candidature Pôle-Emploi</span>
|
||||
<br />
|
||||
<br />
|
||||
<div class="well well-sm">
|
||||
<p class="list-group-item-text">Rédaction d'un CV, relecture et correction d'une lettre de motivation, candidature sur une offre d'agent de surface pour la Mairie de Paris.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<h3 class="">
|
||||
11/07/2013
|
||||
<span class="label label-default">Simon Priet</span>
|
||||
</h3>
|
||||
<br />
|
||||
<span class="label label-success">Lettre de motivation</span>
|
||||
<br />
|
||||
<br />
|
||||
<div class="well">
|
||||
<p class="list-group-item-text">
|
||||
Rédaction d'une lettre de motivation et discussion autour d'un café.
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<h3 class="">
|
||||
10/01/2000
|
||||
<span class="label label-default">Simon Priet</span>
|
||||
</h3>
|
||||
<span class="label label-success">Inscription</span>
|
||||
<br />
|
||||
<br />
|
||||
<div class="well">
|
||||
<p class="list-group-item-text">Inscription sur Bénévolaide, discussion (elle est bavarde !) et recherche d'emploi.</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Tab Fichiers -->
|
||||
<div id="fichiers" class="tab-pane fade in">
|
||||
<h3>Fichiers du bénéficiaires <span class="label label-info">4</span></h3>
|
||||
<div class="container">
|
||||
<div class="col-lg-4 col-sm-6 col-xs-12">
|
||||
<div class="media">
|
||||
<div class="media-left">
|
||||
<img class="media-object" data-src="holder.js/64x64" alt="64x64" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9InllcyI/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHZpZXdCb3g9IjAgMCA2NCA2NCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PCEtLQpTb3VyY2UgVVJMOiBob2xkZXIuanMvNjR4NjQKQ3JlYXRlZCB3aXRoIEhvbGRlci5qcyAyLjYuMC4KTGVhcm4gbW9yZSBhdCBodHRwOi8vaG9sZGVyanMuY29tCihjKSAyMDEyLTIwMTUgSXZhbiBNYWxvcGluc2t5IC0gaHR0cDovL2ltc2t5LmNvCi0tPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PCFbQ0RBVEFbI2hvbGRlcl8xNTU1ZjJiMDliYiB0ZXh0IHsgZmlsbDojQUFBQUFBO2ZvbnQtd2VpZ2h0OmJvbGQ7Zm9udC1mYW1pbHk6QXJpYWwsIEhlbHZldGljYSwgT3BlbiBTYW5zLCBzYW5zLXNlcmlmLCBtb25vc3BhY2U7Zm9udC1zaXplOjEwcHQgfSBdXT48L3N0eWxlPjwvZGVmcz48ZyBpZD0iaG9sZGVyXzE1NTVmMmIwOWJiIj48cmVjdCB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGZpbGw9IiNFRUVFRUUiLz48Zz48dGV4dCB4PSIxNC41IiB5PSIzNi41Ij42NHg2NDwvdGV4dD48L2c+PC9nPjwvc3ZnPg==" data-holder-rendered="true" style="width: 64px; height: 64px;">
|
||||
</div>
|
||||
<div class="media-body">
|
||||
<h5 class="media-heading">Curriculum Vitae</h5>
|
||||
<span class="text-muted small"><span class="glyphicon glyphicon-pencil"></span> 10/02/2017 17:20</span><br />
|
||||
<span class="text-muted small"><span class="glyphicon glyphicon-asterisk"></span> 10/02/2017 17:20</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-sm-6 col-xs-12">
|
||||
<div class="media">
|
||||
<div class="media-left">
|
||||
<img class="media-object" data-src="holder.js/64x64" alt="64x64" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9InllcyI/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHZpZXdCb3g9IjAgMCA2NCA2NCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PCEtLQpTb3VyY2UgVVJMOiBob2xkZXIuanMvNjR4NjQKQ3JlYXRlZCB3aXRoIEhvbGRlci5qcyAyLjYuMC4KTGVhcm4gbW9yZSBhdCBodHRwOi8vaG9sZGVyanMuY29tCihjKSAyMDEyLTIwMTUgSXZhbiBNYWxvcGluc2t5IC0gaHR0cDovL2ltc2t5LmNvCi0tPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PCFbQ0RBVEFbI2hvbGRlcl8xNTU1ZjJiMDliYiB0ZXh0IHsgZmlsbDojQUFBQUFBO2ZvbnQtd2VpZ2h0OmJvbGQ7Zm9udC1mYW1pbHk6QXJpYWwsIEhlbHZldGljYSwgT3BlbiBTYW5zLCBzYW5zLXNlcmlmLCBtb25vc3BhY2U7Zm9udC1zaXplOjEwcHQgfSBdXT48L3N0eWxlPjwvZGVmcz48ZyBpZD0iaG9sZGVyXzE1NTVmMmIwOWJiIj48cmVjdCB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGZpbGw9IiNFRUVFRUUiLz48Zz48dGV4dCB4PSIxNC41IiB5PSIzNi41Ij42NHg2NDwvdGV4dD48L2c+PC9nPjwvc3ZnPg==" data-holder-rendered="true" style="width: 64px; height: 64px;">
|
||||
</div>
|
||||
<div class="media-body">
|
||||
<h5 class="media-heading">Curriculum Vitae</h5>
|
||||
<span class="text-muted small"><span class="glyphicon glyphicon-pencil"></span> 10/02/2017 17:20</span><br />
|
||||
<span class="text-muted small"><span class="glyphicon glyphicon-asterisk"></span> 10/02/2017 17:20</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-sm-6 col-xs-12">
|
||||
<div class="media">
|
||||
<div class="media-left">
|
||||
<img class="media-object" data-src="holder.js/64x64" alt="64x64" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9InllcyI/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHZpZXdCb3g9IjAgMCA2NCA2NCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PCEtLQpTb3VyY2UgVVJMOiBob2xkZXIuanMvNjR4NjQKQ3JlYXRlZCB3aXRoIEhvbGRlci5qcyAyLjYuMC4KTGVhcm4gbW9yZSBhdCBodHRwOi8vaG9sZGVyanMuY29tCihjKSAyMDEyLTIwMTUgSXZhbiBNYWxvcGluc2t5IC0gaHR0cDovL2ltc2t5LmNvCi0tPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PCFbQ0RBVEFbI2hvbGRlcl8xNTU1ZjJiMDliYiB0ZXh0IHsgZmlsbDojQUFBQUFBO2ZvbnQtd2VpZ2h0OmJvbGQ7Zm9udC1mYW1pbHk6QXJpYWwsIEhlbHZldGljYSwgT3BlbiBTYW5zLCBzYW5zLXNlcmlmLCBtb25vc3BhY2U7Zm9udC1zaXplOjEwcHQgfSBdXT48L3N0eWxlPjwvZGVmcz48ZyBpZD0iaG9sZGVyXzE1NTVmMmIwOWJiIj48cmVjdCB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGZpbGw9IiNFRUVFRUUiLz48Zz48dGV4dCB4PSIxNC41IiB5PSIzNi41Ij42NHg2NDwvdGV4dD48L2c+PC9nPjwvc3ZnPg==" data-holder-rendered="true" style="width: 64px; height: 64px;">
|
||||
</div>
|
||||
<div class="media-body">
|
||||
<h5 class="media-heading">Curriculum Vitae</h5>
|
||||
<span class="text-muted small"><span class="glyphicon glyphicon-pencil"></span> 10/02/2017 17:20</span><br />
|
||||
<span class="text-muted small"><span class="glyphicon glyphicon-asterisk"></span> 10/02/2017 17:20</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-sm-6 col-xs-12">
|
||||
<div class="media">
|
||||
<div class="media-left">
|
||||
<img class="media-object" data-src="holder.js/64x64" alt="64x64" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9InllcyI/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHZpZXdCb3g9IjAgMCA2NCA2NCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PCEtLQpTb3VyY2UgVVJMOiBob2xkZXIuanMvNjR4NjQKQ3JlYXRlZCB3aXRoIEhvbGRlci5qcyAyLjYuMC4KTGVhcm4gbW9yZSBhdCBodHRwOi8vaG9sZGVyanMuY29tCihjKSAyMDEyLTIwMTUgSXZhbiBNYWxvcGluc2t5IC0gaHR0cDovL2ltc2t5LmNvCi0tPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PCFbQ0RBVEFbI2hvbGRlcl8xNTU1ZjJiMDliYiB0ZXh0IHsgZmlsbDojQUFBQUFBO2ZvbnQtd2VpZ2h0OmJvbGQ7Zm9udC1mYW1pbHk6QXJpYWwsIEhlbHZldGljYSwgT3BlbiBTYW5zLCBzYW5zLXNlcmlmLCBtb25vc3BhY2U7Zm9udC1zaXplOjEwcHQgfSBdXT48L3N0eWxlPjwvZGVmcz48ZyBpZD0iaG9sZGVyXzE1NTVmMmIwOWJiIj48cmVjdCB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGZpbGw9IiNFRUVFRUUiLz48Zz48dGV4dCB4PSIxNC41IiB5PSIzNi41Ij42NHg2NDwvdGV4dD48L2c+PC9nPjwvc3ZnPg==" data-holder-rendered="true" style="width: 64px; height: 64px;">
|
||||
</div>
|
||||
<div class="media-body">
|
||||
<h5 class="media-heading">Curriculum Vitae</h5>
|
||||
<span class="text-muted small"><span class="glyphicon glyphicon-pencil"></span> 10/02/2017 17:20</span><br />
|
||||
<span class="text-muted small"><span class="glyphicon glyphicon-asterisk"></span> 10/02/2017 17:20</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-sm-6 col-xs-12">
|
||||
<div class="media">
|
||||
<div class="media-left">
|
||||
<img class="media-object" data-src="holder.js/64x64" alt="64x64" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9InllcyI/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHZpZXdCb3g9IjAgMCA2NCA2NCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PCEtLQpTb3VyY2UgVVJMOiBob2xkZXIuanMvNjR4NjQKQ3JlYXRlZCB3aXRoIEhvbGRlci5qcyAyLjYuMC4KTGVhcm4gbW9yZSBhdCBodHRwOi8vaG9sZGVyanMuY29tCihjKSAyMDEyLTIwMTUgSXZhbiBNYWxvcGluc2t5IC0gaHR0cDovL2ltc2t5LmNvCi0tPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PCFbQ0RBVEFbI2hvbGRlcl8xNTU1ZjJiMDliYiB0ZXh0IHsgZmlsbDojQUFBQUFBO2ZvbnQtd2VpZ2h0OmJvbGQ7Zm9udC1mYW1pbHk6QXJpYWwsIEhlbHZldGljYSwgT3BlbiBTYW5zLCBzYW5zLXNlcmlmLCBtb25vc3BhY2U7Zm9udC1zaXplOjEwcHQgfSBdXT48L3N0eWxlPjwvZGVmcz48ZyBpZD0iaG9sZGVyXzE1NTVmMmIwOWJiIj48cmVjdCB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGZpbGw9IiNFRUVFRUUiLz48Zz48dGV4dCB4PSIxNC41IiB5PSIzNi41Ij42NHg2NDwvdGV4dD48L2c+PC9nPjwvc3ZnPg==" data-holder-rendered="true" style="width: 64px; height: 64px;">
|
||||
</div>
|
||||
<div class="media-body">
|
||||
<h5 class="media-heading">Curriculum Vitae</h5>
|
||||
<span class="text-muted small"><span class="glyphicon glyphicon-pencil"></span> 10/02/2017 17:20</span><br />
|
||||
<span class="text-muted small"><span class="glyphicon glyphicon-asterisk"></span> 10/02/2017 17:20</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<h4>Chemin</h4>
|
||||
<p>~\Bénéficiaires\Sabasti Delphine\</p>
|
||||
<a class="btn btn-sm btn-default" href="#"><span class="glyphicon glyphicon-folder-open"> </span> Parcourir...</a>
|
||||
<a class="btn btn-sm btn-default" href="#"><span class="glyphicon glyphicon-folder-open"> </span> Changer...</a>
|
||||
<br />
|
||||
</div>
|
||||
</section>
|
||||
<!-- Footer zone -->
|
||||
<footer class="well footer footer-bottom-patch">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xs-6">
|
||||
<h5 class="text-primary">Remerciement</h5>
|
||||
<ul class="list-unstyled small">
|
||||
<li>Mise en page propulsé par <a href="http://getbootstrap.com/">Bootstrap</a>.</li>
|
||||
<li>Apparence et style fournit par <a href="https://bootswatch.com/">Bootswatch</a>.</li>
|
||||
<li>Scripts motorisé par <a href="https://jquery.com/">jQuery</a>.</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-xs-6">
|
||||
<h5 class="text-primary">Termes</h5>
|
||||
<ul class="list-unstyled small">
|
||||
<li>Ce site web est un projet d'étude.</li>
|
||||
<li><a href="#">À propos</a> de Bénévolaide.</li>
|
||||
<li>License <a class="" href="http://creativecommons.org/licenses/by-nc-nd/3.0/fr/legalcode">CC-BY-NC-ND</a> 2016.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- /container -->
|
||||
<script src="//code.jquery.com/jquery-2.2.1.js"></script>
|
||||
<script>window.jQuery || document.write('<script src="js/vendor/jquery-2.2.0.js"><\/script>')</script>
|
||||
<script src="js/vendor/bootstrap.min.js"></script>
|
||||
<script src="js/shared.js"></script>
|
||||
<script src="js/beneficiaireProfil.js"></script>
|
||||
</body>
|
||||
</html>
|
503
Benevolaide/Views/beneficiaireProfil2.html
Normal file
503
Benevolaide/Views/beneficiaireProfil2.html
Normal file
@@ -0,0 +1,503 @@
|
||||
<!doctype html<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<!--[if lt IE 7]<span class="navbar-brand hidden-sm">Bénévolaide</span> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="fr-fr"<span class="navbar-brand hidden-sm">Bénévolaide</span> <![endif]--<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<!--[if IE 7]<span class="navbar-brand hidden-sm">Bénévolaide</span> <html class="no-js lt-ie9 lt-ie8" lang="fr-fr"<span class="navbar-brand hidden-sm">Bénévolaide</span> <![endif]--<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<!--[if IE 8]<span class="navbar-brand hidden-sm">Bénévolaide</span> <html class="no-js lt-ie9" lang="fr-fr"<span class="navbar-brand hidden-sm">Bénévolaide</span> <![endif]--<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<!--[if gt IE 8]<span class="navbar-brand hidden-sm">Bénévolaide</span><!--<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<html class="no-js" lang="fr-fr"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<!--<![endif]--<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<head<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<meta charset="utf-8"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<title<span class="navbar-brand hidden-sm">Bénévolaide</span>Profile de bénéficiaire | Bénévolaide</title<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<meta name="description" content=""<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<link rel="apple-touch-icon" href="apple-touch-icon.png"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<link rel="stylesheet" href="css/bootstrap.min.css"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<style<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</style<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<link rel="stylesheet" href="css/bootstrap-flatly.css"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<link rel="stylesheet" href="css/main.css"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"<span class="navbar-brand hidden-sm">Bénévolaide</span></script<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</head<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<body<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<!-- Header Zone --<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<header<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<nav class="navbar navbar-inverse navbar-fixed-top"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="container"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<span class="navbar-brand"<span class="navbar-brand hidden-sm">Bénévolaide</span>Bénévolaide</span<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<ul class="nav navbar-nav"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<li<span class="navbar-brand hidden-sm">Bénévolaide</span><a href="index.html"<span class="navbar-brand hidden-sm">Bénévolaide</span><span class="glyphicon glyphicon-home"<span class="navbar-brand hidden-sm">Bénévolaide</span></span<span class="navbar-brand hidden-sm">Bénévolaide</span> Accueil</a<span class="navbar-brand hidden-sm">Bénévolaide</span></li<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<li class="dropdown active"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"<span class="navbar-brand hidden-sm">Bénévolaide</span>Bénéficiaires <span class="caret"<span class="navbar-brand hidden-sm">Bénévolaide</span></span<span class="navbar-brand hidden-sm">Bénévolaide</span></a<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<ul class="dropdown-menu"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<li<span class="navbar-brand hidden-sm">Bénévolaide</span><a href="domaineCherche.html"<span class="navbar-brand hidden-sm">Bénévolaide</span><span class="glyphicon glyphicon-briefcase"<span class="navbar-brand hidden-sm">Bénévolaide</span></span<span class="navbar-brand hidden-sm">Bénévolaide</span> Chercher par domaine</a<span class="navbar-brand hidden-sm">Bénévolaide</span></li<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<li<span class="navbar-brand hidden-sm">Bénévolaide</span><a href="beneficiaireListe.html"<span class="navbar-brand hidden-sm">Bénévolaide</span><span class="glyphicon glyphicon-list"<span class="navbar-brand hidden-sm">Bénévolaide</span></span<span class="navbar-brand hidden-sm">Bénévolaide</span> Liste des bénéficiaires</a<span class="navbar-brand hidden-sm">Bénévolaide</span></li<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<li<span class="navbar-brand hidden-sm">Bénévolaide</span><a href="beneficiaireEdition.html"<span class="navbar-brand hidden-sm">Bénévolaide</span><span class="glyphicon glyphicon-plus"<span class="navbar-brand hidden-sm">Bénévolaide</span></span<span class="navbar-brand hidden-sm">Bénévolaide</span> Inscrire un bénéficiaire</a<span class="navbar-brand hidden-sm">Bénévolaide</span></li<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</ul<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</li<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<li class="dropdown"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"<span class="navbar-brand hidden-sm">Bénévolaide</span>Bénévoles <span class="caret"<span class="navbar-brand hidden-sm">Bénévolaide</span></span<span class="navbar-brand hidden-sm">Bénévolaide</span></a<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<ul class="dropdown-menu"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<li<span class="navbar-brand hidden-sm">Bénévolaide</span><a href="benevoleListe.html"<span class="navbar-brand hidden-sm">Bénévolaide</span><span class="glyphicon glyphicon-list"<span class="navbar-brand hidden-sm">Bénévolaide</span></span<span class="navbar-brand hidden-sm">Bénévolaide</span> Liste des bénévole</a<span class="navbar-brand hidden-sm">Bénévolaide</span></li<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<li<span class="navbar-brand hidden-sm">Bénévolaide</span><a href="benevoleEdition.html"<span class="navbar-brand hidden-sm">Bénévolaide</span><span class="glyphicon glyphicon-plus"<span class="navbar-brand hidden-sm">Bénévolaide</span></span<span class="navbar-brand hidden-sm">Bénévolaide</span>Inscrire un bénévole</a<span class="navbar-brand hidden-sm">Bénévolaide</span></li<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</ul<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</li<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</ul<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<form class="navbar-form navbar-left hidden-xs" role="search"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="input-group"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<input id="headerSearchInput" type="text" class="form-control" placeholder="Rechercher..." required /<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<span class="input-group-btn"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<button type="submit" id="headerSearchButton" class="btn btn-default"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<span class="glyphicon glyphicon-search"<span class="navbar-brand hidden-sm">Bénévolaide</span></span<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<span class="hidden-md hidden-sm hidden-xs"<span class="navbar-brand hidden-sm">Bénévolaide</span> Rechercher</span<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</button<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</span<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</form<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<!-- Left zone --<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<ul class="nav navbar-nav navbar-right"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<li<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<span class="hidden-sm"<span class="navbar-brand hidden-sm">Bénévolaide</span>Bonjour Simon</span<span class="navbar-brand hidden-sm">Bénévolaide</span> <span class="glyphicon glyphicon-option-vertical"<span class="navbar-brand hidden-sm">Bénévolaide</span></span<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</a<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<ul class="dropdown-menu"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<li<span class="navbar-brand hidden-sm">Bénévolaide</span><a href="utilisateurProfil.html"<span class="navbar-brand hidden-sm">Bénévolaide</span><span class="glyphicon glyphicon-user"<span class="navbar-brand hidden-sm">Bénévolaide</span></span<span class="navbar-brand hidden-sm">Bénévolaide</span> Mon profil</a<span class="navbar-brand hidden-sm">Bénévolaide</span></li<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<li<span class="navbar-brand hidden-sm">Bénévolaide</span><a href="apropos.html"<span class="navbar-brand hidden-sm">Bénévolaide</span><span class="glyphicon glyphicon-info-sign"<span class="navbar-brand hidden-sm">Bénévolaide</span></span<span class="navbar-brand hidden-sm">Bénévolaide</span> À propos</a<span class="navbar-brand hidden-sm">Bénévolaide</span></li<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<li<span class="navbar-brand hidden-sm">Bénévolaide</span><a href="administration.html"<span class="navbar-brand hidden-sm">Bénévolaide</span><span class="glyphicon glyphicon-cog"<span class="navbar-brand hidden-sm">Bénévolaide</span></span<span class="navbar-brand hidden-sm">Bénévolaide</span> Administration</a<span class="navbar-brand hidden-sm">Bénévolaide</span></li<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<li role="separator" class="divider"<span class="navbar-brand hidden-sm">Bénévolaide</span></li<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<li<span class="navbar-brand hidden-sm">Bénévolaide</span><a href="connexion.html"<span class="navbar-brand hidden-sm">Bénévolaide</span><span class="glyphicon glyphicon-log-out"<span class="navbar-brand hidden-sm">Bénévolaide</span></span<span class="navbar-brand hidden-sm">Bénévolaide</span> Deconnexion</a<span class="navbar-brand hidden-sm">Bénévolaide</span></li<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</ul<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</li<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</ul<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</nav<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</header<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<!-- Body zone --<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<section class="navbar navbar-reverse "<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="container"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="page-header"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="row"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="col-sm-4 col-xs-12"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<h2 class="text-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span>Delphine <span class="text-smallcase"<span class="navbar-brand hidden-sm">Bénévolaide</span>Sabasti</span<span class="navbar-brand hidden-sm">Bénévolaide</span></h2<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="col-sm-8 col-xs-12"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<menu class="navbar-right"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<form class="navbar-form"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<button type="button" class="btn btn-success"<span class="navbar-brand hidden-sm">Bénévolaide</span><span class="glyphicon glyphicon glyphicon-ok"<span class="navbar-brand hidden-sm">Bénévolaide</span></span<span class="navbar-brand hidden-sm">Bénévolaide</span> Valider</button<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<button type="button" class="btn btn-warning"<span class="navbar-brand hidden-sm">Bénévolaide</span><span class="glyphicon glyphicon glyphicon-ok"<span class="navbar-brand hidden-sm">Bénévolaide</span></span<span class="navbar-brand hidden-sm">Bénévolaide</span> Questionner</button<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<button type="button" class="btn btn-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span><span class="glyphicon glyphicon-pencil"<span class="navbar-brand hidden-sm">Bénévolaide</span></span<span class="navbar-brand hidden-sm">Bénévolaide</span> Modifier</button<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<button type="button" class="btn btn-default"<span class="navbar-brand hidden-sm">Bénévolaide</span><span class="glyphicon glyphicon-remove"<span class="navbar-brand hidden-sm">Bénévolaide</span></span<span class="navbar-brand hidden-sm">Bénévolaide</span> Supprimer</button<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</form<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</menu<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</section<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<section class="container"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="row"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="col-md-6 col-xs-12"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="well"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
|
||||
|
||||
<div class="row"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="col-xs-offset-2 col-xs-10"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<h3<span class="navbar-brand hidden-sm">Bénévolaide</span>Informations générales</h3<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="row"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="col-lg-6 col-xs-4 text-right"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
Nom
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="col-lg-6 col-xs-8 text-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
Delphine Sabasti
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="row"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="col-lg-6 col-xs-4 text-right"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
Genre
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="col-lg-6 col-xs-8 text-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
Femme
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="row"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="col-lg-6 col-xs-4 text-right"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
Date de naissance
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="col-lg-6 col-xs-8 text-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
12/05/1985
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
|
||||
<div class="row"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="col-xs-offset-2 col-xs-10"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<h3<span class="navbar-brand hidden-sm">Bénévolaide</span>Moyen de contact</h3<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="row"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="col-lg-6 col-xs-4 text-right"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
Courriel
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="col-lg-6 col-xs-8 text-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<a href="mailto:delphine.sabasti@laposte.net"<span class="navbar-brand hidden-sm">Bénévolaide</span>delphine.sabasti@laposte.net</a<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<a href="#" class="btn btn-xs btn-default"<span class="navbar-brand hidden-sm">Bénévolaide</span><span class="glyphicon glyphicon-eye-open"<span class="navbar-brand hidden-sm">Bénévolaide</span></span<span class="navbar-brand hidden-sm">Bénévolaide</span></a<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="col-lg-6 col-xs-4 text-right"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
Portable
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="col-lg-6 col-xs-8 text-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<a href="tel:0123456789"<span class="navbar-brand hidden-sm">Bénévolaide</span>01 23 45 67 89</a<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
|
||||
<div class="row"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="col-xs-offset-2 col-xs-10"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<h3<span class="navbar-brand hidden-sm">Bénévolaide</span>Pôle-Emploi</h3<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="row"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="col-lg-6 col-xs-4 text-right"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
Est- inscrit(e) au Pôle-Emploi
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="col-lg-6 col-xs-8 text-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
Oui
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="row"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="col-lg-6 col-xs-4 text-right"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
Compte Pôle-Emploi
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="col-lg-6 col-xs-8 text-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
DelphineSabasti1 <a href="#" class="btn btn-xs btn-default"<span class="navbar-brand hidden-sm">Bénévolaide</span><span class="glyphicon glyphicon-eye-open"<span class="navbar-brand hidden-sm">Bénévolaide</span></span<span class="navbar-brand hidden-sm">Bénévolaide</span></a<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
|
||||
<div class="row"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="col-xs-offset-2 col-xs-10"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<h3<span class="navbar-brand hidden-sm">Bénévolaide</span>Recherche</h3<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="row"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="col-lg-6 col-xs-4 text-right"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
Formation
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="col-lg-6 col-xs-8 text-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
Domaine 2, Domaine 1
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="row"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="col-lg-6 col-xs-4 text-right"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
Domaine
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="col-lg-6 col-xs-8 text-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
Domaine 2, Domaine 1
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="row"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="col-lg-6 col-xs-4 text-right"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
Emploi souhaité
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="col-lg-6 col-xs-8 text-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
Conciergerie
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="row"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="col-lg-6 col-xs-4 text-right"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
Nature du contrat
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="col-lg-6 col-xs-8 text-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
Contrat type 2
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="row"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="col-lg-6 col-xs-4 text-right"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
Temps partiel
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="col-lg-6 col-xs-8 text-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
20 h/semaine
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="row"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="col-lg-6 col-xs-4 text-right"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
Statut sur le marché de l'emploi
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="col-lg-6 col-xs-8 text-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
Chômeur longue durée (<span class="navbar-brand hidden-sm">Bénévolaide</span>12 mois)
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
|
||||
<div class="row"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="col-xs-offset-2 col-xs-10"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<h3<span class="navbar-brand hidden-sm">Bénévolaide</span>Informations générales</h3<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="row"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="col-lg-6 col-xs-4 text-right"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
Bassin de recherche
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="col-lg-6 col-xs-8 text-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
Paris intramuros
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
|
||||
<div class="row"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="col-xs-offset-2 col-xs-10"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<h3<span class="navbar-brand hidden-sm">Bénévolaide</span>Adresse de résidence</h3<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="row"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="col-lg-6 col-xs-4 text-right"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
Domicilié(e)
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="col-lg-6 col-xs-8 text-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
Non
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="row"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="col-lg-6 col-xs-4 text-right"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
Migrant
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="col-lg-6 col-xs-8 text-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
Oui : Communauté européenne
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
|
||||
<div class="row"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="col-xs-offset-2 col-xs-10"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<h3<span class="navbar-brand hidden-sm">Bénévolaide</span>Études</h3<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="row"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="col-lg-6 col-xs-4 text-right"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
Niveau de formation
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="col-lg-6 col-xs-8 text-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
Bac
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="row"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="col-lg-6 col-xs-4 text-right"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
Dernier diplôme obtenu
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="col-lg-6 col-xs-8 text-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
STG Maintenance des locaux
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<br /<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<br /<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="col-md-6 col-xs-12"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="panel panel-info"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="panel-heading"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<h3 class="panel-title"<span class="navbar-brand hidden-sm">Bénévolaide</span>Suivit des visites</h3<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="panel-body"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<form class="form-horizontal" id="beneficiaireForm" method="post"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<fieldset<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="form-group"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<label class="col-sm-4 control-label" for="benevol"<span class="navbar-brand hidden-sm">Bénévolaide</span>Bénévole en charge</label<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="col-sm-8"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="input-group"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<select id="benevol" name="benevol" class="form-control" required<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<option value="Perro"<span class="navbar-brand hidden-sm">Bénévolaide</span>Pierro Lamazou</option<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<option value="Simon" selected<span class="navbar-brand hidden-sm">Bénévolaide</span>Simon Priet</option<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</select<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<span class="input-group-btn"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<button id="submitButton" name="submitButton" class="btn btn-default" type="submit"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<span class="glyphicon glyphicon-arrow-right"<span class="navbar-brand hidden-sm">Bénévolaide</span></span<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<span class="hidden-md"<span class="navbar-brand hidden-sm">Bénévolaide</span> Changer</span<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</button<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</span<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</fieldset<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</form<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="row"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="col-sm-4 text-right"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
Inscription
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="col-sm-8 text-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
10/01/2000
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="row"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="col-sm-4 text-right"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
Nombre de visites
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="col-sm-8 text-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
3
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
|
||||
<ul class="list-group"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<li class="list-group-item"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<h3 class=""<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
25/02/2016
|
||||
<span class="label label-default"<span class="navbar-brand hidden-sm">Bénévolaide</span>Simon Priet</span<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</h3<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<br /<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<span class="label label-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span>Curriculum Vitae</span<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<span class="label label-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span>Lettre de motivation</span<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<span class="label label-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span>Candidature Pôle-Emploi</span<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<br /<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<br /<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="well well-sm"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<p class="list-group-item-text"<span class="navbar-brand hidden-sm">Bénévolaide</span>Rédaction d'un CV, relecture et correction d'une lettre de motivation, candidature sur une offre d'agent de surface pour la Mairie de Paris.</p<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</li<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<li class="list-group-item"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<h3 class=""<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
11/07/2013
|
||||
<span class="label label-default"<span class="navbar-brand hidden-sm">Bénévolaide</span>Simon Priet</span<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</h3<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<br /<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<span class="label label-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span>Lettre de motivation</span<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<br /<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<br /<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="well"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<p class="list-group-item-text"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
Rédaction d'une lettre de motivation et discussion autour d'un café.
|
||||
</p<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</li<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<li class="list-group-item"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<h3 class=""<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
10/01/2000
|
||||
<span class="label label-default"<span class="navbar-brand hidden-sm">Bénévolaide</span>Simon Priet</span<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</h3<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<span class="label label-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span>Inscription</span<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<br /<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<br /<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="well"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<p class="list-group-item-text"<span class="navbar-brand hidden-sm">Bénévolaide</span>Inscription sur Bénévolaide, discussion (elle est bavarde !) et recherche d'emploi.</p<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</li<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</ul<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
|
||||
<div class="panel panel-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="panel-heading"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<h3 class="panel-title"<span class="navbar-brand hidden-sm">Bénévolaide</span>Ajouter un suivit</h3<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="panel-body"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<form class="form"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="form-group"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="input-group"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="col-md-6"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<input type="date" id="tolday" name="today" class="form-control" value="27/02/2016" /<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="col-md-6"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<select id="benevol" name="benevol" class="form-control" required<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<option value="Perro"<span class="navbar-brand hidden-sm">Bénévolaide</span>Pierro Lamazou</option<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<option value="Simon" selected<span class="navbar-brand hidden-sm">Bénévolaide</span>Simon Priet</option<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</select<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="form-group"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="col-sm-6"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="checkbox"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<label for="checkboxes-0"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<input type="checkbox" name="checkboxes" id="checkboxes-0" value="1"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
Curicullum Vitae
|
||||
</label<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="checkbox"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<label for="checkboxes-1"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<input type="checkbox" name="checkboxes" id="checkboxes-1" value="2"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
Lettre de motivation
|
||||
</label<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="checkbox"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<label for="checkboxes-2"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<input type="checkbox" name="checkboxes" id="checkboxes-2" value="3"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
Candidature Pôle-Emploi
|
||||
</label<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="checkbox"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<label for="checkboxes-3"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<input type="checkbox" name="checkboxes" id="checkboxes-3" value="4"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
Autre candidature
|
||||
</label<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="checkbox"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<label for="checkboxes-4"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<input type="checkbox" name="checkboxes" id="checkboxes-4" value="5"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
Soutien moral
|
||||
</label<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="col-sm-6"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="checkbox"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<label for="checkboxes-5"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<input type="checkbox" name="checkboxes" id="checkboxes-5" value="6"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
Recherche d'emploi
|
||||
</label<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="checkbox"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<label for="checkboxes-6"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<input type="checkbox" name="checkboxes" id="checkboxes-6" value="7"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
Recherche de lieu
|
||||
</label<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="checkbox"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<label for="checkboxes-7"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<input type="checkbox" name="checkboxes" id="checkboxes-7" value="8"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
Achat
|
||||
</label<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="checkbox"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<label for="checkboxes-8"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<input type="checkbox" name="checkboxes" id="checkboxes-8" value="9"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
Autre
|
||||
</label<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="form-group"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<textarea class="form-control" id="textarea" name="textarea" placeholder="Commentaire"<span class="navbar-brand hidden-sm">Bénévolaide</span></textarea<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="form-group"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<button type="submit" class="btn btn-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span><span class="glyphicon glyphicon-plus"<span class="navbar-brand hidden-sm">Bénévolaide</span></span<span class="navbar-brand hidden-sm">Bénévolaide</span> Ajouter</button<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</form<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
|
||||
</section<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<!-- Footer zone --<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<footer class="well footer footer-bottom-patch"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="container"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="row"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="col-xs-6"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<h5 class="text-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span>Remerciement</h5<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<ul class="list-unstyled small"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<li<span class="navbar-brand hidden-sm">Bénévolaide</span>Mise en page propulsé par <a href="http://getbootstrap.com/"<span class="navbar-brand hidden-sm">Bénévolaide</span>Bootstrap</a<span class="navbar-brand hidden-sm">Bénévolaide</span>.</li<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<li<span class="navbar-brand hidden-sm">Bénévolaide</span>Apparence et style fournit par <a href="https://bootswatch.com/"<span class="navbar-brand hidden-sm">Bénévolaide</span>Bootswatch</a<span class="navbar-brand hidden-sm">Bénévolaide</span>.</li<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<li<span class="navbar-brand hidden-sm">Bénévolaide</span>Scripts motorisé par <a href="https://jquery.com/"<span class="navbar-brand hidden-sm">Bénévolaide</span>jQuery</a<span class="navbar-brand hidden-sm">Bénévolaide</span>.</li<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</ul<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<div class="col-xs-6"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<h5 class="text-primary"<span class="navbar-brand hidden-sm">Bénévolaide</span>Termes</h5<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<ul class="list-unstyled small"<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<li<span class="navbar-brand hidden-sm">Bénévolaide</span>Ce site web est un projet d'étude.</li<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<li<span class="navbar-brand hidden-sm">Bénévolaide</span><a href="#"<span class="navbar-brand hidden-sm">Bénévolaide</span>À propos</a<span class="navbar-brand hidden-sm">Bénévolaide</span> de Bénévolaide.</li<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<li<span class="navbar-brand hidden-sm">Bénévolaide</span>License <a class="" href="http://creativecommons.org/licenses/by-nc-nd/3.0/fr/legalcode"<span class="navbar-brand hidden-sm">Bénévolaide</span>CC-BY-NC-ND</a<span class="navbar-brand hidden-sm">Bénévolaide</span> 2016.</li<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</ul<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</div<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</footer<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<!-- /container --<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<script src="//code.jquery.com/jquery-2.2.1.js"<span class="navbar-brand hidden-sm">Bénévolaide</span></script<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<script<span class="navbar-brand hidden-sm">Bénévolaide</span>window.jQuery || document.write('<script src="js/vendor/jquery-2.2.0.js"<span class="navbar-brand hidden-sm">Bénévolaide</span><\/script<span class="navbar-brand hidden-sm">Bénévolaide</span>')</script<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<script src="js/vendor/bootstrap.min.js"<span class="navbar-brand hidden-sm">Bénévolaide</span></script<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<script src="js/shared.js"<span class="navbar-brand hidden-sm">Bénévolaide</span></script<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</body<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
</html<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
109
Benevolaide/Views/benevoleEdition.html
Normal file
109
Benevolaide/Views/benevoleEdition.html
Normal file
@@ -0,0 +1,109 @@
|
||||
<!doctype html>
|
||||
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="fr-fr"> <![endif]-->
|
||||
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="fr-fr"> <![endif]-->
|
||||
<!--[if IE 8]> <html class="no-js lt-ie9" lang="fr-fr"> <![endif]-->
|
||||
<!--[if gt IE 8]><!-->
|
||||
<html class="no-js" lang="fr-fr">
|
||||
<!--<![endif]-->
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<title>Nouveau bénévole | Bénévolaide</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="apple-touch-icon" href="apple-touch-icon.png">
|
||||
<link rel="stylesheet" href="css/bootstrap.min.css">
|
||||
<style>
|
||||
</style>
|
||||
<link rel="stylesheet" href="css/bootstrap-flatly.css">
|
||||
<link rel="stylesheet" href="css/main.css">
|
||||
<script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<!-- Header Zone -->
|
||||
<header>
|
||||
<nav class="navbar navbar-inverse navbar-fixed-top">
|
||||
<div class="container">
|
||||
<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<ul class="nav navbar-nav">
|
||||
<li><a href="index.html"><span class="glyphicon glyphicon-home"></span><span class="hidden-md hidden-sm"> Accueil</span></a></li>
|
||||
<li><a href="dashboard.html"><span class="glyphicon glyphicon-dashboard"></span><span class="hidden-md hidden-sm"> Tableau de bord</span></a></li>
|
||||
<li class="dropdown">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Bénéficiaires <span class="caret"></span></a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="domaineCherche.html"><span class="glyphicon glyphicon-briefcase"></span> Chercher par domaine</a></li>
|
||||
<li><a href="beneficiaireListe.html"><span class="glyphicon glyphicon-list"></span> Liste des bénéficiaires</a></li>
|
||||
<li><a href="beneficiaireEdition.html"><span class="glyphicon glyphicon-plus"></span> Inscrire un bénéficiaire</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown active">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Bénévoles <span class="caret"></span></a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="benevoleListe.html"><span class="glyphicon glyphicon-list"></span> Liste des bénévole</a></li>
|
||||
<li><a href="benevoleEdition.html"><span class="glyphicon glyphicon-plus"></span> Inscrire un bénévole</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<form class="navbar-form navbar-left hidden-xs" role="search">
|
||||
<div class="input-group">
|
||||
<input id="headerSearchInput" type="text" class="form-control" placeholder="Rechercher..." required />
|
||||
<span class="input-group-btn">
|
||||
<button type="submit" id="headerSearchButton" class="btn btn-default">
|
||||
<span class="glyphicon glyphicon-search"></span>
|
||||
<span class="hidden-md hidden-sm hidden-xs"> Rechercher</span>
|
||||
</button>
|
||||
</span>
|
||||
</div>
|
||||
</form>
|
||||
<!-- Left zone -->
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li>
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
|
||||
<span class="hidden-sm">Bonjour Simon</span> <span class="glyphicon glyphicon-option-vertical"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="utilisateurProfil.html"><span class="glyphicon glyphicon-user"></span> Mon profil</a></li>
|
||||
<li><a href="apropos.html"><span class="glyphicon glyphicon-info-sign"></span> À propos</a></li>
|
||||
<li role="separator" class="divider"></li>
|
||||
<li><a href="index.html"><span class="glyphicon glyphicon-log-out"></span> Deconnexion</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<!-- Body zone -->
|
||||
<section class="container">
|
||||
|
||||
</section>
|
||||
<!-- Footer zone -->
|
||||
<footer class="well footer footer-bottom-patch">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xs-6">
|
||||
<h5 class="text-primary">Remerciement</h5>
|
||||
<ul class="list-unstyled small">
|
||||
<li>Mise en page propulsé par <a href="http://getbootstrap.com/">Bootstrap</a>.</li>
|
||||
<li>Apparence et style fournit par <a href="https://bootswatch.com/">Bootswatch</a>.</li>
|
||||
<li>Scripts motorisé par <a href="https://jquery.com/">jQuery</a>.</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-xs-6">
|
||||
<h5 class="text-primary">Termes</h5>
|
||||
<ul class="list-unstyled small">
|
||||
<li>Ce site web est un projet d'étude.</li>
|
||||
<li><a href="#">À propos</a> de Bénévolaide.</li>
|
||||
<li>License <a class="" href="http://creativecommons.org/licenses/by-nc-nd/3.0/fr/legalcode">CC-BY-NC-ND</a> 2016.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- /container -->
|
||||
<script src="//code.jquery.com/jquery-2.2.1.js"></script>
|
||||
<script>window.jQuery || document.write('<script src="js/vendor/jquery-2.2.0.js"><\/script>')</script>
|
||||
<script src="js/vendor/bootstrap.min.js"></script>
|
||||
<script src="js/main.js"></script>
|
||||
<script src="js/beneficiaireProfil.js"></script>
|
||||
</body>
|
||||
</html>
|
107
Benevolaide/Views/benevoleListe.html
Normal file
107
Benevolaide/Views/benevoleListe.html
Normal file
@@ -0,0 +1,107 @@
|
||||
<!doctype html>
|
||||
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="fr-fr"> <![endif]-->
|
||||
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="fr-fr"> <![endif]-->
|
||||
<!--[if IE 8]> <html class="no-js lt-ie9" lang="fr-fr"> <![endif]-->
|
||||
<!--[if gt IE 8]><!-->
|
||||
<html class="no-js" lang="fr-fr">
|
||||
<!--<![endif]-->
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<title>Liste des bénévoles | Bénévolaide</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="apple-touch-icon" href="apple-touch-icon.png">
|
||||
<link rel="stylesheet" href="css/bootstrap.min.css">
|
||||
<style>
|
||||
</style>
|
||||
<link rel="stylesheet" href="css/bootstrap-flatly.css">
|
||||
<link rel="stylesheet" href="css/main.css">
|
||||
<script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<!-- Header Zone -->
|
||||
<header>
|
||||
<nav class="navbar navbar-inverse navbar-fixed-top">
|
||||
<div class="container">
|
||||
<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<ul class="nav navbar-nav">
|
||||
<li><a href="index.html"><span class="glyphicon glyphicon-home"></span><span class="hidden-md hidden-sm"> Accueil</span></a></li>
|
||||
<li><a href="dashboard.html"><span class="glyphicon glyphicon-dashboard"></span><span class="hidden-md hidden-sm"> Tableau de bord</span></a></li>
|
||||
<li class="dropdown">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Bénéficiaires <span class="caret"></span></a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="domaineCherche.html"><span class="glyphicon glyphicon-briefcase"></span> Chercher par domaine</a></li>
|
||||
<li><a href="beneficiaireListe.html"><span class="glyphicon glyphicon-list"></span> Liste des bénéficiaires</a></li>
|
||||
<li><a href="beneficiaireEdition.html"><span class="glyphicon glyphicon-plus"></span> Inscrire un bénéficiaire</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown active">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Bénévoles <span class="caret"></span></a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="benevoleListe.html"><span class="glyphicon glyphicon-list"></span> Liste des bénévole</a></li>
|
||||
<li><a href="benevoleEdition.html"><span class="glyphicon glyphicon-plus"></span> Inscrire un bénévole</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<form class="navbar-form navbar-left hidden-xs" role="search">
|
||||
<div class="input-group">
|
||||
<input id="headerSearchInput" type="text" class="form-control" placeholder="Rechercher..." required />
|
||||
<span class="input-group-btn">
|
||||
<button type="submit" id="headerSearchButton" class="btn btn-default">
|
||||
<span class="glyphicon glyphicon-search"></span>
|
||||
<span class="hidden-md hidden-sm hidden-xs"> Rechercher</span>
|
||||
</button>
|
||||
</span>
|
||||
</div>
|
||||
</form>
|
||||
<!-- Left zone -->
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li>
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
|
||||
<span class="hidden-sm">Bonjour Simon</span> <span class="glyphicon glyphicon-option-vertical"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="utilisateurProfil.html"><span class="glyphicon glyphicon-user"></span> Mon profil</a></li>
|
||||
<li><a href="apropos.html"><span class="glyphicon glyphicon-info-sign"></span> À propos</a></li>
|
||||
<li role="separator" class="divider"></li>
|
||||
<li><a href="index.html"><span class="glyphicon glyphicon-log-out"></span> Deconnexion</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<!-- Body zone -->
|
||||
<section class="container"></section>
|
||||
<!-- Footer zone -->
|
||||
<footer class="well footer footer-bottom-patch">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xs-6">
|
||||
<h5 class="text-primary">Remerciement</h5>
|
||||
<ul class="list-unstyled small">
|
||||
<li>Mise en page propulsé par <a href="http://getbootstrap.com/">Bootstrap</a>.</li>
|
||||
<li>Apparence et style fournit par <a href="https://bootswatch.com/">Bootswatch</a>.</li>
|
||||
<li>Scripts motorisé par <a href="https://jquery.com/">jQuery</a>.</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-xs-6">
|
||||
<h5 class="text-primary">Termes</h5>
|
||||
<ul class="list-unstyled small">
|
||||
<li>Ce site web est un projet d'étude.</li>
|
||||
<li><a href="#">À propos</a> de Bénévolaide.</li>
|
||||
<li>License <a class="" href="http://creativecommons.org/licenses/by-nc-nd/3.0/fr/legalcode">CC-BY-NC-ND</a> 2016.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- /container -->
|
||||
<script src="//code.jquery.com/jquery-2.2.1.js"></script>
|
||||
<script>window.jQuery || document.write('<script src="js/vendor/jquery-2.2.0.js"><\/script>')</script>
|
||||
<script src="js/vendor/bootstrap.min.js"></script>
|
||||
<script src="js/main.js"></script>
|
||||
<script src="js/beneficiaireProfil.js"></script>
|
||||
</body>
|
||||
</html>
|
130
Benevolaide/Views/connexion.html
Normal file
130
Benevolaide/Views/connexion.html
Normal file
@@ -0,0 +1,130 @@
|
||||
<!doctype html>
|
||||
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="fr-fr"> <![endif]-->
|
||||
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="fr-fr"> <![endif]-->
|
||||
<!--[if IE 8]> <html class="no-js lt-ie9" lang="fr-fr"> <![endif]-->
|
||||
<!--[if gt IE 8]><!-->
|
||||
<html class="no-js" lang="fr-fr">
|
||||
<!--<![endif]-->
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<title>Connexion | Bénévolaide</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="apple-touch-icon" href="apple-touch-icon.png">
|
||||
<link rel="stylesheet" href="css/bootstrap.min.css">
|
||||
<style>
|
||||
</style>
|
||||
<link rel="stylesheet" href="css/bootstrap-flatly.css">
|
||||
<link rel="stylesheet" href="css/main.css">
|
||||
<script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<!-- Header Zone -->
|
||||
<header>
|
||||
<nav class="navbar navbar-inverse navbar-fixed-top">
|
||||
<div class="container">
|
||||
<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<ul class="nav navbar-nav">
|
||||
<li class="active"><a href="index.html"><span class="glyphicon glyphicon-home"></span><span class="hidden-md hidden-sm"> Accueil</span></a></li>
|
||||
</ul>
|
||||
<!-- Left zone -->
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li>
|
||||
<p class="navbar-text hidden-sm">Bienvenue, visiteur ! </p>
|
||||
</li>
|
||||
<li>
|
||||
<p class="navbar-btn">
|
||||
<a href="connexion.html" class="btn btn-default" title="Se connecter ?">
|
||||
<span class="glyphicon glyphicon-log-in"></span>
|
||||
<span class="hidden-md hidden-sm"> Se connecter ?</span>
|
||||
</a>
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<!-- Body zone -->
|
||||
<section class="jumbotron">
|
||||
<div class="container">
|
||||
<div class="col-md-8 col-md-offset-2 col-xs-12">
|
||||
<h2>Connexion</h2>
|
||||
<p>Pour accéder aux fonctionnalités de ce site, vous devez vous connecter. Si vous n'avez pas de compte, demandez à un administrateur de vous inscrire.</p>
|
||||
<!--<div class="alert alert-dismissible alert-danger">
|
||||
<button type="button" class="close" data-dismiss="alert">×</button>
|
||||
<p>Oh flûte ! Je ne vous ai pas reconnu.</p>
|
||||
</div>-->
|
||||
<form class="form-horizontal">
|
||||
<fieldset>
|
||||
|
||||
<!-- Text input-->
|
||||
<div class="form-group">
|
||||
<label class="col-md-4 control-label" for="usernameinput">Nom d'utilisateur</label>
|
||||
<div class="col-md-4">
|
||||
<input id="usernameInput" name="usernameInput" type="text" placeholder="Votre nom d'utilisateur" class="form-control input-md" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Password input-->
|
||||
<div class="form-group">
|
||||
<label class="col-md-4 control-label" for="passwordinput">Mot de passe</label>
|
||||
<div class="col-md-4">
|
||||
<input id="passwordInput" name="passwordInput" type="password" placeholder="Votre mot de passe" class="form-control input-md" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Button -->
|
||||
<div class="form-group">
|
||||
<label class="col-md-4 control-label" for="submit"></label>
|
||||
<div class="col-md-4">
|
||||
<button id="submit" name="submit" class="btn btn-primary">Je vous connecte</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</fieldset>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="container">
|
||||
<div class="row">
|
||||
<p>Besoin de contacter un administrateur ? Voyez avec l'un d'entre-eux :</p>
|
||||
<ul>
|
||||
<li>Amélie <span class="text-smallcase">Clark</span></li>
|
||||
<li>Claudette <span class="text-smallcase">Dupuis</span></li>
|
||||
<li>Pierro <span class="text-smallcase">d'Houin</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Footer zone -->
|
||||
<footer class="well footer footer-bottom-patch">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xs-6">
|
||||
<h5 class="text-primary">Remerciement</h5>
|
||||
<ul class="list-unstyled small">
|
||||
<li>Mise en page propulsé par <a href="http://getbootstrap.com/">Bootstrap</a>.</li>
|
||||
<li>Apparence et style fournit par <a href="https://bootswatch.com/">Bootswatch</a>.</li>
|
||||
<li>Scripts motorisé par <a href="https://jquery.com/">jQuery</a>.</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-xs-6">
|
||||
<h5 class="text-primary">Termes</h5>
|
||||
<ul class="list-unstyled small">
|
||||
<li>Ce site web est un projet d'étude.</li>
|
||||
<li><a href="#">À propos</a> de Bénévolaide.</li>
|
||||
<li>License <a class="" href="http://creativecommons.org/licenses/by-nc-nd/3.0/fr/legalcode">CC-BY-NC-ND</a> 2016.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- /container -->
|
||||
<script src="//code.jquery.com/jquery-2.2.1.js"></script>
|
||||
<script>window.jQuery || document.write('<script src="js/vendor/jquery-2.2.0.js"><\/script>')</script>
|
||||
<script src="js/vendor/bootstrap.min.js"></script>
|
||||
<script src="js/shared.js"></script>
|
||||
<script src="js/connexion.js"></script>
|
||||
</body>
|
||||
</html>
|
187
Benevolaide/Views/dashboard.html
Normal file
187
Benevolaide/Views/dashboard.html
Normal file
@@ -0,0 +1,187 @@
|
||||
<!doctype html>
|
||||
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="fr-fr"> <![endif]-->
|
||||
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="fr-fr"> <![endif]-->
|
||||
<!--[if IE 8]> <html class="no-js lt-ie9" lang="fr-fr"> <![endif]-->
|
||||
<!--[if gt IE 8]><!-->
|
||||
<html class="no-js" lang="fr-fr">
|
||||
<!--<![endif]-->
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<title>Tableau de bord | Bénévolaide</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="apple-touch-icon" href="apple-touch-icon.png">
|
||||
<link rel="stylesheet" href="css/main.css">
|
||||
<link rel="stylesheet" href="css/bootstrap.min.css">
|
||||
<style>
|
||||
</style>
|
||||
<link rel="stylesheet" href="css/bootstrap-flatly.css">
|
||||
<script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<!-- Header Zone -->
|
||||
<header id="TopHeader">
|
||||
<nav class="navbar navbar-inverse navbar-fixed-top">
|
||||
<div class="container">
|
||||
<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<ul class="nav navbar-nav">
|
||||
<li><a href="index.html"><span class="glyphicon glyphicon-home"></span><span class="hidden-md hidden-sm"> Accueil</span></a></li>
|
||||
<li class="active"><a href="dashboard.html"><span class="glyphicon glyphicon-dashboard"></span><span class="hidden-md hidden-sm"> Tableau de bord </span><span class="badge">4</span></a></li>
|
||||
<li class="dropdown">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Bénéficiaires <span class="caret"></span></a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="domaineCherche.html"><span class="glyphicon glyphicon-briefcase"></span> Chercher par domaine</a></li>
|
||||
<li><a href="beneficiaireListe.html"><span class="glyphicon glyphicon-list"></span> Liste des bénéficiaires</a></li>
|
||||
<li><a href="beneficiaireEdition.html"><span class="glyphicon glyphicon-plus"></span> Inscrire un bénéficiaire</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Bénévoles <span class="caret"></span></a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="benevoleListe.html"><span class="glyphicon glyphicon-list"></span> Liste des bénévole</a></li>
|
||||
<li><a href="benevoleEdition.html"><span class="glyphicon glyphicon-plus"></span> Inscrire un bénévole</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<form class="navbar-form navbar-left hidden-xs" role="search">
|
||||
<div class="input-group">
|
||||
<input id="headerSearchInput" type="text" class="form-control" placeholder="Rechercher..." required />
|
||||
<span class="input-group-btn">
|
||||
<button type="submit" id="headerSearchButton" class="btn btn-default">
|
||||
<span class="glyphicon glyphicon-search"></span>
|
||||
<span class="hidden-md hidden-sm hidden-xs"> Rechercher</span>
|
||||
</button>
|
||||
</span>
|
||||
</div>
|
||||
</form>
|
||||
<!-- Left zone -->
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li>
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
|
||||
<span class="hidden-sm">Bonjour Pierro</span> <span class="glyphicon glyphicon-option-vertical"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="utilisateurProfil.html"><span class="glyphicon glyphicon-user"></span> Mon profil</a></li>
|
||||
<li><a href="apropos.html"><span class="glyphicon glyphicon-info-sign"></span> À propos</a></li>
|
||||
<li><a href="administration.html"><span class="glyphicon glyphicon-cog"></span> Administration</a></li>
|
||||
<li role="separator" class="divider"></li>
|
||||
<li><a href="connexion.html"><span class="glyphicon glyphicon-log-out"></span> Deconnexion</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<!-- Body zone -->
|
||||
<section class="container">
|
||||
<div id="benevole" class="tab-pane fade in">
|
||||
<h2>Planning de la semaine</h2>
|
||||
<table class="table table-vertical">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Lundi <small class="text-info">(3)</small></th>
|
||||
<th>Mardi <small class="text-info">(2)</small></th>
|
||||
<th>Mercredi <small class="text-info">(4)</small></th>
|
||||
<th>Jeudi <small class="text-info">(2)</small></th>
|
||||
<th>Vendredi <small class="text-info">(3)</small></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="benevoleProfil.html">Amélie <span class="text-smallcase">Clark</span></a><br />
|
||||
<a href="benevoleProfil.html">Claudette <span class="text-smallcase">Dupuis</span></a><br />
|
||||
<a href="benevoleProfil.html">Pierro <span class="text-smallcase">d'Houin</span></a><br />
|
||||
</td>
|
||||
<td>
|
||||
<a href="benevoleProfil.html">Amélie <span class="text-smallcase">Clark</span></a><br />
|
||||
<a href="benevoleProfil.html">Claudette <span class="text-smallcase">Dupuis</span></a><br />
|
||||
</td>
|
||||
<td>
|
||||
<a href="benevoleProfil.html">Daouda <span class="text-smallcase">Camara</span></a><br />
|
||||
<a href="benevoleProfil.html">Nordin <span class="text-smallcase">Sedkaoui</span></a><br />
|
||||
<a href="benevoleProfil.html">Pierro <span class="text-smallcase">d'Houin</span></a><br />
|
||||
<a href="benevoleProfil.html">Simon <span class="text-smallcase">Priet</span></a><br />
|
||||
</td>
|
||||
<td>
|
||||
<a href="benevoleProfil.html">Amélie <span class="text-smallcase">Clark</span></a><br />
|
||||
<a href="benevoleProfil.html">Pierro <span class="text-smallcase">d'Houin</span></a><br />
|
||||
</td>
|
||||
<td>
|
||||
<a href="benevoleProfil.html">Amélie <span class="text-smallcase">Clark</span></a><br />
|
||||
<a href="benevoleProfil.html">Héloïse <span class="text-smallcase">Lois</span></a><br />
|
||||
<a href="benevoleProfil.html">Pierro <span class="text-smallcase">d'Houin</span></a><br />
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<h2>Bénéficiaires à valider <span class="label label-info">4</span></h2>
|
||||
<table class="table table-striped table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<th><span class="glyphicon glyphicon-time"></span> Accueil</th>
|
||||
<th><span class="text-primary">Prénom et Nom</span></th>
|
||||
<th>Activités</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>17:23</td>
|
||||
<td><a href="beneficiaireProfil.html">Delphine <span class="text-smallcase">Sabasti</span></a></td>
|
||||
<td>
|
||||
<span class="label label-info">Inscription</span>
|
||||
<span class="label label-success">Soutien moral</span>
|
||||
<span class="label label-success">Recherche d'emploi</span>
|
||||
<span class="label label-success">Curicullum Vitae</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>16:48</td>
|
||||
<td><a href="beneficiaireProfil.html">Patrick <span class="text-smallcase">Dull</span></a></td>
|
||||
<td>
|
||||
<span class="label label-success">Lettre de motivation</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>15:15</td>
|
||||
<td><a href="beneficiaireProfil.html">Christophe <span class="text-smallcase">Denver</span></a></td>
|
||||
<td>
|
||||
<span class="label label-success">Curicullum Vitae</span>
|
||||
<span class="label label-success">Lettre de motivation</span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Footer zone -->
|
||||
<footer class="well footer footer-bottom-patch">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xs-6">
|
||||
<h5 class="text-primary">Remerciement</h5>
|
||||
<ul class="list-unstyled small">
|
||||
<li>Mise en page propulsé par <a href="http://getbootstrap.com/">Bootstrap</a>.</li>
|
||||
<li>Apparence et style fournit par <a href="https://bootswatch.com/">Bootswatch</a>.</li>
|
||||
<li>Scripts motorisé par <a href="https://jquery.com/">jQuery</a>.</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-xs-6">
|
||||
<h5 class="text-primary">Termes</h5>
|
||||
<ul class="list-unstyled small">
|
||||
<li>Ce site web est un projet d'étude.</li>
|
||||
<li><a href="#">À propos</a> de Bénévolaide.</li>
|
||||
<li>License <a class="" href="http://creativecommons.org/licenses/by-nc-nd/3.0/fr/legalcode">CC-BY-NC-ND</a> 2016.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- /container -->
|
||||
<script src="//code.jquery.com/jquery-2.2.1.js"></script>
|
||||
<script>window.jQuery || document.write('<script src="js/vendor/jquery-2.2.0.js"><\/script>')</script>
|
||||
<script src="js/vendor/bootstrap.min.js"></script>
|
||||
<script src="js/shared.js"></script>
|
||||
</body>
|
||||
</html>
|
108
Benevolaide/Views/domaineCherche.html
Normal file
108
Benevolaide/Views/domaineCherche.html
Normal file
@@ -0,0 +1,108 @@
|
||||
<!doctype html>
|
||||
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="fr-fr"> <![endif]-->
|
||||
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="fr-fr"> <![endif]-->
|
||||
<!--[if IE 8]> <html class="no-js lt-ie9" lang="fr-fr"> <![endif]-->
|
||||
<!--[if gt IE 8]><!-->
|
||||
<html class="no-js" lang="fr-fr">
|
||||
<!--<![endif]-->
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<title>Chercher par domaine | Bénévolaide</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="apple-touch-icon" href="apple-touch-icon.png">
|
||||
<link rel="stylesheet" href="css/bootstrap.min.css">
|
||||
<style>
|
||||
</style>
|
||||
<link rel="stylesheet" href="css/bootstrap-flatly.css">
|
||||
<link rel="stylesheet" href="css/main.css">
|
||||
<script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<!-- Header Zone -->
|
||||
<header>
|
||||
<nav class="navbar navbar-inverse navbar-fixed-top">
|
||||
<div class="container">
|
||||
<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<ul class="nav navbar-nav">
|
||||
<li><a href="index.html"><span class="glyphicon glyphicon-home"></span><span class="hidden-md hidden-sm"> Accueil</span></a></li>
|
||||
<li><a href="dashboard.html"><span class="glyphicon glyphicon-dashboard"></span><span class="hidden-md hidden-sm"> Tableau de bord</span></a></li>
|
||||
<li class="dropdown active">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Bénéficiaires <span class="caret"></span></a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="domaineCherche.html"><span class="glyphicon glyphicon-briefcase"></span> Chercher par domaine</a></li>
|
||||
<li><a href="beneficiaireListe.html"><span class="glyphicon glyphicon-list"></span> Liste des bénéficiaires</a></li>
|
||||
<li><a href="beneficiaireEdition.html"><span class="glyphicon glyphicon-plus"></span> Inscrire un bénéficiaire</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Bénévoles <span class="caret"></span></a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="benevoleListe.html"><span class="glyphicon glyphicon-list"></span> Liste des bénévole</a></li>
|
||||
<li><a href="benevoleEdition.html"><span class="glyphicon glyphicon-plus"></span> Inscrire un bénévole</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<form class="navbar-form navbar-left hidden-xs" role="search">
|
||||
<div class="input-group">
|
||||
<input id="headerSearchInput" type="text" class="form-control" placeholder="Rechercher..." required />
|
||||
<span class="input-group-btn">
|
||||
<button type="submit" id="headerSearchButton" class="btn btn-default">
|
||||
<span class="glyphicon glyphicon-search"></span>
|
||||
<span class="hidden-md hidden-sm hidden-xs"> Rechercher</span>
|
||||
</button>
|
||||
</span>
|
||||
</div>
|
||||
</form>
|
||||
<!-- Left zone -->
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li>
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
|
||||
<span class="hidden-sm">Bonjour Simon</span> <span class="glyphicon glyphicon-option-vertical"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="utilisateurProfil.html"><span class="glyphicon glyphicon-user"></span> Mon profil</a></li>
|
||||
<li><a href="apropos.html"><span class="glyphicon glyphicon-info-sign"></span> À propos</a></li>
|
||||
<li role="separator" class="divider"></li>
|
||||
<li><a href="index.html"><span class="glyphicon glyphicon-log-out"></span> Deconnexion</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<!-- Body zone -->
|
||||
<section class="container">
|
||||
</section>
|
||||
<!-- Footer zone -->
|
||||
<footer class="well footer footer-bottom-patch">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xs-6">
|
||||
<h5 class="text-primary">Remerciement</h5>
|
||||
<ul class="list-unstyled small">
|
||||
<li>Mise en page propulsé par <a href="http://getbootstrap.com/">Bootstrap</a>.</li>
|
||||
<li>Apparence et style fournit par <a href="https://bootswatch.com/">Bootswatch</a>.</li>
|
||||
<li>Scripts motorisé par <a href="https://jquery.com/">jQuery</a>.</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-xs-6">
|
||||
<h5 class="text-primary">Termes</h5>
|
||||
<ul class="list-unstyled small">
|
||||
<li>Ce site web est un projet d'étude.</li>
|
||||
<li><a href="#">À propos</a> de Bénévolaide.</li>
|
||||
<li>License <a class="" href="http://creativecommons.org/licenses/by-nc-nd/3.0/fr/legalcode">CC-BY-NC-ND</a> 2016.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- /container -->
|
||||
<script src="//code.jquery.com/jquery-2.2.1.js"></script>
|
||||
<script>window.jQuery || document.write('<script src="js/vendor/jquery-2.2.0.js"><\/script>')</script>
|
||||
<script src="js/vendor/bootstrap.min.js"></script>
|
||||
<script src="js/main.js"></script>
|
||||
<script src="js/beneficiaireProfil.js"></script>
|
||||
</body>
|
||||
</html>
|
175
Benevolaide/Views/index.html
Normal file
175
Benevolaide/Views/index.html
Normal file
@@ -0,0 +1,175 @@
|
||||
<!doctype html>
|
||||
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="fr-fr"> <![endif]-->
|
||||
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="fr-fr"> <![endif]-->
|
||||
<!--[if IE 8]> <html class="no-js lt-ie9" lang="fr-fr"> <![endif]-->
|
||||
<!--[if gt IE 8]><!-->
|
||||
<html class="no-js" lang="fr-fr">
|
||||
<!--<![endif]-->
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<title>Accueil | Bénévolaide</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="apple-touch-icon" href="apple-touch-icon.png">
|
||||
<link rel="stylesheet" href="css/bootstrap.min.css">
|
||||
<style>
|
||||
</style>
|
||||
<link rel="stylesheet" href="css/bootstrap-flatly.css">
|
||||
<link rel="stylesheet" href="css/main.css">
|
||||
<script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<!-- Header Zone -->
|
||||
<header id="TopHeader">
|
||||
<nav class="navbar navbar-inverse navbar-fixed-top">
|
||||
<div class="container">
|
||||
<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<ul class="nav navbar-nav">
|
||||
<li class="active"><a href="index.html"><span class="glyphicon glyphicon-home"></span><span class="hidden-md hidden-sm"> Accueil</span></a></li>
|
||||
<li><a href="dashboard.html"><span class="glyphicon glyphicon-dashboard hidden-md hidden-sm"></span><span class="hidden-md hidden-sm"> Tableau de bord </span><span class="badge">4</span></a></li>
|
||||
<li class="dropdown">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Bénéficiaires <span class="caret"></span></a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="domaineCherche.html"><span class="glyphicon glyphicon-briefcase"></span> Chercher par domaine</a></li>
|
||||
<li><a href="beneficiaireListe.html"><span class="glyphicon glyphicon-list"></span> Liste des bénéficiaires</a></li>
|
||||
<li><a href="beneficiaireEdition.html"><span class="glyphicon glyphicon-plus"></span> Inscrire un bénéficiaire</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Bénévoles <span class="caret"></span></a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="benevoleListe.html"><span class="glyphicon glyphicon-list"></span> Liste des bénévole</a></li>
|
||||
<li><a href="benevoleEdition.html"><span class="glyphicon glyphicon-plus"></span> Inscrire un bénévole</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<form class="navbar-form navbar-left hidden-xs" role="search">
|
||||
<div class="input-group">
|
||||
<input id="headerSearchInput" type="text" class="form-control" placeholder="Rechercher..." required />
|
||||
<span class="input-group-btn">
|
||||
<button type="submit" id="headerSearchButton" class="btn btn-default">
|
||||
<span class="glyphicon glyphicon-search"></span>
|
||||
<span class="hidden-md hidden-sm hidden-xs"> Rechercher</span>
|
||||
</button>
|
||||
</span>
|
||||
</div>
|
||||
</form>
|
||||
<!-- Left zone -->
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li>
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
|
||||
<span class="hidden-sm">Bonjour Simon</span> <span class="glyphicon glyphicon-option-vertical"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="utilisateurProfil.html"><span class="glyphicon glyphicon-user"></span> Mon profil</a></li>
|
||||
<li><a href="apropos.html"><span class="glyphicon glyphicon-info-sign"></span> À propos</a></li>
|
||||
<li role="separator" class="divider"></li>
|
||||
<li><a href="connexion.html"><span class="glyphicon glyphicon-log-out"></span> Deconnexion</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<!-- Body zone -->
|
||||
<section class="container">
|
||||
<!-- Actions -->
|
||||
<div class="row">
|
||||
<h2>Où commencer</h2>
|
||||
<div class="col-md-6">
|
||||
<!-- Recherche -->
|
||||
<div class="well">
|
||||
<h4>Rechercher un bénéficiaire</h4>
|
||||
<div class="input-group">
|
||||
<input id="ChercheBenef" name="ChercheBenef" class="form-control" placeholder="Entrez un nom, un numéro..." required type="search">
|
||||
<span class="input-group-btn">
|
||||
<a href="beneficiaireListe.html" class="btn btn-primary"><span class="glyphicon glyphicon-search"></span> Rechercher</a>
|
||||
</span>
|
||||
</div>
|
||||
<br />
|
||||
ou <a href="beneficiaireListe.html">afficher la liste complète des bénéficiaires</a>.
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<!-- Inscription -->
|
||||
<div class="well">
|
||||
<h4>Inscrire un bénéficiaire</h4>
|
||||
<a href="beneficiaireEdition.html" class="btn btn-info"><span class="glyphicon glyphicon-plus"></span> Inscrire</a>
|
||||
<br /><br />
|
||||
<p>Ajoutez un nouveau bénéficiaire dans l'application pour garder une trace de ses visites.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Vos Derniers bénéficiaires -->
|
||||
<div class="row">
|
||||
<h2>Jusqu'à maintenant</h2>
|
||||
<table class="table table-striped table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<th><span class="glyphicon glyphicon-time"></span> Accueil</th>
|
||||
<th><span class="text-primary">Prénom et Nom</span></th>
|
||||
<th>Activités</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>17:23</td>
|
||||
<td><a href="beneficiaireProfil.html">Delphine <span class="text-smallcase">Sabasti</span></a></td>
|
||||
<td>
|
||||
<span class="label label-info">Inscription</span>
|
||||
<span class="label label-success">Soutien moral</span>
|
||||
<span class="label label-success">Recherche d'emploi</span>
|
||||
<span class="label label-success">Curicullum Vitae</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>16:48</td>
|
||||
<td><a href="beneficiaireProfil.html">Patrick <span class="text-smallcase">Dull</span></a></td>
|
||||
<td>
|
||||
<span class="label label-success">Lettre de motivation</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>15:15</td>
|
||||
<td><a href="beneficiaireProfil.html">Christophe <span class="text-smallcase">Denver</span></a></td>
|
||||
<td>
|
||||
<span class="label label-success">Curicullum Vitae</span>
|
||||
<span class="label label-success">Lettre de motivation</span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Footer zone -->
|
||||
<footer class="well footer footer-bottom-patch">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xs-6">
|
||||
<h5 class="text-primary">Remerciement</h5>
|
||||
<ul class="list-unstyled small">
|
||||
<li>Mise en page propulsé par <a href="http://getbootstrap.com/">Bootstrap</a>.</li>
|
||||
<li>Apparence et style fournit par <a href="https://bootswatch.com/">Bootswatch</a>.</li>
|
||||
<li>Scripts motorisé par <a href="https://jquery.com/">jQuery</a>.</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-xs-6">
|
||||
<h5 class="text-primary">Termes</h5>
|
||||
<ul class="list-unstyled small">
|
||||
<li>Ce site web est un projet d'étude.</li>
|
||||
<li><a href="#">À propos</a> de Bénévolaide.</li>
|
||||
<li>License <a class="" href="http://creativecommons.org/licenses/by-nc-nd/3.0/fr/legalcode">CC-BY-NC-ND</a> 2016.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- /container -->
|
||||
<script src="//code.jquery.com/jquery-2.2.1.js"></script>
|
||||
<script>window.jQuery || document.write('<script src="js/vendor/jquery-2.2.0.js"><\/script>')</script>
|
||||
<script src="js/vendor/bootstrap.min.js"></script>
|
||||
<script src="js/shared.js"></script>
|
||||
<script src="js/index.js"></script>
|
||||
</body>
|
||||
</html>
|
107
Benevolaide/Views/utilisateurProfil.html
Normal file
107
Benevolaide/Views/utilisateurProfil.html
Normal file
@@ -0,0 +1,107 @@
|
||||
<!doctype html>
|
||||
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="fr-fr"> <![endif]-->
|
||||
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="fr-fr"> <![endif]-->
|
||||
<!--[if IE 8]> <html class="no-js lt-ie9" lang="fr-fr"> <![endif]-->
|
||||
<!--[if gt IE 8]><!-->
|
||||
<html class="no-js" lang="fr-fr">
|
||||
<!--<![endif]-->
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<title>Mon Profil | Bénévolaide</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="apple-touch-icon" href="apple-touch-icon.png">
|
||||
<link rel="stylesheet" href="css/bootstrap.min.css">
|
||||
<style>
|
||||
</style>
|
||||
<link rel="stylesheet" href="css/bootstrap-flatly.css">
|
||||
<link rel="stylesheet" href="css/main.css">
|
||||
<script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<!-- Header Zone -->
|
||||
<header>
|
||||
<nav class="navbar navbar-inverse navbar-fixed-top">
|
||||
<div class="container">
|
||||
<span class="navbar-brand hidden-sm">Bénévolaide</span>
|
||||
<ul class="nav navbar-nav">
|
||||
<li><a href="index.html"><span class="glyphicon glyphicon-home"></span><span class="hidden-md hidden-sm"> Accueil</span></a></li>
|
||||
<li><a href="dashboard.html"><span class="glyphicon glyphicon-dashboard"></span><span class="hidden-md hidden-sm"> Tableau de bord</span></a></li>
|
||||
<li class="dropdown">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Bénéficiaires <span class="caret"></span></a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="domaineCherche.html"><span class="glyphicon glyphicon-briefcase"></span> Chercher par domaine</a></li>
|
||||
<li><a href="beneficiaireListe.html"><span class="glyphicon glyphicon-list"></span> Liste des bénéficiaires</a></li>
|
||||
<li><a href="beneficiaireEdition.html"><span class="glyphicon glyphicon-plus"></span> Inscrire un bénéficiaire</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Bénévoles <span class="caret"></span></a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="benevoleListe.html"><span class="glyphicon glyphicon-list"></span> Liste des bénévole</a></li>
|
||||
<li><a href="benevoleEdition.html"><span class="glyphicon glyphicon-plus"></span> Inscrire un bénévole</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<form class="navbar-form navbar-left hidden-xs" role="search">
|
||||
<div class="input-group">
|
||||
<input id="headerSearchInput" type="text" class="form-control" placeholder="Rechercher..." required />
|
||||
<span class="input-group-btn">
|
||||
<button type="submit" id="headerSearchButton" class="btn btn-default">
|
||||
<span class="glyphicon glyphicon-search"></span>
|
||||
<span class="hidden-md hidden-sm hidden-xs"> Rechercher</span>
|
||||
</button>
|
||||
</span>
|
||||
</div>
|
||||
</form>
|
||||
<!-- Left zone -->
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li>
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
|
||||
<span class="hidden-sm">Bonjour Simon</span> <span class="glyphicon glyphicon-option-vertical"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="utilisateurProfil.html"><span class="glyphicon glyphicon-user"></span> Mon profil</a></li>
|
||||
<li><a href="apropos.html"><span class="glyphicon glyphicon-info-sign"></span> À propos</a></li>
|
||||
<li role="separator" class="divider"></li>
|
||||
<li><a href="index.html"><span class="glyphicon glyphicon-log-out"></span> Deconnexion</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<!-- Body zone -->
|
||||
<section class="container"></section>
|
||||
<!-- Footer zone -->
|
||||
<footer class="well footer footer-bottom-patch">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xs-6">
|
||||
<h5 class="text-primary">Remerciement</h5>
|
||||
<ul class="list-unstyled small">
|
||||
<li>Mise en page propulsé par <a href="http://getbootstrap.com/">Bootstrap</a>.</li>
|
||||
<li>Apparence et style fournit par <a href="https://bootswatch.com/">Bootswatch</a>.</li>
|
||||
<li>Scripts motorisé par <a href="https://jquery.com/">jQuery</a>.</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-xs-6">
|
||||
<h5 class="text-primary">Termes</h5>
|
||||
<ul class="list-unstyled small">
|
||||
<li>Ce site web est un projet d'étude.</li>
|
||||
<li><a href="#">À propos</a> de Bénévolaide.</li>
|
||||
<li>License <a class="" href="http://creativecommons.org/licenses/by-nc-nd/3.0/fr/legalcode">CC-BY-NC-ND</a> 2016.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- /container -->
|
||||
<script src="//code.jquery.com/jquery-2.2.1.js"></script>
|
||||
<script>window.jQuery || document.write('<script src="js/vendor/jquery-2.2.0.js"><\/script>')</script>
|
||||
<script src="js/vendor/bootstrap.min.js"></script>
|
||||
<script src="js/main.js"></script>
|
||||
<script src="js/beneficiaireProfil.js"></script>
|
||||
</body>
|
||||
</html>
|
42
Benevolaide/Views/web.config
Normal file
42
Benevolaide/Views/web.config
Normal file
@@ -0,0 +1,42 @@
|
||||
<?xml version="1.0"?>
|
||||
|
||||
<configuration>
|
||||
<configSections>
|
||||
<sectionGroup name="system.web.webPages.razor" type="System.Web.WebPages.Razor.Configuration.RazorWebSectionGroup, System.Web.WebPages.Razor, Version=3.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35">
|
||||
<section name="host" type="System.Web.WebPages.Razor.Configuration.HostSection, System.Web.WebPages.Razor, Version=3.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" requirePermission="false" />
|
||||
<section name="pages" type="System.Web.WebPages.Razor.Configuration.RazorPagesSection, System.Web.WebPages.Razor, Version=3.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" requirePermission="false" />
|
||||
</sectionGroup>
|
||||
</configSections>
|
||||
|
||||
<system.web.webPages.razor>
|
||||
<host factoryType="System.Web.Mvc.MvcWebRazorHostFactory, System.Web.Mvc, Version=5.2.3.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
|
||||
<pages pageBaseType="System.Web.Mvc.WebViewPage">
|
||||
<namespaces>
|
||||
<add namespace="System.Web.Mvc" />
|
||||
<add namespace="System.Web.Mvc.Ajax" />
|
||||
<add namespace="System.Web.Mvc.Html" />
|
||||
<add namespace="System.Web.Routing" />
|
||||
<add namespace="Benevolaide" />
|
||||
</namespaces>
|
||||
</pages>
|
||||
</system.web.webPages.razor>
|
||||
|
||||
<appSettings>
|
||||
<add key="webpages:Enabled" value="false" />
|
||||
</appSettings>
|
||||
|
||||
<system.webServer>
|
||||
<handlers>
|
||||
<remove name="BlockViewHandler"/>
|
||||
<add name="BlockViewHandler" path="*" verb="*" preCondition="integratedMode" type="System.Web.HttpNotFoundHandler" />
|
||||
</handlers>
|
||||
</system.webServer>
|
||||
|
||||
<system.web>
|
||||
<compilation>
|
||||
<assemblies>
|
||||
<add assembly="System.Web.Mvc, Version=5.2.3.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
|
||||
</assemblies>
|
||||
</compilation>
|
||||
</system.web>
|
||||
</configuration>
|
Reference in New Issue
Block a user