Subversion Repositories Applications.reseau

Rev

Rev 90 | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
56 mathias 1 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2 
<html xmlns="http://www.w3.org/1999/xhtml">
3 
	<head>
4 
		<title>Tela Botanica - Authentification</title>
5 
 
6 
		<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
7 
		<meta http-equiv="Content-style-type" content="text/css" />
8 
		<meta http-equiv="Content-script-type" content="text/javascript" />
9 
		<meta http-equiv="Content-language" content="fr" />
10 
 
11 
		<meta name="revisit-after" content="15 days" />
12 
		<meta name="robots" content="index,follow" />
13 
		<meta name="author" content="Mathias Chouet" />
14 
		<meta name="keywords" content="Tela Botanica, authentification, connexion, login" />
15 
		<meta name="description" content="Widget d'authentification" />
16 
 
17 
		<meta name="viewport" content="width=device-width, initial-scale=1" />
18 
 
19 
		<link rel="stylesheet" type="text/css" href="<?=$url_css?>" media="screen" />
93 mathias 20 
		<link rel="stylesheet" type="text/css" href="https://resources.tela-botanica.org/bootstrap/3.1.0/css/bootstrap.min.css" />
56 mathias 21 
 
93 mathias 22 
		<script src="https://resources.tela-botanica.org/jquery/1.9.1/jquery.min.js"></script>
23 
		<script src="https://resources.tela-botanica.org/bootstrap/3.1.0/js/bootstrap.min.js"></script>
56 mathias 24 
		<script src="<?=$url_js?>"></script>
25 
 
26 
		<script>
27 
			baseUrlAuth = '<?php echo $baseUrlAuth ?>';
68 mathias 28 
			origine = '<?php echo $origine ?>';
29 
			action = '<?php echo $action ?>';
56 mathias 30 
		</script>
31 
	</head>
32 
 
33 
	<body>
87 mathias 34 
		<div id="licence-image"></div>
56 mathias 35 
		<!-- <h1>Auth !</h1> -->
36 
		<div class="vertical-center">
37 
			<div class="boite-centre">
38 
				<div class="contenu-boite" id="panneau-identification" style="display: none;">
39 
					<div id="liste-fournisseurs">
40 
						<ul>
84 mathias 41 
							<li class="tela-botanica">
78 mathias 42 
								<a href="#" data-focus="true" title="Se connecter avec Tela Botanica" data-toggle="tooltip"
43 
									data-nom-partenaire="Tela Botanica"
90 mathias 44 
									data-login-legende="adresse courriel"
79 mathias 45 
									data-login-type-champ="email"
78 mathias 46 
									data-url-oubli-mdp="http://www.tela-botanica.org/page:inscription?m=f_oubli_mdp">
93 mathias 47 
									<img class="grande" src="https://resources.tela-botanica.org/tb/img/96x96/logo_sans_mots.png" />
56 mathias 48 
								</a>
49 
							</li>
50 
							<li>
78 mathias 51 
								<a href="#" data-focus="false" title="Se connecter avec Pl@ntNet" data-toggle="tooltip"
52 
									data-nom-partenaire="Pl@ntNet"
90 mathias 53 
									data-login-legende="nom d'utilisateur ou adresse courriel"
79 mathias 54 
									data-login-type-champ="text"
78 mathias 55 
									data-code-partenaire="plantnet"
56 
									data-url-oubli-mdp="http://identify.plantnet-project.org/api/resetting/request">
93 mathias 57 
									<img class="grande" src="https://resources.tela-botanica.org/tb/img/partenaires/plantnet_64.png" />
58 
									<img class="petite" src="https://resources.tela-botanica.org/tb/img/partenaires/plantnet_24.png" />
56 mathias 59 
								</a>
60 
							</li>
90 mathias 61 
							<li>
62 
								<a href="#" data-focus="false" title="Se connecter avec eRecolnat" data-toggle="tooltip"
63 
									data-nom-partenaire="eRecolnat"
64 
									data-login-legende="nom d'utilisateur"
65 
									data-login-type-champ="text"
66 
									data-code-partenaire="recolnat"
67 
									data-url-oubli-mdp="https://api.recolnat.org/erecolnat/recovery/#/forget">
93 mathias 68 
									<img class="grande" src="https://resources.tela-botanica.org/tb/img/partenaires/erecolnat_64.png" />
69 
									<img class="petite" src="https://resources.tela-botanica.org/tb/img/partenaires/erecolnat_24.png" />
90 mathias 70 
								</a>
71 
							</li>
84 mathias 72 
							<!--<li>
56 mathias 73 
								<a href="#" data-focus="false" title="Se connecter avec eRecolnat" data-toggle="tooltip" data-nom-partenaire="eRecolnat">
74 
									<img class="grande" src="http://resources.tela-botanica.org/tb/img/partenaires/erecolnat_64.png" />
75 
									<img class="petite" src="http://resources.tela-botanica.org/tb/img/partenaires/erecolnat_24.png" />
76 
								</a>
78 mathias 77 
							</li>-->
56 mathias 78 
						</ul>
79 
					</div>
80 
					<form id="formulaire-identification">
81 
						<div id="info-partenaire">
82 
							Se connecter avec <span id="nom-partenaire">Tela Botanica</span>
83 
						</div>
84 
						<div class="form-group">
90 mathias 85 
							<input type="email" required class="form-control" id="login" placeholder="adresse courriel">
56 mathias 86 
						</div>
83 mathias 87 
						<div class="form-group position-relative">
88 
							<span class="mdp-oublie">
89 
								<a id="mdp-oublie" href="http://www.tela-botanica.org/page:inscription?m=f_oubli_mdp" target="_blank">oublié ?</a>
56 mathias 90 
							</span>
91 
							<input type="password" required class="form-control" id="mdp" placeholder="mot de passe">
92 
						</div>
83 mathias 93 
						<div class="commandes-formulaire">
84 mathias 94 
							<a id="lien-inscription" href="http://www.tela-botanica.org/inscription" target="_blank">Créer un compte</a>
83 mathias 95 
							<button id="bouton-connexion" type="submit" class="btn btn-primary">Se connecter</button>
96 
						</div>
56 mathias 97 
					</form>
98 
					<div class="info-erreur" id="info-erreur-login" style="display:none;">Mauvais identifiant ou mot de passe</div>
99 
					<div class="info-erreur" id="info-erreur-serveur" style="display:none;">Erreur du serveur</div>
100 
				</div>
101 
 
102 
				<div class="contenu-boite" id="panneau-bienvenue" style="display: none;">
103 
					<div id="logo-tb">
93 mathias 104 
						<img src="https://resources.tela-botanica.org/tb/img/96x96/logo_sans_mots.png" />
56 mathias 105 
					</div>
106 
					<div id="bienvenue">
86 mathias 107 
						<span class="leger">bienvenue</span>
56 mathias 108 
						<br/>
86 mathias 109 
						<span id="nom-complet"></span>
110 
						<br/>
56 mathias 111 
						(<a id="deconnexion" href="#">se déconnecter</a>)
112 
					</div>
113 
					<div id="liste-applications">
86 mathias 114 
						<a href="http://www.tela-botanica.org">http://www.tela-botanica.org</a>
115 
						<!--<h2>Découvrez nos applications :</h2>
56 mathias 116 
						<ul>
117 
							<li>
118 
								<a href="http://www.tela-botanica.org" title="Site Web" data-toggle="tooltip">
119 
									<div class="bouton-appli www">www</div>
120 
								</a>
121 
							</li>
122 
							<li>
123 
								<a href="http://www.tela-botanica.org/page:eflore_bdtfx" title="eFlore" data-toggle="tooltip">
124 
									<div class="bouton-appli eflore">eF</div>
125 
								</a>
126 
							</li>
127 
							<li>
128 
								<a href="http://www.tela-botanica.org/appli:cel" title="Carnet en Ligne" data-toggle="tooltip">
129 
									<div class="bouton-appli cel">CeL</div>
130 
								</a>
131 
							</li>
132 
							<li>
133 
								<a href="http://www.tela-botanica.org/appli:identiplante" title="Identiplante" data-toggle="tooltip">
134 
									<div class="bouton-appli identiplante">IP</div>
135 
								</a>
136 
							</li>
137 
							<li>
138 
								<a href="http://www.tela-botanica.org/appli:pictoflora" title="Pictoflora" data-toggle="tooltip">
139 
									<div class="bouton-appli pictoflora">PF</div>
140 
								</a>
141 
							</li>
142 
							<li>
143 
								<a href="http://www.tela-botanica.org/appli:smartflore" title="Smart'Flore" data-toggle="tooltip">
144 
									<div class="bouton-appli smartflore">SF</div>
145 
								</a>
146 
							</li>
147 
							<li>
148 
								<a href="http://www.tela-botanica.org/appli:coel" title="Collections en Ligne" data-toggle="tooltip">
149 
									<div class="bouton-appli coel">Co</div>
150 
								</a>
151 
							</li>
152 
							<li>
153 
								<a href="http://referentiels.tela-botanica.org" title="Référentiels" data-toggle="tooltip">
154 
									<div class="bouton-appli referentiels">Réf</div>
155 
								</a>
156 
							</li>
157 
							<li>
158 
								<a href="http://www.tela-botanica.org/wikini" title="Wikini" data-toggle="tooltip">
159 
									<div class="bouton-appli wiki">W</div>
160 
								</a>
161 
							</li>
86 mathias 162 
						</ul>-->
56 mathias 163 
					</div>
164 
				</div>
165 
	 		</div>
166 
	 	</div>
167 
	</body>
83 mathias 168 
</html>