Les rubriques …
Signets
«Fiches»
Outils
- Facturation
- Statistiques
Les rubriques …
Ceci est une ancienne révision du document !
<!DOCTYPE html> <!-- -------------------------------------------------------------------------- --> <!-- | Auteur | Version | Date | Commentaires | --> <!-- -------------------------------------------------------------------------- --> <!-- | P. BERGE | | 06/06/2015 | E-TRANSACTIONS ATOS | --> <!-- -------------------------------------------------------------------------- --> <html lang="fr"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1,width=device-width"> <meta name="mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="description" content=""> <meta name="author" content=""> <title>E-Transactions ATOS</title> <!-- liens externes conserves sur les outils --> <link rel="stylesheet" href="assets/bootstrap-3.3.4/css/bootstrap.min.css"> <link rel="stylesheet" href="assets/font-awesome-4.3.0/css/font-awesome.min.css"> <link rel="stylesheet" href="assets/css/leaflet.css"> <link rel="stylesheet" href="assets/css/MarkerCluster.css"> <link rel="stylesheet" href="assets/css/MarkerCluster.Default.css"> <link rel="stylesheet" href="//api.tiles.mapbox.com/mapbox.js/plugins/leaflet-locatecontrol/v0.24.0/L.Control.Locate.css"> <link rel="stylesheet" href="assets/leaflet-groupedlayercontrol/leaflet.groupedlayercontrol.css"> <link rel="stylesheet" href="assets/css/app.css"> <link rel="apple-touch-icon" sizes="76x76" href="assets/img/favicon-76.png"> <link rel="apple-touch-icon" sizes="120x120" href="assets/img/favicon-120.png"> <link rel="apple-touch-icon" sizes="152x152" href="assets/img/favicon-152.png"> <link rel="icon" sizes="196x196" href="assets/img/favicon-196.png"> <link rel="icon" type="image/x-icon" href="assets/img/favicon.ico"> </head> <body> <!-- Navbar (Bootstrap) --> <div class="navbar navbar-inverse navbar-fixed-top" role="navigation"> <div class="container-fluid"> <div class="navbar-header"> <div class="navbar-icon-container"> <a href="#" class="navbar-icon pull-right visible-xs" id="nav-btn"><i class="fa fa-bars fa-lg white"></i></a> <a href="#" class="navbar-icon pull-right visible-xs" id="sidebar-toggle-btn"><i class="fa fa-search fa-lg white"></i></a> </div> <a class="navbar-brand" href="#">E-Transactions ATOS</a> </div> <div class="navbar-collapse collapse"> <ul class="nav navbar-nav"> <li><a href="#" data-toggle="collapse" data-target=".navbar-collapse.in" id="about-btn"><i class="fa fa-question-circle white"></i> A propos</a></li> <li class="hidden-xs"><a href="#" data-toggle="collapse" data-target=".navbar-collapse.in" id="list-btn"><i class="fa fa-lg white"></i></a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Année 2015 <span class="caret"></span></a> <ul class="dropdown-menu" role="menu"> <li><a href="VIEW-INFOS-ET-ATOS.htm?MONTH=201503&MOIS=MARS-2015">Mars</a></li> <li><a href="VIEW-INFOS-ET-ATOS.htm?MONTH=201504&MOIS=AVRIL-2015">Avril</a></li> <li><a href="VIEW-INFOS-ET-ATOS.htm?MONTH=201505&MOIS=MAI-2015">Mai</a></li> <li><a href="VIEW-INFOS-ET-ATOS.htm?MONTH=201506&MOIS=JUIN-2015">Juin</a></li> <li><a href="VIEW-INFOS-ET-ATOS.htm?MONTH=201507&MOIS=JUILLET-2015">Juillet</a></li> <li><a href="VIEW-INFOS-ET-ATOS.htm?MONTH=201508&MOIS=AOUT-2015">Août</a></li> <li><a href="VIEW-INFOS-ET-ATOS.htm?MONTH=201509&MOIS=SEPTEMBRE-2015">Septembre</a></li> <li><a href="VIEW-INFOS-ET-ATOS.htm?MONTH=201510&MOIS=OCTOBRE-2015">Octobre</a></li> <li><a href="VIEW-INFOS-ET-ATOS.htm?MONTH=201511&MOIS=NOVEMBRE-2015">Novembre</a></li> <li><a href="VIEW-INFOS-ET-ATOS.htm?MONTH=201512&MOIS=DECEMBRE-2015">Décembre</a></li> </ul> </li> <li class="hidden-xs"><a href="VIEW-INFOS-ET-ATOS.htm" data-toggle="collapse" data-target=".navbar-collapse.in" id="list-btn"><i class="fa fa-lg white"></i> ATOS</a></li> <li class="hidden-xs"><a href="VIEW-INFOS-ET-PBV1.htm" data-toggle="collapse" data-target=".navbar-collapse.in" id="list-btn"><i class="fa fa-lg white"></i> PAYBOX V1</a></li> <li class="hidden-xs"><a href="VIEW-INFOS-ET-PBVI2.htm" data-toggle="collapse" data-target=".navbar-collapse.in" id="list-btn"><i class="fa fa-lg white"></i> PAYBOX VISION</a></li> </ul> </div><!--/.navbar-collapse --> </div> </div> <!-- Fin NavBar (Bootstrap) --> <div id="container"> <!-- Sidebar (Bootstrap) --> <!-- Fin SideBar (Bootstrap) --> <div id="map"></div> </div> <div id="loading"> <div class="loading-indicator"> <div class="progress progress-striped active"> <div class="progress-bar progress-bar-info progress-bar-full"></div> </div> </div> </div> <!-- Modal Bar (Bootstrap) --> <div class="modal fade" id="aboutModal" tabindex="-1" role="dialog"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <button class="close" type="button" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title">Bienvenue sur cette page d'informations !</h4> </div> <div class="modal-body"> <ul class="nav nav-tabs" id="aboutTabs"> <li class="active"><a href="#about" data-toggle="tab"><i class="fa fa-question-circle"></i> A propos de ce projet</a></li> <li><a href="#disclaimer" data-toggle="tab"><i class="fa fa-exclamation-circle"></i> Responsabilité</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-globe"></i> Metadata <b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="#boroughs-tab" data-toggle="tab">E-Transactions</a></li> </ul> </li> </ul> <div class="tab-content" id="aboutTabsContent"> <div class="tab-pane fade active in" id="about"> <p>Template responsif pour construire des applications de cartographie avec <a href="http://getbootstrap.com/">Bootstrap 3</a>, <a href="http://leafletjs.com/" target="_blank">Leaflet</a>. Open source, licence MIT, and disponible sur <a href="https://github.com/bmcbride/bootleaf" target="_blank">GitHub</a>.</p> <div class="panel panel-primary"> <div class="panel-heading">Fonctionnalités</div> <ul class="list-group"> <li class="list-group-item">Carte compatible téléphone mobile, Barre de navigation responsive avec <a href="http://getbootstrap.com/" target="_blank">Bootstrap 3</a></li> <li class="list-group-item"><a href="https://jquery.com/" target="_blank">jQuery</a>, chargement de fichiers externes GeoJSON</li> <li class="list-group-item">Clustering de marqueurs avec le <a href="https://github.com/Leaflet/Leaflet.markercluster" target="_blank">plugin leaflet marker cluster</a></li> <li class="list-group-item">Liste responsive avec tri et filtre avec <a href="http://listjs.com/" target="_blank">list.js</a></li> <li class="list-group-item">Icones de marqueurs avec le <a href="https://github.com/ismyrnow/Leaflet.groupedlayercontrol" target="_blank">plugin grouped layer control</a></li> <li class="list-group-item">Icones créés par <a href="http://www.flaticon.com/authors/freepik" target="_blank">flaticon freepik</a> sous licence <a href="http://creativecommons.org/licenses/by/2.0/" target="_blank">CC BY 2.0</a></li> </ul> </div> </div> <div id="disclaimer" class="tab-pane fade text-danger"> <p>Les informations sur ce site sont fournies uniquement à titre indicatif.</p> <p> </p> </div> <div class="tab-pane fade" id="boroughs-tab"> <p>Liste des commerces E-Transactions basée sur le fichier hebdo AVEO <a href="https://e-transactions.aveo-groupe.com/pages/global.php" target="_blank">E-Transactions</a></p> </div> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Fermer</button> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> <div class="modal fade" id="featureModal" tabindex="-1" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button class="close" type="button" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title text-primary" id="feature-title"></h4> </div> <div class="modal-body" id="feature-info"></div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> <div class="modal fade" id="attributionModal" tabindex="-1" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button class="close" type="button" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title"> Adaptation P.Bergé</a> </h4> </div> <div class="modal-body"> <div id="attribution"></div> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> <!-- Fin Modal (Bootstrap) --> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <script src="assets/bootstrap-3.3.4/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/typeahead.js/0.10.5/typeahead.bundle.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.3.0/handlebars.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/list.js/1.1.1/list.min.js"></script> <script src="assets/js/leaflet.js"></script> <script src="assets/js/leaflet.markercluster.js"></script> <script src="//api.tiles.mapbox.com/mapbox.js/plugins/leaflet-locatecontrol/v0.24.0/L.Control.Locate.js"></script> <!-- <script src="assets/bootstrap-3.3.4/js/bootstrap.min.js"></script> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/typeahead.js/0.10.5/typeahead.bundle.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.3.0/handlebars.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/list.js/1.1.1/list.min.js"></script> <script src="assets/js/leaflet.js"></script> <script src="assets/js/leaflet.markercluster.js"></script> <script src="//api.tiles.mapbox.com/mapbox.js/plugins/leaflet-locatecontrol/v0.24.0/L.Control.Locate.js"></script> --> <script src="assets/leaflet-groupedlayercontrol/leaflet.groupedlayercontrol.js"></script> <script type="text/javascript" src="data/CRCA.json"></script> <script type="text/javascript" src="assets/js/app-et-atos.js"></script> </body>