Project

General

Profile

Revision 0bd646e4

Added by Victor PONGNIAN over 9 years ago

remise en forme du travail de Victor Pongnian suit à son stage
Il reste pas mal de cosmétique à revoir mais le système devrait déjà être utilisable dans l'état.

View differences:

panorama.php
2 2
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
3 3
<head>
4 4
  <?php
5
   require 'class/site_point.class.php';
6
   require 'class/sites_dir.class.php';
5
   require 'class/utils.class.php';
6
   utils::init();
7

  
8
   $form_extpoint = <<<'EO_FORM_EXTPOINT'
9
<img src="images/locapoint.svg" id="loca_show" alt="localiser un point" title="pour localiser un point..."/>
10
<fieldset id="locadraw"><legend id="loca_hide">Localiser un point</legend>
11
  <label class="form_col" title="La latitude ϵ [-90°, 90°]. Ex: 12.55257">Latitude :
12
    <input  name="loca_latitude" type="number" min="-90" max="90"  id="loca_latitude"/></label>
13
  <label class="form_col" title="La longitude ϵ [-180°, 180°]. Ex: 144.14723">Longitude :
14
    <input name="loca_longitude" type="number" min="-180" max="180" id="loca_longitude"/></label>
15
  <label class="form_col" title="L'altitude positive Ex: 170">Altitude :
16
    <input  name="loca_altitude" type="number" min="-400" id="loca_altitude"/></label>
17
  <div class="answer">
18
    <input type="button" value="Localiser" id="loca_button"/> 
19
    <input type="button" value="Effacer" id="loca_erase"/>
20
  </div>
21
</fieldset>
22
EO_FORM_EXTPOINT;
23

  
24
   $form_param = <<<'EO_FORM_PARAM'
25
<div id="addParams">		
26
  <label id="paramFormShow">Paramétrer le panorama</label>	
27
</div>
28
     <form action="addParams.php?param_dir=%s&amp;param_panorama=%s" id="form_param" method="post">
29
  <fieldset id="adding"><legend id="paramFormHide">Paramétrage du panorama</legend>
30
    <label title="Au moins 4 caractères">Titre :
31
      <input type="text" pattern="^.{1,40}$" name="param_title" placeholder="%s" 
32
	     title="ne doit pas contenir pus de 40 caractères" required=""/></label>
33
    <label title="La latitude ϵ [-90°, 90°]. Ex : 46.55257">Latitude :
34
      <input name="param_latitude" type="number" min="-90" max="90" placeholder="43.56" required="" step="any"/></label>
35
    <label title="La longitude ϵ [-180°, 180°]. Ex : 1.45">Longitude :
36
      <input name="param_longitude" type="number" min="-180" max="180" placeholder="1.45" required="" step="any"/></label>
37
    <label title="L'altitude exprmée en mètres et &gt; -400. Ex : 170">Altitude :
38
      <input name="param_altitude" type="number" min="-400" required="" placeholder="170" step="any"/></label>
39
    <label title="L'image fait-elle 360° ?">Rebouclage :
40
      <input type="checkbox" name="param_loop" value="true"></label>
41
    
42
    <div>
43
      <input type="submit" value="Submit"/> 
44
      <input type="reset" value="Reset"/>
45
    </div>
46
  </fieldset>
47
</form>
48
EO_FORM_PARAM;
7 49

  
8 50
   if (isset($_GET['dir']) && isset($_GET['panorama'])) {
9 51
     $dir   = $_GET['dir'];
......
24 66
   $prefix = $pt->get_prefix();
25 67
  ?>
26 68
  <meta http-equiv="Content-type" content="text/html; charset=UTF-8"/>
27
   <?php
69
  <?php
28 70
     $titre = 'panorama';
29
     if ($params && isset($params['titre'])) $titre .= ' ; '.$params['titre'];
30
     printf ("<title>%s</title>\n", $params['titre']);
71
     if ($params && isset($params['titre'])) $titre .= ' : '.$params['titre'];
72
     printf ("<title>%s</title>\n", $titre);
31 73
  ?>
32 74
  <script>
33 75
   <?php
34 76
     printf ("var img_prefix = '%s/%s'\n", $base_dir, $prefix);
35 77
     if (is_array($params)) $opt_vals = array_merge($params, $opt_vals);
36 78
     foreach(array('to_cap', 'to_ele', 'to_zoom', 'image_loop') as $val) {
37
       if (isset($opt_vals[$val])) printf ('var '.$val.' = '.$opt_vals[$val].";\n"); // correction du décalage angulaire par rapport au Nord
79
        if (isset($opt_vals[$val])) printf ('var '.$val.' = '.$opt_vals[$val].";\n"); // correction du décalage angulaire par rapport au Nord
38 80
     }
39 81
  ?>
40 82
  </script>
......
92 134
     }
93 135
   }
94 136
  
95
  $localLat = (isset($_POST["loca_latitude"])) ? $_POST["loca_latitude"] : NULL;
96
  $localLon = (isset($_POST["loca_longitude"])) ? $_POST["loca_longitude"] : NULL;
97
  $localAlt = (isset($_POST["loca_altitude"])) ? $_POST["loca_altitude"] : NULL;
137
   $localLat = (isset($_POST["loca_latitude"])) ? $_POST["loca_latitude"] : NULL;
138
   $localLon = (isset($_POST["loca_longitude"])) ? $_POST["loca_longitude"] : NULL;
139
   $localAlt = (isset($_POST["loca_altitude"])) ? $_POST["loca_altitude"] : NULL;
98 140
 
99
  if ($localLat && $localLon && $localAlt) {
100
  	  list($localDistance, $localCap, $localEle) = $pt->coordsToCap($localLat, $localLon, $localAlt);
101
  	  $n = "point temporaire";
102
      printf('point_list[%d] = new Array("%s", %03lf, %03lf, %03lf, "temporary");'."\n",$ipt++, $n, $localDistance, $localCap, $localEle);
103
  } 
141
   if ($localLat && $localLon && $localAlt) {
142
     list($localDistance, $localCap, $localEle) = $pt->coordsToCap($localLat, $localLon, $localAlt);
143
     $n = "point temporaire";
144
     printf('point_list[%d] = new Array("%s", %03lf, %03lf, %03lf, "temporary");'."\n",$ipt++, $n, $localDistance, $localCap, $localEle);
145
   } 
104 146
  ?>
105 147
  </script>
106
  
107
 
108

  
109
  
110 148
  <link type="image/x-icon" rel="shortcut icon" href="images/tsf.png"/>
111
  <link rel="stylesheet" media="screen" href="css/all.css" />
149
  <link rel="stylesheet" media="screen" href="css/map.css" />
112 150
  <script src="js/hide_n_showForm.js"></script> 
113 151
</head>
114 152
<body>
115 153
  <canvas id="mon-canvas">
116
    Ce message indique que ce navigateurs est vétuste car il ne supporte pas <samp>canvas</samp> (IE6, IE7, IE8, ...)
154
    Ce message indique que ce navigateur est vétuste car il ne supporte pas <samp>canvas</samp> (IE6, IE7, IE8, ...)
117 155
  </canvas>
118 156
  
119 157
  <fieldset id="control"><legend>contrôle</legend>
120 158
      <label>Zoom : <input type="range" min="0" max="2" value="2" id="zoom_ctrl"/></label>
121
      <label>Cap : <input type="number" min="0" max="360" step="10" value="0" autofocus="" id="angle_ctrl"/></label>
122
      <label>Élévation : <input type="number" min="-90" max="90" step="1" value="0" autofocus="" id="elvtn_ctrl"/></label>
159
      <label>Cap : <input type="number" min="0" max="360" step="10" value="0" autofocus="" id="angle_ctrl" step="any"/></label>
160
      <label>Élévation : <input type="number" min="-90" max="90" step="1" value="0" autofocus="" id="elvtn_ctrl" step="any"/></label>
123 161
  </fieldset>
124 162

  
125 163
  <?php
......
130 168
       printf ("<p>longitude : <em><span id=\"pos_lon\">%.5f</span>°</em></p>\n", $params['longitude']);
131 169
       if (isset($params['altitude'])) printf ("<p>altitude : <em><span id=\"pos_alt\">%d</span> m</em></p>\n", $params['altitude']); 
132 170
       print("</div>\n");
133
       ?>
134
       <span id="loca"><img src="images/locapoint.svg" id="icone" onclick="showLoca()"/></span>
135
  <fieldset id="locadraw"><legend id="" onclick="hideLoca()">Localiser un point</legend>
136
    <form id="form_loca" method="post" name="form_localate" action="panorama.php?dir=<?php echo $_GET['dir'];?>&amp;panorama=<?php echo $_GET['panorama'];?>">
137
      <label class="form_col" title="La latitude ϵ [-90°, 90°]. Ex: 12.55257">Latitude :
138
	<input  name="loca_latitude" type="number" min="-90" max="90"  id="loca_latitude"/></label>
139
	         
140
      <label class="form_col" title="La longitude ϵ [-180°, 180°]. Ex: 144.14723">Longitude :
141
	<input name="loca_longitude" type="number" min="-180" max="180" id="loca_longitude"/></label>
142
	      
143
      <label class="form_col" title="L'altitude positive Ex: 170">Altitude :
144
	<input  name="loca_altitude" type="number" min="-400" id="loca_altitude"/></label>
145
	       
146
      <div class="answer">
147
	<input type="button" value="Localiser" id="loca_button" class="form_button"/> 
148
	<input type="reset" value="Reset" class="form_button"/>
149
	<input type="button" value="Effacer" class="form_button" id="loca_erase"/>
150
      </div>
151
	      
152
    </form>
153
  </fieldset>
154
       <?php
155
     } elseif ($params == false ){
171
       echo $form_extpoint;
172
     } elseif ($params == false ) {
156 173
     	$dir   = $_GET['dir'];
157 174
        $name  = $_GET['panorama'];
158
     	?>
159
       <div id="addParams">		
160
     	  <label onclick="showForm()" value="Hide label">Paramétrer le panorama</label>	
161
       </div>
162
       <fieldset id="adding"><legend id="lgd" onclick="hideForm()">Paramètrer le panorama</legend>
163
	 <form action="addParams.php?dir=<?php echo $dir;?>&amp;panorama=<?php echo $name;?>" id="form_param" method="post">
164
	   	  
165
	   <label class="form_col" for="param_title" title="Au moins 4 caractères">Titre: </label>
166
	   <input type="text" id="param_title" name="param_title"/>
167
	   
168
	   <label class="form_col" for="param_latitude" title="La latitude ϵ [-90°, 90°]. Ex: 12.55257">Latitude: </label>
169
	   <input  name="param_latitude" type="text" id="param_latitude" />
170
	         
171
	   <label class="form_col" for="param_longitude" title="La longitude ϵ [-180°, 180°]. Ex: 144.14723">Longitude: </label>
172
	   <input name="param_longitude" type="text" id="param_longitude" />
173
	   
174
	   <label class="form_col" for="param_altitude" title="L'altitude positive Ex: 170">Altitude: </label>
175
	   <input  name="param_altitude" type="text" id="param_altitude" />
176
	  
177
	   <label class="form_col" for="param_elevation" title="élévation ϵ [-10,10] ( valeur par défaut : 0)">Elévation: </label>
178
	   <input  name="param_elevation" type="text" id="param_elevation" />
179
	   
180
	   <label class="form_col" for="param_loop" title="L'image fait elle 360° ? ">Rebouclage: </label>
181
	   <input class="radio" type="radio" name="param_loop" value="true" checked="checked"> Oui
182
           <input class="radio" type="radio" name="param_loop" value="false"> Non
183
	   
184
	   <input type="hidden" value="Localiser" id="loca_button" class="form_button" style="width:70px" /> 
185
	   <input type="hidden" value="Effacer" class="form_button" id="loca_erase"/>
186
	  
187
	   <div class="answer">
188
	     <input type="submit" value="Submit" class="form_button"/> 
189
	     <input type="reset" value="Reset" class="form_button"/>
190
	   </div>
191
	      
192
  	 </form>
193
       </fieldset>
194
  
195
 
196
       <script src="js/pano_deroulant.js"></script> 
197
      
198
     	<?php
175
        printf($form_param, $dir, $name, $name);
199 176
     }
200 177
     echo '<p id="info"></p>'."\n";
201 178
     if (count($extra_names) > 1) {
......
203 180
       foreach ($extra_names as $nm) {
204 181
	 echo '<option>'.$nm."</option>\n";
205 182
       }
206
       echo "</select>\n<br/>";
183
       echo "</select>\n";
207 184
       echo "<input type=\"button\" id=\"do-insert\" value=\"insérer\"/>\n";
208 185
       echo "<input type=\"button\" id=\"do-delete\" value=\"suppimer\"/>\n";
209 186
       echo "<input type=\"button\" id=\"do-cancel\" value=\"annuler\"/>\n";
210 187
       echo "</p>\n";
211 188
     }
212 189
     
213
     ?>
214
  <p class="validators"><a href="http://validator.w3.org/check?uri=referer">page xHTML validé !</a></p>
190
  ?>
215 191
  <p id="res"></p>
192
  <div class="validators">
193
    pages validées par
194
    <a href="http://validator.w3.org/check?uri=referer"><img src="images/valid_xhtml.svg" alt="Valid XHTML 1.1" title="xHTML 1.1 validé !"/></a>
195
    <a href="http://jigsaw.w3.org/css-validator/check/referer"><img src="images/valid_css.svg" alt="CSS validé !" title="CSS validé !"/></a>
196
  </div>
216 197
</body>
217 198
</html>

Also available in: Unified diff