Wiki Moc FFC

Wiki «Fonctionnement Front-Office Commerçant»

Outils pour utilisateurs

Outils du site

Piste: • liens • team • forban

Panneau latéral

Les rubriques …

Signets
«Fiches»
Outils
Divers
Notes & ToDoList
Aide

Le coin «geek»
forban
Créateur de livres
 Ajouter cette page à votre livre
Créateur de livres
 Retirer cette page de votre livre  

 Voir ou modifier le livre(0 pages)
 Aide

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>&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>

</html>

forban.1545904840.txt.gz · Dernière modification: 2022/02/10 12:39 (modification externe)

Outils de la page

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki