Rev 1516 | Rev 1733 | Go to most recent revision | Blame | Compare with Previous | Last modification | View Log | RSS feed
<?php?><!DOCTYPE html><html lang="fr"><head><title>CEL Mobile</title><meta http-equiv="content-type" content="text/html; charset=UTF-8"/><meta http-equiv="Content-style-type" content="text/css" /><meta http-equiv="Content-script-type" content="text/javascript" /><meta http-equiv="Content-language" content="fr" /><meta name="revisit-after" content="15 days" /><meta name="robots" content="index,follow" /><meta name="author" content="Jean-Pascal MILCENT, Mathilde SALTHUN-LASSALLE" /><meta name="keywords" content="Tela Botanica, CEL, mobile" /><meta name="description" content="Widget de saisie du CEL pour smartphone" /><!-- Favicones --><link rel="shortcut icon" type="image/x-icon" href="http://www.tela-botanica.org/favicon.ico" /><!-- Viewport --><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="apple-mobile-web-app-capable" content="yes" /><meta name="apple-mobile-web-app-status-bar-style" content="black"><!-- CSS --><link rel="stylesheet" href="http://www.tela-botanica.org/commun/jquery/mobile/1.3.1/jquery.mobile-1.3.1.min.css" /><link href="http://162.38.234.16/cel/widget/modules/saisie/squelettes/mobile/css/mobile.css" rel="stylesheet" type="text/css" media="screen" /><!-- Javascript --><script src="http://www.tela-botanica.org/commun/jquery/1.7.1/jquery-1.7.1.min.js"></script><!-- Javascript : appli saisie --><script type="text/javascript">//<![CDATA[//$url_base = "http://www.tela-botanica.org/widget-test:cel:";// manifest="<?=$url_base?>modules/saisie/squelettes/mobile/mobile.appcache";// La présence du parametre 'debug' dans l'URL enclenche le dégogagevar DEBUG = <?=isset($_GET['debug']) ? 'true' : 'false'?>;// Nombre d'observations max autorisé avant transmissionvar OBS_MAX_NBRE = 10;// Mot-clé du widget/projetvar TAG_PROJET = "WidgetSaisie";// URL du web service réalisant l'insertion des données dans la base du CEL.var SERVICE_SAISIE_URL = "http://www.tela-botanica.org/service:cel:CelWidgetSaisie";// URL du web service annuaire des membres du réseau.var SERVICE_ANNUAIRE = "http://www.tela-botanica.org/client/annuaire_nouveau/actuelle/jrest/utilisateur/identite-par-courriel/";// Squelette d'URL du web service d'eFlore fournissant les noms de communes.var SERVICE_NOM_COMMUNE_URL = "http://www.tela-botanica.org/service:eflore:0.1/osm/nom-commune?lon={lon}&lat={lat}";// URL de l'icône du calendriervar PAS_DE_PHOTO_ICONE_URL = "http://www.tela-botanica.org/widget-test:cel:modules/saisie/squelettes/defaut/img/icones/pasdephoto.png";// Texte en absence de connexionvar TEXTE_HORS_LIGNE = "Aucune connexion.";// Texte d'identification des observationsvar TEXTE_OBS = "obsId";// Texte d'identification des photosvar TEXTE_PHOTO = "photoId";//]]></script><script type="text/javascript" src="http://162.38.234.16/cel/widget/modules/saisie/squelettes/mobile/js/mobile.js"></script><!-- Javascript : Jquery Mobile --><script src="http://www.tela-botanica.org/commun/jquery/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script></head><body data-theme="b"><div id="menu" data-role="page" data-add-back-btn="true" data-back-btn-text="Retour"><div data-role="header"><h1>Accueil</h1><a href="#infos" data-icon="info" data-iconpos="notext" class="ui-btn-right">Infos</a></div><div data-role="content" data-theme="g"><ul data-role="listview"><li><img src="http://www.tela-botanica.org/commun/icones/glyphish/187-pencil.png" class="ui-li-icon"/><a href="#saisie" class="saisie" data-role="button">Saisir une observation</a></li><li><img src="http://www.tela-botanica.org/commun/icones/glyphish/179-notepad.png" class="ui-li-icon"/><a href="#liste" data-role="button">Voir mes observations</a></li><li><img src="http://www.tela-botanica.org/commun/icones/glyphish/56-cloud.png" class="ui-li-icon"/><a href="#transmission" data-role="button">Transmettre mes observations</a></li></ul></div><div data-role="footer" data-position="fixed"></div></div><div id="saisie" data-role="page"><div data-role="header" data-position="inline"><a href="#menu" data-icon="home" data-iconpos="notext" data-direction="reverse">Accueil</a><h1>Saisie</h1><!-- <a href="#liste" data-icon="notepad" data-iconpos="notext">Liste des obs</a> --></div><form id="form_saisie_observation" method="post" action="#"><div data-role="content"><div id="obs-saisie-infos"></div><div data-role="fieldcontain"><label for="nom">Espèce :</label><input id="nom" type="text" name="nom" value="<?=$_GET['nom_sci']?>" /><!--<div data-role="fieldcontain"><ul data-role="listview" style="height:120px; overflow:scroll; width: 90%" data-filter="true" data-filter-reveal="true" data-filter-placeholder="Search cars..."><li><a href="#">Acura</a></li><li><a href="#">Audi</a></li><li><a href="#">BMW</a></li><li><a href="#">Cadillac</a></li><li><a href="#">Chrysler</a></li><li><a href="#">Dodge</a></li><li><a href="#">Ferrari</a></li><li><a href="#">Ford</a></li><li><a href="#">GMC</a></li><li><a href="#">Honda</a></li><li><a href="#">Hyundai</a></li><li><a href="#">Infiniti</a></li><li><a href="#">Jeep</a></li><li><a href="#">Kia</a></li><li><a href="#">Lexus</a></li><li><a href="#">Mini</a></li><li><a href="#">Nissan</a></li><li><a href="#">Porsche</a></li><li><a href="#">Subaru</a></li><li><a href="#">Toyota</a></li><li><a href="#">Volkswagen</a></li><li><a href="#">Volvo</a></li></ul></div>--><label for="date">Date :</label><input id="date" type="text" name="date" /><button id="geolocaliser"data-role="button" data-icon="search" data-iconpos="" data-ajax="false">Recalculer ma position</button><label for="lat">Latitude :<span id="lat"></span></label><br /><label for="lng">Longitude :<span id="lng"></span></label><br /><label for="location">Commune :<span id="location"></span><input id="code_insee" type="hidden" name="code_insee" /></label><br /><button id="sauver-obs" data-role="button" data-icon="check">Sauver</button><input id="referentiel" type="hidden" name="referentiel" value="<?=$_GET['ref']?>"/><input id="nom_sci_select" type="hidden" name="nom_sci_select" value="<?=$_GET['nom_sci']?>"/><input id="num_nom_select" type="hidden" name="num_nom_select" value="<?=$_GET['num_nom']?>"/></div></div><div data-role="footer" data-position="fixed"><div data-role="navbar"><ul><li><a href="#liste" data-role="button" data-icon="notepad" data-iconpos="notext">Liste de mes obs.</a></li><li><a href="#transmission" data-role="button" data-icon="cloud" data-iconpos="notext">Transmission</a></li></ul></div></div></form></div><div id="liste" data-role="page"><div data-role="header" data-position="inline"><a href="#menu" data-icon="home" data-iconpos="notext" data-direction="reverse">Accueil</a><h1>Observations</h1></div><div data-role="content"><div id="obs-suppression-infos"></div><ul id="liste_obs" data-role="listview" data-split-icon="delete" data-split-theme="g" data-theme="g" data-inset="true"></ul></div><div data-role="footer" data-position="fixed"><div data-role="navbar"><ul><li><a href="#saisie" class="saisie" data-role="button" data-icon="pencil" data-iconpos="notext">Saisie</a></li><li><a href="#transmission" data-role="button" data-icon="cloud" data-iconpos="notext">Transmission</a></li></ul></div></div></div><div id="observation" data-role="page"><div data-role="header" data-position="inline"><a href="#menu" data-icon="home" data-iconpos="notext" data-direction="reverse">Accueil</a><h1>Détails de l'observation</h1></div><div data-role="content"><label for="id_obs">Identifiant :</label> <span id="id_obs"></span><div id="details_obs"></div><input type="file" id="pic" name="photos_obs[]" accept="image/*" multiple><button id="valider_photos"data-role="button" data-icon="search" data-iconpos="" data-ajax="false">Ajouter les images sélectionnées</button><div id="photo-suppression-infos"></div><ul id="photos_obs" data-role="listview" data-inset="true"></ul></div><div data-role="footer" data-position="fixed"><div data-role="navbar"><ul><li><a href="#saisie" class="saisie" data-role="button" data-icon="pencil" data-iconpos="notext">Saisie</a></li><li><a href="#liste" data-role="button" data-icon="notepad" data-iconpos="notext">Liste de mes obs.</a></li></ul></div></div></div><div id="transmission" data-role="page"><div data-role="header"><a href="#menu" data-icon="home" data-iconpos="notext" data-direction="reverse">Accueil</a><h1>Transmission</h1><!-- <a href="#liste" data-icon="notepad" data-iconpos="notext">Observations</a> --></div><form id="form_transmission" method="post" action="#"><div data-role="content"><div data-role="fieldcontain"><label for="courriel">Courriel * :</label><input id="courriel" type="email" name="courriel"/><input id="id_utilisateur" name="id_utilisateur" type="hidden"/><input type="checkbox" name="courriel_memoire" id="courriel_memoire" checked="checked"><label for="courriel_memoire">Se souvenir de moi</label><button id="valider_courriel"data-role="button" data-icon="search" data-iconpos="" data-ajax="false">Valider cet email</button></div><div id="zone_prenom_nom" data-role="fieldcontain" class="hidden"><div><label for="prenom">Prénom :</label><input id="prenom_utilisateur" name="prenom" type="text"/></div><div><label for="nom">Nom :</label><input id="nom_utilisateur" name="nom" type="text"/></div></div><div id="zone_courriel_confirmation" data-role="fieldcontain" class="hidden"><label for="courriel_confirmation"><strong class="obligatoire">*</strong> Courriel (confirmation) : <br /></label><input id="courriel_confirmation" name="courriel_confirmation" type="text"/></div><button data-role="button" data-icon="cloud-black" onclick="transmettreObs();" >Transmettre</button></div><div data-role="footer" data-position="fixed"><div data-role="navbar"><ul><li><a href="#saisie" class="saisie" data-role="button" data-icon="pencil" data-iconpos="notext">Saisie</a></li><li><a href="#liste" data-role="button" data-icon="notepad" data-iconpos="notext">Liste de mes obs.</a></li></ul></div></div></form></div><div id="infos" data-role="page"><div data-role="header"><a href="#menu" data-icon="home" data-iconpos="notext" data-direction="reverse">Accueil</a><h1>Infos</h1></div><div data-role="content"><p>Icônes par <a href="http://glyphish.com">Joseph Wain - Glyphish</a>.</p><p>Développement :<ul><li>Jean-Pascal MILCENT</li><li>Isabelle NEMBROT</li></ul>sur une idée originale de Aurélien PERONNET.</p></div><div data-role="footer" data-position="fixed"><p>© Copyright <span id="annee"></span> - <a href="http://www.tela-botanica.org/site:accueil">Tela Botanica</a></p></div></div></body></html>