autodocumentacion de campos
This commit is contained in:
humano
parent
7771785e1c
commit
8ca534270c
@ -674,79 +674,23 @@ div#contenedor_landingpage {
|
|||||||
/*-------------
|
/*-------------
|
||||||
Help-tip Style
|
Help-tip Style
|
||||||
---------------*/
|
---------------*/
|
||||||
.help-tip {
|
|
||||||
position: absolute;
|
|
||||||
top: -.2em; right: 1.1em;
|
|
||||||
//border: 1px solid red;
|
|
||||||
}
|
|
||||||
|
|
||||||
.help-tip::before { /*question sign*/
|
|
||||||
content: "?";
|
|
||||||
position: absolute;
|
|
||||||
top: 0; right: 0;
|
|
||||||
font-size: 1.2em;
|
|
||||||
padding: .1em .6em;
|
|
||||||
border-radius: 50%;
|
|
||||||
font-weight: bold;
|
|
||||||
cursor: help;
|
|
||||||
background: #1565c0;
|
|
||||||
color: #f9f9f9;
|
|
||||||
box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
|
|
||||||
}
|
|
||||||
|
|
||||||
.help-tip__content {
|
|
||||||
position: absolute;
|
|
||||||
top: 2.75em; right: -.2em;
|
|
||||||
min-width: 15em;
|
|
||||||
padding: .5em 1em;
|
|
||||||
background: rgba(31, 35, 39, 0.9);
|
|
||||||
color: #f9f9f9;
|
|
||||||
border-radius: .2em;
|
|
||||||
box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
|
|
||||||
z-index: 2;
|
|
||||||
transform-origin: 95% -1%;
|
|
||||||
transform: scale(0);
|
|
||||||
transition: transform .2s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
.help-tip__content::before { /*pointer of the help-tip*/
|
|
||||||
content: "";
|
|
||||||
position: absolute;
|
|
||||||
top: -1.35em; right: .6em;
|
|
||||||
border: .7em solid transparent;
|
|
||||||
border-bottom-color: rgba(31, 35, 39, 0.9);
|
|
||||||
}
|
|
||||||
|
|
||||||
.help-tip__content::after { /*prevents help-tip from being hidden when mouse moves from the question sign down to the content*/
|
|
||||||
content: "";
|
|
||||||
position: absolute;
|
|
||||||
width: 60%;
|
|
||||||
min-height: 2em;
|
|
||||||
top: -2em; right: 0;
|
|
||||||
//background: red;
|
|
||||||
}
|
|
||||||
|
|
||||||
.help-tip:hover .help-tip__content,
|
|
||||||
.help-tip:focus .help-tip__content{
|
|
||||||
transform: scale(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
@supports(filter: drop-shadow(0 0 0 #ccc)) { /*for browsers that support filter: drop-shadow, we add it and remove box-shadow*/
|
/* CSS animation */
|
||||||
|
|
||||||
.help-tip__content {
|
@-webkit-keyframes fadeIn {
|
||||||
box-shadow: none;
|
0% {
|
||||||
filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, .5));
|
opacity:0;
|
||||||
}
|
transform: scale(0.6);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
opacity:100%;
|
||||||
|
transform: scale(1);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@supports(display: flex) { /*for browsers that support display: flex*/
|
@keyframes fadeIn {
|
||||||
|
0% { opacity:0; }
|
||||||
.help-tip__content {
|
100% { opacity:100%; }
|
||||||
display: flex;
|
|
||||||
flex-flow: column;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
@ -7,12 +7,84 @@ use Firebase\JWT\JWT;
|
|||||||
function documentar($titulo,$descripcion,$id){
|
function documentar($titulo,$descripcion,$id){
|
||||||
|
|
||||||
$resultado ="
|
$resultado ="
|
||||||
<div class='help-tip' role='tooltip' id='$id'>
|
<div class='help-tip-$id' role='tooltip' id='$id' >
|
||||||
<div class='help-tip__content'>
|
<div>$titulo <i> <h3>$descripcion</h3></i></div>
|
||||||
<h3 class='help-tip__title'>$titulo</h3>
|
|
||||||
<p class='help-tip__text'>$descripcion</p>
|
|
||||||
</div>
|
</div>
|
||||||
</div>";
|
<style>
|
||||||
|
.help-tip-$id{
|
||||||
|
position: absolute;
|
||||||
|
//top: 18px;
|
||||||
|
//right: 18px;
|
||||||
|
text-align: center;
|
||||||
|
background-color: #999999;
|
||||||
|
border-radius: 5 px;
|
||||||
|
width: 15px;
|
||||||
|
height: 15px;
|
||||||
|
font-size: 10px;
|
||||||
|
//line-height: 26px;
|
||||||
|
cursor: default;
|
||||||
|
z-index:20;
|
||||||
|
}
|
||||||
|
|
||||||
|
.help-tip-$id:before{
|
||||||
|
content:'?';
|
||||||
|
font-weight: bold;
|
||||||
|
color:#fff;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.help-tip-$id:hover div{
|
||||||
|
display:block;
|
||||||
|
transform-origin: 100% 0%;
|
||||||
|
|
||||||
|
-webkit-animation: fadeIn 0.3s ease-in-out;
|
||||||
|
animation: fadeIn 0.3s ease-in-out;
|
||||||
|
z-index:22;
|
||||||
|
}
|
||||||
|
|
||||||
|
.help-tip-$id div{ /* The tooltip */
|
||||||
|
display: none;
|
||||||
|
text-align: left;
|
||||||
|
background-color: #1E2021;
|
||||||
|
padding: 20px;
|
||||||
|
width: 300px;
|
||||||
|
position: absolute;
|
||||||
|
border-radius: 3px;
|
||||||
|
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
|
||||||
|
//right: -4px;
|
||||||
|
color: #FFF;
|
||||||
|
font-size: 13px;
|
||||||
|
line-height: 1.4;
|
||||||
|
z-index:20;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.help-tip-$id div:before{ /* The pointer of the tooltip */
|
||||||
|
position: absolute;
|
||||||
|
content: '';
|
||||||
|
width:0;
|
||||||
|
height: 0;
|
||||||
|
border:6px solid transparent;
|
||||||
|
border-bottom-color:#1E2021;
|
||||||
|
// right:10px;
|
||||||
|
top:-12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.help-tip-$id div:after{ /* Prevents the tooltip from being hidden */
|
||||||
|
width:100%;
|
||||||
|
height:40px;
|
||||||
|
content:'';
|
||||||
|
position: absolute;
|
||||||
|
top:-40px;
|
||||||
|
left:0;
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
|
||||||
|
";
|
||||||
return $resultado;
|
return $resultado;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -16603,10 +16675,10 @@ elseif($campo_tipo_accion == 'email'){$render = "
|
|||||||
$remplace = preg_replace($regex,$sustitucion,$campos_valores[0]);
|
$remplace = preg_replace($regex,$sustitucion,$campos_valores[0]);
|
||||||
$remplace= "( $remplace )";
|
$remplace= "( $remplace )";
|
||||||
//$campos = print_r($matches,true);
|
//$campos = print_r($matches,true);
|
||||||
//$documentar= documentar("el titulo","la descripcion","".$id_campo."[".$item."]");
|
|
||||||
$render = "
|
$render = "
|
||||||
<div class='input-group' >
|
<div class='input-group' >
|
||||||
<input title = '$campo_descripcion' type='text' value='$value' id='".$id_campo."[".$item."]' name='".$id_campo."[".$item."]' class='form-control' placeholder='$campos_valores[0]' aria-describedby='".$id_campo."[".$item."]-tooltip' readonly>
|
<input title = '$campo_descripcion' type='text' value='$value' id='".$id_campo."[".$item."]' name='".$id_campo."[".$item."]' class='form-control' placeholder='$campos_valores[0]' readonly>
|
||||||
<span class='input-group-btn'>
|
<span class='input-group-btn'>
|
||||||
<div class='btn btn-warning' onclick=\"javascript: document.getElementById('".$id_campo."[".$item."]').value= eval($remplace); \">Calcular </div>
|
<div class='btn btn-warning' onclick=\"javascript: document.getElementById('".$id_campo."[".$item."]').value= eval($remplace); \">Calcular </div>
|
||||||
</span>
|
</span>
|
||||||
@ -16788,18 +16860,22 @@ $boton= " <div class='btn btn-primary btn-link' onclick=\"xajax_campo_multiple
|
|||||||
|
|
||||||
";*/
|
";*/
|
||||||
}
|
}
|
||||||
if($item == 0) { $label = "<label class='label_formulario' for='$id_campo"."_".$item."' title='$id_campo'> <span class='text-$obligatorio'>$campo_nombre</span> </label>";}
|
if($item == 0) { $label = "<label class='label_formulario' for='$id_campo"."_".$item."' title='$id_campo' > <span class='text-$obligatorio'>$campo_nombre</span> </label>";}
|
||||||
else {$label = "<label class=' label_formulario sr-only' for='$id_campo"."_".$item."'>$campo_nombre $campo_obligatorio</label>";}
|
else {$label = "<label class=' label_formulario sr-only' for='$id_campo"."_".$item."' >$campo_nombre $campo_obligatorio</label>";}
|
||||||
///// CAMPOS QUE NO SE MOSTRARAN
|
///// CAMPOS QUE NO SE MOSTRARAN
|
||||||
// if($campo_tipo_accion == 'imagen'){ $label=""; $campo_descripcion=""; }
|
// if($campo_tipo_accion == 'imagen'){ $label=""; $campo_descripcion=""; }
|
||||||
if($cols =="") {$cols = "6";}
|
if($cols =="") {$cols = "6";}
|
||||||
|
if($campo_descripcion !=""){
|
||||||
|
$documentar= documentar("$campo_nombre","$campo_descripcion","$id_campo");
|
||||||
|
}else{ $documentar="";}
|
||||||
|
|
||||||
$input = "
|
$input = "
|
||||||
|
|
||||||
<div class='col-md-$cols' style='$style'>
|
<div class='col-md-$cols' style='$style'>
|
||||||
<div class='form-group ' id='input_".$id_campo."[".$item."]' >
|
<div class='form-group ' id='input_".$id_campo."[".$item."]' >
|
||||||
$label
|
$label
|
||||||
<div class='col-md-12' data-html='true' data-toggle='tooltip' data-placement='top' title='$campo_descripcion'>
|
<div class='col-md-12' data-html='true' data-toggle='tooltip' data-placement='top' title='$campo_descripcion' >
|
||||||
$render
|
$documentar $render
|
||||||
<small></small>
|
<small></small>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -16809,6 +16885,7 @@ $boton= " <div class='btn btn-primary btn-link' onclick=\"xajax_campo_multiple
|
|||||||
<div class='' id='multiple_id_campo_$id_campo"."_".$item."'>
|
<div class='' id='multiple_id_campo_$id_campo"."_".$item."'>
|
||||||
<div id='boton_$id_campo'>$boton</div>
|
<div id='boton_$id_campo'>$boton</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
";
|
";
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user