mejoras en la vista de aplicacion

This commit is contained in:
humano 2017-10-29 13:12:57 -05:00
parent 4da9e8ff60
commit 0d42aca7de
6 changed files with 775 additions and 82 deletions

109
index.php
View File

@ -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') {

View File

@ -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 {

View 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); }

View 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); }

View File

@ -3,7 +3,7 @@
}
.slider {
width: 50%;
width: 100%;
margin: 100px auto;
}

View File

@ -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" ) {