forked from qwerty/tupali
mejoras en la vista de aplicacion
This commit is contained in:
humano
parent
4da9e8ff60
commit
0d42aca7de
109
index.php
109
index.php
@ -93,11 +93,15 @@ else {}
|
||||
if(isset($_REQUEST['variable'])){
|
||||
$variable= $_REQUEST['variable'];
|
||||
}
|
||||
$v = decodifica_parametro($variable);
|
||||
if(isset($_REQUEST['plantilla'])){
|
||||
$plantilla= $_REQUEST['plantilla'];
|
||||
}else {$plantilla= "landingpage";}
|
||||
|
||||
|
||||
if($_REQUEST['tema'] !="") { $tema= "$_REQUEST[tema]";}
|
||||
else {
|
||||
if($v[0] =='a') { $tema='aplicacion'; }else{$tema="moon";}
|
||||
}
|
||||
$presentacion_cabeza = "
|
||||
<link rel='stylesheet' href='librerias/reveal/css/reveal.css'>
|
||||
<link rel='stylesheet' href='librerias/reveal/css/theme/$tema.css' id='theme'>
|
||||
@ -150,7 +154,7 @@ $presentacion_pie="
|
||||
";
|
||||
|
||||
if ($variable !=''){
|
||||
$v = decodifica_parametro($variable);
|
||||
|
||||
if($v[0] =='e') {
|
||||
/// e = EMPRESA
|
||||
$id_empresa = $v[1];
|
||||
@ -361,10 +365,50 @@ if ($variable !=''){
|
||||
$id_empresa = $empresa[0];
|
||||
$titulo = remplacetas('form_id','id',$form,'nombre',"") ;
|
||||
$descripcion = remplacetas('form_id','id',$form,'descripcion',"") ;
|
||||
//$registros = consultar_contenido_formulario("$form",'5','','embebido','',"$plantilla");
|
||||
//$registros = aplicacion_carrusel("embebido","$form","$plantilla","","","5");
|
||||
$no_mostrar ="display:none; ";
|
||||
$aplicacion_pie="
|
||||
<script src='librerias/reveal/lib/js/head.min.js'></script>
|
||||
<script src='librerias/reveal/js/reveal.js'></script>
|
||||
|
||||
<script>
|
||||
|
||||
// More info https://github.com/hakimel/reveal.js#configuration
|
||||
Reveal.initialize({
|
||||
width: '100%',
|
||||
height: '95%',
|
||||
touch: false,
|
||||
controls: false,
|
||||
progress: true,
|
||||
history: true,
|
||||
center: true,
|
||||
|
||||
transition: 'slide', // none/fade/slide/convex/concave/zoom
|
||||
|
||||
// More info https://github.com/hakimel/reveal.js#dependencies
|
||||
dependencies: [
|
||||
{ src: 'librerias/reveal/lib/js/classList.js', condition: function() { return !document.body.classList; } },
|
||||
{ src: 'librerias/reveal/plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
|
||||
{ src: 'librerias/reveal/plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
|
||||
{ src: 'librerias/reveal/plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
|
||||
{ src: 'librerias/reveal/plugin/zoom-js/zoom.js', async: true },
|
||||
{ src: 'librerias/reveal/plugin/notes/notes.js', async: true }
|
||||
]
|
||||
});
|
||||
|
||||
</script>
|
||||
<script src='librerias/slick/slick.js' type='text/javascript' charset='utf-8'></script>
|
||||
|
||||
";
|
||||
$librerias_galeria ="
|
||||
<link rel='stylesheet' type='text/css' href='librerias/slick/slick.css'>
|
||||
<link rel='stylesheet' type='text/css' href='librerias/slick/slick-theme.css'>
|
||||
<link rel='stylesheet' type='text/css' href='librerias/slick/style.css'>
|
||||
";
|
||||
$librerias_cabeza ="$presentacion_cabeza $librerias_galeria";
|
||||
$librerias_pie =$aplicacion_pie;
|
||||
|
||||
$registros = aplicacion_carrusel("$form",'10','','embebido','',"carousel");
|
||||
$registros="<div id='mostrar_carrusel'>$registros</div>";
|
||||
//$registros="<div id='mostrar_carrusel'>$registros</div>";
|
||||
// $formulario = formulario_embebido($form,$opciones);
|
||||
$titulo = remplacetas('form_id','id',$form,'nombre',"") ;
|
||||
$razon_social = remplacetas('empresa','id',"$id_empresa",'razon_social','') ;
|
||||
@ -414,7 +458,21 @@ $mapa
|
||||
<div style=''>
|
||||
<a name='galeria'></a>
|
||||
<h2>Galería</h2>
|
||||
$registros
|
||||
|
||||
<div class='slider slider-for1'>
|
||||
<div><img data-lazy='http://placehold.it/350x300?text=1-350w' data-srcset='http://placehold.it/650x300?text=1-650w 650w, http://placehold.it/960x300?text=1-960w 960w' data-sizes='100vw'></div>
|
||||
<div><h3>2</h3></div>
|
||||
<div><h3>3</h3></div>
|
||||
<div><h3>4</h3></div>
|
||||
<div><h3>5</h3></div>
|
||||
</div>
|
||||
<div class='slider slider-nav1'>
|
||||
<div><img data-lazy='http://placehold.it/350x300?text=1-350w' data-srcset='http://placehold.it/650x300?text=1-650w 650w, http://placehold.it/960x300?text=1-960w 960w' data-sizes='100vw'></div>
|
||||
<div><h3>2</h3></div>
|
||||
<div><h3>3</h3></div>
|
||||
<div><h3>4</h3></div>
|
||||
<div><h3>5</h3></div>
|
||||
</div>
|
||||
</div>
|
||||
<div style=''>
|
||||
<a name='estadisticas'></a>
|
||||
@ -423,6 +481,7 @@ $estadisticas
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<span>Powered by <a href='https://github.com/humano/milfs' target='milfs'>MILFS</a></span>
|
||||
<div class='container' style='background-color:white' >
|
||||
<h2><img src= 'https://qwerty.co/qr/?d=https://$web[0]/a$form'>Comparte nuestra aplicación</h2>
|
||||
@ -433,8 +492,42 @@ $estadisticas
|
||||
";
|
||||
|
||||
|
||||
$aplicacion="";
|
||||
$onload = "$footer $aplicacion ";
|
||||
$onload="
|
||||
<style>
|
||||
.table-fixed thead {
|
||||
width: 97%;
|
||||
}
|
||||
.table-fixed tbody {
|
||||
height: 600px;
|
||||
overflow-y: auto;
|
||||
width: 100%;
|
||||
}
|
||||
.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
|
||||
display: block;
|
||||
}
|
||||
.table-fixed tbody td, .table-fixed thead > .table-fixed tr > .table-fixed th {
|
||||
float: left;
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
</style>
|
||||
<div class='reveal' style='bottom: 80px !important; '>
|
||||
<div class='slides' >
|
||||
<section id='galeria' style='width:95%'>
|
||||
<div id='mostrar_carrusel'>
|
||||
$registros
|
||||
</div>
|
||||
</section>
|
||||
<section id='estadisticas' >
|
||||
|
||||
$estadisticas
|
||||
|
||||
</section>
|
||||
<section id='mapa'>
|
||||
$mapa
|
||||
</section>
|
||||
</div>
|
||||
</div>$footer";
|
||||
//$onload = "$footer $aplicacion ";
|
||||
|
||||
}
|
||||
elseif($v[0] =='g') {
|
||||
|
||||
@ -202,7 +202,7 @@ html:-moz-full-screen-ancestor {
|
||||
height: 110px;
|
||||
z-index: 30;
|
||||
right: 10px;
|
||||
bottom: 10px;
|
||||
bottom: 200px;
|
||||
-webkit-user-select: none; }
|
||||
|
||||
.reveal .controls button {
|
||||
|
||||
306
librerias/reveal/css/theme/aplicacion.css
Normal file
306
librerias/reveal/css/theme/aplicacion.css
Normal file
@ -0,0 +1,306 @@
|
||||
/**
|
||||
* White theme for reveal.js. This is the opposite of the 'black' theme.
|
||||
*
|
||||
* By Hakim El Hattab, http://hakim.se
|
||||
*/
|
||||
@import url(../../lib/font/source-sans-pro/source-sans-pro.css);
|
||||
|
||||
.reveal .slides {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
margin: auto;
|
||||
overflow: visible;
|
||||
z-index: 1;
|
||||
text-align: center;
|
||||
-webkit-perspective: 600px;
|
||||
perspective: 600px;
|
||||
-webkit-perspective-origin: 50% 40%;
|
||||
perspective-origin: 50% 40%; }
|
||||
|
||||
section.has-dark-background, section.has-dark-background h1, section.has-dark-background h2, section.has-dark-background h3, section.has-dark-background h4, section.has-dark-background h5, section.has-dark-background h6 {
|
||||
color: #fff; }
|
||||
|
||||
/*********************************************
|
||||
* GLOBAL STYLES
|
||||
*********************************************/
|
||||
body {
|
||||
background: #fff;
|
||||
background-color: #fff; }
|
||||
/*
|
||||
.reveal {
|
||||
font-family: "Source Sans Pro", Helvetica, sans-serif;
|
||||
font-size: 38px;
|
||||
font-weight: normal;
|
||||
color: #222; }
|
||||
*/
|
||||
::selection {
|
||||
color: #fff;
|
||||
background: #98bdef;
|
||||
text-shadow: none; }
|
||||
|
||||
.reveal .slides > section,
|
||||
.reveal .slides > section > section {
|
||||
line-height: 1.3;
|
||||
font-weight: inherit; }
|
||||
|
||||
/*********************************************
|
||||
* HEADERS
|
||||
*********************************************/
|
||||
/*
|
||||
.reveal h1,
|
||||
.reveal h2,
|
||||
.reveal h3,
|
||||
.reveal h4,
|
||||
.reveal h5,
|
||||
.reveal h6 {
|
||||
margin: 0 0 20px 0;
|
||||
color: #222;
|
||||
font-family: "Source Sans Pro", Helvetica, sans-serif;
|
||||
font-weight: 600;
|
||||
line-height: 1.2;
|
||||
letter-spacing: normal;
|
||||
text-transform: uppercase;
|
||||
text-shadow: none;
|
||||
word-wrap: break-word; }
|
||||
|
||||
.reveal h1 {
|
||||
font-size: 2.5em; }
|
||||
|
||||
.reveal h2 {
|
||||
font-size: 1.6em; }
|
||||
|
||||
.reveal h3 {
|
||||
font-size: 1.3em; }
|
||||
|
||||
.reveal h4 {
|
||||
font-size: 1em; }
|
||||
|
||||
.reveal h1 {
|
||||
text-shadow: none; }
|
||||
*/
|
||||
/*********************************************
|
||||
* OTHER
|
||||
*********************************************/
|
||||
/*.reveal p {
|
||||
margin: 20px 0;
|
||||
line-height: 1.3; }
|
||||
*/
|
||||
/* Ensure certain elements are never larger than the slide itself */
|
||||
.reveal img,
|
||||
.reveal video,
|
||||
.reveal iframe {
|
||||
max-width: 95%;
|
||||
max-height: 95%; }
|
||||
|
||||
.reveal strong,
|
||||
.reveal b {
|
||||
font-weight: bold; }
|
||||
|
||||
.reveal em {
|
||||
font-style: italic; }
|
||||
|
||||
.reveal ol,
|
||||
.reveal dl,
|
||||
.reveal ul {
|
||||
display: inline-block;
|
||||
text-align: left;
|
||||
margin: 0 0 0 1em; }
|
||||
|
||||
.reveal ol {
|
||||
list-style-type: decimal; }
|
||||
|
||||
.reveal ul {
|
||||
list-style-type: disc; }
|
||||
|
||||
.reveal ul ul {
|
||||
list-style-type: square; }
|
||||
|
||||
.reveal ul ul ul {
|
||||
list-style-type: circle; }
|
||||
|
||||
.reveal ul ul,
|
||||
.reveal ul ol,
|
||||
.reveal ol ol,
|
||||
.reveal ol ul {
|
||||
display: block;
|
||||
margin-left: 40px; }
|
||||
|
||||
.reveal dt {
|
||||
font-weight: bold; }
|
||||
|
||||
.reveal dd {
|
||||
margin-left: 40px; }
|
||||
|
||||
.reveal q,
|
||||
.reveal blockquote {
|
||||
quotes: none; }
|
||||
|
||||
.reveal blockquote {
|
||||
display: block;
|
||||
position: relative;
|
||||
width: 70%;
|
||||
margin: 20px auto;
|
||||
padding: 5px;
|
||||
font-style: italic;
|
||||
background: rgba(255, 255, 255, 0.05);
|
||||
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
|
||||
|
||||
.reveal blockquote p:first-child,
|
||||
.reveal blockquote p:last-child {
|
||||
display: inline-block; }
|
||||
|
||||
.reveal q {
|
||||
font-style: italic; }
|
||||
|
||||
.reveal pre {
|
||||
display: block;
|
||||
position: relative;
|
||||
width: 90%;
|
||||
margin: 20px auto;
|
||||
text-align: left;
|
||||
font-size: 0.55em;
|
||||
font-family: monospace;
|
||||
line-height: 1.2em;
|
||||
word-wrap: break-word;
|
||||
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
|
||||
|
||||
.reveal code {
|
||||
font-family: monospace; }
|
||||
|
||||
.reveal pre code {
|
||||
display: block;
|
||||
padding: 5px;
|
||||
overflow: auto;
|
||||
max-height: 400px;
|
||||
word-wrap: normal; }
|
||||
|
||||
.reveal table {
|
||||
margin: auto;
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0; }
|
||||
|
||||
.reveal table th {
|
||||
font-weight: bold; }
|
||||
|
||||
.reveal table th,
|
||||
.reveal table td {
|
||||
text-align: left;
|
||||
padding: 0.2em 0.5em 0.2em 0.5em;
|
||||
border-bottom: 1px solid; }
|
||||
|
||||
.reveal table th[align="center"],
|
||||
.reveal table td[align="center"] {
|
||||
text-align: center; }
|
||||
|
||||
.reveal table th[align="right"],
|
||||
.reveal table td[align="right"] {
|
||||
text-align: right; }
|
||||
|
||||
.reveal table tbody tr:last-child th,
|
||||
.reveal table tbody tr:last-child td {
|
||||
border-bottom: none; }
|
||||
|
||||
.reveal sup {
|
||||
vertical-align: super; }
|
||||
|
||||
.reveal sub {
|
||||
vertical-align: sub; }
|
||||
|
||||
.reveal small {
|
||||
display: inline-block;
|
||||
font-size: 0.6em;
|
||||
line-height: 1.2em;
|
||||
vertical-align: top; }
|
||||
|
||||
.reveal small * {
|
||||
vertical-align: top; }
|
||||
|
||||
/*********************************************
|
||||
* LINKS
|
||||
*********************************************/
|
||||
/*.reveal a {
|
||||
color: #2a76dd;
|
||||
text-decoration: none;
|
||||
-webkit-transition: color .15s ease;
|
||||
-moz-transition: color .15s ease;
|
||||
transition: color .15s ease; }
|
||||
|
||||
.reveal a:hover {
|
||||
color: #6ca0e8;
|
||||
text-shadow: none;
|
||||
border: none; }
|
||||
|
||||
.reveal .roll span:after {
|
||||
color: #fff;
|
||||
background: #1a53a1; }
|
||||
*/
|
||||
/*********************************************
|
||||
* IMAGES
|
||||
*********************************************/
|
||||
.reveal section img {
|
||||
margin: 15px 0px;
|
||||
background: rgba(255, 255, 255, 0.12);
|
||||
/* border: 4px solid #222;*/
|
||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
|
||||
|
||||
.reveal section img.plain {
|
||||
border: 0;
|
||||
box-shadow: none; }
|
||||
|
||||
.reveal a img {
|
||||
-webkit-transition: all .15s linear;
|
||||
-moz-transition: all .15s linear;
|
||||
transition: all .15s linear; }
|
||||
|
||||
.reveal a:hover img {
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
border-color: #2a76dd;
|
||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
|
||||
|
||||
/*********************************************
|
||||
* NAVIGATION CONTROLS
|
||||
*********************************************/
|
||||
.reveal .controls .navigate-left,
|
||||
.reveal .controls .navigate-left.enabled {
|
||||
border-right-color: #2a76dd; }
|
||||
|
||||
.reveal .controls .navigate-right,
|
||||
.reveal .controls .navigate-right.enabled {
|
||||
border-left-color: #2a76dd; }
|
||||
|
||||
.reveal .controls .navigate-up,
|
||||
.reveal .controls .navigate-up.enabled {
|
||||
border-bottom-color: #2a76dd; }
|
||||
|
||||
.reveal .controls .navigate-down,
|
||||
.reveal .controls .navigate-down.enabled {
|
||||
border-top-color: #2a76dd; }
|
||||
|
||||
.reveal .controls .navigate-left.enabled:hover {
|
||||
border-right-color: #6ca0e8; }
|
||||
|
||||
.reveal .controls .navigate-right.enabled:hover {
|
||||
border-left-color: #6ca0e8; }
|
||||
|
||||
.reveal .controls .navigate-up.enabled:hover {
|
||||
border-bottom-color: #6ca0e8; }
|
||||
|
||||
.reveal .controls .navigate-down.enabled:hover {
|
||||
border-top-color: #6ca0e8; }
|
||||
|
||||
/*********************************************
|
||||
* PROGRESS BAR
|
||||
*********************************************/
|
||||
.reveal .progress {
|
||||
background: rgba(0, 0, 0, 0.2); }
|
||||
|
||||
.reveal .progress span {
|
||||
background: #2a76dd;
|
||||
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
||||
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
||||
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
|
||||
287
librerias/reveal/css/theme/presentacion.css
Normal file
287
librerias/reveal/css/theme/presentacion.css
Normal file
@ -0,0 +1,287 @@
|
||||
/**
|
||||
* White theme for reveal.js. This is the opposite of the 'black' theme.
|
||||
*
|
||||
* By Hakim El Hattab, http://hakim.se
|
||||
*/
|
||||
@import url(../../lib/font/source-sans-pro/source-sans-pro.css);
|
||||
section.has-dark-background, section.has-dark-background h1, section.has-dark-background h2, section.has-dark-background h3, section.has-dark-background h4, section.has-dark-background h5, section.has-dark-background h6 {
|
||||
color: #fff; }
|
||||
|
||||
/*********************************************
|
||||
* GLOBAL STYLES
|
||||
*********************************************/
|
||||
body {
|
||||
background: #fff;
|
||||
background-color: #fff; }
|
||||
|
||||
.reveal {
|
||||
font-family: "Source Sans Pro", Helvetica, sans-serif;
|
||||
font-size: 38px;
|
||||
font-weight: normal;
|
||||
color: #222; }
|
||||
|
||||
::selection {
|
||||
color: #fff;
|
||||
background: #98bdef;
|
||||
text-shadow: none; }
|
||||
|
||||
.reveal .slides > section,
|
||||
.reveal .slides > section > section {
|
||||
line-height: 1.3;
|
||||
font-weight: inherit; }
|
||||
|
||||
/*********************************************
|
||||
* HEADERS
|
||||
*********************************************/
|
||||
.reveal h1,
|
||||
.reveal h2,
|
||||
.reveal h3,
|
||||
.reveal h4,
|
||||
.reveal h5,
|
||||
.reveal h6 {
|
||||
margin: 0 0 20px 0;
|
||||
color: #222;
|
||||
font-family: "Source Sans Pro", Helvetica, sans-serif;
|
||||
font-weight: 600;
|
||||
line-height: 1.2;
|
||||
letter-spacing: normal;
|
||||
text-transform: uppercase;
|
||||
text-shadow: none;
|
||||
word-wrap: break-word; }
|
||||
|
||||
.reveal h1 {
|
||||
font-size: 2.5em; }
|
||||
|
||||
.reveal h2 {
|
||||
font-size: 1.6em; }
|
||||
|
||||
.reveal h3 {
|
||||
font-size: 1.3em; }
|
||||
|
||||
.reveal h4 {
|
||||
font-size: 1em; }
|
||||
|
||||
.reveal h1 {
|
||||
text-shadow: none; }
|
||||
|
||||
/*********************************************
|
||||
* OTHER
|
||||
*********************************************/
|
||||
.reveal p {
|
||||
margin: 20px 0;
|
||||
line-height: 1.3; }
|
||||
|
||||
/* Ensure certain elements are never larger than the slide itself */
|
||||
.reveal img,
|
||||
.reveal video,
|
||||
.reveal iframe {
|
||||
max-width: 95%;
|
||||
max-height: 95%; }
|
||||
|
||||
.reveal strong,
|
||||
.reveal b {
|
||||
font-weight: bold; }
|
||||
|
||||
.reveal em {
|
||||
font-style: italic; }
|
||||
|
||||
.reveal ol,
|
||||
.reveal dl,
|
||||
.reveal ul {
|
||||
display: inline-block;
|
||||
text-align: left;
|
||||
margin: 0 0 0 1em; }
|
||||
|
||||
.reveal ol {
|
||||
list-style-type: decimal; }
|
||||
|
||||
.reveal ul {
|
||||
list-style-type: disc; }
|
||||
|
||||
.reveal ul ul {
|
||||
list-style-type: square; }
|
||||
|
||||
.reveal ul ul ul {
|
||||
list-style-type: circle; }
|
||||
|
||||
.reveal ul ul,
|
||||
.reveal ul ol,
|
||||
.reveal ol ol,
|
||||
.reveal ol ul {
|
||||
display: block;
|
||||
margin-left: 40px; }
|
||||
|
||||
.reveal dt {
|
||||
font-weight: bold; }
|
||||
|
||||
.reveal dd {
|
||||
margin-left: 40px; }
|
||||
|
||||
.reveal q,
|
||||
.reveal blockquote {
|
||||
quotes: none; }
|
||||
|
||||
.reveal blockquote {
|
||||
display: block;
|
||||
position: relative;
|
||||
width: 70%;
|
||||
margin: 20px auto;
|
||||
padding: 5px;
|
||||
font-style: italic;
|
||||
background: rgba(255, 255, 255, 0.05);
|
||||
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
|
||||
|
||||
.reveal blockquote p:first-child,
|
||||
.reveal blockquote p:last-child {
|
||||
display: inline-block; }
|
||||
|
||||
.reveal q {
|
||||
font-style: italic; }
|
||||
|
||||
.reveal pre {
|
||||
display: block;
|
||||
position: relative;
|
||||
width: 90%;
|
||||
margin: 20px auto;
|
||||
text-align: left;
|
||||
font-size: 0.55em;
|
||||
font-family: monospace;
|
||||
line-height: 1.2em;
|
||||
word-wrap: break-word;
|
||||
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
|
||||
|
||||
.reveal code {
|
||||
font-family: monospace; }
|
||||
|
||||
.reveal pre code {
|
||||
display: block;
|
||||
padding: 5px;
|
||||
overflow: auto;
|
||||
max-height: 400px;
|
||||
word-wrap: normal; }
|
||||
|
||||
.reveal table {
|
||||
margin: auto;
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0; }
|
||||
|
||||
.reveal table th {
|
||||
font-weight: bold; }
|
||||
|
||||
.reveal table th,
|
||||
.reveal table td {
|
||||
text-align: left;
|
||||
padding: 0.2em 0.5em 0.2em 0.5em;
|
||||
border-bottom: 1px solid; }
|
||||
|
||||
.reveal table th[align="center"],
|
||||
.reveal table td[align="center"] {
|
||||
text-align: center; }
|
||||
|
||||
.reveal table th[align="right"],
|
||||
.reveal table td[align="right"] {
|
||||
text-align: right; }
|
||||
|
||||
.reveal table tbody tr:last-child th,
|
||||
.reveal table tbody tr:last-child td {
|
||||
border-bottom: none; }
|
||||
|
||||
.reveal sup {
|
||||
vertical-align: super; }
|
||||
|
||||
.reveal sub {
|
||||
vertical-align: sub; }
|
||||
|
||||
.reveal small {
|
||||
display: inline-block;
|
||||
font-size: 0.6em;
|
||||
line-height: 1.2em;
|
||||
vertical-align: top; }
|
||||
|
||||
.reveal small * {
|
||||
vertical-align: top; }
|
||||
|
||||
/*********************************************
|
||||
* LINKS
|
||||
*********************************************/
|
||||
.reveal a {
|
||||
color: #2a76dd;
|
||||
text-decoration: none;
|
||||
-webkit-transition: color .15s ease;
|
||||
-moz-transition: color .15s ease;
|
||||
transition: color .15s ease; }
|
||||
|
||||
.reveal a:hover {
|
||||
color: #6ca0e8;
|
||||
text-shadow: none;
|
||||
border: none; }
|
||||
|
||||
.reveal .roll span:after {
|
||||
color: #fff;
|
||||
background: #1a53a1; }
|
||||
|
||||
/*********************************************
|
||||
* IMAGES
|
||||
*********************************************/
|
||||
.reveal section img {
|
||||
margin: 15px 0px;
|
||||
background: rgba(255, 255, 255, 0.12);
|
||||
border: 4px solid #222;
|
||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
|
||||
|
||||
.reveal section img.plain {
|
||||
border: 0;
|
||||
box-shadow: none; }
|
||||
|
||||
.reveal a img {
|
||||
-webkit-transition: all .15s linear;
|
||||
-moz-transition: all .15s linear;
|
||||
transition: all .15s linear; }
|
||||
|
||||
.reveal a:hover img {
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
border-color: #2a76dd;
|
||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
|
||||
|
||||
/*********************************************
|
||||
* NAVIGATION CONTROLS
|
||||
*********************************************/
|
||||
.reveal .controls .navigate-left,
|
||||
.reveal .controls .navigate-left.enabled {
|
||||
border-right-color: #2a76dd; }
|
||||
|
||||
.reveal .controls .navigate-right,
|
||||
.reveal .controls .navigate-right.enabled {
|
||||
border-left-color: #2a76dd; }
|
||||
|
||||
.reveal .controls .navigate-up,
|
||||
.reveal .controls .navigate-up.enabled {
|
||||
border-bottom-color: #2a76dd; }
|
||||
|
||||
.reveal .controls .navigate-down,
|
||||
.reveal .controls .navigate-down.enabled {
|
||||
border-top-color: #2a76dd; }
|
||||
|
||||
.reveal .controls .navigate-left.enabled:hover {
|
||||
border-right-color: #6ca0e8; }
|
||||
|
||||
.reveal .controls .navigate-right.enabled:hover {
|
||||
border-left-color: #6ca0e8; }
|
||||
|
||||
.reveal .controls .navigate-up.enabled:hover {
|
||||
border-bottom-color: #6ca0e8; }
|
||||
|
||||
.reveal .controls .navigate-down.enabled:hover {
|
||||
border-top-color: #6ca0e8; }
|
||||
|
||||
/*********************************************
|
||||
* PROGRESS BAR
|
||||
*********************************************/
|
||||
.reveal .progress {
|
||||
background: rgba(0, 0, 0, 0.2); }
|
||||
|
||||
.reveal .progress span {
|
||||
background: #2a76dd;
|
||||
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
||||
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
||||
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
|
||||
@ -3,7 +3,7 @@
|
||||
}
|
||||
|
||||
.slider {
|
||||
width: 50%;
|
||||
width: 100%;
|
||||
margin: 100px auto;
|
||||
}
|
||||
|
||||
|
||||
@ -644,7 +644,7 @@ function formulario_acciones($id,$tipo) {
|
||||
$geo = buscar_campo_tipo("$id","14");
|
||||
// $buscador = buscar_datos("*formato*","$id","grid","mostrar_contenido_buscador");
|
||||
if($geo[0] !='') {
|
||||
$mapa_aplicacion= "<li class='list-inline-item'><a title='Mapa' class='btn btn-info ' href='#mapa' ><i class='fa fa-map-o' aria-hidden='true'></i></a></li>";
|
||||
$mapa_aplicacion= "<li class='list-inline-item'><a title='Mapa' class='btn btn-info ' href='#/mapa' ><i class='fa fa-map-o' aria-hidden='true'></i></a></li>";
|
||||
$mapa= "<li class='list-inline-item'><a class='btn btn-info ' target='mapa' href='mapero.php?id=$id' target='mapa'>Mapa</a></li>
|
||||
<li class='list-inline-item'><a class='btn btn-info ' target='mapa' href='milfs/geojson.php?id=$id' target='mapa'>{GEOJson}</a></li>
|
||||
";}else {$mapa='';}
|
||||
@ -679,8 +679,8 @@ $acciones="
|
||||
<div class='list-inline' >
|
||||
<li class='list-inline-item'><a title='Inicio' class='btn btn-info ' href='#inicio' ><i class='fa fa-home' aria-hidden='true'></i></a></li>
|
||||
$mapa_aplicacion
|
||||
<li class='list-inline-item'><a title='Galería' class='btn btn-info ' href='#galeria' ><i class='fa fa-picture-o' aria-hidden='true'></i></a></li>
|
||||
<li class='list-inline-item'><a title='Open Data' class='btn btn-info ' href='#estadisticas' ><i class='fa fa-area-chart' aria-hidden='true'></i></a></li>
|
||||
<li class='list-inline-item'><a title='Galería' class='btn btn-info ' href='#/galeria' ><i class='fa fa-picture-o' aria-hidden='true'></i></a></li>
|
||||
<li class='list-inline-item'><a title='Open Data' class='btn btn-info ' href='#/estadisticas' ><i class='fa fa-area-chart' aria-hidden='true'></i></a></li>
|
||||
<li class='list-inline-item'><a onclick =\"xajax_compartir('$id',''); \" title='Compartir' class='btn btn-info ' href='#compartir' ><i class='fa fa-share-alt' aria-hidden='true'></i></a></li>
|
||||
$agregar
|
||||
<li class='list-inline-item'><a onclick =\"javascript:location.reload(true) \" title='Actualizar' class='btn btn-info ' href='#' ><i class='fa fa-refresh' aria-hidden='true'></i></a></li>
|
||||
@ -6280,17 +6280,25 @@ while( $row = mysqli_fetch_array( $sql ) ) {
|
||||
$privado = $privado[1];
|
||||
/// PRIVACIDAD
|
||||
if($privado !='1') {
|
||||
|
||||
//<tr> <td class='col-xs-1'>$row[id_campo] x</td><td class='col-xs-2'>$row[campo_nombre] x</td><td class='col-xs-4'>$row[campo_descripcion] x</td><td class='col-xs-5'>$estadisticasx x</td></tr>
|
||||
$estadisticas = formulario_estadistica("$formulario","$row[id_campo]","contenido","barras");
|
||||
$listado .= "<tr> <td>$row[id_campo]</td><td>$row[campo_nombre]</td><td>$row[campo_descripcion]</td><td>$estadisticas</td></tr>";
|
||||
$listado .= "
|
||||
<tr>
|
||||
<td class='col-xs-2'>$row[id_campo]</td><td class='col-xs-8'>$row[campo_nombre] / $row[campo_descripcion]</td><td class='col-xs-2'>$estadisticas</td>
|
||||
</tr>
|
||||
";
|
||||
}else {$listado.="";}
|
||||
}
|
||||
$resultado = "
|
||||
|
||||
|
||||
<table class='table table-condensed table-striped table-bordered table-hover'>
|
||||
<tr> <th>Id</th><th>Nombre campo</th><th>Descripcion</th></tr>
|
||||
<table class='table table-fixed'>
|
||||
<thead>
|
||||
<tr> <th class='col-xs-1'>Id</th><th class='col-xs-2'>Nombre campo</th><th class='col-xs-4'>Descripcion</th><th class='col-xs-5'>x</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
$listado
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
|
||||
@ -8654,85 +8662,61 @@ while( $row = mysqli_fetch_array( $sql ) ) {
|
||||
$id_campo = $campo[0];
|
||||
$imagen = remplacetas('form_datos','control',$row['control'],'contenido',"id_campo = '$id_campo'") ;
|
||||
|
||||
$items .= " <div class='item $activo' style='max-height: 500px;' >
|
||||
|
||||
|
||||
$items .= " <div class='item $activo' style='max-height: 600px;' >
|
||||
$contenido_desplegado
|
||||
|
||||
</div>";
|
||||
|
||||
|
||||
|
||||
$indicador .= "<li data-target=\"#myCarousel_$id\" data-slide-to='$ordenado' class='$activo text-center'><img height='100px' src='$_SESSION[url]images/secure/?file=150/$imagen[0]'></li>";
|
||||
$indicadores .= "<div><img height='100px' width='100px' src='$_SESSION[url]images/secure/?file=150/$imagen[0]'></div>";
|
||||
$titulo = remplacetas('form_datos','id',$identificador,'contenido',"") ;
|
||||
//$contenido .= "$contenido_desplegado ";
|
||||
$ordenado = ($ordenado +1 );
|
||||
|
||||
}
|
||||
$items .= " <div class='item $activo' style='max-height: 600px;' >
|
||||
<a href='$href_4' title='Mostrar mas' onClick=\"xajax_aplicacion_carrusel('$form','$registros','".($pagina+1)."','','$orden','$plantilla');\" style='cursor:pointer'>
|
||||
<i style='font-size:400px;' class=' fa fa-plus-square-o'></i></a>
|
||||
</div>";
|
||||
|
||||
$carrusel = "
|
||||
<!-- Carousel ================================================== -->
|
||||
<style>
|
||||
$scripts ="
|
||||
|
||||
#myCarousel_$id {
|
||||
margin: 20px auto;
|
||||
<script type='text/javascript'>
|
||||
$(document).on('ready', function() {
|
||||
|
||||
}
|
||||
#myCarousel_$id .carousel-indicators {
|
||||
margin: 10px 0 0;
|
||||
overflow: auto;
|
||||
position: static;
|
||||
text-align: left;
|
||||
white-space: nowrap;
|
||||
width: 100%;
|
||||
}
|
||||
#myCarousel_$id .carousel-indicators li {
|
||||
background-color: transparent;
|
||||
-webkit-border-radius: 0;
|
||||
border-radius: 0;
|
||||
display: inline-block;
|
||||
height: auto;
|
||||
margin: 0 !important;
|
||||
width: auto;
|
||||
}
|
||||
#myCarousel_$id .carousel-indicators li img {
|
||||
display: block;
|
||||
opacity: 0.5;
|
||||
}
|
||||
#myCarousel_$id .carousel-indicators li.active img {
|
||||
opacity: 1;
|
||||
}
|
||||
#myCarousel_$id .carousel-indicators li:hover img {
|
||||
opacity: 0.75;
|
||||
}
|
||||
#myCarousel_$id .carousel-outer {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
</style>
|
||||
<div id='myCarousel_$id' class='carousel slide' data-ride='carousel' style=' !important; background-color: #333 ;' data-interval='false'>
|
||||
$('.slider-for1').slick({
|
||||
slidesToShow: 1,
|
||||
slidesToScroll: 1,
|
||||
arrows: false,
|
||||
fade: true,
|
||||
asNavFor: '.slider-nav1'
|
||||
});
|
||||
$('.slider-nav1').slick({
|
||||
slidesToShow: 3,
|
||||
slidesToScroll: 1,
|
||||
asNavFor: '.slider-for1',
|
||||
adaptiveHeight:true,
|
||||
centerMode: true,
|
||||
focusOnSelect: true,
|
||||
responsive: true,
|
||||
variableWidth:true
|
||||
});
|
||||
|
||||
<div class='carousel-outer'>
|
||||
<!-- Indicators -->
|
||||
<ol class='carousel-indicators mCustomScrollbar'>
|
||||
$indicador
|
||||
</ol>
|
||||
<div class='carousel-inner' role='listbox'>
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
";
|
||||
|
||||
$carrusel="
|
||||
<div class='slider slider-for1'>
|
||||
$items
|
||||
</div>
|
||||
<a class='left carousel-control' href='#myCarousel_$id' role='button' data-slide='prev'>
|
||||
<span class='glyphicon glyphicon-chevron-left' aria-hidden='true'></span>
|
||||
<span class='sr-only'>Previous</span>
|
||||
</a>
|
||||
<a class='right carousel-control' href='#myCarousel_$id' role='button' data-slide='next'>
|
||||
<span class='glyphicon glyphicon-chevron-right' aria-hidden='true'></span>
|
||||
<span class='sr-only'>Next</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
$encabezado
|
||||
<!-- /.carousel -->
|
||||
<div class='slider slider-nav1'>
|
||||
$indicadores
|
||||
</div>
|
||||
$scripts
|
||||
";
|
||||
$contenido = " <div id= '$div'>$carrusel</div>";
|
||||
|
||||
@ -8744,6 +8728,29 @@ $carrusel = "
|
||||
// $respuesta->addAssign("contenido_interior","innerHTML","$div_contenido");
|
||||
$respuesta = new xajaxResponse('utf-8');
|
||||
$respuesta->addAssign("mostrar_carrusel","innerHTML","$contenido");
|
||||
$respuesta->addScript("
|
||||
|
||||
|
||||
$('.slider-for1').slick({
|
||||
slidesToShow: 1,
|
||||
slidesToScroll: 1,
|
||||
arrows: false,
|
||||
fade: true,
|
||||
asNavFor: '.slider-nav1'
|
||||
});
|
||||
$('.slider-nav1').slick({
|
||||
slidesToShow: 3,
|
||||
slidesToScroll: 1,
|
||||
asNavFor: '.slider-for1',
|
||||
adaptiveHeight:true,
|
||||
centerMode: true,
|
||||
focusOnSelect: true,
|
||||
responsive: true,
|
||||
variableWidth:true
|
||||
});
|
||||
|
||||
|
||||
");
|
||||
return $respuesta;
|
||||
}
|
||||
elseif($tipo =="contenido" OR $tipo =="embebido" ) {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user