Compare commits

..

1 Commits

Author SHA1 Message Date
humano
80ebc4569f implementacion bootstrap 4 2019-04-01 14:55:30 -05:00
25 changed files with 1213 additions and 3269 deletions

16
api.php
View File

@ -1,6 +1,6 @@
<?php
//session_start();
//ini_set('display_errors', 'On');
session_start();
ini_set('display_errors', 'On');
require ('xajax/xajax.inc.php');
$xajax = new xajax();
@ -21,11 +21,11 @@ require ("funciones/conex.php");
if($datos['proyecto']==""){
$proyecto= remplacetas('form_id','id',$datos['id'],'id_empresa',"") ;
$datos['proyecto']= $proyecto[0] ;
}
@$datos['formato']=$_REQUEST['formato'];
if(isset($_REQUEST['debug'])) {ini_set('display_errors', 'On');
}
}
if(isset($_REQUEST['formato'])){
// if($_REQUEST['formato']=='li'){
@ -33,19 +33,17 @@ if(isset($_REQUEST['formato'])){
//print_r($array);//echo "hola li";
$json= json($datos);
$array = json_decode($json);
echo array_linea($array,$_REQUEST['formato'],$_REQUEST['id'])." ";
//echo "".build_list($array,$_REQUEST['formato'],$_REQUEST['id']);
//echo $json;
//echo planilla($datos['id'],$datos['registros'],"dinamico");
// }
}else{
header('Content-Type: application/json');
//echo "hola /// $_REQUEST[id] // " ;
//echo " <pre>".print_r($datos)."</pre>";
echo json($datos);
}
?>

View File

@ -1,83 +0,0 @@
body { margin:0; padding:0; overflow:hidden; touch-action:none; }
#map { position:absolute; top:0; bottom:0; width:100%; overflow:hidden; }
p {font-size: 14px;}
#sidebar {
z-index: 10; position: absolute; right: 10px; top: 10px; width: 320px;
background-color:rgba(255,255,255,.9); padding: 20px; border-radius: 3px; }
#title h1 { color: #390; }
#introduction p { margin-bottom: 10px; line-height: 1.5em }
#taxas>div { display: inline-block; }
#taxas p { text-align: center; }
.button {
background-color: #fff; background-size:cover;
border-radius: 5px; border: #390 1px solid; height:48px; width: 48px;
margin: 4px; margin-left: 8px;
}
.button.active { border:color:#390; }
.button:hover { border-color: #390; }
.button#Plantae { background-image: url('img/icon0_plantae.png') }
.button#Aves { background-image: url('img/icon0_aves.png') }
.button#Insecta { background-image: url('img/icon0_insecta.png') }
.button#Fungi { background-image: url('img/icon0_fungi.png') }
.button#Plantae.active { background-image: url('img/icon1_plantae.png') }
.button#Aves.active { background-image: url('img/icon1_aves.png') }
.button#Insecta.active { background-image: url('img/icon1_insecta.png') }
.button#Fungi.active { background-image: url('img/icon1_fungi.png') }
.button#Plantae:hover { background-image: url('img/icon1_plantae.png') }
.button#Aves:hover { background-image: url('img/icon1_aves.png') }
.button#Insecta:hover { background-image: url('img/icon1_insecta.png') }
.button#Fungi:hover { background-image: url('img/icon1_fungi.png') }
.marker {
border: #fff 1.4px solid; border-radius: 50%; cursor: pointer; box-shadow: 1px 1px 1px;
height: 48px; width: 48px; margin: -24px 0 0 -24px;
background-size: cover; }
.marker:hover { z-index: 1; border-color: #390; }
.marker.sm {
background-color: none; border-width: 0; box-shadow: 0 0 0;
height: 32px; width: 32px; margin-left: -16px; margin-top:-16px;}
.marker.sm:hover { border: #fff 1px solid; }
#me { height: 16px; width: 16px; background-size: 100% 100%; }
.mapboxgl-ctrl-geocoder { z-index: 0; }
.mapboxgl-popup { width: 280px; }
.mapboxgl-popup-close-button { background-color: rgba(255,255,255,.9); height: 30px; width: 30px; font-size: 18px; padding:2px; border-radius: 1px;}
.mapboxgl-popup p { font-size: 12px; line-height: 16px; margin-top:6px;}
.img-md { height: 260px; width:260px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.loading { display:none; }
@media only screen and (max-width: 479px) {
.mobile-hide{ display: none; }
.mobile-show{ display: inline-block !important; }
#sidebar {
z-index: 2; border-radius: 0; padding:2vh 4vw 2vh 4vw;
position: absolute; width:100%; height:150px;
bottom: 30px; left:0; right:0; top:inherit;
}
#sidebar p { margin-bottom: 2vh; font-size: 1em; }
#title { margin-bottom: 2vh; }
#title h1 { font-size: 20px; line-height: 26px; display: inline-block; }
#info {
height:18px; width:18px; display: inline-block; margin-left:3px;
background-image: url('img/arrow_down.svg'); background-size:cover; }
.button { width:15vw; margin: .5vh 1vw .5vh 10vw; height:15vw;}
.button:first-of-type { margin-left:5vw; }
.button img { height:100%; width: 100%; }
#taxas p { text-align: center; margin-left: 5vw; }
.mapboxgl-popup-content { padding: 1vw; padding-bottom: 2vw; }
.mapboxgl-popup { width: 52vw; }
.img-md { height: 50vw; width: 50vw;}
}

View File

@ -4,7 +4,7 @@ el otro archivo css style.css que está en la carpeta milfs
#barra_milfs{
position: absolute;
#position: absolute;
}
#contenedor_principal{
padding-top: 10em;
@ -14,35 +14,10 @@ el otro archivo css style.css que está en la carpeta milfs
display: block;
}
#canvas-holder_$tipo_$id_campo{
max-width:100%;
}
@media (max-width: 768px) {
#panel_administrador{
padding: 0px !important;
}
}
@media (max-width: 480px) {
#modificarcampo_succesalert{
position: relative;
display: block;
border-collapse: separate;
padding-top: 13px;
}
#modificarcampo_succesalert>.input-group-addon{
border: 1px solid #ccc !important;
border-radius: 0px;
}
#nuevocampo_success{
padding-bottom: 60px !important;
}
#nuevocampo_success>.btn{
display: block;
}
}

View File

@ -261,7 +261,10 @@ border-color: transparent;
/*Panel Editor*/
.thumbnail {
height: 100% !important;
overflow-y: auto;
overflow-x: hidden;
border: none;
}
.box-secciones {
@ -676,8 +679,8 @@ Help-tip Style
/* CSS animation */
@-webkit-keyframes fadeIn {
0% {
opacity:0;
0% {
opacity:0;
transform: scale(0.6);
}
@ -692,8 +695,8 @@ Help-tip Style
100% { opacity:100%; }
}
.blink{
color: rgb (0, 137, 226);
animation: blink 1s infinite;
}

View File

@ -1,12 +1,7 @@
<?php
function Conectarse(){
if(!isset($_SESSION))
{
session_start();
}
if ( !isset ( $link ) ) {
@include("includes/datos.php");
if(!isset($db)) {
@include("milfs/includes/datos.php");
@ -21,7 +16,7 @@ function Conectarse(){
if (!($link=mysqli_connect($servidor,$usuario,$password,$db)))
{
echo " Error conectando a la base de datos. ($servidor) ";
echo " Error conectando a la base de datos. ($db) ";
exit();
}
/* if (!mysqli_select_db($db,$link))
@ -45,19 +40,19 @@ function Conectarse(){
}
function Conectarse_recursivo(){
if ( !isset ( $link ) ) {
@include("milfs/includes/datos.php");
if(!isset($db)) {
@include("../milfs/includes/datos.php");
if(!isset($db)) {
include("../includes/datos.php");
}
}
if (!($link=mysqli_connect($servidor,$usuario,$password,$db)))
{
echo "Error conectando a la base de datos. ";
echo "Error conectando a la base de datos. $servidor,$usuario,$password,$db ";
exit();
}
/* if (!mysqli_select_db($db,$link))

File diff suppressed because it is too large Load Diff

View File

@ -11,7 +11,7 @@ function login_boton($formulario){
if(isset($_SESSION['id'])){
$accion = "<li><a class=' btn ' onclick=\"xajax_login_boton('x') \"><i class='glyphicon glyphicon-log-out fa-fw'></i>$_SESSION[username]</a></li>";
$accion = "<li class='nav-item'><a class=' nav-link btn ' onclick=\"xajax_login_boton('x') \"><i class='glyphicon glyphicon-log-out fa-fw'></i>$_SESSION[username]</a></li>";
}else{
$accion = registro_express("nuevo_$nombre_formato","boton");
print $accion;

View File

@ -7,11 +7,11 @@ require ('funciones/convert.php');
require ("funciones/conex.php");
$geojson = imprime_geojson("$_REQUEST[id]","","mapa","$_REQUEST[buscar]","");
$geojson = imprime_geojson("$_REQUEST[id]","","mapa","$_REQUEST[buscar]");
//header('Content-Type: application/json');
var geojsonSample =
echo $geojson;
;
?>
?>

View File

@ -8,13 +8,11 @@ include ('librerias/parsedown/Parsedown.php');
require ("funciones/conex.php");
if(isset($_REQUEST['buscar'])){$buscar=$_REQUEST['buscar'];}else{$buscar="";}
if(isset($_REQUEST['item'])){$item=$_REQUEST['item'];}else{$item="";}
if(isset($_REQUEST['id'])){$id=$_REQUEST['id'];}else{$id="";}
//echo print_r($_SERVER);
$geojson = imprime_geojson("$id","","mapa","$buscar","$item","");
$geojson = imprime_geojson("$_REQUEST[id]","","mapa","$_REQUEST[buscar]","$_REQUEST[item]");
//header('Content-Type: application/json');
echo "let geojsonSample = [";
echo "var geojsonSample = ";
echo $geojson;
echo "];"
echo ";"
?>

View File

@ -4,22 +4,18 @@ require ('xajax/xajax.inc.php');
$xajax = new xajax();
require ('funciones/funciones.php');
require ('funciones/convert.php');
include ('librerias/parsedown/Parsedown.php');
require ("funciones/conex.php");
if(isset($_REQUEST['buscar'])){$buscar=$_REQUEST['buscar'];}else{$buscar="";}
if(isset($_REQUEST['item'])){$item=$_REQUEST['item'];}else{$item="";}
if(isset($_REQUEST['id'])){$id=$_REQUEST['id'];}else{$id="";}
if(!isset($_REQUEST['plantilla'])) {
$geojson = imprime_geojson("$id","","mapa","$buscar","$item");
$geojson = imprime_geojson("$_REQUEST[id]","","mapa","$_REQUEST[buscar]");
}else{
$geojson = imprime_geojson("$id","","$_REQUEST[plantilla]","$buscar","$item");
$geojson = imprime_geojson("$_REQUEST[id]","","$_REQUEST[plantilla]","$_REQUEST[buscar]");
}
//header('Content-Type: application/json');
echo $geojson;
?>
?>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.5 KiB

BIN
images/iconos/pin.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 907 B

After

Width:  |  Height:  |  Size: 1.6 KiB

View File

@ -2,13 +2,13 @@
session_start();
// Comprobamos si existe la variable
/*if ( !isset ( $_SESSION['id'] ) ) {
// Si no existe
// Si no existe
header("Location: ../nodisponible.jpg");
// echo "hola mundo2";
}*/
if(!isset($_GET['file']) ){
header("Location: ../sinimagen.jpg");
}
include("../../includes/datos.php");
$dir="$path_images_secure/";
@ -21,32 +21,25 @@ if ((!$file=realpath($dir.$_GET['file']))
$ref=@$_SERVER['HTTP_REFERER'];
if (strpos($ref,'https://')===0 || strpos($ref,'https')!==0){
$mime=array(
'PEG'=>'image/jpeg',
'JPEG'=>'image/jpeg',
'JPG'=>'image/jpeg',
'jpg'=>'image/jpeg',
'peg'=>'image/jpeg',
'jpeg'=>'image/jpeg',
'png'=>'image/png',
'PNG'=>'image/png',
'mid'=>'audio/x-midi',
'wav'=>'audio/x-wav'
);
if(@$mime[substr($file,-3)] =='') {
header('Location: ../pixel.png');
exit();
}
$stat=stat($file);
header('Content-Type: '.$mime[substr($file,-3)]);
// header('Content-Length: '.$stat[7]);
header('Content-Length: '.$stat[7]);
header('Last-Modified: '.gmdate('D, d M Y H:i:s',$stat[9]).' GMT');
@readfile($file);
readfile($file);
exit();
}
header('Pragma: no-cache');
header('Cache-Control: no-cache, no-store, must-revalidate');
//include($file.'.php');
include($file.'.php');
?>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.3 KiB

After

Width:  |  Height:  |  Size: 40 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.4 KiB

After

Width:  |  Height:  |  Size: 5.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.0 KiB

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.3 KiB

After

Width:  |  Height:  |  Size: 40 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.3 KiB

After

Width:  |  Height:  |  Size: 40 KiB

View File

@ -1,13 +1,13 @@
<?php
$usuario="root";
$usuario="pmauser";
$password="toor";//
$servidor="localhost";
$db="galenux_troconis";
$usuarios_sesion="GaleNUx_htroconis";
$path_instalacion ="/var/www/html/milfs/";
$db="galenux_cloud";
$usuarios_sesion="GaleNUx_cloud";
$path_instalacion ="/var/www/html/galenux_cloud/milfs/";
$path_images_secure ="/home/images_secure";
$url = "http://localhost/milfs/";
$site = "http://localhost/";
$url = "http://localhost/cloud_galenux/milfs/";
$site = "http://localhost/cloud_galenux";
/// ESCAPAR LAS COMILLAS CON (\)
$codigo_analizador = " ";
/// Depende de la variable http://php.net/upload-max-filesize o en el .htaccess

View File

@ -7,14 +7,14 @@ $campo= "$_REQUEST[campo]-$_REQUEST[item]";
$tipo = $_FILES["$campo"]['type'];
//$nombrecillo = $_FILES['myfile']['nombrecillo'];
if($tipo=="image/png") {$ext = ".png"; $imagen=1; }
if($tipo=="image/png") {$ext = ".png"; $imagen=1; }
elseif($tipo=="image/jpeg") {$ext = ".jpg"; $imagen=1; }
elseif($tipo=="image/gif") {$ext = ".gif"; $imagen=1; }
else {
$ext = explode(".", $_FILES["$campo"]['name']); $ext = ".".strtolower($ext[count($ext) - 1]);
// $ext = "novalida";
$imagen=0;}
$imagen=0;}
$nombrecillo= $_REQUEST['nombrecillo'];
$name = "$nombrecillo";
$dir_subida = '/home/images_secure/';
@ -32,9 +32,7 @@ if (move_uploaded_file($_FILES["$campo"]['tmp_name'], $fichero_subido)) {
}
function miniaturizar($file,$width,$directorio) { //$archivo = $file;
$archivo = "$directorio"."full/".$file; $file_info = getimagesize($archivo); $ratio = $file_info[0] / $file_info[1]; $newwidth = $width; $newheight = round($newwidth / $ratio); $ext = explode(".", $file);
$ext = strtolower($ext[count($ext) - 1]);
if ($ext == "jpeg") $ext = "jpg";switch ($ext) { case "jpg": $img = imagecreatefromjpeg($archivo); // $img = imagecreatefromstring($archivo); break; case "png": $img = imagecreatefrompng($archivo); break; case "gif": $img = imagecreatefromgif($archivo); break; } $thumb = imagecreatetruecolor($newwidth, $newheight);
$archivo = "$directorio"."full/".$file; $file_info = getimagesize($archivo); $ratio = $file_info[0] / $file_info[1]; $newwidth = $width; $newheight = round($newwidth / $ratio); $ext = explode(".", $file); $ext = strtolower($ext[count($ext) - 1]); if ($ext == "jpeg") $ext = "jpg"; switch ($ext) { case "jpg": $img = imagecreatefromjpeg($archivo); // $img = imagecreatefromstring($archivo); break; case "png": $img = imagecreatefrompng($archivo); break; case "gif": $img = imagecreatefromgif($archivo); break; } $thumb = imagecreatetruecolor($newwidth, $newheight);
imagealphablending( $thumb, false );
imagesavealpha( $thumb, true ); imagecopyresampled($thumb, $img, 0, 0, 0, 0, $newwidth, $newheight, $file_info[0], $file_info[1]);
if($ext=="jpg") { imagejpeg($thumb,$directorio.$width."/$file", 80);
@ -44,3 +42,5 @@ imagepng($thumb,$directorio.$width."/$file", 9);
}
?>

View File

@ -20,7 +20,7 @@ require ("funciones/conex.php");
$xajax->processRequests();
$embebido =0;
if (isset($_REQUEST['form'])) {
if (isset($_REQUEST['form'])) {
$form = $_REQUEST['form'];
$opciones["formato"]= $_REQUEST['formato'];
} else {$form = "";}
@ -42,11 +42,24 @@ if (isset($_REQUEST['t'])) {$t = $_REQUEST['t'];} else {$t = "";}
<meta name="description" content="">
<?php
$xajax->printJavascript("xajax/");
if(!isset($_REQUEST['experimental'])){
?>
<link rel="shortcut icon" href="favicon-152.png">
<link rel="apple-touch-icon-precomposed" href="favicon-152.png">
<!-- <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha256-k2/8zcNbxVIh5mnQ52A0r3a6jAgMGxFJFE2707UxGCk= sha512-ZV9KawG2Legkwp3nAlxLIVFudTauWuBpC10uEafMHYL0Sarrz5A7G79kXh5+5+woxQ5HM559XX2UZjMJ36Wplg==" crossorigin="anonymous"> -->
<?php if($form !='') {
//echo "<link href='css/embebidoXXX.css' rel='stylesheet'>";
}else{
//echo "<link href='css/estilos.php?dd' rel='stylesheet'>";
}
$xajax->printJavascript("xajax/");
// $xajax->debugOn();
//$xajax->statusMessagesOn();
if(!isset($_REQUEST['experimental'])){
$bootstrap= "
<script
src='https://code.jquery.com/jquery-3.3.1.min.js'
integrity='sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8='
@ -58,28 +71,18 @@ if (isset($_REQUEST['t'])) {$t = $_REQUEST['t'];} else {$t = "";}
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet'>
";
}else{
$bootstrap="
<script src='../librerias/jquery/jquery-2.1.4.min.js'></script>
<script src='../librerias/bootstrap/js/bootstrap.min.js'></script>
<link href='../librerias/bootstrap/css/bootstrap.min.css' rel='stylesheet' type='text/css'>
";
";
}
// $xajax->debugOn();
//$xajax->statusMessagesOn();
?>
<link rel="shortcut icon" href="favicon-152.png">
<link rel="apple-touch-icon-precomposed" href="favicon-152.png">
<!-- <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha256-k2/8zcNbxVIh5mnQ52A0r3a6jAgMGxFJFE2707UxGCk= sha512-ZV9KawG2Legkwp3nAlxLIVFudTauWuBpC10uEafMHYL0Sarrz5A7G79kXh5+5+woxQ5HM559XX2UZjMJ36Wplg==" crossorigin="anonymous"> -->
<?php if($form !='') {
//echo "<link href='css/embebidoXXX.css' rel='stylesheet'>";
}else{
//echo "<link href='css/estilos.php?dd' rel='stylesheet'>";
} ?>
echo $bootstrap; ?>
<link rel="stylesheet" type="text/css" media="screen" href="css/milfs.css">
<link rel="stylesheet" type="text/css" media="screen" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" media="screen" href="css/bootstrap-markdown.css">
<link rel="stylesheet" type="text/css" media="screen" href="css/bootstrap-markdown.min.css">
@ -211,7 +214,7 @@ legend.legend-area {
</style>
</head>
<body >
<body onload="revisarSession()"; >
<?php if($embebido ==1) {
if($form!=''){ echo formulario_embebido($form,$opciones);}
elseif($identificador !='') { echo mostrar_identificador($identificador,$id);}
@ -224,26 +227,22 @@ else{}
<?php echo @$onload; ?>
<?php
if ( isset ( $_SESSION['id'] ) ) { ?>
<div class="navbar navbar-inverse navbar-fixed-top " id="barra_milfs" role="navigation">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">MILFS</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark " id="barra_milfs" role="navigation">
<a class="navbar-brand" href="#"><img src="favicon-152.png" style="width:60px" alt="MILFS" title="Multi Interactive Light Form System"></a>
<button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbar-collapse">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand" href="#"><img src="favicon-152.png" style="width:60px" alt="MILFS" title="Multi Interactive Light Form System"></a>
</div>
<?php echo milfs() ?>
</div><!-- /.container-fluid -->
</div>
</nav>
<?php }else{ } ?>
@ -256,14 +255,13 @@ else{}
<div class='row'>
<div id='' class='col-sm-6'>
<?php /* $sesion = "<pre>".print_r($_SESSION,true)."</pre>"; if(isset($_SESSION['id'])){ echo "
$sesion <form id='manejo_sesion' name='form_session' class='navbar-form navbar-left'>
<?php if(isset($_SESSION['id'])){ echo "
<form id='manejo_sesion' name='form_session' class='navbar-form navbar-left'>
<div class='input-group'>
<input type='text' name='tiempo_session' size='18' class='form-control input-sm' readonly>
<span class='input-group-addon'><a href='#' onclick=\"location.reload();\" title='Renovar'><span class='glyphicon glyphicon-refresh' aria-hidden='true'></span></a></span>
</div>
</form> "; }else{ echo "/ $sesion /<input type='text' name='tiempo_session' size='18' class='form-control input-sm' readonly>";}
*/ ?>
</form> "; } ?>
<?php
///echo adjuntar_basico('33');

View File

@ -1,214 +0,0 @@
mapboxgl.accessToken = 'pk.eyJ1IjoieXVuamllIiwiYSI6ImNpZnd0ZjZkczNjNHd0Mm0xcGRoc21nY28ifQ.8lFXo9aC9PfoKQF9ywWW-g';
//var sfmapbox = [-122.413692, 37.775712];
var sfmapbox = [-72, 4];
// sfmapbox = [-122,37];
var mylocation = sfmapbox;
var taxon_active = 'Plantae';
var markers = {};
var marker_me;
// Create a new dark theme map
var map = new mapboxgl.Map({
container: 'map', // container id
style: 'mapbox://styles/mapbox/outdoors-v9', //stylesheet location
center: sfmapbox, // Center of USA
zoom: 12, // starting zoom
// minZoom: 11,
});
map.on('load', function() {
// Disable scroll in posts
if (window.location.search.indexOf('embed') !== -1) map.scrollZoom.disable();
//Add controls for navigation, geocoding and geolocation
var geocoder = new mapboxgl.Geocoder();
map.addControl(geocoder);
map.addControl ( new mapboxgl.Navigation({ position: 'top-left' }) );
var geolocator = new mapboxgl.Geolocate({ position: 'top-left' });
map.addControl(geolocator);
//go to SF and retrieve data
mapMe(mylocation);
getObservation(mylocation, taxon_active);
//Toggle icons in the event of zoom change
map.on('zoom', function() {
var zoom = map.getZoom();
$('.marker').each(function() {
checkZoom(this, zoom);
});
});
//Interact with taxas buttons
$('.button').on('click', function() {
$('.button').removeClass('active');
$(this).addClass('active');
taxon_active = $(this).attr('id');
getObservation(mylocation, taxon_active);
$('.mapboxgl-popup') ? $('.mapboxgl-popup').remove() : null;
});
//Redo quest on location change
geocoder.on('result', function(e) {
// window.alert('new location: ' + e.result.center);
mylocation = e.result.center;
getObservation(mylocation, taxon_active);
mapMe(mylocation);
$('.mapboxgl-popup') ? $('.mapboxgl-popup').remove() : null;
});
//Redo quest on geolocation
geolocator.on('geolocate', function(position) {
mylocation = [position.coords.longitude, position.coords.latitude];
map.zoomTo(12);
mapMe(mylocation);
getObservation(mylocation, taxon_active);
});
//Mobile friendly
$('#info').on('click', function() {
if ( $('#introduction').is(':visible') ) {
$('#introduction').hide();
$('#info').css('background-image', 'url(img/arrow_down.svg)');
$('#sidebar').css('height', '150px');
} else {
$('#introduction').show();
$('#info').css("background-image", 'url(img/arrow_up.svg)');
$('#sidebar').css('height', '240px');
}
})
});
// Map the user location using a marker called me
function mapMe(location) {
if (!document.getElementById('me')) {
var me = document.createElement('div');
me.id = "me";
me.style.backgroundImage = 'url(img/icon_me.png)';
marker_me = new mapboxgl.Marker(me)
.setLngLat(location)
.addTo(map);
} else {
marker_me.setLngLat(location);
}
map.flyTo({ 'center': location, 'zoom': 12 });
}
// Retrieve from API, map the markers to the map, and save relevant data in html. Pop-ups for marker on click.
function getObservation(location, taxon) {
$('.loading').show();
// clean up previous markers
for (marker in markers) {
markers[marker].remove();
}
markers = {};
//create url
var iNat_url = createURL(location, taxon);
// get results from url
try {
iNat_results = $.getJSON(iNat_url, function() {
// console.log("API results: ", iNat_results.responseJSON.results);
// Update count in html description
$('#count').html(iNat_results.responseJSON.features.length);
// Used for marker change on zoom level
var zoom = map.getZoom();
// Iterate through all API results
iNat_results.responseJSON.features.forEach(function(marker) {
// create an img element for the marker
var el = document.createElement('div');
el.className = 'marker';
//img_url = marker.photos[0].url;
img_url = marker.properties.imagen;
// text description for popup
var species = marker.species_guess ? marker.species_guess : 'Unknown';
//var user = marker.user.name ? marker.user.name : 'Anonymous';
var user = marker.properties.title ? marker.properties.title : 'Anonymous';
text = species + ' observed on ' + marker.properties.time + ' by ' + user + ' - ';
text = text.charAt(0).toUpperCase() + text.substr(1);
// img_url = img_url.replace("http", "https");
//$(el).attr('data-img', img_url);
$(el).attr('data-img', img_url);
// $(el).attr('data-taxon', taxon);
//$(el).attr('data-text', text);
$(el).attr('data-text', marker.properties.title);
$(el).attr('html', marker.properties.description);
//$(el).html(marker.properties.description);
$(el).attr('data-link', marker.properties.uri);
$(el).attr('data-link', marker.properties.imagen);
//$(el).attr('data-latlon', marker.geojson.coordinates);
$(el).attr('data-latlon', marker.geometry.coordinates);
// Map to the map with markers for the current zoomlevel
checkZoom(el, zoom);
// add marker to map
// markers[marker.id] = new mapboxgl.Marker(el)
markers[marker.control] = new mapboxgl.Marker(el)
// .setLngLat(marker.geojson.coordinates)
.setLngLat(marker.geometry.coordinates)
.addTo(map);
});
$('.loading').hide();
// markers on click
$('.marker').click(function(e) {
e.stopPropagation();
var latlon = $(this).attr('data-latlon').split(",");
latlon = [Number(latlon[0]), Number(latlon[1])];
var descripcion = $(this).attr('html');//.replace('square', 'medium');
$('.mapboxgl-popup') ? $('.mapboxgl-popup').remove() : null;
var popup = new mapboxgl.Popup()
.setLngLat(latlon)
.setHTML(descripcion)
.addTo(map);
});
});
} catch (e) {
window.alert("API not working properly :(")
}
}
// Create the url for API request
function createURL(location, taxon) {
//url = ['https://api.inaturalist.org/v1/observations?geo=true&native=true&photos=true&lat=',location[1], '&lng=', location[0], '&radius=5&iconic_taxa=', taxon, '&order=desc&order_by=created_at'].join('');
url = ['http://localhost/tupali/archivos/74.geojson'].join('');
console.log("API url: ", url);
return url;
}
// Check what zoom level for what markers, then map to map
function checkZoom(marker, zoom) {
var img;
if (zoom < 12) {
$(marker).addClass('sm');
// img = 'url(img/marker_' + $(marker).attr('data-taxon').toLowerCase() + '.png)';
// img = 'url(img/marker_' + $(marker).attr('data-taxon').toLowerCase() + '.png)';
img = 'url(https://tupale.co/milfs/images/secure/?file=150/da6d16547658ebc06c5378b30d1ee4bf.png)';
$(marker).css("background-image", img);
} else {
$(marker).removeClass('sm');
img = 'url(' + $(marker).attr('data-img') + ')';
// img = 'url(https://tupale.co/milfs/images/secure/?file=150/da6d16547658ebc06c5378b30d1ee4bf.png)';
$(marker).css("background-image", img);
};
}

View File

@ -1,3 +1,35 @@
function mueveReloj(){
var tiempo = new Date();
var hora = tiempo.getHours();
var minutos = tiempo.getMinutes();
var segundos = tiempo.getSeconds();
var meses = new Array ("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre");
var diasSemana = new Array("Domingo","Lunes","Martes","Miércoles","Jueves","Viernes","Sábado");
var f=new Date();
var fecha = diasSemana[f.getDay()] + ", " + f.getDate() + " de " + meses[f.getMonth()] + " de " + f.getFullYear();
var temp = "" + ((hora > 12) ? hora - 12 : hora);
if (hora == 0)
temp = "12";
temp += ((minutos < 10) ? ":0" : ":") + minutos;
temp += ((segundos < 10) ? ":0" : ":") + segundos;
temp += (hora >= 12) ? " P.M." : " A.M.";
// horaImprimible = year+" "+dia+" "+hora + " : " + minuto + " : " + segundo
document.form_session.reloj.value = " "+fecha +" "+temp
setTimeout("mueveReloj()",1000)
}
function delayTimer() {
var timer;
return function (fun, time) {
@ -9,30 +41,24 @@ function delayTimer() {
var delayFunction = delayTimer();
function setCookie(cname, cvalue, exdays) {
var d = new Date();
d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
var expires = "expires=" + d.toUTCString();
document.cookie = cname + "=" + cvalue + "; " + expires;
}
function revisarSession(sesion){
function revisarSession(){
tiempo = "30";
gavela="19";
timestamp = Math.round(Date.now() /1000);
inicio = sesion;//leerCookie("timestamp");
timestamp = Math.round(Date.now() /1000)
inicio = leerCookie("timestamp");
transcurrido = (timestamp - inicio);
transcurrido_minutos = Math.round(transcurrido/60);
restante = (tiempo - transcurrido_minutos);
prefin = (tiempo*60)-transcurrido;
//sesion = "hola";
document.form_session.tiempo_session.value = "Cierra en: "+restante+" minutos ("+transcurrido+" "+sesion+") ";
document.form_session.tiempo_session.value = "Cierra en "+restante+" minutos ";
if(restante == 1 ){
//alert(transcurrido);
location.href="../../salir.php";
}else{
setTimeout("revisarSession("+sesion+")",2000) ;
setTimeout("revisarSession()",2000) ;
}
}
@ -63,8 +89,8 @@ function loadArticle(pageNumber,id,plantilla,registros,scroll,formato) {
// $('#scroll-contentx').append(html);
var contenido = html;
newDiv.innerHTML = contenido;
$('.lazy').lazy({
// your configuration goes here
//combined: true,
@ -628,3 +654,6 @@ else if (document.all) document.all[''+id+''].style.visibility = "hidden"
else if (document.getElementById) document.getElementById(''+id+'').style.visibility = "hidden"
}
}

View File

@ -8,7 +8,7 @@
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.css" />
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.4/dist/leaflet.css"
integrity="sha512-puBpdR0798OZvTTbP4A8Ix/l+A4dHDD0DGqYW6RQ+9jxkRFclaxxQb/SJAWZfWAkuyeQUytO7+7N4QKrDh+drA=="
crossorigin=""/>
@ -16,7 +16,7 @@
integrity="sha512-nMMmRyTVoLYqjP9hrbed9S+FzjZHW5gY1TWCHA5ckwXZBadntCNs8kEqAWdrb9O7rxbCaA4lKTIWjDXZxflOcA=="
crossorigin=""></script>
-->
<script src="js/scripts.js"></script>
<link rel="stylesheet" href="librerias/leaflet/leaflet.css"/>
<script src="librerias/leaflet/leaflet.js"></script>
<style>
@ -29,37 +29,20 @@
<div id='map'></div>
<?php
sleep(2);
$ubicacion = $_COOKIE['ubicacion'];
$coordenadas = explode("|",$ubicacion);
if($coordenadas[0] !="" AND $coordenadas[1] !="" ){
$lon = $coordenadas[0];
$lat = $coordenadas[1];
$zoom = "20";
}else{
<?php
if ($_REQUEST['lat'] !='') {$lat=$_REQUEST['lat'];}else {$lat= "-72";}
if ($_REQUEST['lon'] !='') {$lon=$_REQUEST['lon'];}else {$lon= "4";}
if ($_REQUEST['zoom'] !='') {$zoom=$_REQUEST['zoom'];}else {$zoom= "20";}
}
if ($_REQUEST['zoom'] !='') {$zoom=$_REQUEST['zoom'];}else {$zoom= "5";}
?>
<script>
//var e.latlng= localizacion;
//alert(localizacion);
var map = L.map('map')
.setView([<?php echo $lon ?>, <?php echo $lat ?>], <?php echo $zoom ?>);
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png').addTo(map);
<?php
<?php
if(!isset($_REQUEST['exif'])) { ?>
function onLocationFound(e) {
//var radius = e.accuracy / 2;
var marker = L.marker(e.latlng,{draggable: true}).addTo(map);
@ -70,14 +53,14 @@ function onLocationFound(e) {
map.setZoom(<?php echo $zoom; ?>);
var m = marker.getLatLng();
mapa.value= m.lng+' '+m.lat+' <?php echo $zoom; ?>';
function ondragend() {
var m = marker.getLatLng();
var z = map.getZoom();
map.setZoom(z);
mapa.value= m.lng+' '+m.lat+' '+z;
}
@ -98,7 +81,7 @@ function ondragend() {
map.on('locationfound', onLocationFound);
map.locate({setView: true, maxZoom: 20});
<?php }else{ ?>
var marker = L.marker([<?php echo $lon ?>,<?php echo $lat ?>],{draggable: true}).addTo(map);
var mapa = window.parent.document.getElementById('<?php echo $_REQUEST[id]?>');
marker.on('dragend', ondragend);
@ -108,7 +91,7 @@ function ondragend() {
var z = map.getZoom();
mapa.value= m.lng+' '+m.lat+' '+z;
}
<?php } ?>