UI Walla
Walla Impression PDF
<div class="amui-l-app-layout">
<nav class="amui-o-top-bar navbar">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#top-bar-collapse" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="amui-o-top-bar__logo amui-m-navbar-logo navbar-brand" href="index.html">
<h1 class="amui-a-brand-logo is--light">Bienvenue Aix-Marseille université</h1>
<span class="amui-m-navbar-logo__heading-title">Walla</span>
</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="top-bar-collapse">
<ul class="amui-o-top-bar__nav navbar-nav navbar-right">
<li class="amui-o-top-bar__nav-list-item">
<a class="amui-m-nav-icon is--inner-text-inline-block" href="#">
<i class="material-icons md-24">account_circle</i>
<span class="amui-m-nav-icon__inner-text">Utilisateur</span>
</a>
</li>
<li class="amui-o-top-bar__nav-list-item">
<a class="amui-m-nav-icon" href="http://ent.univ-amu.fr">
<span class="amui-m-nav-icon__inner-text">ENT</span>
</a>
</li>
<li class="amui-o-top-bar__nav-list-item">
<a class="amui-m-nav-icon" href="info.html">
<i class="material-icons md-24">help</i>
</a>
</li>
<li class="amui-o-top-bar__nav-list-item amui-m-btn-dropdown dropdown dropdown--parent">
<a class="amui-m-nav-icon is--inner-text-inline-block dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
<i class="material-icons md-24">settings</i>
<span class="amui-m-nav-icon__inner-text">Admin</span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li>
<a href="#">Visites</a>
</li>
<li>
<a href="#">Paramétrages</a>
</li>
<li>
<a href="#">Listes</a>
</li>
<li>
<a href="#">Historique</a>
</li>
</ul>
</li>
<li class="amui-o-top-bar__nav-list-item">
<a class="amui-m-nav-icon" href="#">
<i class="material-icons md-24">exit_to_app</i>
</a>
</li>
</ul>
</div>
</div> <!-- Container fluid -->
</nav> <!-- Organism top bar -->
<div id="navbar-collapse" class="amui-l-app-layout__wrapper">
<ul class="amui-o-sidebar-nav">
<li class="amui-o-sidebar-nav__list-item">
<a class="amui-m-nav-icon is--inner-text" href="#">
<i class="material-icons md-24">work</i>
<span class="amui-m-nav-icon__inner-text">Projets</span>
</a>
</li>
<li class="amui-o-sidebar-nav__list-item">
<a class="amui-m-nav-icon is--inner-text" href="#">
<i class="material-icons md-24">announcement</i>
<span class="amui-m-nav-icon__inner-text">Maquette</span>
</a>
</li>
<li class="amui-o-sidebar-nav__list-item">
<a class="amui-m-nav-icon is--inner-text" href="#">
<i class="material-icons md-24">description</i>
<span class="amui-m-nav-icon__inner-text">Rapports</span>
</a>
</li>
<li class="amui-o-sidebar-nav__list-item">
<a class="amui-m-nav-icon is--active is--inner-text" href="#">
<i class="material-icons md-24">picture_as_pdf</i>
<span class="amui-m-nav-icon__inner-text">Impression</span>
</a>
</li>
</ul>
<main role="main" class="amui-l-app-layout__main">
<div class="container-fluid">
<div class="amui-l-page-header amui-g-grid row is--middle">
<div class="amui-g-grid__item col-xs-12">
<h2 class="amui-l-page-header__title">Impression PDF</h2>
</div>
</div>
<form class="amui-o-form-group clearfix">
<div class="amui-g-grid row amui-l-page">
<div class="amui-g-grid__item col-xs-12 col-sm-6">
<div class="amui-m-panel is--fluid">
<div class="amui-g-grid row amui-l-page__main-header">
<div class="amui-g-grid__item col-xs-12">
<div class="amui-m-panel__heading">
<h3 class="amui-m-panel__heading-title amui-h-pt-xxxs">Sélectionner une ou plusieurs poles</h3>
</div>
</div>
</div>
<div class="amui-g-grid row">
<div class="amui-g-grid__item col-xs-12">
<div class="amui-m-panel__body">
<div class="tab-content">
<div class="amui-l-table-responsive table-responsive">
<table class="amui-o-table table responsive-card-table">
<thead class="amui-o-table__header">
<tr class="amui-o-table__header-row is--align-middle">
<th scope="col" class="amui-o-table__header-col">
<label for="all-pole" class="amui-a-form-check">
<input type="checkbox" id="all-pole" name="Checkbox1" value="option1">
<span class="amui-a-form-check__indicator"></span>
<span class="amui-a-form-check__label">Sélectionner tous</span>
</label>
</th>
</tr>
</thead>
<tbody id="pole-print" class="amui-o-table__body">
<tr class="amui-o-table__body-row is--align-middle">
<th scope="row" class="amui-o-table__body-col" data-label="title">
<label for="aix" class="amui-a-form-check">
<input type="checkbox" id="aix" name="aix" value="option1">
<span class="amui-a-form-check__indicator"></span>
<span class="amui-a-form-check__label">Campus Aix</span>
</label>
</th>
</tr>
<tr class="amui-o-table__body-row is--align-middle">
<th scope="row" class="amui-o-table__body-col" data-label="title">
<label for="luminy" class="amui-a-form-check">
<input type="checkbox" id="luminy" name="luminy" value="option2">
<span class="amui-a-form-check__indicator"></span>
<span class="amui-a-form-check__label">Campus Luminy</span>
</label>
</th>
</tr>
<tr class="amui-o-table__body-row is--align-middle">
<th scope="row" class="amui-o-table__body-col" data-label="title">
<label for="marseille" class="amui-a-form-check">
<input type="checkbox" id="marseille" name="marseille" value="option3">
<span class="amui-a-form-check__indicator"></span>
<span class="amui-a-form-check__label">Campus Marseille</span>
</label>
</th>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="amui-g-grid__item col-xs-6">
<div class="amui-m-panel is--fluid">
<div class="amui-g-grid row amui-l-page__main-header">
<div class="amui-g-grid__item col-xs-12 col-md-5">
<div class="amui-m-panel__heading">
<h3 class="amui-m-panel__heading-title amui-h-pt-xxxs">Impression</h3>
</div>
</div>
<div class="amui-g-grid__item col-xs-12 col-md-7 is--push">
<ul class="amui-m-nav-pills nav nav-pills is--xs">
<li role="presentation" class="amui-m-nav-pills__item active"><a href="#1a" data-toggle="pill">Mensuelle</a></li>
<li role="presentation" class="amui-m-nav-pills__item"><a href="#2a" data-toggle="pill">Annuelle</a></li>
</ul>
</div>
</div>
<div class="amui-g-grid row">
<div class="amui-g-grid__item col-xs-12">
<div class="amui-m-panel__body">
<div class="tab-content">
<div class="tab-pane active" id="1a">
<div class="amui-g-grid row">
<div class="amui-g-grid__item col-xs-12">
<div class="amui-l-table-responsive table-responsive">
<table class="amui-o-table table responsive-card-table">
<thead class="amui-o-table__header">
<tr class="amui-o-table__header-row is--align-middle">
<th width="20" class="amui-o-table__header-col">
<label for="all-month" class="amui-a-form-check">
<input type="checkbox" id="all-month" name="all-month" value="option1">
<span class="amui-a-form-check__indicator"></span>
<span class="amui-a-form-check__label">Sélectionner tout</span>
</label>
</th>
</tr>
</thead>
<tbody id="month-print">
<tr class="amui-o-table__body-row is--align-middle">
<th scope="row" class="amui-o-table__body-col" data-label="title">
<label for="janvier" class="amui-a-form-check">
<input type="checkbox" id="janvier" name="Checkbox1" value="option1">
<span class="amui-a-form-check__indicator"></span>
<span class="amui-a-form-check__label">Janvier</span>
</label>
</th>
</tr>
<tr class="amui-o-table__body-row is--align-middle">
<th scope="row" class="amui-o-table__body-col" data-label="title">
<label for="decembre" class="amui-a-form-check">
<input type="checkbox" id="decembre" name="decembre" value="option1">
<span class="amui-a-form-check__indicator"></span>
<span class="amui-a-form-check__label">Décembre</span>
</label>
</th>
</tr>
<tr class="amui-o-table__body-row is--align-middle">
<th scope="row" class="amui-o-table__body-col" data-label="title">
<label for="novembre" class="amui-a-form-check">
<input type="checkbox" id="novembre" name="novembre" value="option1">
<span class="amui-a-form-check__indicator"></span>
<span class="amui-a-form-check__label">Novembre</span>
</label>
</th>
</tr>
<tr class="amui-o-table__body-row is--align-middle">
<th scope="row" class="amui-o-table__body-col" data-label="title">
<label for="octobre" class="amui-a-form-check">
<input type="checkbox" id="octobre" name="octobre" value="option1">
<span class="amui-a-form-check__indicator"></span>
<span class="amui-a-form-check__label">Octobre</span>
</label>
</th>
</tr>
<tr class="amui-o-table__body-row is--align-middle">
<th scope="row" class="amui-o-table__body-col" data-label="title">
<label for="septembre" class="amui-a-form-check">
<input type="checkbox" id="septembre" name="septembre" value="option1">
<span class="amui-a-form-check__indicator"></span>
<span class="amui-a-form-check__label">Septembre</span>
</label>
</th>
</tr>
<tr class="amui-o-table__body-row is--align-middle">
<th scope="row" class="amui-o-table__body-col" data-label="title">
<label for="aout" class="amui-a-form-check">
<input type="checkbox" id="aout" name="aout" value="option1">
<span class="amui-a-form-check__indicator"></span>
<span class="amui-a-form-check__label">Aout</span>
</label>
</th>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="amui-g-grid row amui-m-panel__body__footer">
<div class="amui-g-grid__item col-xs-12 is--push">
<button type="button" class="amui-a-btn is--success btn is--icon-left"><i class="material-icons md-24">print</i><span>Imprimer</span></button>
</div>
</div>
</div>
<div class="tab-pane" id="2a">
<div class="amui-g-grid row">
<div class="amui-g-grid__item col-xs-12">
<div class="amui-l-table-responsive table-responsive">
<table class="amui-o-table table responsive-card-table">
<thead class="amui-o-table__header">
<tr class="amui-o-table__header-row is--align-middle">
<th scope="col" class="amui-o-table__header-col">
<label for="all-years" class="amui-a-form-check">
<input type="checkbox" id="all-years" name="all-years" value="option1">
<span class="amui-a-form-check__indicator"></span>
<span class="amui-a-form-check__label">Sélectionner tous</span>
</label>
</th>
</tr>
</thead>
<tbody id="year-print">
<tr class="amui-o-table__body-row is--align-middle">
<th scope="row" class="amui-o-table__body-col" data-label="title">
<label for="2018" class="amui-a-form-check">
<input type="checkbox" id="2018" name="2018" value="option1">
<span class="amui-a-form-check__indicator"></span>
<span class="amui-a-form-check__label">2018</span>
</label>
</th>
</tr>
<tr class="amui-o-table__body-row is--align-middle">
<th scope="row" class="amui-o-table__body-col" data-label="title">
<label for="2017" class="amui-a-form-check">
<input type="checkbox" id="2017" name="2017" value="option1">
<span class="amui-a-form-check__indicator"></span>
<span class="amui-a-form-check__label">2017</span>
</label>
</th>
</tr>
<tr class="amui-o-table__body-row is--align-middle">
<th scope="row" class="amui-o-table__body-col" data-label="title">
<label for="2016" class="amui-a-form-check">
<input type="checkbox" id="2016" name="2016" value="option1">
<span class="amui-a-form-check__indicator"></span>
<span class="amui-a-form-check__label">2016</span>
</label>
</th>
</tr>
<tr class="amui-o-table__body-row is--align-middle">
<th scope="row" class="amui-o-table__body-col" data-label="title">
<label for="2015" class="amui-a-form-check">
<input type="checkbox" id="2015" name="2015" value="option1">
<span class="amui-a-form-check__indicator"></span>
<span class="amui-a-form-check__label">2015</span>
</label>
</th>
</tr>
<tr class="amui-o-table__body-row is--align-middle">
<th scope="row" class="amui-o-table__body-col" data-label="title">
<label for="2014" class="amui-a-form-check">
<input type="checkbox" id="2014" name="2014" value="option1">
<span class="amui-a-form-check__indicator"></span>
<span class="amui-a-form-check__label">2014</span>
</label>
</th>
</tr>
<tr class="amui-o-table__body-row is--align-middle">
<th scope="row" class="amui-o-table__body-col" data-label="title">
<label for="2013" class="amui-a-form-check">
<input type="checkbox" id="2013" name="2013" value="option1">
<span class="amui-a-form-check__indicator"></span>
<span class="amui-a-form-check__label">2013</span>
</label>
</th>
</tr>
<tr class="amui-o-table__body-row is--align-middle">
<th scope="row" class="amui-o-table__body-col" data-label="title">
<label for="2012" class="amui-a-form-check">
<input type="checkbox" id="2012" name="2012" value="option1">
<span class="amui-a-form-check__indicator"></span>
<span class="amui-a-form-check__label">2012</span>
</label>
</th>
</tr>
<tr class="amui-o-table__body-row is--align-middle">
<th scope="row" class="amui-o-table__body-col" data-label="title">
<label for="2011" class="amui-a-form-check">
<input type="checkbox" id="2011" name="2011" value="option1">
<span class="amui-a-form-check__indicator"></span>
<span class="amui-a-form-check__label">2011</span>
</label>
</th>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="amui-g-grid row amui-m-panel__body__footer">
<div class="amui-g-grid__item col-xs-12 is--push">
<button type="button" class="amui-a-btn is--success btn is--icon-left"><i class="material-icons md-24">print</i><span>Imprimer</span></button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
</div> <!-- Fluid container -->
</main> <!-- Main container -->
</div> <!-- Main container -->
<footer role="contentinfo" class="amui-m-footer amui-l-app-layout__footer panel-default">
<small>Aix-Marseille Université - Dosi Pôle développement <a href="mailto:jp.floret@univ-amu.fr?subject=Siamu">jp.floret@univ-amu.fr</a> </small>
</footer> <!-- Footer -->
</div>