Subversion Repositories Applications.reseau

Rev

Rev 90 | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

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