template referent
This commit is contained in:
parent
ba61a1b427
commit
e1148d1a43
1
SRC/public/pictures/holder
Executable file
1
SRC/public/pictures/holder
Executable file
@ -0,0 +1 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="yes"?><svg xmlns="http://www.w3.org/2000/svg" width="171" height="180" viewBox="0 0 171 180" preserveAspectRatio="none"><defs/><rect width="171" height="180" fill="#EEEEEE"/><g><text x="60.1875" y="90" style="fill:#AAAAAA;font-weight:bold;font-family:Arial, Helvetica, Open Sans, sans-serif, monospace;font-size:10pt;dominant-baseline:central">171x180</text></g></svg>
|
After Width: | Height: | Size: 417 B |
BIN
SRC/public/pictures/holder.jpg
Normal file
BIN
SRC/public/pictures/holder.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 1.5 KiB |
@ -9,12 +9,8 @@
|
||||
|
||||
// Import the fonts
|
||||
@font-face {
|
||||
font-family: 'Glyphicons Halflings';
|
||||
src: url('@{icon-font-path}@{icon-font-name}.eot');
|
||||
src: url('@{icon-font-path}@{icon-font-name}.eot?#iefix') format('embedded-opentype'),
|
||||
url('@{icon-font-path}@{icon-font-name}.woff') format('woff'),
|
||||
url('@{icon-font-path}@{icon-font-name}.ttf') format('truetype'),
|
||||
url('@{icon-font-path}@{icon-font-name}.svg#@{icon-font-svg-id}') format('svg');
|
||||
font-family: "Glyphicons Halflings";
|
||||
src: url("../fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular") format("svg");
|
||||
}
|
||||
|
||||
// Catchall baseclass
|
||||
|
@ -3,12 +3,14 @@
|
||||
@section('content')
|
||||
|
||||
<br>
|
||||
<center><h1>Bienvenue dans l'espace d'administration!</h1>
|
||||
<br>
|
||||
<center><h1>Bienvenue dans l'espace d'administration!</h1></center>
|
||||
<br><br><br>
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="col-md-2"></div>
|
||||
|
||||
<div class="col-md-8">
|
||||
<button style="float: right" type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">Ajouter un référent</button>
|
||||
<table class="table table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
@ -23,42 +25,107 @@
|
||||
<td>Quentin Rouland</td>
|
||||
<td>quentin.rouland@free.fr</td>
|
||||
<td>Toulouse</td>
|
||||
<td>-- Action --</td>
|
||||
<td>
|
||||
<button type="button" class="btn btn-default btn-sm">Se connecter</button>
|
||||
<button type="button" class="btn btn-warning btn-sm">Supprimer</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Quentin Rouland</td>
|
||||
<td>quentin.rouland@free.fr</td>
|
||||
<td>Toulouse</td>
|
||||
<td>-- Action --</td>
|
||||
<td>
|
||||
<button type="button" class="btn btn-default btn-sm">Se connecter</button>
|
||||
<button type="button" class="btn btn-warning btn-sm">Supprimer</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Quentin Rouland</td>
|
||||
<td>quentin.rouland@free.fr</td>
|
||||
<td>Toulouse</td>
|
||||
<td>-- Action --</td>
|
||||
<td>
|
||||
<button type="button" class="btn btn-default btn-sm">Se connecter</button>
|
||||
<button type="button" class="btn btn-warning btn-sm">Supprimer</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Quentin Rouland</td>
|
||||
<td>quentin.rouland@free.fr</td>
|
||||
<td>Toulouse</td>
|
||||
<td>-- Action --</td>
|
||||
<td>
|
||||
<button type="button" class="btn btn-default btn-sm">Se connecter</button>
|
||||
<button type="button" class="btn btn-warning btn-sm">Supprimer</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Quentin Rouland</td>
|
||||
<td>quentin.rouland@free.fr</td>
|
||||
<td>Toulouse</td>
|
||||
<td>-- Action --</td>
|
||||
<td>
|
||||
<button type="button" class="btn btn-default btn-sm">Se connecter</button>
|
||||
<button type="button" class="btn btn-warning btn-sm">Supprimer</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Quentin Rouland</td>
|
||||
<td>quentin.rouland@free.fr</td>
|
||||
<td>Toulouse</td>
|
||||
<td>-- Action --</td>
|
||||
<td>
|
||||
<button type="button" class="btn btn-default btn-sm">Se connecter</button>
|
||||
<button type="button" class="btn btn-warning btn-sm">Supprimer</button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">.col-md-4</div>
|
||||
|
||||
|
||||
<!-- Modal -->
|
||||
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
||||
<h4 class="modal-title" id="myModalLabel">Créer un nouvel adhérent</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
|
||||
<form class="form-horizontal">
|
||||
<div class="form-group">
|
||||
<label for="prenom" class="col-sm-2 control-label">Prénom</label>
|
||||
<div class="col-sm-10">
|
||||
<input type="text" class="form-control" id="prenom" placeholder="Prénom">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="nom" class="col-sm-2 control-label">Nom</label>
|
||||
<div class="col-sm-10">
|
||||
<input type="text" class="form-control" id="nom" placeholder="Nom">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="email" class="col-sm-2 control-label">Email</label>
|
||||
<div class="col-sm-10">
|
||||
<input type="email" class="form-control" id="email" placeholder="Email">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="ville" class="col-sm-2 control-label">Ville</label>
|
||||
<div class="col-sm-10">
|
||||
<input type="text" class="form-control" id="ville" placeholder="Ville">
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
|
||||
<button type="button" class="btn btn-primary">Enregistrer</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
@endsection
|
||||
|
@ -1,9 +1,186 @@
|
||||
@extends('app')
|
||||
|
||||
@section('content')
|
||||
<nav class="navbar navbar-default">
|
||||
<div class="container-fluid">
|
||||
<a class="navbar-brand" href="#">Espace Référent</a>
|
||||
<!-- <span class="glyphicon glyphicon-user" aria-hidden="true"></span> -->
|
||||
<p class="navbar-text">Icone</p>
|
||||
<p class="navbar-text">Nom</p>
|
||||
<p class="navbar-text">Prenom</p>
|
||||
<p class="navbar-text">Identifiant</p>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="#">Se déconnecter</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<br>
|
||||
<center><h1>Bienvenue dans l'espace référent!</h1>
|
||||
<br>
|
||||
<div class="col-md-3">
|
||||
|
||||
<legend>Créer une session:</legend>
|
||||
<form class="form-inline">
|
||||
<div class="form-group">
|
||||
<div class="input-group">
|
||||
<input type="text" class="form-control" id="exampleInputAmount" placeholder="Ajouter une session">
|
||||
</div>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary">Ajouter</button>
|
||||
</form>
|
||||
|
||||
<br><br>
|
||||
<legend>Mes sessions:</legend>
|
||||
<table class="table table-hover">
|
||||
<tr class="active">
|
||||
<td>Falbala</td>
|
||||
<td>Supprimer</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>biblo</td>
|
||||
<td>Supprimer</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Tralala</td>
|
||||
<td>Supprimer</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Redmin</td>
|
||||
<td>Supprimer</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Vive arch linux</td>
|
||||
<td>Supprimer</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-md-9">
|
||||
<legend>Falbala: (Activer ou Désactiver la session)</legend>
|
||||
|
||||
<div class="col-md-9">
|
||||
|
||||
<span style="float: right">Sélectionner tout -- Annuler sélection</span><br>
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-body">
|
||||
|
||||
|
||||
<div class="col-xs-4 col-md-3">
|
||||
<a href="#" class="thumbnail">
|
||||
<img src="/pictures/holder.jpg">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-4 col-md-3">
|
||||
<a href="#" class="thumbnail">
|
||||
<img src="/pictures/holder.jpg">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-4 col-md-3">
|
||||
<a href="#" class="thumbnail">
|
||||
<img src="/pictures/holder.jpg">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-4 col-md-3">
|
||||
<a href="#" class="thumbnail">
|
||||
<img src="/pictures/holder.jpg">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-4 col-md-3">
|
||||
<a href="#" class="thumbnail">
|
||||
<img src="/pictures/holder.jpg">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-4 col-md-3">
|
||||
<a href="#" class="thumbnail">
|
||||
<img src="/pictures/holder.jpg">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-4 col-md-3">
|
||||
<a href="#" class="thumbnail">
|
||||
<img src="/pictures/holder.jpg">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-4 col-md-3">
|
||||
<a href="#" class="thumbnail">
|
||||
<img src="/pictures/holder.jpg">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-4 col-md-3">
|
||||
<a href="#" class="thumbnail">
|
||||
<img src="/pictures/holder.jpg">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-4 col-md-3">
|
||||
<a href="#" class="thumbnail">
|
||||
<img src="/pictures/holder.jpg">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-4 col-md-3">
|
||||
<a href="#" class="thumbnail">
|
||||
<img src="/pictures/holder.jpg">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-4 col-md-3">
|
||||
<a href="#" class="thumbnail">
|
||||
<img src="/pictures/holder.jpg">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<button style="float: right" class="btn btn-primary">Enregistrer</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-md-3">
|
||||
|
||||
<legend>Ajouter un filtre:</legend>
|
||||
<h4>Par critère:</h4>
|
||||
<select class="form-control">
|
||||
<option selected="selected">Selectionner catégorie</option>
|
||||
<option>1</option>
|
||||
<option>2</option>
|
||||
</select>
|
||||
|
||||
<select class="form-control">
|
||||
<option selected="selected">Tous les éléments</option>
|
||||
<option>1</option>
|
||||
<option>2</option>
|
||||
</select>
|
||||
<button style="margin-top: 5px" class="btn btn-primary">Ajouter</button>
|
||||
<br><br>
|
||||
|
||||
<h4>Par mot clé:</h4>
|
||||
<form class="form-inline">
|
||||
<div class="col-sm-8 form-group">
|
||||
<div class="input-group">
|
||||
<input type="text" class="form-control" id="exampleInputAmount" placeholder="Par mot clé">
|
||||
</div>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary">Ajouter</button>
|
||||
|
||||
<br><br>
|
||||
<legend>Mes filtres</legend>
|
||||
|
||||
<table class="table table-hover">
|
||||
<tr>
|
||||
<td>Montagne: noire</td>
|
||||
<td>Supprimer</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>couleur: bleu</td>
|
||||
<td>Supprimer</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>âge: 10 ans</td>
|
||||
<td>Supprimer</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
@endsection
|
||||
|
Reference in New Issue
Block a user