Compare commits
18 Commits
add-two-pa
...
fix-bug-bu
| Author | SHA1 | Date | |
|---|---|---|---|
| bff6df4a35 | |||
| 0a87a3a0cb | |||
| a5a934a108 | |||
| 876a925f79 | |||
| 5b06af2026 | |||
| d8070b6260 | |||
| ca9d3b2d98 | |||
| 92c26dab45 | |||
| 4da327413c | |||
| 8d8ea7adf3 | |||
| ea34094d41 | |||
| de54555d77 | |||
| 8f7e94e482 | |||
| 952121b1d2 | |||
| 5cb0055bee | |||
| af9b97596f | |||
| f911853410 | |||
| 79c241eb27 |
2
.gitignore
vendored
Normal file
2
.gitignore
vendored
Normal file
@ -0,0 +1,2 @@
|
|||||||
|
.DS_Store
|
||||||
|
.history/
|
||||||
@ -0,0 +1,9 @@
|
|||||||
|
RewriteEngine On
|
||||||
|
|
||||||
|
# browser requests PHP
|
||||||
|
RewriteCond %{THE_REQUEST} ^[A-Z]{3,9}\ /([^\ ]+)\.php
|
||||||
|
RewriteRule ^/?(.*)\.php$ /$1 [L,R=301]
|
||||||
|
|
||||||
|
# check to see if the request is for a PHP file:
|
||||||
|
RewriteCond %{REQUEST_FILENAME}\.php -f
|
||||||
|
RewriteRule ^/?(.*)$ /$1.php [L]
|
||||||
@ -10,28 +10,22 @@
|
|||||||
$db = new db();
|
$db = new db();
|
||||||
//$db->open();
|
//$db->open();
|
||||||
|
|
||||||
foreach ($table as $var)
|
foreach ($table as $var) {
|
||||||
{
|
if (getpost($var) != null) {
|
||||||
if ( getpost( $var ) != null )
|
|
||||||
{
|
|
||||||
$r = getpost($var);
|
$r = getpost($var);
|
||||||
/*if ( $r == "true")
|
/*if ( $r == "true")
|
||||||
{
|
{
|
||||||
$r = 1;
|
$r = 1;
|
||||||
}elseif( $r ="false")*/
|
}elseif( $r ="false")*/
|
||||||
$db->$var = trim($r, ' \"');
|
$db->$var = trim($r, ' \"');
|
||||||
}else
|
} else {
|
||||||
{
|
|
||||||
$erreur[] = $var;
|
$erreur[] = $var;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
if (!empty ($erreur))
|
if (!empty($erreur)) {
|
||||||
{
|
|
||||||
echo json_encode($erreur);
|
echo json_encode($erreur);
|
||||||
log_error("erreur lors de l'acquisition des données:" . EOLH . print_r($erreur, true));
|
log_error("erreur lors de l'acquisition des données:" . EOLH . print_r($erreur, true));
|
||||||
}else
|
} else {
|
||||||
{
|
|
||||||
$db->newPlane();
|
$db->newPlane();
|
||||||
}
|
}
|
||||||
$db->close();
|
$db->close();
|
||||||
?>
|
|
||||||
|
|||||||
19
cron.php
19
cron.php
@ -16,7 +16,9 @@
|
|||||||
peripeties();
|
peripeties();
|
||||||
print "Envoi des arrivées" . EOLH;
|
print "Envoi des arrivées" . EOLH;
|
||||||
arrivee();
|
arrivee();
|
||||||
|
anonymisation();
|
||||||
|
|
||||||
|
################################### FONCTIONS #################################""
|
||||||
function peripetieDatee()
|
function peripetieDatee()
|
||||||
{
|
{
|
||||||
global $db;
|
global $db;
|
||||||
@ -130,7 +132,7 @@
|
|||||||
$query = "SELECT * FROM avionpoeme WHERE atteri = 0 AND TIMEDIFF(CONCAT_WS(' ',CURDATE(),CURTIME()),deliveryTimeServer) > '00:00'";
|
$query = "SELECT * FROM avionpoeme WHERE atteri = 0 AND TIMEDIFF(CONCAT_WS(' ',CURDATE(),CURTIME()),deliveryTimeServer) > '00:00'";
|
||||||
$db->query($query);
|
$db->query($query);
|
||||||
$avionArrive = $db->result->fetch_all(MYSQLI_ASSOC);
|
$avionArrive = $db->result->fetch_all(MYSQLI_ASSOC);
|
||||||
var_dump($avionArrive);
|
//var_dump($avionArrive);
|
||||||
foreach ($avionArrive as $avion)
|
foreach ($avionArrive as $avion)
|
||||||
{
|
{
|
||||||
print "avion poème n° " . $avion['idAvion'] . "a atterri" . EOLH;
|
print "avion poème n° " . $avion['idAvion'] . "a atterri" . EOLH;
|
||||||
@ -196,5 +198,18 @@
|
|||||||
print json_last_error_msg() .EOLH;
|
print json_last_error_msg() .EOLH;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function anonymisation()
|
||||||
|
{
|
||||||
|
global $db;
|
||||||
|
$query = "SELECT idAvion FROM avionpoeme WHERE atteri = 1 AND public = 0 AND DATEDIFF(CONCAT_WS(' ',CURDATE(),CURTIME()),deliveryTimeServer) > '7'";
|
||||||
|
$db->query($query);
|
||||||
|
$avionArrive = $db->result->fetch_all(MYSQLI_ASSOC);
|
||||||
|
//print_r($avionArrive);
|
||||||
|
foreach($avionArrive as $avion)
|
||||||
|
{
|
||||||
|
$query = "UPDATE avionpoeme SET message='', expeMail='', destMail='' WHERE idAvion='" . $avion['idAvion'] ."'";
|
||||||
|
$db->query($query);
|
||||||
|
}
|
||||||
|
}
|
||||||
$db->close();
|
$db->close();
|
||||||
?>
|
|
||||||
|
|||||||
54004
dist/html2pdf/html2pdf.bundle.min.js
vendored
Normal file
54004
dist/html2pdf/html2pdf.bundle.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
@ -67,15 +67,22 @@ function verifPeripetieAvion()
|
|||||||
$db->query($query);
|
$db->query($query);
|
||||||
$avions = $db->result->fetch_all(MYSQLI_ASSOC);
|
$avions = $db->result->fetch_all(MYSQLI_ASSOC);
|
||||||
$avionsId = array_column($avions, 'expeMail', 'idAvion');
|
$avionsId = array_column($avions, 'expeMail', 'idAvion');
|
||||||
print_r($avionsId);
|
//print_r($avionsId);
|
||||||
|
$flag = false;
|
||||||
foreach($peripeties as $peripetie)
|
foreach($peripeties as $peripetie)
|
||||||
{
|
{
|
||||||
print "Péripétie " . $peripetie["idAP"] . EOLH;
|
//print "Péripétie " . $peripetie["idAP"] . EOLH;
|
||||||
$idAvion = $peripetie["idAvion"];
|
$idAvion = $peripetie["idAvion"];
|
||||||
if ( empty($avionsId[$idAvion]) )
|
if ( empty($avionsId[$idAvion]) )
|
||||||
{
|
{
|
||||||
print "Péripétie " . $peripetie["idAP"] . " n'a pas d'avion poème idAvion=>" . $idAvion . EOLH;
|
print "Péripétie " . $peripetie["idAP"] . " n'a pas d'avion poème idAvion=>" . $idAvion . EOLH;
|
||||||
|
$flag = true;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
if ( ! $flag )
|
||||||
|
{
|
||||||
|
print "Aucune erreur détectée";
|
||||||
}
|
}
|
||||||
$db->close();
|
$db->close();
|
||||||
}
|
}
|
||||||
|
|||||||
@ -30,6 +30,7 @@
|
|||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
|
<a href="stats.php">Statistiques</a><br>
|
||||||
<a href="lang.php">Générer les fichiers de langue</a><br>
|
<a href="lang.php">Générer les fichiers de langue</a><br>
|
||||||
<a href="logs.php">Lire les logs</a><br>
|
<a href="logs.php">Lire les logs</a><br>
|
||||||
<a href="gestionDB.php">Vérifier la base de données</a><br>
|
<a href="gestionDB.php">Vérifier la base de données</a><br>
|
||||||
|
|||||||
@ -14,6 +14,7 @@
|
|||||||
$result = $db->result->fetch_assoc();
|
$result = $db->result->fetch_assoc();
|
||||||
return $result['Auto_increment']-1;
|
return $result['Auto_increment']-1;
|
||||||
}
|
}
|
||||||
|
|
||||||
function total() //nombre d'avions poèmes présents dans la base
|
function total() //nombre d'avions poèmes présents dans la base
|
||||||
{
|
{
|
||||||
global $db;
|
global $db;
|
||||||
@ -27,26 +28,42 @@
|
|||||||
function totalenvol() //nombre d'avions poèmes en vol
|
function totalenvol() //nombre d'avions poèmes en vol
|
||||||
{
|
{
|
||||||
global $db;
|
global $db;
|
||||||
$query = "SELECT COUNT(*) as n FROM avionpoeme WHERE public!=2";
|
$query = "SELECT COUNT(*) as n FROM avionpoeme WHERE atteri!=1";
|
||||||
$db->query($query);
|
$db->query($query);
|
||||||
$result = $db->result->fetch_assoc();
|
$result = $db->result->fetch_assoc();
|
||||||
return $result["n"];
|
return $result["n"];
|
||||||
}
|
}
|
||||||
|
|
||||||
function alea()
|
function alea($nAvionEnvoye)
|
||||||
{
|
{
|
||||||
global $db;
|
global $db;
|
||||||
$query = "SELECT COUNT(*) as nAvion FROM avionpoeme WHERE ";
|
$query = "SELECT DISTINCT deliveryMethod FROM avionpoeme";
|
||||||
|
$db->query($query);
|
||||||
|
$result = $db->result->fetch_all(MYSQLI_ASSOC);
|
||||||
|
//var_dump($result);
|
||||||
|
foreach ( $result as $method )
|
||||||
|
{
|
||||||
|
$query = "SELECT COUNT(*) as nAvion FROM avionpoeme WHERE deliveryMethod='" . $method["deliveryMethod"] . "'";
|
||||||
$db->query($query);
|
$db->query($query);
|
||||||
$result = $db->result->fetch_assoc();
|
$result = $db->result->fetch_assoc();
|
||||||
return $result["n"];
|
echo "Méthode => " . $method["deliveryMethod"] . " nombre d'avion poèmes => " . $result["nAvion"] . " => " . round($result["nAvion"]/$nAvionEnvoye*100,2) . "%" . EOLH;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function anonymous() //nombre d'avions poèmes envoyés anonymement
|
function anonymous() //nombre d'avions poèmes envoyés anonymement
|
||||||
{
|
{
|
||||||
global $db;
|
global $db;
|
||||||
$query = "SELECT COUNT(*) as n FROM avionpoeme WHERE expemail=''";
|
$query = "SELECT COUNT(*) as n FROM avionpoeme WHERE expeknown='0'";
|
||||||
|
$db->query($query);
|
||||||
|
$result = $db->result->fetch_assoc();
|
||||||
|
return $result["n"];
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
function deleted()
|
||||||
|
{
|
||||||
|
global $db;
|
||||||
|
$query = "SELECT COUNT(*) as n FROM avionpoeme WHERE public='2'";
|
||||||
$db->query($query);
|
$db->query($query);
|
||||||
$result = $db->result->fetch_assoc();
|
$result = $db->result->fetch_assoc();
|
||||||
return $result["n"];
|
return $result["n"];
|
||||||
@ -63,11 +80,14 @@
|
|||||||
echo "Nombre total d'avions-poème : " . $nAvionEnvoye . EOLH;
|
echo "Nombre total d'avions-poème : " . $nAvionEnvoye . EOLH;
|
||||||
$total = total();
|
$total = total();
|
||||||
$avionSupp = $nAvionEnvoye-$total;
|
$avionSupp = $nAvionEnvoye-$total;
|
||||||
echo "Nombre d'avion supprimés : " . $avionSupp . " => " . round($avionSupp/$nAvionEnvoye*100,3) . "%" . EOLH;
|
echo "Nombre d'avion supprimés : " . $avionSupp . " => " . round($avionSupp/$nAvionEnvoye*100,2) . "%" . EOLH;
|
||||||
$nAvionenvol = totalenvol();
|
$nAvionenvol = totalenvol();
|
||||||
echo "Nombre d'avions-poème en vol : " . $nAvionenvol . " => " . round($nAvionenvol/$nAvionEnvoye*100) . "%" . EOLH;
|
echo "Nombre d'avions-poème en vol : " . $nAvionenvol . " => " . round($nAvionenvol/$nAvionEnvoye*100,2) . "%" . EOLH;
|
||||||
$anonymous = anonymous();
|
$anonymous = anonymous();
|
||||||
echo "Nombre d'envois anonymes : " . $anonymous . " => " . round($anonymous/$nAvionEnvoye*100) . "%" . EOLH;
|
echo "Nombre d'envois anonymes : " . $anonymous . " => " . round($anonymous/$nAvionEnvoye*100,2) . "%" . EOLH;
|
||||||
|
$deleted = deleted();
|
||||||
|
echo "Nombre d'avions anonymisés(effacés) : " . $deleted . " => " . round($deleted/$nAvionEnvoye*100,2) . "%" . EOLH;
|
||||||
|
alea($nAvionEnvoye);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@ -20,12 +20,10 @@ $site = "Avion Poème";
|
|||||||
$dossier = "/www";
|
$dossier = "/www";
|
||||||
$basedir = dirname($_SERVER['DOCUMENT_ROOT']) . $dossier;
|
$basedir = dirname($_SERVER['DOCUMENT_ROOT']) . $dossier;
|
||||||
|
|
||||||
$base_url = "http://avion-poe.me";
|
$base_url = "https://avion-poe.me";
|
||||||
$base_path = "/flex/storage/avion-poe.me/site/www/";
|
$base_path = "/flex/storage/avion-poe.me/site/www/";
|
||||||
$url_admin = $base_url . "/gestion";
|
$url_admin = $base_url . "/gestion";
|
||||||
$accueil = $base_url . "/index.html";
|
$accueil = $base_url . "/index.html";
|
||||||
if (empty( $_SERVER["PHP_AUTH_USER"]))
|
if (empty($_SERVER["PHP_AUTH_USER"])) {
|
||||||
{
|
|
||||||
$_SERVER["PHP_AUTH_USER"] = 'script';
|
$_SERVER["PHP_AUTH_USER"] = 'script';
|
||||||
}
|
}
|
||||||
?>
|
|
||||||
|
|||||||
@ -1,6 +1,5 @@
|
|||||||
<?php
|
<?php
|
||||||
if ( !isset($site) )
|
if (!isset($site)) {
|
||||||
{
|
|
||||||
require_once("config.inc.php");
|
require_once("config.inc.php");
|
||||||
header('Location: ' . $accueil);
|
header('Location: ' . $accueil);
|
||||||
}
|
}
|
||||||
@ -59,11 +58,9 @@ class db
|
|||||||
|
|
||||||
function open()
|
function open()
|
||||||
{
|
{
|
||||||
if ( !$this->connect )
|
if (!$this->connect) {
|
||||||
{
|
|
||||||
$this->connect = new mysqli($this->server, $this->user, $this->passwd, $this->database);
|
$this->connect = new mysqli($this->server, $this->user, $this->passwd, $this->database);
|
||||||
if ( $this->connect->connect_errno )
|
if ($this->connect->connect_errno) {
|
||||||
{
|
|
||||||
log_error("Échec de la connexion : => " . $this->connect->connect_error . "<br />" . __file__ . ' ligne ' . __line__, false, false);
|
log_error("Échec de la connexion : => " . $this->connect->connect_error . "<br />" . __file__ . ' ligne ' . __line__, false, false);
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
@ -98,6 +95,10 @@ class db
|
|||||||
function newPlane() //return 0 on error
|
function newPlane() //return 0 on error
|
||||||
{
|
{
|
||||||
global $base_url;
|
global $base_url;
|
||||||
|
if (round($this->startLat, 3, PHP_ROUND_HALF_DOWN) == round($this->destLat, 3, PHP_ROUND_HALF_DOWN) && round($this->startLon, 3, PHP_ROUND_HALF_DOWN) == round($this->destLon, 3, PHP_ROUND_HALF_DOWN)) {
|
||||||
|
$this->destLon += 0.001;
|
||||||
|
$this->destLat += 0.001;
|
||||||
|
}
|
||||||
$query = "INSERT INTO avionpoeme VALUES ('0','";
|
$query = "INSERT INTO avionpoeme VALUES ('0','";
|
||||||
$query .= $this->protect($this->message) . "', '";
|
$query .= $this->protect($this->message) . "', '";
|
||||||
$query .= $this->protect($this->expeMail) . "', ";
|
$query .= $this->protect($this->expeMail) . "', ";
|
||||||
@ -128,7 +129,6 @@ class db
|
|||||||
$this->urlAvion = $base_url . "/?avionpoeme=" . $this->uid;
|
$this->urlAvion = $base_url . "/?avionpoeme=" . $this->uid;
|
||||||
$this->newPeripetie();
|
$this->newPeripetie();
|
||||||
courrielEnvoi($this);
|
courrielEnvoi($this);
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function getPlane($uid)
|
function getPlane($uid)
|
||||||
@ -165,7 +165,7 @@ class db
|
|||||||
|
|
||||||
function getCurrentPlanes()
|
function getCurrentPlanes()
|
||||||
{
|
{
|
||||||
$query = "SELECT idAvion as uid, UNIX_TIMESTAMP(deliveryTime) as deliveryTime, deliveryTZ, destLat, destLon, destName, UNIX_TIMESTAMP(startTime) as startTime, startTZ, startLon, startLat, startName, color FROM avionpoeme WHERE deliveryTimeServer>NOW()";
|
$query = "SELECT idAvion as uid, UNIX_TIMESTAMP(deliveryTime) as deliveryTime, deliveryTZ, destLat, destLon, destName, destMail, message, expeMail, deliveryTimeServer, deliveryMethod, UNIX_TIMESTAMP(startTime) as startTime, startTZ, startLon, startLat, startName, color, message FROM avionpoeme WHERE deliveryTimeServer>NOW()";
|
||||||
$this->query($query);
|
$this->query($query);
|
||||||
$planes = $this->result->fetch_all(MYSQLI_ASSOC);
|
$planes = $this->result->fetch_all(MYSQLI_ASSOC);
|
||||||
print json_encode($planes);
|
print json_encode($planes);
|
||||||
@ -212,8 +212,7 @@ class db
|
|||||||
{
|
{
|
||||||
$query = "SELECT *, DATEDIFF(quand,CURDATE()) as datePeripetie FROM peripeties WHERE quand IS NULL";
|
$query = "SELECT *, DATEDIFF(quand,CURDATE()) as datePeripetie FROM peripeties WHERE quand IS NULL";
|
||||||
$this->query($query);
|
$this->query($query);
|
||||||
while ( ($result = $this->result->fetch_assoc()) )
|
while (($result = $this->result->fetch_assoc())) {
|
||||||
{
|
|
||||||
$this->idPeripetie = $result["idPeripetie"];
|
$this->idPeripetie = $result["idPeripetie"];
|
||||||
if ((mt_rand(0, 100) <= $result["probabilite"])) //calcul de la probabilité de la péripétie
|
if ((mt_rand(0, 100) <= $result["probabilite"])) //calcul de la probabilité de la péripétie
|
||||||
{
|
{
|
||||||
@ -234,6 +233,3 @@ class db
|
|||||||
return $this->avionJournalier;
|
return $this->avionJournalier;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
?>
|
|
||||||
|
|||||||
37
index.php
37
index.php
@ -13,6 +13,31 @@
|
|||||||
<canvas id="blankCanvas2" width="400" height="400" style="border:1px solid #d3d3d3; display:none"></canvas>
|
<canvas id="blankCanvas2" width="400" height="400" style="border:1px solid #d3d3d3; display:none"></canvas>
|
||||||
<img style="display:none;" id="front" src="src/img/front.jpg" />
|
<img style="display:none;" id="front" src="src/img/front.jpg" />
|
||||||
<img style="display:none;" id="back" src="src/img/back-FF5555.jpg" />
|
<img style="display:none;" id="back" src="src/img/back-FF5555.jpg" />
|
||||||
|
<?php
|
||||||
|
if (isset($_GET['avionpoeme']) && $_GET['avionpoeme'] !== '') { ?>
|
||||||
|
<script id="planeFoldScript.txt" type="not-javascript"> <!-- From https://github.com/RemiKoutcherawy/OriSim3D-JS was fun to code -->
|
||||||
|
d -200 200 -200 -200 200 -200 200 200
|
||||||
|
c 0 1 c 0 3 c 0 2 c 1 3
|
||||||
|
c 0 8 c 8 3 c 0 4 c 4 1
|
||||||
|
c 6 0 c 6 1 c 6 2 c 6 3
|
||||||
|
iad t 0 ty 6 tx -3)
|
||||||
|
t 0 r 48 -179.99 21 0 10 r 55 -179.99 17 3 19 )
|
||||||
|
t 0 r 43 160 1 4 0 21 24 12 11 13 9 10)
|
||||||
|
t 0 ty -80)
|
||||||
|
t 0 tx -60)
|
||||||
|
t 0 r 27 -80 3 19 5 22 2 a 3)
|
||||||
|
t 0 r 23 -80 0 21 4 24 1 a 0)
|
||||||
|
t 500 r 23 80 0 21 4 24 1 a 0)
|
||||||
|
t 0 r 23 -90 0 a 0)
|
||||||
|
t 500 r 27 80 3 19 5 22 2 a 3)
|
||||||
|
t 0 r 27 -90 3 a 3)
|
||||||
|
t 700 tx 60)
|
||||||
|
t 700 ty 80)
|
||||||
|
t 750 r 43 -160 1 4 0 21 24 12 11 13 9 10)
|
||||||
|
t 750 r 48 179.99 21 0 10 r 55 179.99 17 3 19 )
|
||||||
|
iad t 1200 ty -6 tx 3)
|
||||||
|
</script>
|
||||||
|
<?php } else { ?>
|
||||||
<script id="planeFoldScript.txt" type="not-javascript"> <!-- From https://github.com/RemiKoutcherawy/OriSim3D-JS was fun to code -->
|
<script id="planeFoldScript.txt" type="not-javascript"> <!-- From https://github.com/RemiKoutcherawy/OriSim3D-JS was fun to code -->
|
||||||
d -200 200 -200 -200 200 -200 200 200
|
d -200 200 -200 -200 200 -200 200 200
|
||||||
c 0 1 c 0 3 c 0 2 c 1 3
|
c 0 1 c 0 3 c 0 2 c 1 3
|
||||||
@ -26,6 +51,8 @@
|
|||||||
t 500 r 23 -80 0 21 4 24 1 a 0)
|
t 500 r 23 -80 0 21 4 24 1 a 0)
|
||||||
t 1000 tx -35 z 0 0 0 il 100 100)
|
t 1000 tx -35 z 0 0 0 il 100 100)
|
||||||
</script>
|
</script>
|
||||||
|
<?php }
|
||||||
|
?>
|
||||||
<!-- Modal new plane-->
|
<!-- Modal new plane-->
|
||||||
<div class="modal fade" id="newPlaneModal" tabindex="-1" role="dialog" aria-labelledby="newPlaneModal" aria-hidden="true">
|
<div class="modal fade" id="newPlaneModal" tabindex="-1" role="dialog" aria-labelledby="newPlaneModal" aria-hidden="true">
|
||||||
<div class="modal-dialog modal-lg" role="document">
|
<div class="modal-dialog modal-lg" role="document">
|
||||||
@ -54,6 +81,13 @@
|
|||||||
<br>
|
<br>
|
||||||
<div class="form-control rounded-0" id="messageTextArea"></div>
|
<div class="form-control rounded-0" id="messageTextArea"></div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label class="bold" id="labelAttachment"></label>
|
||||||
|
<div class="custom-file">
|
||||||
|
<input type="file" class="custom-file-input" id="attachmentPlane" aria-describedby="inputGroupFileAddon01">
|
||||||
|
<label class="custom-file-label" for="attachmentPlane" id="attachmentPlaneLabel"></label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="bold" for="selectTime" id="flightTime">Temps de vol</label>
|
<label class="bold" for="selectTime" id="flightTime">Temps de vol</label>
|
||||||
<select class="form-control" id="selectTime">
|
<select class="form-control" id="selectTime">
|
||||||
@ -99,13 +133,14 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div id="closePlane"></div>
|
||||||
|
<div id="downloadPlaneMessage" class="btn btn-outline-primary">Télécharger l'avion-poème</div>
|
||||||
<script src="src/map.js"></script>
|
<script src="src/map.js"></script>
|
||||||
<script src="src/geocoder.js"></script>
|
<script src="src/geocoder.js"></script>
|
||||||
<script src="src/paperPlaneAnimation.js"></script>
|
<script src="src/paperPlaneAnimation.js"></script>
|
||||||
<script src="src/formValidation.js"></script>
|
<script src="src/formValidation.js"></script>
|
||||||
<script src="src/newPlane.js"></script>
|
<script src="src/newPlane.js"></script>
|
||||||
<script src="src/translation.js"></script>
|
<script src="src/translation.js"></script>
|
||||||
<script src="src/anthology.js"></script>
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
@ -74,3 +74,5 @@ AvionPoeme_epuise|100 avions-poèmes ont déjà été lancés aujourd'hui, veuil
|
|||||||
NB_AvionPoeme_restant|$NB_avion_poeme avions-poèmes peuvent encore être lancés aujourd'hui! A votre plume!|$NB_avion_poeme flight-poems can still be launched today! Get out your pens!|$NB_avion_poeme Gedichte-Flieger können noch heute losgeschickt werden! An Ihrem Stift!|$NB_avion_poeme самолет–поеми могат да стартират днес! Хващайте писалката!|$NB_avion_poeme 詩作紙飞机今天仍然可发送 。拿起笔來吧！|$NB_avion_poeme 今日も飛行機の詩を飛ばしていただくことができます！あなたが書いたものを！|$NB_avion_poeme aviones-poemas todavía se pueden lanzar hoy. ¡En tu pluma!|$NB_avion_poeme aviões-poemas ainda podem ser lançados hoje! Na sua caneta!|لا يزال من الممكن إطلاق $NB_avion_poeme الطائرات-القصائد اليوم! أحضروا أقلامكم
|
NB_AvionPoeme_restant|$NB_avion_poeme avions-poèmes peuvent encore être lancés aujourd'hui! A votre plume!|$NB_avion_poeme flight-poems can still be launched today! Get out your pens!|$NB_avion_poeme Gedichte-Flieger können noch heute losgeschickt werden! An Ihrem Stift!|$NB_avion_poeme самолет–поеми могат да стартират днес! Хващайте писалката!|$NB_avion_poeme 詩作紙飞机今天仍然可发送 。拿起笔來吧！|$NB_avion_poeme 今日も飛行機の詩を飛ばしていただくことができます！あなたが書いたものを！|$NB_avion_poeme aviones-poemas todavía se pueden lanzar hoy. ¡En tu pluma!|$NB_avion_poeme aviões-poemas ainda podem ser lançados hoje! Na sua caneta!|لا يزال من الممكن إطلاق $NB_avion_poeme الطائرات-القصائد اليوم! أحضروا أقلامكم
|
||||||
Soutenez_avionpoeme|Offrez-nous un verre de vin |Offer us a beer |Schenken Sie uns ein Bier!|Почерпете ни с ракия!|请给我们倒茶|お酒をください|¡Ofrécenos una cerveza! |Ofereça-nos uma cerveja|من فضلك اعطنا الشاي
|
Soutenez_avionpoeme|Offrez-nous un verre de vin |Offer us a beer |Schenken Sie uns ein Bier!|Почерпете ни с ракия!|请给我们倒茶|お酒をください|¡Ofrécenos una cerveza! |Ofereça-nos uma cerveja|من فضلك اعطنا الشاي
|
||||||
AvionPoeme_free_independent|Avion-poe.me est gratuit, libre (open source) et indépendant|Avion-poe.me is free (as in freedom), free (as in free beer) and independent|Avion-poe.me ist kostenlos, frei (open source) und unabhängig |Avion-poe.me е безплатен, свободен (с отворен код) и независим |Avion-poe.me 是免费、开源和独立的 |Avion-poe.me は無料で、オープンソースで独立しています |Avion-poe.me es gratuito, libre (de código abierto) e independiente |Avion-poe.me é gratuito, libre (de código aberto) e independente |عملنا مجاني وحر (مفتوح المصدر) ومستقل
|
AvionPoeme_free_independent|Avion-poe.me est gratuit, libre (open source) et indépendant|Avion-poe.me is free (as in freedom), free (as in free beer) and independent|Avion-poe.me ist kostenlos, frei (open source) und unabhängig |Avion-poe.me е безплатен, свободен (с отворен код) и независим |Avion-poe.me 是免费、开源和独立的 |Avion-poe.me は無料で、オープンソースで独立しています |Avion-poe.me es gratuito, libre (de código abierto) e independiente |Avion-poe.me é gratuito, libre (de código aberto) e independente |عملنا مجاني وحر (مفتوح المصدر) ومستقل
|
||||||
|
PJ_Parcourir|Parcourir|Browse|Durchsuchen|Прегледаване|浏览|ブラウズ |Navegar|Navegar|تصفح
|
||||||
|
PJ_Ajouter|Ajouter un pièce jointe (max. 2 Mo)|Attach file (2 MB max.)|Datei anhängen (2 MB max.)|Прикачване на файл (2 MB макс.)|附加文件 (最大 2 MB )|ファイルを添付する (最大2MB)|Adjuntar archivo (2 MB máx. )|Anexar arquivo (2 MB máx.)|إرفق ملف (2MB max)
|
||||||
|
|||||||
|
Can't render this file because it contains an unexpected character in line 37 and column 114.
|
@ -1,7 +1,7 @@
|
|||||||
[
|
[
|
||||||
{
|
{
|
||||||
"fr": "<p align=\"center\" style=\"border: 1px solid black; padding-top:50px; padding-bottom:50px; border-radius: 10px;\"><em>Cher·e·s semblables<br><br>Nous ne sommes pas comme vos milles et un prétendants<br><br>Si d’autres que nous vous offrent l’instantané,<br>Nous vous offrirons le temps et l’attente<br><br>S’ils vous offrent une lettre<br>Nous vous offrirons un poème<br><br>S’ils vous offrent une certitude<br>Nous vous offrirons les aléas et l’inconnu<br><br>S’ils vous offrent l’abondance<br>Nous vous offrirons le partage<br><br>Et s’ils vous offrent un message<br>Nous vous offrirons le voyage<br><br>Librement,<br><br>L’équipe d’avion-poe.me</em></p><br><br><p><b>En quelques mots</b><br><ul><li>Cette œuvre a été conçue par Maxime Sténuit (créateur), <a href=\"https://github.com/martinedoesgis\">martinedoesgis</a> (développeur front-end), et Daniel Tartavel (développeur back-end).</li><li>L’œuvre est sous licence <a href=\"https://creativecommons.org/licenses/by-nc-sa/2.0/fr/\">Creative Commons BY-NC-SA 2.0 FR</a> et le code source sous licence <a href=\"http://www.gnu.org/licenses/gpl-3.0.en.html\">GPLv3</a>.</li><li>Nous souhaitons que cette application mise librement à votre disposition soit utilisée à des fins excluant tous types de violences, qu’elles soient verbales ou physiques.</li><li>Les messages privés sont supprimés physiquement de notre serveur une fois arrivés, ainsi que l’ensemble des adresses électroniques. Ce site ne contient pas de traceurs.</li><li>Pour en savoir davantage sur <a href=\"https://lalis69.ddns.net:10443/laliscloud/index.php/s/Jf7BkZCWFpEF9tJ\">l’origine des avions-poèmes</a>.</li></ul><br>N’hésitez pas à nous faire part de vos commentaires et vos idées à <a href=\"mailto:contact@avion-poe.me\">contact@avion-poe.me</a>.<br><br>",
|
"fr": "<p align=\"center\" style=\"border: 1px solid black; padding-top:50px; padding-bottom:50px; border-radius: 10px;\"><em>Cher·e·s semblables<br><br>Nous ne sommes pas comme vos milles et un prétendants<br><br>Si d’autres que nous vous offrent l’instantané,<br>Nous vous offrirons le temps et l’attente<br><br>S’ils vous offrent une lettre<br>Nous vous offrirons un poème<br><br>S’ils vous offrent une certitude<br>Nous vous offrirons les aléas et l’inconnu<br><br>S’ils vous offrent l’abondance<br>Nous vous offrirons le partage<br><br>Et s’ils vous offrent un message<br>Nous vous offrirons le voyage<br><br>Librement,<br><br>L’équipe d’avion-poe.me</em></p><br><br><div id='donationElt'><div id='donationText'></div><div id='donationButton' ><a id='donationButtonText' class='btn btn-outline-primary' href='https://lydia-app.com/collect/98550-support-avion-poe-me/fr' target='_blank'></a></div></div><p><b>En quelques mots</b><br><ul><li>Cette œuvre a été conçue par Maxime Sténuit (créateur), <a href=\"https://github.com/martinedoesgis\">martinedoesgis</a> (développeur front-end), et Daniel Tartavel (développeur back-end).</li><li>L’œuvre est sous licence <a href=\"https://creativecommons.org/licenses/by-nc-sa/2.0/fr/\">Creative Commons BY-NC-SA 2.0 FR</a> et le code source sous licence <a href=\"http://www.gnu.org/licenses/gpl-3.0.en.html\">GPLv3</a>.</li><li>Nous souhaitons que cette application mise librement à votre disposition soit utilisée à des fins excluant tous types de violences, qu’elles soient verbales ou physiques.</li><li>Les messages privés sont supprimés physiquement de notre serveur une fois arrivés, ainsi que l’ensemble des adresses électroniques. Ce site ne contient pas de traceurs.</li><li>Pour en savoir davantage sur <a href=\"https://lalis69.ddns.net:10443/laliscloud/index.php/s/Jf7BkZCWFpEF9tJ\">l’origine des avions-poèmes</a>.</li></ul><br>N’hésitez pas à nous faire part de vos commentaires et vos idées à <a href=\"mailto:contact@avion-poe.me\">contact@avion-poe.me</a>.<br><br>",
|
||||||
"en": "<p align=\"center\" style=\"border: 1px solid black; padding-top:50px; padding-bottom:50px; border-radius: 10px;\"><em>Dear fellow,<br><br>We do not resemble your sycophants and suitors<br><br>Should others offer you the instant,<br>We shall offer you the time and the wait<br><br>Should they offer you a letter<br>We shall offer you a poem<br><br>Should they offer you certainty<br>We shall offer you the vagaries and the unknown<br><br>Should they offer you abundance<br>We shall offer you sharing<br><br>And should they offer you a valley<br>We shall offer you the journey<br><br>Freely,<br><br>The team of avion-poe.me</em></p><br><br><p><b>In a few words :</b><br><ul><li>Avion-poe.me was created by Maxime Sténuit, <a href=\"https://github.com/martinedoesgis\">martinedoesgis</a> (front-end developer), and Daniel Tartavel (back-end developer).</li><li>The work is under the <a href=\"https://creativecommons.org/licenses/by-nc-sa/2.0/fr/\">Creative Commons BY-NC-SA 2.0 FR</a> license and the source code under the <a href=\"http://www.gnu.org/licenses/gpl-3.0.en.html\">GPLv3</a> licence.</li><li>We wish this application, made freely available to you, to be used for purposes that exclude all types of violence, whether verbal or physical.</li><li>Private messages are physically deleted from our server when they arrive. This site does not contain cookies.</li><li>To learn more about <a href=\"https://lalis69.ddns.net:10443/laliscloud/index.php/s/Jf7BkZCWFpEF9tJ\">the origin of the flight-poem</a>.</li></ul><br>Please feel free to share your comments and ideas with us at <a href=\"mailto:contact@avion-poe.me\">contact@avion-poe.me</a>.<br><br>",
|
"en": "<p align=\"center\" style=\"border: 1px solid black; padding-top:50px; padding-bottom:50px; border-radius: 10px;\"><em>Dear fellow,<br><br>We do not resemble your sycophants and suitors<br><br>Should others offer you the instant,<br>We shall offer you the time and the wait<br><br>Should they offer you a letter<br>We shall offer you a poem<br><br>Should they offer you certainty<br>We shall offer you the vagaries and the unknown<br><br>Should they offer you abundance<br>We shall offer you sharing<br><br>And should they offer you a valley<br>We shall offer you the journey<br><br>Freely,<br><br>The team of avion-poe.me</em></p><br><br><div id='donationElt'><div id='donationText'></div><div id='donationButton' ><a id='donationButtonText' class='btn btn-outline-primary' href='https://lydia-app.com/collect/98550-support-avion-poe-me/en' target='_blank'></a></div></div><p><b>In a few words :</b><br><ul><li>Avion-poe.me was created by Maxime Sténuit, <a href=\"https://github.com/martinedoesgis\">martinedoesgis</a> (front-end developer), and Daniel Tartavel (back-end developer).</li><li>The work is under the <a href=\"https://creativecommons.org/licenses/by-nc-sa/2.0/fr/\">Creative Commons BY-NC-SA 2.0 FR</a> license and the source code under the <a href=\"http://www.gnu.org/licenses/gpl-3.0.en.html\">GPLv3</a> licence.</li><li>We wish this application, made freely available to you, to be used for purposes that exclude all types of violence, whether verbal or physical.</li><li>Private messages are physically deleted from our server when they arrive. This site does not contain cookies.</li><li>To learn more about <a href=\"https://lalis69.ddns.net:10443/laliscloud/index.php/s/Jf7BkZCWFpEF9tJ\">the origin of the flight-poem</a>.</li></ul><br>Please feel free to share your comments and ideas with us at <a href=\"mailto:contact@avion-poe.me\">contact@avion-poe.me</a>.<br><br>",
|
||||||
"de": "<p align=\"center\" style=\"border: 1px solid black; padding-top:50px; padding-bottom:50px; border-radius: 10px;\"><em>Liebe Freunde<br><br>Wir gleichen euren Liebhabern nicht.<br><br>Bieten sie euch das Unmittelbare an<br>Schenken wir euch Zeit und Warten<br><br>Schreiben sie euch einen Brief<br>Überreichen wir euch ein Gedicht<br><br>Geben sie euch Gewissheit<br>bieten wir euch Launen und das Unbekannte<br><br>Überhäufen sie euch mit Überfluss<br>Lehren wir euch das Teilen<br><br>Und schicken sie euch eine Nachricht,<br>Dann schenken wir euch eine Reise.<br><br>Frei,<br><br>Das Team von avion-poe.me</em></p><br><br><p><b>In wenigen Worten:</b><br><ul><li>Diese Arbeit wurde von Maxime Sténuit (Schöpfer), <a href=\"https://github.com/martinedoesgis\">martinedoesgis</a> (Front-End-Entwickler) und Daniel Tartavel (Back-End-Entwickler) entworfen.</li><li>Die Arbeit ist unter der <a href=\"https://creativecommons.org/licenses/by-nc-sa/2.0/fr/\">Creative Commons BY-NC-SA 2.0 FR</a>-Lizenz und der Quellcode unter der <a href=\"http://www.gnu.org/licenses/gpl-3.0.en.html\">GPLv3</a>-Lizenz.</li><li>Wir möchten, dass diese Anwendung, die Ihnen frei zur Verfügung gestellt wird, für Zwecke verwendet wird, die alle Arten von verbaler oder physischer Gewalt ausschließen.</li><li>Private Nachrichten werden bei ihrem Eintreffen zusammen mit allen E-Mail-Adressen physisch von unserem Server gelöscht. Diese Seite enthält keine Cookies.</li><li>Um mehr <a href=\"https://lalis69.ddns.net:10443/laliscloud/index.php/s/Jf7BkZCWFpEF9tJ\">über den Ursprung von Gedicht-Flieger</a> zu erfahren.</li></ul><br>Bitte zögern Sie nicht, uns Ihre Kommentare und Ideen an <a href=\"mailto:contact@avion-poe.me\">contact@avion-poe.me</a> zu senden.<br><br>"
|
"de": "<p align=\"center\" style=\"border: 1px solid black; padding-top:50px; padding-bottom:50px; border-radius: 10px;\"><em>Liebe Freunde<br><br>Wir gleichen euren Liebhabern nicht.<br><br>Bieten sie euch das Unmittelbare an<br>Schenken wir euch Zeit und Warten<br><br>Schreiben sie euch einen Brief<br>Überreichen wir euch ein Gedicht<br><br>Geben sie euch Gewissheit<br>bieten wir euch Launen und das Unbekannte<br><br>Überhäufen sie euch mit Überfluss<br>Lehren wir euch das Teilen<br><br>Und schicken sie euch eine Nachricht,<br>Dann schenken wir euch eine Reise.<br><br>Frei,<br><br>Das Team von avion-poe.me</em></p><br><br><div id='donationElt'><div id='donationText'></div><div id='donationButton' ><a id='donationButtonText' class='btn btn-outline-primary' href='https://lydia-app.com/collect/98550-support-avion-poe-me/fr' target='_blank'></a></div></div><p><b>In wenigen Worten:</b><br><ul><li>Diese Arbeit wurde von Maxime Sténuit (Schöpfer), <a href=\"https://github.com/martinedoesgis\">martinedoesgis</a> (Front-End-Entwickler) und Daniel Tartavel (Back-End-Entwickler) entworfen.</li><li>Die Arbeit ist unter der <a href=\"https://creativecommons.org/licenses/by-nc-sa/2.0/fr/\">Creative Commons BY-NC-SA 2.0 FR</a>-Lizenz und der Quellcode unter der <a href=\"http://www.gnu.org/licenses/gpl-3.0.en.html\">GPLv3</a>-Lizenz.</li><li>Wir möchten, dass diese Anwendung, die Ihnen frei zur Verfügung gestellt wird, für Zwecke verwendet wird, die alle Arten von verbaler oder physischer Gewalt ausschließen.</li><li>Private Nachrichten werden bei ihrem Eintreffen zusammen mit allen E-Mail-Adressen physisch von unserem Server gelöscht. Diese Seite enthält keine Cookies.</li><li>Um mehr <a href=\"https://lalis69.ddns.net:10443/laliscloud/index.php/s/Jf7BkZCWFpEF9tJ\">über den Ursprung von Gedicht-Flieger</a> zu erfahren.</li></ul><br>Bitte zögern Sie nicht, uns Ihre Kommentare und Ideen an <a href=\"mailto:contact@avion-poe.me\">contact@avion-poe.me</a> zu senden.<br><br>"
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
@ -33,4 +33,5 @@
|
|||||||
<script src="dist/rasterizeHTML/rasterizeHTML.allinone.js"></script>
|
<script src="dist/rasterizeHTML/rasterizeHTML.allinone.js"></script>
|
||||||
<script src="dist/leaflet-locatecontrol/L.Control.Locate.min.js"></script>
|
<script src="dist/leaflet-locatecontrol/L.Control.Locate.min.js"></script>
|
||||||
<script src='dist/leaflet-fullscreen/Leaflet.fullscreen.min.js'></script>
|
<script src='dist/leaflet-fullscreen/Leaflet.fullscreen.min.js'></script>
|
||||||
|
<script src='dist/html2pdf/html2pdf.bundle.min.js'></script>
|
||||||
</head>
|
</head>
|
||||||
141
src/anthology.js
141
src/anthology.js
@ -1,79 +1,136 @@
|
|||||||
function flightTime(a, b) {
|
function flightTime(a, b) {
|
||||||
var days = Math.round((b-a)/86400 * 100) / 100
|
var days = Math.round(((b - a) / 86400) * 100) / 100;
|
||||||
var months = Math.round(days/30)
|
var months = Math.round(days / 30);
|
||||||
var years = Math.round(months/12)
|
var years = Math.round(months / 12);
|
||||||
if (days < 30) {
|
if (days < 30) {
|
||||||
return ""+days+" "+dictionnary.jours
|
return "" + days + " " + dictionnary.jours;
|
||||||
}
|
} else if (days >= 30 && days < 365) {
|
||||||
else if (days >= 30 && days < 365){
|
|
||||||
if (months > 1) {
|
if (months > 1) {
|
||||||
return ""+months+" "+dictionnary.mois_pluriel
|
return "" + months + " " + dictionnary.mois_pluriel;
|
||||||
|
} else {
|
||||||
|
return "" + months + " " + dictionnary.mois;
|
||||||
}
|
}
|
||||||
else{
|
} else if (days >= 365) {
|
||||||
return ""+months+" "+dictionnary.mois
|
|
||||||
}
|
|
||||||
}
|
|
||||||
else if (days >= 365){
|
|
||||||
if (years > 1) {
|
if (years > 1) {
|
||||||
return ""+years+" "+dictionnary.ans
|
return "" + years + " " + dictionnary.ans;
|
||||||
}
|
} else {
|
||||||
else{
|
return "" + years + " " + dictionnary.an;
|
||||||
return ""+years+" "+dictionnary.an
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
//load
|
//load
|
||||||
var nPages;
|
var nPages;
|
||||||
var nPagesLoaded = 1
|
var nPagesLoaded = 1;
|
||||||
$.post("getAnthology.php", function (pages) {
|
$.post("getAnthology.php", function (pages) {
|
||||||
pages = $.parseJSON(pages)
|
pages = $.parseJSON(pages);
|
||||||
nPages = Number(pages.nPages)
|
nPages = Number(pages.nPages);
|
||||||
})
|
});
|
||||||
|
|
||||||
function displayAnthology(){ // clean and display first page
|
function displayAnthology() {
|
||||||
$("#anthologyItems").html('')
|
// clean and display first page
|
||||||
nPagesLoaded = 1
|
$("#anthologyItems").html("");
|
||||||
|
nPagesLoaded = 1;
|
||||||
$.post("getAnthology.php?page=1", function (result) {
|
$.post("getAnthology.php?page=1", function (result) {
|
||||||
results = $.parseJSON(result)
|
results = $.parseJSON(result);
|
||||||
var momentLocale = lang;
|
var momentLocale = lang;
|
||||||
if (momentLocale == 'zh'){momentLocale = 'zh-cn'} //troubleshot for chinese
|
if (momentLocale == "zh") {
|
||||||
moment.locale(momentLocale)
|
momentLocale = "zh-cn";
|
||||||
|
} //troubleshot for chinese
|
||||||
|
moment.locale(momentLocale);
|
||||||
for (var i in results) {
|
for (var i in results) {
|
||||||
addAnthologyLine(results[i])
|
addAnthologyLine(results[i]);
|
||||||
}
|
}
|
||||||
})
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
$("#anthology").scroll(function () {
|
$("#anthology").scroll(function () {
|
||||||
if ($("#anthology").scrollTop() + 700 > $("#anthologyItems").height()) {
|
if ($("#anthology").scrollTop() + 700 > $("#anthologyItems").height()) {
|
||||||
if (nPagesLoaded < nPages) {
|
if (nPagesLoaded < nPages) {
|
||||||
nPagesLoaded++
|
nPagesLoaded++;
|
||||||
console.log('Loading anthology page '+nPagesLoaded+'/'+nPages)
|
console.log("Loading anthology page " + nPagesLoaded + "/" + nPages);
|
||||||
$.post("getAnthology.php?page=" + nPagesLoaded + "", function (result) {
|
$.post("getAnthology.php?page=" + nPagesLoaded + "", function (result) {
|
||||||
results = $.parseJSON(result)
|
results = $.parseJSON(result);
|
||||||
var momentLocale = lang;
|
var momentLocale = lang;
|
||||||
if (momentLocale == 'zh'){momentLocale = 'zh-cn'} //troubleshot for chinese
|
if (momentLocale == "zh") {
|
||||||
moment.locale(momentLocale)
|
momentLocale = "zh-cn";
|
||||||
|
} //troubleshot for chinese
|
||||||
|
moment.locale(momentLocale);
|
||||||
for (var i in results) {
|
for (var i in results) {
|
||||||
addAnthologyLine(results[i])
|
addAnthologyLine(results[i]);
|
||||||
}
|
}
|
||||||
})
|
});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
function addAnthologyLine(results) {
|
function addAnthologyLine(results) {
|
||||||
if (lang == 'ar'){ // arabic : rtl + add <br>
|
if (lang == "ar") {
|
||||||
|
// arabic : rtl + add <br>
|
||||||
$("#anthologyItems").append(
|
$("#anthologyItems").append(
|
||||||
'<small style="float:right">'+dictionnary.origine+': <b>'+results.startName+'</b> • '+dictionnary.destination+': <b>'+results.destName+'</b> • '+dictionnary.date_arrivee+': <b>'+moment(Number(results.deliveryTime)*1000).format('LL')+'</b> • '+dictionnary.temps_de_vol+': <b>'+flightTime(Number(results.startTime),Number(results.deliveryTime))+'</b></small><br><br>'+results.message+'<br><hr><br>'
|
'<small style="float:right">' +
|
||||||
)
|
dictionnary.origine +
|
||||||
}
|
": <b>" +
|
||||||
else{
|
results.startName +
|
||||||
|
"</b> • " +
|
||||||
|
dictionnary.destination +
|
||||||
|
": <b>" +
|
||||||
|
results.destName +
|
||||||
|
"</b> • " +
|
||||||
|
dictionnary.date_arrivee +
|
||||||
|
": <b>" +
|
||||||
|
moment(Number(results.deliveryTime) * 1000).format("LL") +
|
||||||
|
"</b> • " +
|
||||||
|
dictionnary.temps_de_vol +
|
||||||
|
": <b>" +
|
||||||
|
flightTime(Number(results.startTime), Number(results.deliveryTime)) +
|
||||||
|
"</b></small><br><br>" +
|
||||||
|
results.message +
|
||||||
|
"<br><hr><br>"
|
||||||
|
);
|
||||||
|
} else {
|
||||||
$("#anthologyItems").append(
|
$("#anthologyItems").append(
|
||||||
'<small>'+dictionnary.origine+': <b>'+results.startName+'</b> • '+dictionnary.destination+': <b>'+results.destName+'</b> • '+dictionnary.date_arrivee+': <b>'+moment(Number(results.deliveryTime)*1000).format('LL')+'</b> • '+dictionnary.temps_de_vol+': <b>'+flightTime(Number(results.startTime),Number(results.deliveryTime))+'</b></small><br><br>'+results.message+'<br><hr><br>'
|
"<small>" +
|
||||||
)
|
dictionnary.origine +
|
||||||
|
": <b>" +
|
||||||
|
results.startName +
|
||||||
|
"</b> • " +
|
||||||
|
dictionnary.destination +
|
||||||
|
": <b>" +
|
||||||
|
results.destName +
|
||||||
|
"</b> • " +
|
||||||
|
dictionnary.date_arrivee +
|
||||||
|
": <b>" +
|
||||||
|
moment(Number(results.deliveryTime) * 1000).format("LL") +
|
||||||
|
"</b> • " +
|
||||||
|
dictionnary.temps_de_vol +
|
||||||
|
": <b>" +
|
||||||
|
flightTime(Number(results.startTime), Number(results.deliveryTime)) +
|
||||||
|
"</b></small><br><br>" +
|
||||||
|
results.message +
|
||||||
|
"<br><hr><br>"
|
||||||
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
$.post("avionJournalier.php", function (result) {
|
||||||
|
result = result.replace(/'/g, '"');
|
||||||
|
result = $.parseJSON(result);
|
||||||
|
nbPlane = Number(result.nAvion);
|
||||||
|
console.log(result);
|
||||||
|
$("#buttonNewPlane").val(
|
||||||
|
"Lancer un avion-poème " + Number(result.nAvion) + "/100"
|
||||||
|
);
|
||||||
|
$("#buttonNewPlane").on("click", () => {
|
||||||
|
window.location.replace("/");
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
$(document).ready(function () {
|
||||||
|
$.getJSON("lang/" + lang + "", function (s) {
|
||||||
|
displayAnthology();
|
||||||
|
$("#anthologyTitle").html(s.anthologie);
|
||||||
|
$("#anthologyDisclaimer").html(s.suppr_message_public);
|
||||||
|
$("#closeAnthologyAbout").html(s.retour_carte);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|||||||
141
src/app.css
141
src/app.css
@ -1,3 +1,10 @@
|
|||||||
|
:root {
|
||||||
|
/** Colors **/
|
||||||
|
--primary: #007bff;
|
||||||
|
--primary-rgb: 0, 123, 255;
|
||||||
|
--primary-hover: #0056b3;
|
||||||
|
}
|
||||||
|
|
||||||
html,
|
html,
|
||||||
body {
|
body {
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
@ -72,12 +79,12 @@ body {
|
|||||||
|
|
||||||
/* Anthology */
|
/* Anthology */
|
||||||
#anthology {
|
#anthology {
|
||||||
margin-top: 30px;
|
margin-top: 56px;
|
||||||
z-index: 1029;
|
z-index: 1029;
|
||||||
padding-top: 66px;
|
padding-top: 66px;
|
||||||
padding-bottom: 35px;
|
padding-bottom: 35px;
|
||||||
padding-left: 30%;
|
padding-left: 25%;
|
||||||
padding-right: 30%;
|
padding-right: 25%;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
background-color: rgba(255, 255, 255, 0.9);
|
background-color: rgba(255, 255, 255, 0.9);
|
||||||
@ -85,12 +92,12 @@ body {
|
|||||||
|
|
||||||
/* About */
|
/* About */
|
||||||
#about {
|
#about {
|
||||||
margin-top: 30px;
|
margin-top: 56px;
|
||||||
z-index: 1029;
|
z-index: 1029;
|
||||||
padding-top: 66px;
|
padding-top: 66px;
|
||||||
padding-bottom: 35px;
|
padding-bottom: 35px;
|
||||||
padding-left: 30%;
|
padding-left: 25%;
|
||||||
padding-right: 30%;
|
padding-right: 25%;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
background-color: rgba(255, 255, 255, 0.9);
|
background-color: rgba(255, 255, 255, 0.9);
|
||||||
@ -254,3 +261,125 @@ a#navbarDropdownLang.nav-link.dropdown-toggle::after {
|
|||||||
padding-right: 5% !important;
|
padding-right: 5% !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* About donation */
|
||||||
|
#donationElt {
|
||||||
|
background: rgba(var(--primary-rgb), 0.2);
|
||||||
|
margin-bottom: 50px;
|
||||||
|
padding: 5%;
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: fit-content(370px) auto;
|
||||||
|
column-gap: 8%;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
#donationElt #donationButton {
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
#donationElt #donationButton .btn {
|
||||||
|
background: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
#donationElt #donationButton .btn:before {
|
||||||
|
font-family: "Font Awesome 5 Pro";
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: 10px;
|
||||||
|
font-weight: 300;
|
||||||
|
}
|
||||||
|
|
||||||
|
#donationElt #donationButton .btn.fr:before {
|
||||||
|
content: "\f5ce";
|
||||||
|
}
|
||||||
|
|
||||||
|
#donationElt #donationButton .btn.en:before,
|
||||||
|
#donationElt #donationButton .btn.de:before,
|
||||||
|
#donationElt #donationButton .btn.pt:before,
|
||||||
|
#donationElt #donationButton .btn.es:before {
|
||||||
|
content: "\f0fc";
|
||||||
|
}
|
||||||
|
|
||||||
|
#donationElt #donationButton .btn.ar:before {
|
||||||
|
content: "\f875";
|
||||||
|
}
|
||||||
|
|
||||||
|
#donationElt #donationButton .btn.zh:before,
|
||||||
|
#donationElt #donationButton .btn.ja:before,
|
||||||
|
#donationElt #donationButton .btn.bg:before {
|
||||||
|
content: "\f7a0";
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
#donationElt #donationButton .btn:hover {
|
||||||
|
color: var(--primary-hover);
|
||||||
|
border-color: var(--primary-hover);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 990px) {
|
||||||
|
#donationElt {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
grid-row-gap: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#donationElt #donationButton {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 600px) {
|
||||||
|
#donationElt {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
#donationElt #donationButton {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-file-label {
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
overflow: hidden;
|
||||||
|
width: 100%;
|
||||||
|
padding-right: 9em;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
.custom-file-label::after {
|
||||||
|
content: attr(data-after);
|
||||||
|
}
|
||||||
|
|
||||||
|
#closePlane {
|
||||||
|
position: fixed;
|
||||||
|
top: 70px;
|
||||||
|
right: 40px;
|
||||||
|
visibility: hidden;
|
||||||
|
opacity: 0;
|
||||||
|
cursor: pointer;
|
||||||
|
z-index: 10000;
|
||||||
|
}
|
||||||
|
|
||||||
|
#closePlane:before {
|
||||||
|
content: "\f00d";
|
||||||
|
font-family: "Font Awesome 5 Pro";
|
||||||
|
color: white;
|
||||||
|
font-size: 3em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#downloadPlaneMessage {
|
||||||
|
position: fixed;
|
||||||
|
z-index: 10000;
|
||||||
|
bottom: 5%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
color: var(--primary);
|
||||||
|
background-color: white;
|
||||||
|
opacity: 0;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
#downloadPlaneMessage:before {
|
||||||
|
content: "\f019";
|
||||||
|
font-family: "Font Awesome 5 Pro";
|
||||||
|
color: var(--primary);
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
|||||||
@ -1,25 +1,43 @@
|
|||||||
var validExpeMail = false
|
var validExpeMail = false;
|
||||||
var validExpeLoc = false //turned to true in geocoder.js
|
var validExpeLoc = false; //turned to true in geocoder.js
|
||||||
var validDestMail = false
|
var validDestMail = false;
|
||||||
var validDestLoc = false //turned to true in geocoder.js
|
var validDestLoc = false; //turned to true in geocoder.js
|
||||||
|
|
||||||
function validateEmail(email) { //from https://stackoverflow.com/questions/46155/how-to-validate-an-email-address-in-javascript
|
function validateEmail(email) {
|
||||||
const re = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
|
//from https://stackoverflow.com/questions/46155/how-to-validate-an-email-address-in-javascript
|
||||||
|
const re =
|
||||||
|
/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
|
||||||
return re.test(String(email).toLowerCase());
|
return re.test(String(email).toLowerCase());
|
||||||
}
|
}
|
||||||
|
|
||||||
$("#expeMail").change(function () {
|
$("#expeMail").change(function () {
|
||||||
validExpeMail = validateEmail($("#expeMail").val())
|
validExpeMail = validateEmail($("#expeMail").val());
|
||||||
checkFormValid()
|
checkFormValid();
|
||||||
})
|
});
|
||||||
|
|
||||||
$("#destMail").change(function () {
|
$("#destMail").change(function () {
|
||||||
validDestMail = validateEmail($("#destMail").val())
|
validDestMail = validateEmail($("#destMail").val());
|
||||||
checkFormValid()
|
checkFormValid();
|
||||||
})
|
});
|
||||||
|
|
||||||
|
document
|
||||||
|
.querySelector(".custom-file-input")
|
||||||
|
.addEventListener("change", function (e) {
|
||||||
|
const file = e.target.files[0];
|
||||||
|
const fileName = file.name;
|
||||||
|
var nextSibling = e.target.nextElementSibling;
|
||||||
|
nextSibling.innerText = fileName;
|
||||||
|
|
||||||
|
const filesize = (file.size / 1024 / 1024).toFixed(4); // MB
|
||||||
|
if (filesize >= 2.2) {
|
||||||
|
e.target.classList.add("is-invalid");
|
||||||
|
} else {
|
||||||
|
e.target.classList.remove("is-invalid");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
function checkFormValid() {
|
function checkFormValid() {
|
||||||
if (validExpeMail && validExpeLoc && validDestMail && validDestLoc) {
|
if (validExpeMail && validExpeLoc && validDestMail && validDestLoc) {
|
||||||
$('#sendNewPlane').prop("disabled", false)
|
$("#sendNewPlane").prop("disabled", false);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
692
src/map.js
692
src/map.js
@ -1,141 +1,163 @@
|
|||||||
var loader = new PIXI.Loader();
|
var loader = new PIXI.Loader();
|
||||||
var colors = ['66FF00','FF5555','FFE419','2A7FFF','BC5FD3','C8AB37','ECECEC','FF6600'];
|
var colors = [
|
||||||
|
"66FF00",
|
||||||
|
"FF5555",
|
||||||
|
"FFE419",
|
||||||
|
"2A7FFF",
|
||||||
|
"BC5FD3",
|
||||||
|
"C8AB37",
|
||||||
|
"ECECEC",
|
||||||
|
"FF6600",
|
||||||
|
];
|
||||||
for (var i in colors) {
|
for (var i in colors) {
|
||||||
loader.add('marker'+colors[i]+'', 'src/img/plane-'+colors[i]+'.png');
|
loader.add("marker" + colors[i] + "", "src/img/plane-" + colors[i] + ".png");
|
||||||
}
|
}
|
||||||
|
|
||||||
//global variable
|
//global variable
|
||||||
var nbPlane = 0
|
var nbPlane = 0;
|
||||||
|
|
||||||
loader.add('shadow', 'src/img/shadow.png');
|
loader.add("shadow", "src/img/shadow.png");
|
||||||
loader.load(function (loader, resources) {
|
loader.load(function (loader, resources) {
|
||||||
|
|
||||||
var pixiContainer = new PIXI.Container();
|
var pixiContainer = new PIXI.Container();
|
||||||
|
|
||||||
var map = L.map('map',{
|
var map = L.map("map", {
|
||||||
zoomControl: false,
|
zoomControl: false,
|
||||||
minZoom: 2,
|
minZoom: 2,
|
||||||
maxZoom: 16,
|
maxZoom: 16,
|
||||||
maxBounds: [
|
maxBounds: [
|
||||||
[-Infinity, -360],
|
[-Infinity, -360],
|
||||||
[Infinity, 360]
|
[Infinity, 360],
|
||||||
],
|
],
|
||||||
//worldCopyJump: true,
|
//worldCopyJump: true,
|
||||||
attributionControl: false
|
attributionControl: false,
|
||||||
})
|
});
|
||||||
|
|
||||||
//zoom controls
|
//zoom controls
|
||||||
L.control.zoom({position: 'bottomright'}).addTo(map);
|
L.control.zoom({ position: "bottomright" }).addTo(map);
|
||||||
//Locate user
|
//Locate user
|
||||||
L.control.locate({position: 'bottomright'}).addTo(map);
|
L.control.locate({ position: "bottomright" }).addTo(map);
|
||||||
//fullscreen
|
//fullscreen
|
||||||
map.addControl(new L.Control.Fullscreen({position: 'bottomright'}));
|
map.addControl(new L.Control.Fullscreen({ position: "bottomright" }));
|
||||||
|
|
||||||
// Licence Icon
|
// Licence Icon
|
||||||
L.Control.Watermark = L.Control.extend({
|
L.Control.Watermark = L.Control.extend({
|
||||||
onAdd: function (map) {
|
onAdd: function (map) {
|
||||||
var img = L.DomUtil.create('img');
|
var img = L.DomUtil.create("img");
|
||||||
|
|
||||||
img.src = 'src/img/licence.svg';
|
img.src = "src/img/licence.svg";
|
||||||
img.style.width = '100px';
|
img.style.width = "100px";
|
||||||
|
|
||||||
return img;
|
return img;
|
||||||
}
|
},
|
||||||
});
|
});
|
||||||
L.control.watermark = function (opts) {
|
L.control.watermark = function (opts) {
|
||||||
return new L.Control.Watermark(opts);
|
return new L.Control.Watermark(opts);
|
||||||
}
|
};
|
||||||
L.control.watermark({ position: 'bottomleft' }).addTo(map);
|
L.control.watermark({ position: "bottomleft" }).addTo(map);
|
||||||
//scale
|
//scale
|
||||||
L.control.scale().addTo(map);
|
L.control.scale().addTo(map);
|
||||||
|
|
||||||
//disabling send plane button if alreada 100 planes sent the current day
|
//disabling send plane button if alreada 100 planes sent the current day
|
||||||
|
|
||||||
|
|
||||||
$.post("avionJournalier.php", function (result) {
|
$.post("avionJournalier.php", function (result) {
|
||||||
result = result.replace(/'/g, '"');
|
result = result.replace(/'/g, '"');
|
||||||
result = $.parseJSON(result)
|
result = $.parseJSON(result);
|
||||||
nbPlane = Number(result.nAvion)
|
nbPlane = Number(result.nAvion);
|
||||||
$("#buttonNewPlane").val("Lancer un avion-poème "+Number(result.nAvion)+"/100")
|
$("#buttonNewPlane").val(
|
||||||
|
"Lancer un avion-poème " + Number(result.nAvion) + "/100"
|
||||||
|
);
|
||||||
if (nbPlane > 99) {
|
if (nbPlane > 99) {
|
||||||
$("#buttonNewPlane").prop("disabled", true);
|
$("#buttonNewPlane").prop("disabled", true);
|
||||||
|
} else {
|
||||||
}
|
}
|
||||||
else{
|
translateUI(lang);
|
||||||
|
});
|
||||||
}
|
|
||||||
translateUI(lang)
|
|
||||||
})
|
|
||||||
|
|
||||||
//background
|
//background
|
||||||
L.tileLayer('https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}', {
|
L.tileLayer(
|
||||||
attribution: '',
|
"https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
|
||||||
|
{
|
||||||
|
attribution: "",
|
||||||
//minZoom:8,
|
//minZoom:8,
|
||||||
maxZoom: 16,
|
maxZoom: 16,
|
||||||
}).addTo(map);
|
}
|
||||||
|
).addTo(map);
|
||||||
|
|
||||||
//adding terminator
|
//adding terminator
|
||||||
var terminator = L.terminator()
|
var terminator = L.terminator().addTo(map);
|
||||||
.addTo(map);
|
|
||||||
setInterval(function () {
|
setInterval(function () {
|
||||||
terminator.setTime();
|
terminator.setTime();
|
||||||
}, 1000);
|
}, 1000);
|
||||||
|
|
||||||
|
|
||||||
//center map on sun by default
|
//center map on sun by default
|
||||||
function centerOnSun() {
|
function centerOnSun() {
|
||||||
var equator = turf.lineString([[-1000, 0], [1000, 0]])
|
var equator = turf.lineString([
|
||||||
|
[-1000, 0],
|
||||||
|
[1000, 0],
|
||||||
|
]);
|
||||||
var intersects = turf.lineIntersect(equator, terminator.toGeoJSON());
|
var intersects = turf.lineIntersect(equator, terminator.toGeoJSON());
|
||||||
//console.log(intersects)
|
//console.log(intersects)
|
||||||
var lonCenter = ((intersects.features[1].geometry.coordinates[0])+(intersects.features[2].geometry.coordinates[0]))/2
|
var lonCenter =
|
||||||
|
(intersects.features[1].geometry.coordinates[0] +
|
||||||
|
intersects.features[2].geometry.coordinates[0]) /
|
||||||
|
2;
|
||||||
//console.log(lonCenter)
|
//console.log(lonCenter)
|
||||||
return lonCenter
|
return lonCenter;
|
||||||
}
|
}
|
||||||
map.setView([30, 0], 2);
|
map.setView([30, 0], 2);
|
||||||
|
|
||||||
|
|
||||||
//could layer from GBIS NASA - always 1 day of delay
|
//could layer from GBIS NASA - always 1 day of delay
|
||||||
var twoDaysAgo = moment(new Date()).subtract(2, "days").format('YYYY-MM-DD')
|
var twoDaysAgo = moment(new Date()).subtract(2, "days").format("YYYY-MM-DD");
|
||||||
L.tileLayer('https://map1.vis.earthdata.nasa.gov/wmts-webmerc/VIIRS_SNPP_CorrectedReflectance_TrueColor/default/'+twoDaysAgo+'/GoogleMapsCompatible_Level9/{z}/{y}/{x}.jpg', {
|
L.tileLayer(
|
||||||
attribution: '',
|
"https://map1.vis.earthdata.nasa.gov/wmts-webmerc/VIIRS_SNPP_CorrectedReflectance_TrueColor/default/" +
|
||||||
|
twoDaysAgo +
|
||||||
|
"/GoogleMapsCompatible_Level9/{z}/{y}/{x}.jpg",
|
||||||
|
{
|
||||||
|
attribution: "",
|
||||||
maxZoom: 8,
|
maxZoom: 8,
|
||||||
opacity:0.4
|
opacity: 0.4,
|
||||||
})
|
}
|
||||||
.addTo(map);
|
).addTo(map);
|
||||||
|
|
||||||
|
|
||||||
//Bluring the terminator | Source: https://stackoverflow.com/questions/28235792/leaflet-polygon-with-fuzzy-outline
|
//Bluring the terminator | Source: https://stackoverflow.com/questions/28235792/leaflet-polygon-with-fuzzy-outline
|
||||||
var svg = map.getPanes().overlayPane.firstChild,
|
var svg = map.getPanes().overlayPane.firstChild,
|
||||||
svgFilter = document.createElementNS('http://www.w3.org/2000/svg', 'filter'),
|
svgFilter = document.createElementNS(
|
||||||
svgBlur = document.createElementNS('http://www.w3.org/2000/svg', 'feGaussianBlur');
|
"http://www.w3.org/2000/svg",
|
||||||
svgFilter.setAttribute('id', 'blur');
|
"filter"
|
||||||
svgFilter.setAttribute('x', '-100%');
|
),
|
||||||
svgFilter.setAttribute('y', '-100%');
|
svgBlur = document.createElementNS(
|
||||||
svgFilter.setAttribute('width', '500%');
|
"http://www.w3.org/2000/svg",
|
||||||
svgFilter.setAttribute('height', '500%');
|
"feGaussianBlur"
|
||||||
svgBlur.setAttribute('stdDeviation', 15);
|
);
|
||||||
|
svgFilter.setAttribute("id", "blur");
|
||||||
|
svgFilter.setAttribute("x", "-100%");
|
||||||
|
svgFilter.setAttribute("y", "-100%");
|
||||||
|
svgFilter.setAttribute("width", "500%");
|
||||||
|
svgFilter.setAttribute("height", "500%");
|
||||||
|
svgBlur.setAttribute("stdDeviation", 15);
|
||||||
svgFilter.appendChild(svgBlur);
|
svgFilter.appendChild(svgBlur);
|
||||||
svg.appendChild(svgFilter);
|
svg.appendChild(svgFilter);
|
||||||
terminator._path.setAttribute('filter', 'url(#blur)');
|
terminator._path.setAttribute("filter", "url(#blur)");
|
||||||
|
|
||||||
//geojson for arclines
|
//geojson for arclines
|
||||||
//travel
|
//travel
|
||||||
var arcTravelStyle = {
|
var arcTravelStyle = {
|
||||||
"color": "#00ff00",
|
color: "#00ff00",
|
||||||
"weight": 2.5,
|
weight: 2.5,
|
||||||
"dashArray": "10 5",
|
dashArray: "10 5",
|
||||||
"opacity": 0.65
|
opacity: 0.65,
|
||||||
};
|
};
|
||||||
var arcTravel = L.geoJSON([], { style: arcTravelStyle }).addTo(map);
|
var arcTravel = L.geoJSON([], { style: arcTravelStyle }).addTo(map);
|
||||||
//travelled
|
//travelled
|
||||||
var arcTravelledStyle = {
|
var arcTravelledStyle = {
|
||||||
"color": "#00ff00",
|
color: "#00ff00",
|
||||||
"weight": 2.5,
|
weight: 2.5,
|
||||||
"opacity": 0.65
|
opacity: 0.65,
|
||||||
};
|
};
|
||||||
var arcTravelled = L.geoJSON([], { style: arcTravelledStyle }).addTo(map);
|
var arcTravelled = L.geoJSON([], { style: arcTravelledStyle }).addTo(map);
|
||||||
|
|
||||||
var pulsatingMarker = L.layerGroup([]).addTo(map)
|
var pulsatingMarker = L.layerGroup([]).addTo(map);
|
||||||
var originMarker = L.layerGroup([]).addTo(map)
|
var originMarker = L.layerGroup([]).addTo(map);
|
||||||
|
|
||||||
var firstDraw = true;
|
var firstDraw = true;
|
||||||
var prevZoom;
|
var prevZoom;
|
||||||
@ -148,73 +170,90 @@ loader.load(function(loader, resources) {
|
|||||||
var scale = utils.getScale();
|
var scale = utils.getScale();
|
||||||
|
|
||||||
if (firstDraw) {
|
if (firstDraw) {
|
||||||
|
|
||||||
//get planes
|
//get planes
|
||||||
$.post("getCurrentPlanes.php", function (result) {
|
$.post("getCurrentPlanes.php", function (result) {
|
||||||
// console.log(result)
|
// console.log(result)
|
||||||
var planes = $.parseJSON(result)
|
var planes = $.parseJSON(result);
|
||||||
console.log(planes)
|
console.log(planes);
|
||||||
function formatResults(data) {
|
function formatResults(data) {
|
||||||
data.deliveryTime = Number(data.deliveryTime)*1000
|
data.deliveryTime = Number(data.deliveryTime) * 1000;
|
||||||
data.startTime = Number(data.startTime)*1000
|
data.startTime = Number(data.startTime) * 1000;
|
||||||
return data
|
return data;
|
||||||
}
|
}
|
||||||
|
|
||||||
function displayPlane(data) {
|
function displayPlane(data) {
|
||||||
var line = turf.greatCircle(turf.point([Number(data.startLon),Number(data.startLat)]), turf.point([Number(data.destLon),Number(data.destLat)]),{offset:20})
|
var line = turf.greatCircle(
|
||||||
var lineDistance = turf.length(line);
|
turf.point([Number(data.startLon), Number(data.startLat)]),
|
||||||
var dateStart = moment(data.startTime)
|
turf.point([Number(data.destLon), Number(data.destLat)]),
|
||||||
var dateEnd = moment(data.deliveryTime)
|
{ offset: 20 }
|
||||||
var dateNow = moment(new Date())
|
|
||||||
var totalSeconds = dateEnd.diff(dateStart,'seconds');
|
|
||||||
var travelledSeconds = dateNow.diff(dateStart,'seconds')
|
|
||||||
var travelRatio = travelledSeconds/totalSeconds
|
|
||||||
var travelledDistance = lineDistance*travelRatio // getting the travelled distance
|
|
||||||
var segment;
|
|
||||||
if(line.geometry.type == "MultiLineString"){ // if the arc is cutting the dateline, well it's a mess.
|
|
||||||
var l1 = turf.lineString(line.geometry.coordinates[0]) // creating a line from first segment
|
|
||||||
var l2 = turf.lineString(line.geometry.coordinates[1]) // creating a line from second segment
|
|
||||||
var l1Length = turf.length(l1) // calculating length of first segment
|
|
||||||
if (travelledDistance < l1Length){ // if the travelled distance is inferior to segment 1 line, the point is somewhere in it
|
|
||||||
segment = l1
|
|
||||||
data.position = 1
|
|
||||||
}
|
|
||||||
else{
|
|
||||||
segment = l2 // otherwise on segment 2
|
|
||||||
data.position = 2
|
|
||||||
travelledDistance = Number(travelledDistance)-Number(l1Length) // we remove the travel distance done in s1
|
|
||||||
}
|
|
||||||
}
|
|
||||||
else{
|
|
||||||
segment = line
|
|
||||||
data.position = 0
|
|
||||||
}
|
|
||||||
var currentPosition = turf.along(segment, travelledDistance,{units: 'kilometers'})
|
|
||||||
if(currentPosition.geometry.coordinates[0] < -180){currentPosition.geometry.coordinates[0] = currentPosition.geometry.coordinates[0]+360}
|
|
||||||
if(currentPosition.geometry.coordinates[0] > 180){currentPosition.geometry.coordinates[0] = currentPosition.geometry.coordinates[0]-Number(360)}
|
|
||||||
//calculating bearing based on two points, one just before and one just after
|
|
||||||
var positionBefore = turf.along(segment, (travelledDistance)-0.00001,{units: 'kilometers'})
|
|
||||||
var positionAfter = turf.along(segment, (travelledDistance)+0.00001,{units: 'kilometers'})
|
|
||||||
var rotation = turf.bearing(
|
|
||||||
positionBefore,
|
|
||||||
positionAfter
|
|
||||||
);
|
);
|
||||||
|
var lineDistance = turf.length(line);
|
||||||
|
var dateStart = moment(data.startTime);
|
||||||
|
var dateEnd = moment(data.deliveryTime);
|
||||||
|
var dateNow = moment(new Date());
|
||||||
|
var totalSeconds = dateEnd.diff(dateStart, "seconds");
|
||||||
|
var travelledSeconds = dateNow.diff(dateStart, "seconds");
|
||||||
|
var travelRatio = travelledSeconds / totalSeconds;
|
||||||
|
var travelledDistance = lineDistance * travelRatio; // getting the travelled distance
|
||||||
|
var segment;
|
||||||
|
if (line.geometry.type == "MultiLineString") {
|
||||||
|
// if the arc is cutting the dateline, well it's a mess.
|
||||||
|
var l1 = turf.lineString(line.geometry.coordinates[0]); // creating a line from first segment
|
||||||
|
var l2 = turf.lineString(line.geometry.coordinates[1]); // creating a line from second segment
|
||||||
|
var l1Length = turf.length(l1); // calculating length of first segment
|
||||||
|
if (travelledDistance < l1Length) {
|
||||||
|
// if the travelled distance is inferior to segment 1 line, the point is somewhere in it
|
||||||
|
segment = l1;
|
||||||
|
data.position = 1;
|
||||||
|
} else {
|
||||||
|
segment = l2; // otherwise on segment 2
|
||||||
|
data.position = 2;
|
||||||
|
travelledDistance = Number(travelledDistance) - Number(l1Length); // we remove the travel distance done in s1
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
segment = line;
|
||||||
|
data.position = 0;
|
||||||
|
}
|
||||||
|
var currentPosition = turf.along(segment, travelledDistance, {
|
||||||
|
units: "kilometers",
|
||||||
|
});
|
||||||
|
if (currentPosition.geometry.coordinates[0] < -180) {
|
||||||
|
currentPosition.geometry.coordinates[0] =
|
||||||
|
currentPosition.geometry.coordinates[0] + 360;
|
||||||
|
}
|
||||||
|
if (currentPosition.geometry.coordinates[0] > 180) {
|
||||||
|
currentPosition.geometry.coordinates[0] =
|
||||||
|
currentPosition.geometry.coordinates[0] - Number(360);
|
||||||
|
}
|
||||||
|
//calculating bearing based on two points, one just before and one just after
|
||||||
|
var positionBefore = turf.along(
|
||||||
|
segment,
|
||||||
|
travelledDistance - 0.00001,
|
||||||
|
{ units: "kilometers" }
|
||||||
|
);
|
||||||
|
var positionAfter = turf.along(segment, travelledDistance + 0.00001, {
|
||||||
|
units: "kilometers",
|
||||||
|
});
|
||||||
|
var rotation = turf.bearing(positionBefore, positionAfter);
|
||||||
|
|
||||||
//plane
|
//plane
|
||||||
var iconColor = 'marker'+data.color
|
var iconColor = "marker" + data.color;
|
||||||
var markerTexture = resources[iconColor].texture;
|
var markerTexture = resources[iconColor].texture;
|
||||||
var marker = new PIXI.Sprite(markerTexture);
|
var marker = new PIXI.Sprite(markerTexture);
|
||||||
marker.anchor.set(0.5, 0.5);
|
marker.anchor.set(0.5, 0.5);
|
||||||
var markerCoords = project([currentPosition.geometry.coordinates[1],currentPosition.geometry.coordinates[0]]);
|
var markerCoords = project([
|
||||||
|
currentPosition.geometry.coordinates[1],
|
||||||
|
currentPosition.geometry.coordinates[0],
|
||||||
|
]);
|
||||||
marker.x = markerCoords.x;
|
marker.x = markerCoords.x;
|
||||||
marker.y = markerCoords.y;
|
marker.y = markerCoords.y;
|
||||||
marker.angle = rotation;
|
marker.angle = rotation;
|
||||||
marker.scale.set(5);
|
marker.scale.set(5);
|
||||||
marker.interactive = true;
|
marker.interactive = true;
|
||||||
marker.cursor = 'pointer'
|
marker.cursor = "pointer";
|
||||||
marker.data = data
|
marker.data = data;
|
||||||
marker.data.line = line
|
marker.data.line = line;
|
||||||
marker.data.currentPosition = currentPosition
|
marker.data.currentPosition = currentPosition;
|
||||||
|
|
||||||
//shadow
|
//shadow
|
||||||
var shadowTexture = resources.shadow.texture;
|
var shadowTexture = resources.shadow.texture;
|
||||||
@ -224,72 +263,96 @@ loader.load(function(loader, resources) {
|
|||||||
shadow.y = markerCoords.y + 0.5;
|
shadow.y = markerCoords.y + 0.5;
|
||||||
shadow.angle = rotation;
|
shadow.angle = rotation;
|
||||||
shadow.scale.set(0.00025);
|
shadow.scale.set(0.00025);
|
||||||
shadow.alpha = 0.3
|
shadow.alpha = 0.3;
|
||||||
shadow.visible = false
|
shadow.visible = false;
|
||||||
|
|
||||||
//popup
|
//popup
|
||||||
marker.popup = L.popup({className: 'pixi-popup'})
|
marker.popup = L.popup({ className: "pixi-popup" });
|
||||||
|
|
||||||
pixiContainer.addChild(shadow);
|
pixiContainer.addChild(shadow);
|
||||||
pixiContainer.addChild(marker);
|
pixiContainer.addChild(marker);
|
||||||
|
|
||||||
renderer.render(container)
|
renderer.render(container);
|
||||||
|
|
||||||
//adapting scale based on zoom level. Max zoom = writting visible
|
//adapting scale based on zoom level. Max zoom = writting visible
|
||||||
map.on('zoomend', function() {
|
map.on("zoomend", function () {
|
||||||
marker.scale.set((1/(utils.getScale(map.getZoom())*20))+(Math.pow(map.getZoom(),2)/100*2*(1/(utils.getScale(map.getZoom())*20))))
|
marker.scale.set(
|
||||||
|
1 / (utils.getScale(map.getZoom()) * 20) +
|
||||||
|
(Math.pow(map.getZoom(), 2) / 100) *
|
||||||
|
2 *
|
||||||
|
(1 / (utils.getScale(map.getZoom()) * 20))
|
||||||
|
);
|
||||||
if (map.getZoom() == 16) {
|
if (map.getZoom() == 16) {
|
||||||
shadow.visible = true
|
shadow.visible = true;
|
||||||
}
|
} else {
|
||||||
else{
|
shadow.visible = false;
|
||||||
shadow.visible = false
|
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
//animating moving plane
|
//animating moving plane
|
||||||
setInterval(function () {
|
setInterval(function () {
|
||||||
animate();
|
animate();
|
||||||
}, 1000)
|
}, 1000);
|
||||||
|
|
||||||
function animate() {
|
function animate() {
|
||||||
if (map.getZoom() > 12){ // we animate only starting zoom 12
|
if (map.getZoom() > 12) {
|
||||||
var bounds = map.getBounds()
|
// we animate only starting zoom 12
|
||||||
var bbox = [bounds._southWest.lng, bounds._southWest.lat, bounds._northEast.lng, bounds._northEast.lat];
|
var bounds = map.getBounds();
|
||||||
|
var bbox = [
|
||||||
|
bounds._southWest.lng,
|
||||||
|
bounds._southWest.lat,
|
||||||
|
bounds._northEast.lng,
|
||||||
|
bounds._northEast.lat,
|
||||||
|
];
|
||||||
var extentPoly = turf.bboxPolygon(bbox);
|
var extentPoly = turf.bboxPolygon(bbox);
|
||||||
var planeInExtent = turf.booleanWithin(marker.data.currentPosition, extentPoly);
|
var planeInExtent = turf.booleanWithin(
|
||||||
if(planeInExtent == true){ // we animate only the planes in map extent
|
marker.data.currentPosition,
|
||||||
var dateNow = moment(new Date())
|
extentPoly
|
||||||
var totalSeconds = dateEnd.diff(dateStart,'seconds');
|
);
|
||||||
var travelledSeconds = dateNow.diff(dateStart,'seconds')
|
if (planeInExtent == true) {
|
||||||
var travelRatio = travelledSeconds/totalSeconds
|
// we animate only the planes in map extent
|
||||||
|
var dateNow = moment(new Date());
|
||||||
|
var totalSeconds = dateEnd.diff(dateStart, "seconds");
|
||||||
|
var travelledSeconds = dateNow.diff(dateStart, "seconds");
|
||||||
|
var travelRatio = travelledSeconds / totalSeconds;
|
||||||
var lineDistance = turf.length(line);
|
var lineDistance = turf.length(line);
|
||||||
var segment;
|
var segment;
|
||||||
var travelledDistance = lineDistance*travelRatio // getting the travelled distance
|
var travelledDistance = lineDistance * travelRatio; // getting the travelled distance
|
||||||
if(line.geometry.type == "MultiLineString"){ // if the arc is cutting the dateline
|
if (line.geometry.type == "MultiLineString") {
|
||||||
var l1 = turf.lineString(line.geometry.coordinates[0]) // creating a line from first segment
|
// if the arc is cutting the dateline
|
||||||
var l2 = turf.lineString(line.geometry.coordinates[1]) // creating a line from second segment
|
var l1 = turf.lineString(line.geometry.coordinates[0]); // creating a line from first segment
|
||||||
var l1Length = turf.length(l1) // calculating length of first segment
|
var l2 = turf.lineString(line.geometry.coordinates[1]); // creating a line from second segment
|
||||||
if (travelledDistance < l1Length){ // if the travelled distance is inferior to segment 1 line, the point is somewhere in it
|
var l1Length = turf.length(l1); // calculating length of first segment
|
||||||
segment = l1
|
if (travelledDistance < l1Length) {
|
||||||
marker.data.position = 1 // we store it, usefull for popup event
|
// if the travelled distance is inferior to segment 1 line, the point is somewhere in it
|
||||||
|
segment = l1;
|
||||||
|
marker.data.position = 1; // we store it, usefull for popup event
|
||||||
|
} else {
|
||||||
|
segment = l2; // otherwise on segment 2
|
||||||
|
marker.data.position = 2;
|
||||||
|
travelledDistance =
|
||||||
|
Number(travelledDistance) - Number(l1Length); // we remove the travel distance done in s1
|
||||||
}
|
}
|
||||||
else{
|
} else {
|
||||||
segment = l2 // otherwise on segment 2
|
segment = line;
|
||||||
marker.data.position = 2
|
|
||||||
travelledDistance = Number(travelledDistance)-Number(l1Length) // we remove the travel distance done in s1
|
|
||||||
}
|
}
|
||||||
}
|
var currentPosition = turf.along(segment, travelledDistance, {
|
||||||
else{
|
units: "kilometers",
|
||||||
segment = line
|
});
|
||||||
}
|
|
||||||
var currentPosition = turf.along(segment, travelledDistance,{units: 'kilometers'})
|
|
||||||
//troubleshooting extreme lons
|
//troubleshooting extreme lons
|
||||||
if(currentPosition.geometry.coordinates[0] < -180){currentPosition.geometry.coordinates[0] = currentPosition.geometry.coordinates[0]+360}
|
if (currentPosition.geometry.coordinates[0] < -180) {
|
||||||
if(currentPosition.geometry.coordinates[0] > 180){currentPosition.geometry.coordinates[0] = currentPosition.geometry.coordinates[0]-Number(360)}
|
currentPosition.geometry.coordinates[0] =
|
||||||
marker.data.currentPosition = currentPosition
|
currentPosition.geometry.coordinates[0] + 360;
|
||||||
var markerCoords = project([currentPosition.geometry.coordinates[1],currentPosition.geometry.coordinates[0]]);
|
}
|
||||||
|
if (currentPosition.geometry.coordinates[0] > 180) {
|
||||||
|
currentPosition.geometry.coordinates[0] =
|
||||||
|
currentPosition.geometry.coordinates[0] - Number(360);
|
||||||
|
}
|
||||||
|
marker.data.currentPosition = currentPosition;
|
||||||
|
var markerCoords = project([
|
||||||
|
currentPosition.geometry.coordinates[1],
|
||||||
|
currentPosition.geometry.coordinates[0],
|
||||||
|
]);
|
||||||
marker.x = markerCoords.x;
|
marker.x = markerCoords.x;
|
||||||
marker.y = markerCoords.y;
|
marker.y = markerCoords.y;
|
||||||
shadow.x = markerCoords.x;
|
shadow.x = markerCoords.x;
|
||||||
@ -301,32 +364,117 @@ loader.load(function(loader, resources) {
|
|||||||
|
|
||||||
//if parameter in URL, zoom on it
|
//if parameter in URL, zoom on it
|
||||||
var queryString = window.location.search;
|
var queryString = window.location.search;
|
||||||
queryString = queryString.split('=')[1]
|
queryString = queryString.split("=")[1];
|
||||||
if (Number(queryString) == data.uid) {
|
if (Number(queryString) == data.uid) {
|
||||||
setTimeout(
|
$("#back").attr("src", "src/img/back-" + data.color + ".jpg");
|
||||||
function()
|
html = data.message;
|
||||||
{
|
var canvas1 = document.getElementById("blankCanvas1");
|
||||||
map.setView([data.currentPosition.geometry.coordinates[1],data.currentPosition.geometry.coordinates[0]], 15);
|
rasterizeHTML
|
||||||
openPopup(marker)
|
.drawHTML(html, canvas1, { zoom: 0.7 })
|
||||||
|
.then(function success(renderResult) {
|
||||||
|
var canvas2 = document.getElementById("blankCanvas2");
|
||||||
|
var ctx = canvas2.getContext("2d");
|
||||||
|
ctx.fillStyle = "#" + data.color;
|
||||||
|
ctx.fillRect(0, 0, 400, 400);
|
||||||
|
ctx.drawImage(canvas1, 0, 0, 400, 400);
|
||||||
|
ctx.font = "9px Courier";
|
||||||
|
$("#front").attr(
|
||||||
|
"src",
|
||||||
|
document.getElementById("blankCanvas2").toDataURL()
|
||||||
|
);
|
||||||
|
$("#canvas3d").css("opacity", 0);
|
||||||
|
$("#canvas3d").css("display", "block");
|
||||||
|
animePlane();
|
||||||
|
setTimeout(function () {
|
||||||
|
$("#canvas3d").css("opacity", 1);
|
||||||
|
}, 0);
|
||||||
|
const startDate = new Date(data.startTime);
|
||||||
|
const deliveryDate = new Date(data.deliveryTime);
|
||||||
|
const diffTime = Math.abs(deliveryDate - startDate);
|
||||||
|
const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));
|
||||||
|
setTimeout(function () {
|
||||||
|
$("#closePlane").css("opacity", 1);
|
||||||
|
$("#closePlane").css("visibility", "visible");
|
||||||
|
$("#downloadPlaneMessage").css("opacity", 1);
|
||||||
|
$("#downloadPlaneMessage").css("visibility", "visible");
|
||||||
|
$("#closePlane").on("click", function () {
|
||||||
|
$("#canvas3d").css("display", "none");
|
||||||
|
$(this).css("display", "none");
|
||||||
|
});
|
||||||
|
$("#downloadPlaneMessage").on("click", function () {
|
||||||
|
const htmlRender =
|
||||||
|
"<div>" +
|
||||||
|
"<div><u>Métadonnées du message :</u></div>" +
|
||||||
|
"<ul>" +
|
||||||
|
"<li>" +
|
||||||
|
data.startName +
|
||||||
|
" - " +
|
||||||
|
data.destName +
|
||||||
|
"</li>" +
|
||||||
|
"<li>" +
|
||||||
|
data.expeMail +
|
||||||
|
" - " +
|
||||||
|
data.destMail +
|
||||||
|
"</li>" +
|
||||||
|
"<li>" +
|
||||||
|
diffDays +
|
||||||
|
" days" +
|
||||||
|
"</li>" +
|
||||||
|
"<li>" +
|
||||||
|
moment(deliveryDate).format("DD/MM/YYYY") +
|
||||||
|
"</li>" +
|
||||||
|
"</ul><br>" +
|
||||||
|
"<div><u>Champs message :</u></div><br>" +
|
||||||
|
html +
|
||||||
|
"</div>";
|
||||||
|
const opt = {
|
||||||
|
margin: 10,
|
||||||
|
filename: "peome.pdf",
|
||||||
|
image: { type: "jpeg", quality: 1 },
|
||||||
|
html2canvas: {
|
||||||
|
scale: 2,
|
||||||
|
removeContainer: false,
|
||||||
|
logging: true,
|
||||||
|
},
|
||||||
|
pagebreak: { avoid: "img" },
|
||||||
|
};
|
||||||
|
html2pdf().set(opt).from(htmlRender).save();
|
||||||
|
});
|
||||||
|
}, 5000);
|
||||||
|
});
|
||||||
|
setTimeout(function () {
|
||||||
|
map.setView(
|
||||||
|
[
|
||||||
|
data.currentPosition.geometry.coordinates[1],
|
||||||
|
data.currentPosition.geometry.coordinates[0],
|
||||||
|
],
|
||||||
|
15
|
||||||
|
);
|
||||||
|
openPopup(marker);
|
||||||
}, 100);
|
}, 100);
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
for (var i in planes) {
|
for (var i in planes) {
|
||||||
displayPlane(formatResults(planes[i]),0)
|
displayPlane(formatResults(planes[i]), 0);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
function openPopup(target) {
|
function openPopup(target) {
|
||||||
//drawing arcs
|
//drawing arcs
|
||||||
arcTravel.clearLayers()
|
arcTravel.clearLayers();
|
||||||
arcTravelled.clearLayers()
|
arcTravelled.clearLayers();
|
||||||
arcTravelStyle.color = '#'+target.data.color
|
arcTravelStyle.color = "#" + target.data.color;
|
||||||
arcTravelledStyle.color = '#'+target.data.color
|
arcTravelledStyle.color = "#" + target.data.color;
|
||||||
var travel = target.data.line
|
var travel = target.data.line;
|
||||||
var start = turf.point([Number(target.data.startLon),Number(target.data.startLat)])
|
var start = turf.point([
|
||||||
var current = target.data.currentPosition
|
Number(target.data.startLon),
|
||||||
var end = turf.point([Number(target.data.destLon),Number(target.data.destLat)])
|
Number(target.data.startLat),
|
||||||
|
]);
|
||||||
|
var current = target.data.currentPosition;
|
||||||
|
var end = turf.point([
|
||||||
|
Number(target.data.destLon),
|
||||||
|
Number(target.data.destLat),
|
||||||
|
]);
|
||||||
// for linestrings
|
// for linestrings
|
||||||
if (travel.geometry.type == "LineString") {
|
if (travel.geometry.type == "LineString") {
|
||||||
var sliced1 = turf.lineSlice(start, current, travel);
|
var sliced1 = turf.lineSlice(start, current, travel);
|
||||||
@ -338,122 +486,197 @@ loader.load(function(loader, resources) {
|
|||||||
function createCopy(c) {
|
function createCopy(c) {
|
||||||
for (var i in c.geometry.coordinates) {
|
for (var i in c.geometry.coordinates) {
|
||||||
if (c.geometry.coordinates[i][0] > 0) {
|
if (c.geometry.coordinates[i][0] > 0) {
|
||||||
c.geometry.coordinates[i][0] = c.geometry.coordinates[i][0] - Number(360)
|
c.geometry.coordinates[i][0] =
|
||||||
}
|
c.geometry.coordinates[i][0] - Number(360);
|
||||||
else{
|
} else {
|
||||||
c.geometry.coordinates[i][0] = c.geometry.coordinates[i][0] + Number(360)
|
c.geometry.coordinates[i][0] =
|
||||||
|
c.geometry.coordinates[i][0] + Number(360);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
return c
|
return c;
|
||||||
}
|
}
|
||||||
//for multilinetrings
|
//for multilinetrings
|
||||||
if (travel.geometry.type == "MultiLineString") {
|
if (travel.geometry.type == "MultiLineString") {
|
||||||
var l1 = turf.lineString(travel.geometry.coordinates[0]) // creating a line from first segment
|
var l1 = turf.lineString(travel.geometry.coordinates[0]); // creating a line from first segment
|
||||||
var l2 = turf.lineString(travel.geometry.coordinates[1]) // creating a line from second segment
|
var l2 = turf.lineString(travel.geometry.coordinates[1]); // creating a line from second segment
|
||||||
if (target.data.position == 1) {
|
if (target.data.position == 1) {
|
||||||
var sliced1 = turf.lineSlice(start, current, l1);
|
var sliced1 = turf.lineSlice(start, current, l1);
|
||||||
var sliced2 = turf.lineSlice(current, turf.point(l1.geometry.coordinates[l1.geometry.coordinates.length-1]), l1);
|
var sliced2 = turf.lineSlice(
|
||||||
|
current,
|
||||||
|
turf.point(
|
||||||
|
l1.geometry.coordinates[l1.geometry.coordinates.length - 1]
|
||||||
|
),
|
||||||
|
l1
|
||||||
|
);
|
||||||
arcTravelled.addData(sliced1);
|
arcTravelled.addData(sliced1);
|
||||||
arcTravel.addData(sliced2);
|
arcTravel.addData(sliced2);
|
||||||
arcTravel.addData(l2);
|
arcTravel.addData(l2);
|
||||||
|
} else if (target.data.position == 2) {
|
||||||
}
|
var sliced1 = turf.lineSlice(
|
||||||
else if(target.data.position == 2){
|
turf.point(l2.geometry.coordinates[0]),
|
||||||
var sliced1 = turf.lineSlice(turf.point(l2.geometry.coordinates[0]), current, l2);
|
current,
|
||||||
|
l2
|
||||||
|
);
|
||||||
var sliced2 = turf.lineSlice(current, end, l2);
|
var sliced2 = turf.lineSlice(current, end, l2);
|
||||||
arcTravelled.addData(l1);
|
arcTravelled.addData(l1);
|
||||||
arcTravelled.addData(sliced1);
|
arcTravelled.addData(sliced1);
|
||||||
arcTravel.addData(sliced2);
|
arcTravel.addData(sliced2);
|
||||||
}
|
}
|
||||||
var travelledGeoJSON = arcTravelled.toGeoJSON()
|
var travelledGeoJSON = arcTravelled.toGeoJSON();
|
||||||
for (var i in travelledGeoJSON.features) {
|
for (var i in travelledGeoJSON.features) {
|
||||||
arcTravelled.addData(createCopy(travelledGeoJSON.features[i]))
|
arcTravelled.addData(createCopy(travelledGeoJSON.features[i]));
|
||||||
}
|
}
|
||||||
var travelGeoJSON = arcTravel.toGeoJSON()
|
var travelGeoJSON = arcTravel.toGeoJSON();
|
||||||
for (var i in travelGeoJSON.features) {
|
for (var i in travelGeoJSON.features) {
|
||||||
arcTravel.addData(createCopy(travelGeoJSON.features[i]))
|
arcTravel.addData(createCopy(travelGeoJSON.features[i]));
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
//add pulsating marker on destination;
|
//add pulsating marker on destination;
|
||||||
pulsatingMarker.clearLayers()
|
pulsatingMarker.clearLayers();
|
||||||
var pulseIcon = L.divIcon({
|
var pulseIcon = L.divIcon({
|
||||||
className: 'pulse-icon', //empty class to overwrite leaflet defaults
|
className: "pulse-icon", //empty class to overwrite leaflet defaults
|
||||||
html: '<div class="pulse-icon-anim" style="border-color:#'+target.data.color+'"></div>',
|
html:
|
||||||
iconSize: [22,22]
|
'<div class="pulse-icon-anim" style="border-color:#' +
|
||||||
|
target.data.color +
|
||||||
|
'"></div>',
|
||||||
|
iconSize: [22, 22],
|
||||||
});
|
});
|
||||||
var endCoordo = [Number(target.data.destLat),Number(target.data.destLon)]
|
var endCoordo = [
|
||||||
|
Number(target.data.destLat),
|
||||||
|
Number(target.data.destLon),
|
||||||
|
];
|
||||||
pulsatingMarker.addLayer(new L.marker(endCoordo, { icon: pulseIcon }));
|
pulsatingMarker.addLayer(new L.marker(endCoordo, { icon: pulseIcon }));
|
||||||
if(travel.geometry.type == "MultiLineString"){ //if arc cross dateline, we multiply the marker
|
if (travel.geometry.type == "MultiLineString") {
|
||||||
pulsatingMarker.addLayer(new L.marker([endCoordo[0],endCoordo[1]-Number(360)], {icon: pulseIcon}));
|
//if arc cross dateline, we multiply the marker
|
||||||
pulsatingMarker.addLayer(new L.marker([endCoordo[0],endCoordo[1]+Number(360)], {icon: pulseIcon}));
|
pulsatingMarker.addLayer(
|
||||||
|
new L.marker([endCoordo[0], endCoordo[1] - Number(360)], {
|
||||||
|
icon: pulseIcon,
|
||||||
|
})
|
||||||
|
);
|
||||||
|
pulsatingMarker.addLayer(
|
||||||
|
new L.marker([endCoordo[0], endCoordo[1] + Number(360)], {
|
||||||
|
icon: pulseIcon,
|
||||||
|
})
|
||||||
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
//adding static marker on origin
|
//adding static marker on origin
|
||||||
originMarker.clearLayers()
|
originMarker.clearLayers();
|
||||||
var startCoordo = [Number(target.data.startLat),Number(target.data.startLon)]
|
var startCoordo = [
|
||||||
originMarker.addLayer(new L.circleMarker(startCoordo, {radius: 6,opacity:0.7, weight:2,color:'#'+target.data.color}));
|
Number(target.data.startLat),
|
||||||
if(travel.geometry.type == "MultiLineString"){ //if arc cross dateline, we multiply the marker
|
Number(target.data.startLon),
|
||||||
originMarker.addLayer(new L.circleMarker([startCoordo[0],startCoordo[1]-Number(360)], {radius: 6,opacity:0.7,weight:2,color:'#'+target.data.color}));
|
];
|
||||||
originMarker.addLayer(new L.circleMarker([startCoordo[0],startCoordo[1]+Number(360)], {radius: 6,opacity:0.7,color:'#'+target.data.color}));
|
originMarker.addLayer(
|
||||||
|
new L.circleMarker(startCoordo, {
|
||||||
|
radius: 6,
|
||||||
|
opacity: 0.7,
|
||||||
|
weight: 2,
|
||||||
|
color: "#" + target.data.color,
|
||||||
|
})
|
||||||
|
);
|
||||||
|
if (travel.geometry.type == "MultiLineString") {
|
||||||
|
//if arc cross dateline, we multiply the marker
|
||||||
|
originMarker.addLayer(
|
||||||
|
new L.circleMarker([startCoordo[0], startCoordo[1] - Number(360)], {
|
||||||
|
radius: 6,
|
||||||
|
opacity: 0.7,
|
||||||
|
weight: 2,
|
||||||
|
color: "#" + target.data.color,
|
||||||
|
})
|
||||||
|
);
|
||||||
|
originMarker.addLayer(
|
||||||
|
new L.circleMarker([startCoordo[0], startCoordo[1] + Number(360)], {
|
||||||
|
radius: 6,
|
||||||
|
opacity: 0.7,
|
||||||
|
color: "#" + target.data.color,
|
||||||
|
})
|
||||||
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
//popup
|
//popup
|
||||||
var momentLocale = lang;
|
var momentLocale = lang;
|
||||||
if (momentLocale == 'zh'){momentLocale = 'zh-cn'} //troubleshot for chinese
|
if (momentLocale == "zh") {
|
||||||
moment.locale(momentLocale)
|
momentLocale = "zh-cn";
|
||||||
|
} //troubleshot for chinese
|
||||||
|
moment.locale(momentLocale);
|
||||||
|
|
||||||
target.popup.setLatLng([target.data.currentPosition.geometry.coordinates[1],target.data.currentPosition.geometry.coordinates[0]])
|
target.popup.setLatLng([
|
||||||
|
target.data.currentPosition.geometry.coordinates[1],
|
||||||
|
target.data.currentPosition.geometry.coordinates[0],
|
||||||
|
]);
|
||||||
//arabic popup
|
//arabic popup
|
||||||
if (lang == "ar") {
|
if (lang == "ar") {
|
||||||
target.popup.setContent('<table><tbody><tr><th style="text-align:center">'+target.data.startName+'</th><th> <i class="fas fa-plane"></i> </th><th style="text-align:center">'+target.data.destName+'</th></tr><tr><th style="text-align:center"><small>'+moment(target.data.startTime).fromNow()+'</small></th><th></th><th style="text-align:center"><small>'+moment(target.data.deliveryTime).fromNow()+'</small></th></tr></tbody></table>')
|
target.popup.setContent(
|
||||||
|
'<table><tbody><tr><th style="text-align:center">' +
|
||||||
|
target.data.startName +
|
||||||
|
'</th><th> <i class="fas fa-plane"></i> </th><th style="text-align:center">' +
|
||||||
|
target.data.destName +
|
||||||
|
'</th></tr><tr><th style="text-align:center"><small>' +
|
||||||
|
moment(target.data.startTime).fromNow() +
|
||||||
|
'</small></th><th></th><th style="text-align:center"><small>' +
|
||||||
|
moment(target.data.deliveryTime).fromNow() +
|
||||||
|
"</small></th></tr></tbody></table>"
|
||||||
|
);
|
||||||
}
|
}
|
||||||
//other languages
|
//other languages
|
||||||
else {
|
else {
|
||||||
target.popup.setContent('<table><tbody><tr><th style="text-align:center">'+target.data.startName+'</th><th> <i class="fas fa-plane"></i> </th><th style="text-align:center">'+target.data.destName+'</th></tr><tr><th style="text-align:center"><small>'+moment(target.data.startTime).fromNow()+'</small></th><th></th><th style="text-align:center"><small>'+moment(target.data.deliveryTime).fromNow()+'</small></th></tr></tbody></table>')
|
target.popup.setContent(
|
||||||
|
'<table><tbody><tr><th style="text-align:center">' +
|
||||||
|
target.data.startName +
|
||||||
|
'</th><th> <i class="fas fa-plane"></i> </th><th style="text-align:center">' +
|
||||||
|
target.data.destName +
|
||||||
|
'</th></tr><tr><th style="text-align:center"><small>' +
|
||||||
|
moment(target.data.startTime).fromNow() +
|
||||||
|
'</small></th><th></th><th style="text-align:center"><small>' +
|
||||||
|
moment(target.data.deliveryTime).fromNow() +
|
||||||
|
"</small></th></tr></tbody></table>"
|
||||||
|
);
|
||||||
}
|
}
|
||||||
target.popup.openOn(map);
|
target.popup.openOn(map);
|
||||||
target.popup.on('remove', function() {
|
target.popup.on("remove", function () {
|
||||||
arcTravel.clearLayers()
|
arcTravel.clearLayers();
|
||||||
arcTravelled.clearLayers()
|
arcTravelled.clearLayers();
|
||||||
pulsatingMarker.clearLayers()
|
pulsatingMarker.clearLayers();
|
||||||
originMarker.clearLayers()
|
originMarker.clearLayers();
|
||||||
});
|
});
|
||||||
target.popup.on('popupclose', function() {
|
target.popup.on("popupclose", function () {
|
||||||
arcTravel.clearLayers()
|
arcTravel.clearLayers();
|
||||||
arcTravelled.clearLayers()
|
arcTravelled.clearLayers();
|
||||||
pulsatingMarker.clearLayers()
|
pulsatingMarker.clearLayers();
|
||||||
originMarker.clearLayers()
|
originMarker.clearLayers();
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
//utils for popup
|
//utils for popup
|
||||||
utils.getMap().on('click', function(e) {
|
utils.getMap().on("click", function (e) {
|
||||||
var interaction = utils.getRenderer().plugins.interaction;
|
var interaction = utils.getRenderer().plugins.interaction;
|
||||||
var pointerEvent = e.originalEvent;
|
var pointerEvent = e.originalEvent;
|
||||||
var pixiPoint = new PIXI.Point();
|
var pixiPoint = new PIXI.Point();
|
||||||
interaction.mapPositionToPoint(pixiPoint, pointerEvent.clientX, pointerEvent.clientY);
|
interaction.mapPositionToPoint(
|
||||||
|
pixiPoint,
|
||||||
|
pointerEvent.clientX,
|
||||||
|
pointerEvent.clientY
|
||||||
|
);
|
||||||
var target = interaction.hitTest(pixiPoint, container);
|
var target = interaction.hitTest(pixiPoint, container);
|
||||||
if (target && target.popup) {
|
if (target && target.popup) {
|
||||||
openPopup(target)
|
openPopup(target);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
utils.getMap().on('touchend', function(e) {
|
utils.getMap().on("touchend", function (e) {
|
||||||
var interaction = utils.getRenderer().plugins.interaction;
|
var interaction = utils.getRenderer().plugins.interaction;
|
||||||
var pointerEvent = e.originalEvent;
|
var pointerEvent = e.originalEvent;
|
||||||
var pixiPoint = new PIXI.Point();
|
var pixiPoint = new PIXI.Point();
|
||||||
interaction.mapPositionToPoint(pixiPoint, pointerEvent.clientX, pointerEvent.clientY);
|
interaction.mapPositionToPoint(
|
||||||
|
pixiPoint,
|
||||||
|
pointerEvent.clientX,
|
||||||
|
pointerEvent.clientY
|
||||||
|
);
|
||||||
var target = interaction.hitTest(pixiPoint, container);
|
var target = interaction.hitTest(pixiPoint, container);
|
||||||
if (target && target.popup) {
|
if (target && target.popup) {
|
||||||
openPopup(target)
|
openPopup(target);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
firstDraw = false;
|
firstDraw = false;
|
||||||
@ -463,22 +686,17 @@ loader.load(function(loader, resources) {
|
|||||||
pixiOverlay.addTo(map);
|
pixiOverlay.addTo(map);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
//hack to make white lines between lines disapear on non-retina screens (from: https://github.com/Leaflet/Leaflet/issues/3575 )
|
//hack to make white lines between lines disapear on non-retina screens (from: https://github.com/Leaflet/Leaflet/issues/3575 )
|
||||||
(function () {
|
(function () {
|
||||||
var originalInitTile = L.GridLayer.prototype._initTile
|
var originalInitTile = L.GridLayer.prototype._initTile;
|
||||||
L.GridLayer.include({
|
L.GridLayer.include({
|
||||||
_initTile: function (tile) {
|
_initTile: function (tile) {
|
||||||
originalInitTile.call(this, tile);
|
originalInitTile.call(this, tile);
|
||||||
|
|
||||||
var tileSize = this.getTileSize();
|
var tileSize = this.getTileSize();
|
||||||
|
|
||||||
tile.style.width = tileSize.x + 1 + 'px';
|
tile.style.width = tileSize.x + 1 + "px";
|
||||||
tile.style.height = tileSize.y + 1 + 'px';
|
tile.style.height = tileSize.y + 1 + "px";
|
||||||
}
|
},
|
||||||
});
|
});
|
||||||
})()
|
})();
|
||||||
|
|||||||
@ -109,7 +109,29 @@ $("#sendNewPlane").on('click',function(){
|
|||||||
|
|
||||||
var randomColor = getRandomColor()
|
var randomColor = getRandomColor()
|
||||||
|
|
||||||
console.log(message)
|
var formData = new FormData()
|
||||||
|
var attachment = $("#attachmentPlane").prop('files')[0];
|
||||||
|
formData.append('file', attachment);
|
||||||
|
formData.append('message', encodeURIComponent(message));
|
||||||
|
formData.append('expeMail', $("#expeMail").val());
|
||||||
|
formData.append('expeKnown', expeKnown);
|
||||||
|
formData.append('expeLang', lang);
|
||||||
|
formData.append('destLang', $("#selectDestLang").val());
|
||||||
|
formData.append('startLat', expeLoc.center[1]);
|
||||||
|
formData.append('startLon', expeLoc.center[0]);
|
||||||
|
formData.append('startName', expeLoc.name);
|
||||||
|
formData.append('startTime', sentDate);
|
||||||
|
formData.append('startTZ', expeTimezone);
|
||||||
|
formData.append('destMail', $("#destMail").val());
|
||||||
|
formData.append('destLat', destLoc.center[1]);
|
||||||
|
formData.append('destLon', destLoc.center[0]);
|
||||||
|
formData.append('destName', destLoc.name);
|
||||||
|
formData.append('public', publicMessage, );
|
||||||
|
formData.append('color', randomColor);
|
||||||
|
formData.append('deliveryTime', deliveryDate);
|
||||||
|
formData.append('deliveryTZ', destTimezone);
|
||||||
|
formData.append('deliveryTimeServer', deliverySecondsServer);
|
||||||
|
formData.append('deliveryMethod', $("#selectTime").val());
|
||||||
|
|
||||||
var data = {
|
var data = {
|
||||||
'message':encodeURIComponent(message),
|
'message':encodeURIComponent(message),
|
||||||
@ -131,39 +153,22 @@ $("#sendNewPlane").on('click',function(){
|
|||||||
'deliveryTime':deliveryDate,
|
'deliveryTime':deliveryDate,
|
||||||
'deliveryTZ':destTimezone,
|
'deliveryTZ':destTimezone,
|
||||||
'deliveryTimeServer':deliverySecondsServer,
|
'deliveryTimeServer':deliverySecondsServer,
|
||||||
'deliveryMethod':$("#selectTime").val()
|
'deliveryMethod':$("#selectTime").val(),
|
||||||
}
|
}
|
||||||
|
|
||||||
|
$.ajax({
|
||||||
var query = 'avionpoeme.php?'+
|
url: 'avionpoeme.php',
|
||||||
'message='+data.message+'&'+
|
data: formData,
|
||||||
'expeMail='+data.expeMail+'&'+
|
processData: false,
|
||||||
'expeKnown='+data.expeKnown+'&'+
|
contentType: false,
|
||||||
'expeLang='+data.expeLang+'&'+
|
cache : false,
|
||||||
'destLang='+data.destLang+'&'+
|
type: 'POST',
|
||||||
'startLat='+data.startLat+'&'+
|
success: function(result){
|
||||||
'startLon='+data.startLon+'&'+
|
|
||||||
'startName='+data.startName+'&'+
|
|
||||||
'startTime='+data.startTime+'&'+
|
|
||||||
'startTZ='+data.startTZ+'&'+
|
|
||||||
'destMail='+data.destMail+'&'+
|
|
||||||
'destLat='+data.destLat+'&'+
|
|
||||||
'destLon='+data.destLon+'&'+
|
|
||||||
'destName='+data.destName+'&'+
|
|
||||||
'public='+data.public+'&'+
|
|
||||||
'color='+data.color+'&'+
|
|
||||||
'deliveryTime='+data.deliveryTime+'&'+
|
|
||||||
'deliveryTZ='+data.deliveryTZ+'&'+
|
|
||||||
'deliveryTimeServer='+data.deliveryTimeServer+'&'+
|
|
||||||
'deliveryMethod='+data.deliveryMethod+'';
|
|
||||||
|
|
||||||
$.post(query, function(result) {
|
|
||||||
result = result.replace(/'/g, '"');
|
result = result.replace(/'/g, '"');
|
||||||
console.log(result)
|
|
||||||
result = $.parseJSON(result)
|
result = $.parseJSON(result)
|
||||||
var planeId = Number(result.uid);
|
var planeId = Number(result.uid);
|
||||||
//selecting proper color for back
|
//selecting proper color for back
|
||||||
$("#back").attr("src","src/img/back-"+data.color+".jpg");
|
$("#back").attr("src","src/img/back-"+randomColor+".jpg");
|
||||||
|
|
||||||
// creating image for plane, need to link it to the inputs tog et entered values.
|
// creating image for plane, need to link it to the inputs tog et entered values.
|
||||||
var message = quill.root.innerHTML
|
var message = quill.root.innerHTML
|
||||||
@ -193,14 +198,11 @@ $("#sendNewPlane").on('click',function(){
|
|||||||
},4400);
|
},4400);
|
||||||
//reloading page (to change)
|
//reloading page (to change)
|
||||||
setInterval(function(){
|
setInterval(function(){
|
||||||
window.location.href ='https://avion-poe.me?avion='+planeId+'';
|
window.location.href ='https://www.avion-poe.me/?avion='+planeId+'';
|
||||||
},5500);
|
},5500);
|
||||||
})
|
})
|
||||||
})
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
})
|
})
|
||||||
});
|
});
|
||||||
|
|||||||
@ -1,169 +1,174 @@
|
|||||||
// Default lang
|
// Default lang
|
||||||
var lang = 'en'
|
var lang = "en";
|
||||||
|
|
||||||
// Lang by session
|
// Lang by session
|
||||||
var langSession = sessionStorage.getItem('lang');
|
var langSession = sessionStorage.getItem("lang");
|
||||||
// Lang by navigator config
|
// Lang by navigator config
|
||||||
var userLang = navigator.userLanguage || navigator.language;
|
var userLang = navigator.userLanguage || navigator.language;
|
||||||
|
|
||||||
if (langSession) {
|
if (langSession) {
|
||||||
lang = langSession.substring(0,2)
|
lang = langSession.substring(0, 2);
|
||||||
} else if (userLang) {
|
} else if (userLang) {
|
||||||
lang = userLang.substring(0,2)
|
lang = userLang.substring(0, 2);
|
||||||
}
|
}
|
||||||
|
|
||||||
//loading the lang.json file
|
//loading the lang.json file
|
||||||
$(document).ready(function () {
|
$(document).ready(function () {
|
||||||
translateUI(lang)
|
translateUI(lang);
|
||||||
$.getJSON("lang/lang.json", function (data) {
|
$.getJSON("lang/lang.json", function (data) {
|
||||||
//creating dropdown list of languages in navbar
|
//creating dropdown list of languages in navbar
|
||||||
for (var key in data) {
|
for (var key in data) {
|
||||||
$("#langChoices").append( '<a class="dropdown-item langSelect" value="'+key+'" href="#">'+data[key]+'</a>' )
|
$("#langChoices").append(
|
||||||
$("#selectDestLang").append( '<option value="'+key+'" href="#">'+data[key]+'</option>' )
|
'<a class="dropdown-item langSelect" value="' +
|
||||||
|
key +
|
||||||
|
'" href="#">' +
|
||||||
|
data[key] +
|
||||||
|
"</a>"
|
||||||
|
);
|
||||||
|
$("#selectDestLang").append(
|
||||||
|
'<option value="' + key + '" href="#">' + data[key] + "</option>"
|
||||||
|
);
|
||||||
}
|
}
|
||||||
//setting the user lang
|
//setting the user lang
|
||||||
if (data[lang]) {
|
if (data[lang]) {
|
||||||
//$("#navbarDropdownLang").html(data[lang])
|
//$("#navbarDropdownLang").html(data[lang])
|
||||||
translateUI(lang)
|
translateUI(lang);
|
||||||
}
|
}
|
||||||
//or english if not in list
|
//or english if not in list
|
||||||
else {
|
else {
|
||||||
//$("#navbarDropdownLang").html("English")
|
//$("#navbarDropdownLang").html("English")
|
||||||
translateUI('en')
|
translateUI("en");
|
||||||
}
|
}
|
||||||
$(".langSelect").on('click',function(e){
|
$(".langSelect").on("click", function (e) {
|
||||||
lang = e.currentTarget.attributes[1].value
|
lang = e.currentTarget.attributes[1].value;
|
||||||
sessionStorage.setItem('lang', lang);
|
sessionStorage.setItem("lang", lang);
|
||||||
translateUI(lang)
|
translateUI(lang);
|
||||||
//$("#navbarDropdownLang").html($(this).html())
|
//$("#navbarDropdownLang").html($(this).html())
|
||||||
})
|
});
|
||||||
}).fail(function (error) {
|
}).fail(function (error) {
|
||||||
console.log(error);
|
console.log(error);
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
var dictionnary = []
|
var dictionnary = [];
|
||||||
|
|
||||||
function translateUI(l) {
|
function translateUI(l) {
|
||||||
$.getJSON("lang/" + l + "", function (s) {
|
$.getJSON("lang/" + l + "", function (s) {
|
||||||
//console.log(s)
|
dictionnary = s;
|
||||||
dictionnary = s
|
|
||||||
//if arabic : display left to right (ltr) + troubleshooting a lot of individual elements
|
//if arabic : display left to right (ltr) + troubleshooting a lot of individual elements
|
||||||
if (lang == "ar") {
|
if (lang == "ar") {
|
||||||
//navbar
|
//navbar
|
||||||
$("nav").css('direction','rtl')
|
$("nav").css("direction", "rtl");
|
||||||
$(".nav-menus").removeClass('mr-auto')
|
$(".nav-menus").removeClass("mr-auto");
|
||||||
$(".nav-button").addClass('mr-auto')
|
$(".nav-button").addClass("mr-auto");
|
||||||
//form
|
//form
|
||||||
// $(".ql-container").css('direction','rtl')
|
// $(".ql-container").css('direction','rtl')
|
||||||
// $(".ql-container").css('float','right')
|
// $(".ql-container").css('float','right')
|
||||||
// $(".ql-editor").css('float','right')
|
// $(".ql-editor").css('float','right')
|
||||||
// $(".ql-editor p").css('float','right')
|
// $(".ql-editor p").css('float','right')
|
||||||
$(".modal-content").css('direction','rtl')
|
$(".modal-content").css("direction", "rtl");
|
||||||
$(".bold").css('float','right')
|
$(".bold").css("float", "right");
|
||||||
$("#public").css('margin-left','5px')
|
$("#public").css("margin-left", "5px");
|
||||||
$("#prive").css('margin-left','5px')
|
$("#prive").css("margin-left", "5px");
|
||||||
$("#newPlaneModalAnonyme").css('margin-right','25px')
|
$("#newPlaneModalAnonyme").css("margin-right", "25px");
|
||||||
$("#newPlaneModalCancel").css('margin-left','8px')
|
$("#newPlaneModalCancel").css("margin-left", "8px");
|
||||||
$("#closeModal").css('margin-left','0px')
|
$("#closeModal").css("margin-left", "0px");
|
||||||
$("#closeModal").css('padding-left','0px')
|
$("#closeModal").css("padding-left", "0px");
|
||||||
//anthology
|
//anthology
|
||||||
$("#anthology").css('direction','rtl')
|
$("#anthology").css("direction", "rtl");
|
||||||
$("#anthologyDisclaimer").css('float','right')
|
$("#anthologyDisclaimer").css("float", "right");
|
||||||
|
} else {
|
||||||
}
|
|
||||||
else{
|
|
||||||
//navbar
|
//navbar
|
||||||
$("nav").css('direction','ltr')
|
$("nav").css("direction", "ltr");
|
||||||
$(".nav-menus").addClass('mr-auto')
|
$(".nav-menus").addClass("mr-auto");
|
||||||
$(".nav-button").removeClass('mr-auto')
|
$(".nav-button").removeClass("mr-auto");
|
||||||
//form
|
//form
|
||||||
// $(".ql-container").css('direction','ltr')
|
// $(".ql-container").css('direction','ltr')
|
||||||
// $(".ql-container").css('float','left')
|
// $(".ql-container").css('float','left')
|
||||||
// $(".ql-editor").css('float','left')
|
// $(".ql-editor").css('float','left')
|
||||||
// $(".ql-editor p").css('float','none')
|
// $(".ql-editor p").css('float','none')
|
||||||
$(".modal-content").css('direction','ltr')
|
$(".modal-content").css("direction", "ltr");
|
||||||
$(".bold").css('float','left')
|
$(".bold").css("float", "left");
|
||||||
$("#public").css('margin-left','0px')
|
$("#public").css("margin-left", "0px");
|
||||||
$("#prive").css('margin-left','0px')
|
$("#prive").css("margin-left", "0px");
|
||||||
$("#newPlaneModalAnonyme").css('margin-right','0px')
|
$("#newPlaneModalAnonyme").css("margin-right", "0px");
|
||||||
$("#newPlaneModalCancel").css('margin-left','0px')
|
$("#newPlaneModalCancel").css("margin-left", "0px");
|
||||||
//anthology
|
//anthology
|
||||||
$("#anthology").css('direction','ltr')
|
$("#anthology").css("direction", "ltr");
|
||||||
$("#anthologyDisclaimer").css('float','left')
|
$("#anthologyDisclaimer").css("float", "left");
|
||||||
}
|
}
|
||||||
|
|
||||||
//changing all strings
|
//changing all strings
|
||||||
//main page
|
//main page
|
||||||
$('head title', window.parent.document).text(s.avionpoeme);
|
$("head title", window.parent.document).text(s.avionpoeme);
|
||||||
$("#navTitle").html(s.avionpoeme)
|
$("#navTitle").html(s.avionpoeme);
|
||||||
$("#buttonAnthology").html(s.anthologie)
|
$("#buttonAnthology").html(s.anthologie);
|
||||||
$("#buttonAbout").html(s.apropos)
|
$("#buttonAbout").html(s.apropos);
|
||||||
if (typeof nbPlane !== 'undefined') {
|
$("#buttonNewPlane").val(s.lancer_avion + " " + nbPlane + "/100");
|
||||||
$("#buttonNewPlane").val(s.lancer_avion+" "+nbPlane+"/100")
|
|
||||||
} else {
|
|
||||||
$("#buttonNewPlane").on('click', () => {
|
|
||||||
window.location.replace("/");
|
|
||||||
})
|
|
||||||
}
|
|
||||||
//new plane form
|
//new plane form
|
||||||
$("#newPlaneModalTitle").html(s.lancer_avion)
|
$("#newPlaneModalTitle").html(s.lancer_avion);
|
||||||
$("#newPlaneModalMessage").html(s.message)
|
$("#newPlaneModalMessage").html(s.message);
|
||||||
$("#newPlaneModalPrive").html(s.prive)
|
$("#newPlaneModalPrive").html(s.prive);
|
||||||
$("#newPlaneModalPublic").html(s.public)
|
$("#newPlaneModalPublic").html(s.public);
|
||||||
$("#flightTime").html(s.temps_de_vol)
|
$("#labelAttachment").html(s.PJ_Ajouter);
|
||||||
$("#newPlaneModalRandom").html(s.aléatoire)
|
console.log(s);
|
||||||
$("#newPlaneModal3j").html(s.trois_jours)
|
$("#attachmentPlaneLabel").attr("data-after", s.PJ_Parcourir);
|
||||||
$("#newPlaneModal7j").html(s.sept_jours)
|
$("#flightTime").html(s.temps_de_vol);
|
||||||
$("#newPlaneModal30j").html(s.trente_jours)
|
$("#newPlaneModalRandom").html(s.aléatoire);
|
||||||
$("#newPlaneModal365j").html(s.unan_jours)
|
$("#newPlaneModal3j").html(s.trois_jours);
|
||||||
$("#newPlaneModalExpediteur").html(s.expediteur)
|
$("#newPlaneModal7j").html(s.sept_jours);
|
||||||
$("#newPlaneModalDestinataire").html(s.destinataire)
|
$("#newPlaneModal30j").html(s.trente_jours);
|
||||||
$("#newPlaneModalAnonyme").html(s.anonyme)
|
$("#newPlaneModal365j").html(s.unan_jours);
|
||||||
$("#newPlaneModalCancel").html(s.annuler)
|
$("#newPlaneModalExpediteur").html(s.expediteur);
|
||||||
$("#sendNewPlane").html(s.lancer)
|
$("#newPlaneModalDestinataire").html(s.destinataire);
|
||||||
$("#destLang").html(s.langue_destinataire)
|
$("#newPlaneModalAnonyme").html(s.anonyme);
|
||||||
$("#expeMail").attr("placeholder", s.expeMail_placeholder)
|
$("#newPlaneModalCancel").html(s.annuler);
|
||||||
$("#expeGeocoderPhoton").attr("placeholder", s.expeLoc_placeholder)
|
$("#sendNewPlane").html(s.lancer);
|
||||||
$("#destMail").attr("placeholder", s.destMail_placeholder)
|
$("#destLang").html(s.langue_destinataire);
|
||||||
$("#destGeocoderPhoton").attr("placeholder", s.destLoc_placeholder)
|
$("#expeMail").attr("placeholder", s.expeMail_placeholder);
|
||||||
$('#anonymeTooltip').attr("title", s.anonyme_tooltip).tooltip("_fixTitle");
|
$("#expeGeocoderPhoton").attr("placeholder", s.expeLoc_placeholder);
|
||||||
$('#publicTooltip').attr("title", s.public_tooltip).tooltip("_fixTitle");
|
$("#destMail").attr("placeholder", s.destMail_placeholder);
|
||||||
|
$("#destGeocoderPhoton").attr("placeholder", s.destLoc_placeholder);
|
||||||
|
$("#anonymeTooltip").attr("title", s.anonyme_tooltip).tooltip("_fixTitle");
|
||||||
|
$("#publicTooltip").attr("title", s.public_tooltip).tooltip("_fixTitle");
|
||||||
|
|
||||||
$('#selectDestLang option[value="'+lang+'"]').prop('selected', true); //selecting by default recipient language same as interface
|
$('#selectDestLang option[value="' + lang + '"]').prop("selected", true); //selecting by default recipient language same as interface
|
||||||
//Anthology
|
|
||||||
displayAnthology()
|
|
||||||
$("#anthologyTitle").html(s.anthologie)
|
|
||||||
$("#anthologyDisclaimer").html(s.suppr_message_public)
|
|
||||||
$("#closeAnthologyAbout").html(s.retour_carte)
|
|
||||||
|
|
||||||
//About
|
//About
|
||||||
$("#aboutTitle").html(s.apropos)
|
$("#aboutTitle").html(s.apropos);
|
||||||
$("#librairies").html(s.librairies)
|
$("#librairies").html(s.librairies);
|
||||||
$("#mapSources").html(s.source_carte)
|
$("#mapSources").html(s.source_carte);
|
||||||
$("#mapBackground").html(s.map_background)
|
$("#mapBackground").html(s.map_background);
|
||||||
$("#clouds").html(s.clouds)
|
$("#clouds").html(s.clouds);
|
||||||
$.getJSON("lang/about.json", function (e) {
|
$.getJSON("lang/about.json", function (e) {
|
||||||
if(lang !== 'en' && lang !== 'fr' && lang !== 'de'){
|
if (lang !== "en" && lang !== "fr" && lang !== "de") {
|
||||||
$("#aboutText").html(e[0].en)
|
$("#aboutText").html(e[0].en);
|
||||||
|
} else {
|
||||||
|
$("#aboutText").html(e[0][lang]);
|
||||||
}
|
}
|
||||||
else{
|
$("#donationText").html(s.AvionPoeme_free_independent);
|
||||||
$("#aboutText").html(e[0][lang])
|
$("#donationButtonText").html(s.Soutenez_avionpoeme);
|
||||||
}
|
$("#donationButtonText").addClass(lang);
|
||||||
})
|
});
|
||||||
|
|
||||||
//plane limit tooltip
|
//plane limit tooltip
|
||||||
if (nbPlane && nbPlane > 99){
|
if (typeof nbPlane !== "undefined") {
|
||||||
$("#planeLimitTooltip").attr("title", s.AvionPoeme_epuise).tooltip("_fixTitle");
|
if (nbPlane > 99) {
|
||||||
}
|
$("#planeLimitTooltip")
|
||||||
else{
|
.attr("title", s.AvionPoeme_epuise)
|
||||||
|
.tooltip("_fixTitle");
|
||||||
|
} else {
|
||||||
var remainingPlanes = 100 - nbPlane;
|
var remainingPlanes = 100 - nbPlane;
|
||||||
s.NB_AvionPoeme_restant = s.NB_AvionPoeme_restant.replace('$NB_avion_poeme',remainingPlanes)
|
s.NB_AvionPoeme_restant = s.NB_AvionPoeme_restant.replace(
|
||||||
$("#planeLimitTooltip").attr("title", s.NB_AvionPoeme_restant).tooltip("_fixTitle");
|
"$NB_avion_poeme",
|
||||||
|
remainingPlanes
|
||||||
|
);
|
||||||
|
$("#planeLimitTooltip")
|
||||||
|
.attr("title", s.NB_AvionPoeme_restant)
|
||||||
|
.tooltip("_fixTitle");
|
||||||
}
|
}
|
||||||
|
}
|
||||||
})
|
}).always(function (callback) {
|
||||||
.always(function(callback) {
|
|
||||||
//console.log( callback );
|
//console.log( callback );
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
@ -175,5 +180,3 @@ $( "#navbarDropdownLang" ).mouseenter(function() {
|
|||||||
$("#navbarDropdownLang").mouseleave(function () {
|
$("#navbarDropdownLang").mouseleave(function () {
|
||||||
$("#langIcon").attr("src", "src/img/lang.png");
|
$("#langIcon").attr("src", "src/img/lang.png");
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user