Subversion Repositories eFlore/Applications.cel

Rev

Rev 3221 | Rev 3229 | Go to most recent revision | Show entire file | Regard whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 3221 Rev 3228
Line 49... Line 49...
49 
  </head>
 49 
	</head>
Line 50... Line 50...
50 
 
 50 
 
51 
  <body>
 51 
	<body>
52 
    <!-- <?php //var_dump($widget['especes']['url_ws_autocompletion_ns']); ?> -->
 52 
		<!-- <?php //var_dump($widget['especes']['url_ws_autocompletion_ns']); ?> -->
53 
    <div id="zone-appli" class="container">
 - 
 
54 
<!-- la barre de navigation est plus bas -->
 - 
 
55 
    <!-- <?php //if ( $bar ): ?>
 - 
 
56 
        <div id="tb-navigation" data-courant="widget-cel-saisie2" data-squelette="saisie" data-mode="test"></div>
 - 
 
57 
        <br/>
 - 
 
58 
      <?php //endif; ?> -->
 53 
		<div id="zone-appli" class="container">
59 
      <div class="layout-wrapper page">
 - 
 
60 
 
 54 
			<div class="layout-wrapper page">
61 
        <div class="media">
 55 
				<div class="media">
62 
          <img class="d-flex mr-3" src="<?= $widget['logo']; ?>" alt="<?= $widget['projet']; ?>" />
 56 
					<img class="d-flex mr-3" src="<?= $widget['logo']; ?>" alt="logo<?= $widget['projet']; ?>" />
63 
          <div class="media-body">
 57 
				<div class="media-body">
64 
            <h1 class="mt-0"><?= $widget['titre']; ?></h1>
 58 
				<h1 class="mt-0"><?= $widget['titre']; ?></h1>
65 
          </div>
 59 
			</div>
Line 71... Line 65...
71 
          </div>
 65 
			</div>
72 
          <div class="col-md-6">
 66 
			<div class="col-md-6">
73 
            <div id="aide" class="well well-lg hidden-sm-down">
 67 
				<div id="aide" class="well well-lg hidden-sm-down">
74 
              <h3><?= $aide['titre']; ?></h3>
 68 
					<h3><?= $aide['titre']; ?></h3>
75 
              <div id="aide-txt" class="hiden-sm-down">
 69 
					<div id="aide-txt" class="hiden-sm-down">
76 
                <p>
 - 
 
77 
                  <?= $aide['description']; ?>
 70 
						<p><?= $aide['description']; ?></p>
78 
                </p>
 - 
 
79 
                <p class="discretion">
 - 
 
80 
                  <?= $aide['contact']; ?>
 - 
 
81 
                  <a href="<?= $url_remarques; ?>?service=cel&pageSource=<?php echo urlencode( 'http://'.$_SERVER['HTTP_HOST'].$_SERVER['PHP_SELF'].'?'.$_SERVER['QUERY_STRING'] ); ?>"
 - 
 
82 
                    target="_blank"
 - 
 
83 
                    onclick="
 - 
 
84 
                      javascript:window.open(
 - 
 
85 
                        this.getAttribute( 'href' ),
 - 
 
86 
                        'Tela Botanica - Remarques',
 - 
 
87 
                        config = 'height=700, width=640, scrollbars=yes, resizable=yes'
 - 
 
88 
                      );
 - 
 
89 
                      return false;
 - 
 
90 
                    ">
 - 
 
91 
                    <?= $aide['contact2']; ?></a>
 - 
 
92 
                </p>
 - 
 
93 
              </div>
 71 
					</div>
94 
            </div>
 72 
				</div>
95 
          </div>
 73 
			</div>
96 
        </div>
 74 
		</div>
Line 109... Line 87...
109 
            <!-- dev (localhost) : -->
 87 
				<!-- dev (localhost) : -->
110 
            <!-- <div id="tb-navigation" data-courant="widget-cel-saisie2" data-squelette="navigation" data-mode="local"> -->
 88 
				<!-- <div id="tb-navigation" data-courant="widget-cel-saisie2" data-squelette="navigation" data-mode="local"> -->
111 
              <div class="navbar-default mb-3" id="tb-navbar">
 89 
					<div class="navbar-default mb-3" id="tb-navbar">
112 
                <div class="nav navbar-nav navbar-right row">
 90 
						<div class="nav navbar-nav navbar-right row">
113 
                  <div id="bouton-connexion" class="dropdown col-md-6 col-sm-8">
 91 
							<div id="bouton-connexion" class="dropdown col-md-6 col-sm-8">
114 
                    <label for="bouton-connexion">Je me connecte à mon compte : </label>
 92 
								<label for="bouton-connexion"><?= $observateur['compte']; ?></label>
115 
                    <a id="connexion" href="<?= $authTpl; ?>" class="btn btn-success  mr-1 mb-1" taget="_blank">Connexion</a>
 93 
								<a id="connexion" href="<?= $authTpl; ?>" class="btn btn-success  mr-1 mb-1" taget="_blank"><?= $observateur['connexion']; ?></a>
116 
                    <a id="bouton-inscription" href="https://beta.tela-botanica.org/test/inscription" class="btn btn-primary mr-1 mb-1" taget="_blank">Inscription</a>
 94 
								<a id="bouton-inscription" href="https://beta.tela-botanica.org/test/inscription" class="btn btn-primary mr-1 mb-1" taget="_blank"><?= $observateur['inscription']; ?></a>
117 
                  </div>
 95 
							</div>
118 
                  <div id="creation-compte" class="dropdown col-md-6 col-sm-8">
 96 
							<div id="creation-compte" class="dropdown col-md-6 col-sm-8">
119 
                    <label for="creation-compte">Je ne souhaite pas m'inscrire : </label>
 97 
								<label for="creation-compte"><?= $observateur['noninscription']; ?></label>
120 
                    <a id="bouton-anonyme" href="#" class="btn btn-info mr-1 mb-1">Observation sans inscription</a>
 98 
								<a id="bouton-anonyme" href="#" class="btn btn-info mr-1 mb-1"><?= $observateur['connexion']; ?>Observation sans inscription</a>
121 
                  </div>
 99 
							</div>
122 
                  <div id="utilisateur-connecte" class="dropdown hidden">
 100 
							<div id="utilisateur-connecte" class="dropdown hidden">
123 
                    <label for="utilisateur-connecte">Bienvenue : </label>
 101 
								<label for="utilisateur-connecte"><?= $observateur['bienvenue']; ?></label>
124 
                    <a href="#" class="list-tool btn btn-largee btn-primary dropdown-toggle" data-toggle="dropdown">
 102 
								<a href="#" class="list-tool btn btn-largee btn-primary dropdown-toggle" data-toggle="dropdown">
125 
                      <span id="nom-complet"></span>
 103 
									<span id="nom-complet"></span>
126 
                    </a>
 104 
								</a>
127 
                    <div class="dropdown-menu">
 105 
								<div class="dropdown-menu">
128 
                      <div id="profil-utilisateur"><a href="https://beta.tela-botanica.org/test/inscription" taget="_blank">Mon profil</a></div>
 106 
									<div id="profil-utilisateur"><a href="https://beta.tela-botanica.org/test/inscription" taget="_blank">Mon profil</a></div>
129 
                      <div id="deconnexion"><a href="#">Déconnexion</a></div>
 107 
									<div id="deconnexion"><a href="#"><?= $observateur['deconnexion']; ?></a></div>
130 
                    </div>
 108 
								</div>
131 
                  </div>
 109 
							</div>
132 
                </div>
 110 
						</div>
133 
              </div>
 111 
					</div>
134 
            </div>
 112 
				</div>
Line 135... Line 113...
135 
 
 113
136 
            <div id="anonyme" class="mb-3 hidden">
 - 
 
137 
              <label for="anonyme">Informations sur l'observateur : </label>
 114 
				<div id="anonyme" class="mb-3 hidden">
138 
              <div id="zone-courriel" class="row">
 115 
					<div id="zone-courriel" class="row">
139 
                <div class="control-group col-md-6">
 - 
 
140 
 
 116 
						<div class="control-group col-md-6">
141 
                  <label for="courriel" class="col-sm-8 obligatoire" title="<?= $observateur['courriel-title']; ?>">
 117 
							<label for="courriel" class="col-sm-8 obligatoire" title="<?= $observateur['courriel-title']; ?>">
142 
                    <i class="fa fa-envelope" aria-hidden="true"></i>
 118 
								<i class="fa fa-envelope" aria-hidden="true"></i>
143 
                    <?= $observateur['courriel']; ?>
 119 
								<?= $observateur['courriel']; ?>
144 
                  </label>
 120 
							</label>
145 
                  <div class="col-sm-8 mb-3">
 121 
							<div class="col-sm-8 mb-3">
146 
                    <input id="courriel" name="courriel" class="form-control" type="email" title="<?= $observateur['courriel-title']; ?> ">
 122 
								<input id="courriel" name="courriel" class="form-control" type="email" title="<?= $observateur['courriel-title']; ?> ">
147 
                    <input id="id_utilisateur" name="id_utilisateur" type="hidden">
 123 
								<input id="id_utilisateur" name="id_utilisateur" type="hidden">
148 
                  </div>
 - 
 
149 
 
 124 
							</div>
150 
                </div>
 - 
 
Line -... Line 125...
- 
 
 125 
						</div>
151 
                <div id="zone-courriel-confirmation" class="control-group col-md-6 hidden">
 126
152 
 
 127 
						<div id="zone-courriel-confirmation" class="control-group col-md-6 hidden">
153 
                  <label for="courriel_confirmation" class="col-sm-8 obligatoire" title="Veuillez confirmer le courriel.">
 128 
							<label for="courriel_confirmation" class="col-sm-8 obligatoire" title="Veuillez confirmer le courriel.">
154 
                    <i class="fa fa-envelope" aria-hidden="true"></i>
 129 
								<i class="fa fa-envelope" aria-hidden="true"></i>
155 
                    Courriel (confirmation)
 130 
								<?= $observateur['courriel-confirmation']; ?>
156 
                  </label>
 131 
							</label>
157 
                  <div class="col-sm-8">
 132 
							<div class="col-sm-8">
158 
                    <input id="courriel_confirmation" name="courriel_confirmation" class="form-control" type="email">
 - 
 
159 
                  </div>
 133 
								<input id="courriel_confirmation" name="courriel_confirmation" class="form-control" type="email">
160 
 
 134 
							</div>
- 
 
 135 
						</div>
161 
                </div>
 136 
					</div>
162 
              </div>
 137
163 
              <div id="zone-prenom-nom" class="row hidden">
 - 
 
164 
                <div class="control-group col-md-6">
 138 
					<div id="zone-prenom-nom" class="row hidden">
165 
 
 139 
						<div class="control-group col-md-6">
166 
                  <label for="prenom" class="col-sm-8">
 140 
							<label for="prenom" class="col-sm-8">
167 
                    <i class="fa fa-user" aria-hidden="true"></i>
 141 
								<i class="fa fa-user" aria-hidden="true"></i>
168 
                    <?= $observateur['prenom']; ?>
 142 
								<?= $observateur['prenom']; ?>
169 
                  </label>
 143 
							</label>
170 
                  <div class="input-group col-sm-8">
 144 
							<div class="input-group col-sm-8">
171 
                    <input id="prenom" name="prenom" class="form-control" type="text">
 - 
 
172 
                  </div>
 145 
								<input id="prenom" name="prenom" class="form-control" type="text">
173 
 
 146 
							</div>
174 
                </div>
 - 
 
175 
                <div class="control-group col-md-6">
 147 
						</div>
176 
 
 148 
						<div class="control-group col-md-6">
177 
                  <label for="nom" class="col-sm-8">
 149 
							<label for="nom" class="col-sm-8">
178 
                    <i class="fa fa-user" aria-hidden="true"></i>
 150 
								<i class="fa fa-user" aria-hidden="true"></i>
179 
                    <?= $observateur['nom']; ?>
 151 
								<?= $observateur['nom']; ?>
180 
                  </label>
 152 
							</label>
181 
                  <div class="input-group col-sm-8">
 153 
							<div class="input-group col-sm-8">
182 
                    <input id="nom" name="nom" class="form-control" type="text">
 - 
 
183 
                  </div>
 154 
								<input id="nom" name="nom" class="form-control" type="text">
184 
 
 155 
							</div>
185 
                </div>
 156 
						</div>
186 
              </div>
 157 
					</div>
- 
 
 158 
				</div>
187 
            </div>
 159 
			</form>
188 
          </form>
 160 
 
189 
          <!-- Messages d'erreur du formulaire-->
 161 
			<!-- Messages d'erreur du formulaire-->
190 
          <div class="row">
 162 
			<div class="row">
191 
            <div class="zone-alerte">
 163 
				<div class="zone-alerte">
192 
              <div id="dialogue-bloquer-copier-coller" class="alert alert-info alert-block hidden"">
 164 
					<div id="dialogue-bloquer-copier-coller" class="alert alert-info alert-block hidden"">
193 
                <a class="close">×</a>
 - 
 
194 
                <h4 class="alert-heading">Information : copier/coller</h4>
 165 
						<a class="close">×</a>
195 
                <p>
 - 
 
196 
                  Merci de ne pas copier/coller votre courriel.<br/>
 - 
 
197 
                  La double saisie permet de vérifier l'absence d'erreurs.
 166 
						<h4 class="alert-heading"><?= $observateur['alertcc-title']; ?></h4>
198 
                </p>
 167 
						<p><?= $observateur['alertcc']; ?></p>
199 
              </div>
 168 
					</div>
200 
              <div id="dialogue-utilisateur-non-identifie" class="alert alert-warning alert-block hidden">
 169 
					<div id="dialogue-utilisateur-non-identifie" class="alert alert-warning alert-block hidden">
201 
                <a class="close">×</a>
 - 
 
202 
                <h4 class="alert-heading">Information : observateur non identifié</h4>
 170 
						<a class="close">×</a>
203 
                <p>
 - 
 
204 
                  Votre observation doit être liée soit à un compte, soit à un email.<br/>
 - 
 
205 
                  Veuillez choisir, soit de vous connecter, soit de vous inscrire, soit communiquer une adresse email afin de vous identifier comme auteur de l'observation.<br/>
 - 
 
206 
                  Pour retrouver vos observations dans le <a href="http://www.tela-botanica.org/appli:cel">Carnet en ligne</a>,
 - 
 
207 
                  il est nécesaire de <a href="http://www.tela-botanica.org/page:inscription">vous inscrire à Tela Botanica</a>.
 171 
						<h4 class="alert-heading"><?= $observateur['alertni-title']; ?></h4>
208 
                </p>
 - 
 
209 
              </div>
 - 
 
210 
              <!-- <div id="dialogue-google-map" class="alert alert-info alert-block hidden">
 - 
 
211 
                <a class="close">×</a>
 - 
 
212 
                <h4 class="alert-heading">Information sur Google Maps</h4>
 - 
 
213 
                <div class="contenu"></div>
 172 
						<p><?= $observateur['alertni']; ?></p>
214 
              </div> -->
 173 
					</div>
Line 215... Line 174...
215 
            </div>
 174 
				</div>
216 
          </div>
 175 
			</div>
217 
 
 176 
 
218 
          <form id="form-observation" role="form" autocomplete="on">
 177 
			<form id="form-observation" role="form" autocomplete="on" class="bloc-top">
219 
            <h2><?= $observation['titre']; ?></h2>
 178 
				<h2><?= $observation['titre']; ?></h2>
220 
            <div id="zone-observation" class="row">
 179 
				<div id="zone-observation" class="row">
Line 240... Line 199...
240 
                      <?php foreach ( $widget['milieux'] as $milieu ) :?>
 199 
										<?php foreach ( $widget['milieux'] as $milieu ) :?>
241 
                        <option value="<?= $milieu; ?>"><?= $milieu; ?></option>
 200 
											<option value="<?= $milieu; ?>"><?= $milieu; ?></option>
242 
                      <?php endforeach; ?>
 201 
										<?php endforeach; ?>
243 
                      </select>
 202 
									</select>
244 
                    <?php else : ?>
 203 
								<?php else : ?>
245 
                      <input id="milieu" name="milieu" class="form-control" type="text" placeholder="bois, champ, falaise, ...">
 204 
									<input id="milieu" name="milieu" class="form-control" type="text" placeholder="<?= $observation['milieu-ph']; ?>">
246 
                    <?php endif; ?>
 205 
								<?php endif; ?>
247 
                  </div>
 206 
							</div>
248 
                </div>
 207 
						</div>
249 
              </div>
 208 
					</div>
250 
              <div class="col-md-6">
 - 
 
Line -... Line 209...
- 
 
 209
251 
 
 210 
					<div class="col-md-6">
252 
                <div class="control-group">
 211 
						<div class="control-group">
253 
                  <label for="date_releve" class="col-sm-8 obligatoire" title="">
 212 
							<label for="date_releve" class="col-sm-8 obligatoire" title="">
254 
                    <i class="fa fa-calendar" aria-hidden="true"></i>
 213 
								<i class="fa fa-calendar" aria-hidden="true"></i>
255 
                    <?= $observation['date']; ?>
 214 
								<?= $observation['date']; ?>
256 
                  </label>
 215 
							</label>
257 
                  <div class="col-sm-8 mb-3" id="datetimepicker">
 216 
							<div class="col-sm-8 mb-3" id="datetimepicker">
258 
                    <input type="text" id="date_releve" name="date_releve" class="form-control date" placeholder="jj/mm/aaaa"  pattern="(^(((0[1-9]|1[0-9]|2[0-8])[\/](0[1-9]|1[012]))|((29|30|31)[\/](0[13578]|1[02]))|((29|30)[\/](0[4,6,9]|11)))[\/](19|[2-9][0-9])\d\d$)|(^29[\/]02[\/](19|[2-9][0-9])(00|04|08|12|16|20|24|28|32|36|40|44|48|52|56|60|64|68|72|76|80|84|88|92|96)$)" title="jj/mm/aaaa">
 217 
								<input type="text" id="date_releve" name="date_releve" class="form-control date" placeholder="jj/mm/aaaa"  pattern="(^(((0[1-9]|1[0-9]|2[0-8])[\/](0[1-9]|1[012]))|((29|30|31)[\/](0[13578]|1[02]))|((29|30)[\/](0[4,6,9]|11)))[\/](19|[2-9][0-9])\d\d$)|(^29[\/]02[\/](19|[2-9][0-9])(00|04|08|12|16|20|24|28|32|36|40|44|48|52|56|60|64|68|72|76|80|84|88|92|96)$)" title="jj/mm/aaaa">
259 
                  </div>
 218 
							</div>
Line 260... Line 219...
260 
                </div>
 219 
						</div>
261 
 
 220 
 
262 
                <?php if( 'referentiel' === $widget['type_especes'] && '' === $widget['referentiel'] ) : ?>
 221 
						<?php if(($widget['type_especes'] === 'referentiel' || $widget['type_especes'] == '') && $widget['referentiel'] == '' ) : ?>
263 
                  <div class="control-group">
 222 
							<div class="control-group">
264 
                    <label for="referentiel" class="col-sm-8 obligatoire" title="">
 223 
								<label for="referentiel" class="col-sm-8 obligatoire" title="">
265 
                      <i class="fa fa-book" aria-hidden="true"></i>
 224 
									<i class="fa fa-book" aria-hidden="true"></i>
Line 278... Line 237...
278 
                        <option value="lbf" title="Liban">Liban (LBF)</option>
 237 
										<option value="lbf" title="Liban">Liban (LBF)</option>
279 
                        <option value="autre" title="Autre/Inconnu">Autre/Inconnu</option>
 238 
										<option value="autre" title="Autre/Inconnu">Autre/Inconnu</option>
280 
                      </select>
 239 
									</select>
281 
                    </div>
 240 
								</div>
282 
                  </div>
 241 
							</div>
283 
                <?php else : ?>
 242 
						<?php else : ?><?= $widget['referentiel']; ?>
284 
                  <input id="referentiel" name="referentiel" value="<?= $widget['referentiel']; ?>" type="hidden">
 243 
							<input id="referentiel" name="referentiel" value="<?= $widget['referentiel']; ?>" type="hidden">
285 
                <?php endif; ?>
 244 
						<?php endif; ?>
Line 286... Line 245...
286 
 
 245 
 
287 
                <div class="control-group">
 246 
						<div class="control-group">
Line 310... Line 269...
310 
 
 269 
 
311 
              </div>
 270 
              </div>
312 
            </div>
 271 
            </div>
Line 313... Line 272...
313 
          </form>
 272 
          </form>
314 
 
 273 
 
315 
          <form id="form-upload" class="form-horizontal" action="<?= $url_ws_upload ?>" method="post" enctype="multipart/form-data">
 274 
          <form id="form-upload" class="form-horizontal bloc-top" action="<?= $url_ws_upload ?>" method="post" enctype="multipart/form-data">
316 
            <h2>Image(s) de cette plante</h2>
 275 
            <h2>Image(s) de cette plante</h2>
317 
            <p class="miniature-info" class="discretion help-inline">
 276 
            <p class="miniature-info" class="discretion help-inline">
318 
              Les photos doivent être au format JPEG et ne doivent pas excéder 5Mo chacunes.
 277 
              Les photos doivent être au format JPEG et ne doivent pas excéder 5Mo chacunes.