Wiki Moc FFC

Créateur de livres
Ajouter cette page à votre livre
Créateur de livres
Retirer cette page de votre livre
<!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>&nbsp;&nbsp;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>&nbsp;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>&nbsp;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>&nbsp;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">&times;</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>&nbsp;A propos de ce projet</a></li>
              <li><a href="#disclaimer" data-toggle="tab"><i class="fa fa-exclamation-circle"></i>&nbsp;Responsabilité</a></li>
              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-globe"></i>&nbsp;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">&times;</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">&times;</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>
Wiki Moc FFC

Panneau latéral

Signets

«Fiches»

Outils

Divers

Notes & ToDoList

Aide

Le coin «geek»

Wiki Moc FFC

Outils pour utilisateurs

Outils du site

Panneau latéral

Signets

«Fiches»

Outils

Divers

Notes & ToDoList

Aide

Le coin «geek»

Outils de la page
