PARAMETRIZACION: implementacion de un generador de plantillas y mejoras en la parametrizacion

This commit is contained in:
humano 2015-11-01 12:16:00 -05:00
parent 926cfac7d5
commit 019c476acd
5 changed files with 914 additions and 311 deletions

View File

@ -1,9 +1,451 @@
<?php <?php
date_default_timezone_set('America/Bogota'); date_default_timezone_set('America/Bogota');
function mapa_ficha($id) {
$descripcion = remplacetas('form_id','id',$id,'descripcion') ;
$nombre = remplacetas('form_id','id',$id,'nombre') ;
$id_empresa = remplacetas('form_id','id',$id,'id_empresa') ;
$id_empresa = $id_empresa[0];
$direccion = remplacetas("empresa","id",$id_empresa,"direccion","");
$telefono = remplacetas("empresa","id",$id_empresa,"telefono","");
$web = remplacetas("empresa","id",$id_empresa,"web","");
$email = remplacetas("empresa","id",$id_empresa,"email","");
$imagen = remplacetas("empresa","id",$id_empresa,"imagen","");
$razon_social = remplacetas("empresa","id",$id_empresa,"razon_social","");
$slogan = remplacetas("empresa","id",$id_empresa,"slogan","");
$imagen = "<img class='img-round img-responsive ' style='width:100%' src='images/secure/?file=300/$imagen[0]'>";
$datos ="<h3>$nombre[0]</h3><strong>$descripcion[0]</strong> ";
$empresa = "<div class='small'>$razon_social[0] | <a href='$web[0]' target='web'>$web[0]</a> | $direccion[0] | $email[0] </div>";
//$prueba = json_decode($prueba);
$resultado ="
<div role='row' class='row center-block' >
<div class='row'>
<div class='col-xs-12'>$imagen</div>
</div>
<div class='row'>
<div class='col-xs-12'>
<h4 class='text-center'> $nombre[0]</h4>
<h5>$descripcion[0]</h5>
<A target='milfs' HREF='https://github.com/humano/milfs'><small class='pull-right'>MILFS</small></A></div>
$prueba
</div>
<a class='btn btn-default btn-block' href='#' onclick=\"xajax_formulario_modal('$id') \">Agregar </a>
<strong>$razon_social[0]</strong>
</div>
";
return $resultado;
}
function formulario_parametrizacion($perfil,$accion,$div,$form){
$respuesta = new xajaxResponse('utf-8');
$nombre = remplacetas('form_id','id',$perfil,'nombre') ;
if($accion =='categorias') {
}
elseif($accion =='grabar'){
}
else {
$listado ="
<div>
<ul id='listado_parametrizacion' class='nav nav-tabs' role='tablist'>
<li role='presentation' class=''>
<a href='#' aria-expanded='true' id='regresar' role='tab' data-toggle='tab' aria-controls='div_parametrizacion' onclick=\"xajax_formulario_listado('','contenido'); \" class='' > <i class='fa fa-arrow-left'></i> </a>
</li>
<li role='presentation' class=''>
<a href='#' id='plantillas_tabs' role='tab' data-toggle='tab' aria-controls='div_parametrizacion' class='' onclick=\"xajax_parametrizacion_plantilla('$perfil','div_parametrizacion','boton') \" >Plantillas</a>
</li>
<li role='presentation' class=' '>
<a href='#' id='titulo_tabs' role='tab' data-toggle='tab' aria-controls='div_parametrizacion' class='' onclick=\"xajax_parametrizacion_titulo('$perfil','div_parametrizacion','') \" >Títulos</a>
</li>
<li role='presentation' class=' '>
<a href='#' id='categorias_tabs' role='tab' data-toggle='tab' aria-controls='div_parametrizacion' class='' onclick=\"xajax_parametrizacion_categoria('$perfil','categorias','div_parametrizacion') \" >Categorías</a>
</li>
</ul>
<div class='tab-content' style ='min-height:350px;' >
<div role='tab-panel fade' class='tab-panel active' id='div_parametrizacion'>
<legend>Parametrización</legend>
<p>Parametrización del formulario <stron>$nombre[0]</strong>. Por favor seleccione una opción</p>
</div>
</div>
</div>
";
$respuesta->addAssign($div,"innerHTML",$listado);
return $respuesta;
}
$link=Conectarse();
mysql_query("SET NAMES 'utf8'");
$consulta = "
SELECT md5(binary contenido) as md5_contenido, contenido FROM form_datos
WHERE form_id = '$perfil'
AND id_campo = '$campo'
GROUP BY contenido
ORDER BY contenido asc";
$sql=mysql_query($consulta,$link);
if (mysql_num_rows($sql)!='0'){
$resultado = "<label for='id_campo'>Filtro</label>
<select class='form-control' name='campo_filtro' id='campo_filtro' >
<option value=''>Todos</option>";
while( $row = mysql_fetch_array( $sql ) ) {
$resultado .= " <option value='$row[md5_contenido]' title=''>$row[contenido]</option>";
}
$resultado .= " </select >";
}
else{$resultado = 'nada';}
if($div !="") {
$respuesta->addAssign($div,"innerHTML",$resultado);
return $respuesta;
}else{return $resultado;}
}
$xajax->registerFunction("formulario_parametrizacion");
function lista_categorias($perfil,$categoria,$tipo) {
$link=Conectarse();
mysql_query("SET NAMES 'utf8'");
$categoria_campo = remplacetas('form_parametrizacion','campo',$perfil,'descripcion'," tabla='form_id' and opcion = 'categoria:campo'") ;
$categoria_campo = $categoria_campo[0];
$consulta = "
SELECT md5(binary contenido) as md5_contenido, contenido FROM form_datos
WHERE form_id = '$perfil'
AND id_campo = '$categoria_campo'
GROUP BY contenido
ORDER BY contenido asc";
$sql=mysql_query($consulta,$link);
if (mysql_num_rows($sql)!='0'){
$resultado = "<ul class='list-inline'>";
while( $row = mysql_fetch_array( $sql ) ) {
$icono = remplacetas('form_parametrizacion','campo',$perfil,'descripcion'," tabla='form_id' and opcion = 'categoria:icon:$row[md5_contenido]'") ;
if($icono[0] =='') {
$icon = "https://raw.githubusercontent.com/humano/milfs/master/milfs/images/iconos/negro.png";
}else{
$icon = $icono[0];
}
$icono = "$icon";
$resultado .= "<li class ='' style=''><img class='img img-rounded' src='$icono' style='max-height:70px;'><br><div class='badge'>$row[contenido]</div></li>";
}
$resultado .= " </ul >";
}
else{$resultado = 'nada';}
return $resultado;
}
function parametrizacion_categoria($perfil,$accion,$div,$form){
$respuesta = new xajaxResponse('utf-8');
$nombre = remplacetas('form_id','id',$perfil,'nombre') ;
$categorias = lista_categorias($perfil,$categoria,$tipo);
if($accion =='categorias') {
$resultado = "
<br>
<p>La categorización se usa para filtrar los datos de un formulario en categorias que pueden ser usadas por ejemplo para diferenciar los datos en un mapa.
<strong>Es necesario que el formulario que se va a categorizar tenga multiples datos grabados en el campo que se categoriza </strong> </p>
$categorias
<form id='form_parametrizacion_categoria' name='form_parametrizacion_categoria' role='form' >
<input type='hidden' value='$perfil' id='perfil' name ='perfil'>
<input type='hidden' value='categoria' id='tipo' name ='tipo'>
<div id='parametrizacion'></div>
<label for='icon'>Icono para la categoría</label>
<div class='input-group'>
<span class='input-group-addon'>URL</span>
<input class='form-control' id='icon' name='icon' type='text'>
</div>
<br>
<div id='parametrizacion_validacion' name='parametrizacion_validacion' ></div>
<div class='btn btn-default btn-block' onclick=\"xajax_parametrizacion_categoria('$perfil','grabar','$div',xajax.getFormValues('form_parametrizacion_categoria')) \" >Grabar</div>
</form>
";
$respuesta->addAssign($div,"innerHTML",$resultado);
$respuesta -> addScript("xajax_formulario_campos_select('$perfil','parametrizacion')");
return $respuesta;
}
elseif($accion =='grabar'){
if($form[tipo] =='categoria') {
$url_icon = "$form[icon]";
$es_imagen = es_imagen("$url_icon");
$altura = GetImageSize($url_icon);
$altura= $altura[1];
if($form[id_campo] =='') { $error = "Seleccione un campo";}
elseif($form[campo_filtro] =='') { $error = "Seleccione Filtro";}
elseif(!$es_imagen ) { $error = " [ $url_icon ] no es una imagen válida para el ícono";}
elseif($altura > 500 ) { $error = " El ícono no debe tener mas de 300 pixeles de alto.";}
elseif($form[icon] =='') {
$error = "Escriba la dirección del ícono";
}
else {$error='';}
if( $error !='') {
$respuesta -> addAlert("$error $revisar_url ");
return $respuesta;
}else{
$categoria_icono[tabla] = "form_id";
$categoria_icono[campo] = "$form[perfil]";
$categoria_icono[opcion] = "$form[tipo]:icon:$form[campo_filtro]";
$categoria_icono[descripcion] = "$url_icon";
$categoria_icono[visible] = "1";
$categoria_icono[accion] = "grabar";
$grabar_icono = parametrizacion($categoria_icono);
$categoria_campo[tabla] = "form_id";
$categoria_campo[campo] = "$form[perfil]";
$categoria_campo[opcion] = "$form[tipo]:campo";
$categoria_campo[descripcion] = "$form[id_campo]";
$categoria_campo[visible] = "1";
$categoria_campo[accion] = "grabar";
$grabar_campo = parametrizacion($categoria_campo);
$categoria_filtro[tabla] = "form_id";
$categoria_filtro[campo] = "$form[perfil]";
$categoria_filtro[opcion] = "$form[tipo]:filtro:$form[id_campo]";
$categoria_filtro[descripcion] = "$form[campo_filtro]";
$categoria_filtro[visible] = "1";
$categoria_filtro[accion] = "grabar";
$grabar_filtro = parametrizacion($categoria_filtro);
$resultado =" <img src='$url_icon'> $form[campo_filtro] $form[id_campo] ($altura ) [$grabar_icono]";
$respuesta->addAssign($div,"innerHTML",$resultado);
return $respuesta;
}
}/// fin de parametrizacion categorias
}
}
$xajax->registerFunction("parametrizacion_categoria");
function parametrizacion_plantilla_campos($formulario){
$consulta ="SELECT * FROM form_campos ,form_contenido_campos WHERE form_campos.id = form_contenido_campos.id_campo AND form_contenido_campos.id_form = '$formulario' ORDER BY form_campos.campo_nombre";
$link=Conectarse();
mysql_query("SET NAMES 'utf8'");
$sql=mysql_query($consulta,$link);
if (mysql_num_rows($sql)!=0){
$campo_imagen = buscar_campo_tipo($formulario,"15");
$campo_imagen_nombre = $campo_imagen[1];
$campo_imagen = $campo_imagen[0];
while( $row = mysql_fetch_array( $sql ) ) {
if($row[id_campo] == $campo_imagen ) {$imagen ="<i class='fa fa-picture-o'></i>"; $identificador=" <img class=\"img img-responsive img-rounded\" src=\"images/secure/?file=600/\$campo[$row[id_campo]]\" />";}
else {$imagen=''; $identificador =" \$campo_limpio[$row[id_campo]] ";}
$listado .= "<li class='list-group-item'><span style='cursor:move;' draggable='true' id='$identificador ' ondragstart=\"evdragstart(event,this)\" title=' $row[id_campo]'> $imagen $row[campo_nombre] [$row[id_campo]]</span></li>";
}
/*
$campo_400[$row[id_campo]]
$campo_80[$row[id_campo]]
$campo_55[$row[id_campo]]
*/
$resultado = "
<div style='max-height:400px; overflow:auto;'>
<ul class='list-group' id='listado_elementos'>
<li class='list-group-item'>
</li>
$listado
</ul>
</div>
";
}
return $resultado;
}
function parametrizacion_plantilla($formulario,$div,$valores) {
$respuesta = new xajaxResponse('utf-8');
$campo_titulo = remplacetas('form_parametrizacion','campo',$formulario,'descripcion'," tabla='form_id' and opcion = 'titulo'") ;
$campo_titulo_nombre = remplacetas('form_campos','id',$campo_titulo[0],'campo_nombre',"") ;
$link=Conectarse();
$ultimo = formulario_uso("$formulario",'','ultimo') ;
mysql_query("SET NAMES 'utf8'");
if($valores =="boton") {
$consulta ="SELECT * FROM form_parametrizacion WHERE campo = '$formulario' AND `opcion` REGEXP '^plantilla:' ORDER BY opcion";
$sql=mysql_query($consulta,$link);
if (mysql_num_rows($sql)!=0){
while( $row = mysql_fetch_array( $sql ) ) {
$campos_opcion = explode(":",$row[opcion]);
$plantilla_nombre = $campos_opcion[1];
$listado .= "<option value='$row[id]'>$row[opcion]</option>";
$li .= "<tr>
<td>$plantilla_nombre</td>
<td><a href='#' onclick=\"xajax_parametrizacion_plantilla('$formulario','$div','$row[id]');\" ><i class='fa fa-pencil-square-o'></i></a></td>
<td><a href='#' onclick=\"xajax_mostrar_modal('$formulario','$ultimo[1]','$plantilla_nombre');\" ><i class='fa fa-eye'></i></a></td>
</tr>
";
//mostrar_modal($form,$control,$plantilla)
}
$resultado = "
<div class='input-group'>
<span class='input-group-addon'>Seleccione una plantilla</span>
<select class='form-control' onchange=\"xajax_parametrizacion_plantilla('$formulario','$div',(this.value));\">
<option value=''></option>
$listado
</select>
<span class='input-group-btn'>
<div onclick=\"xajax_parametrizacion_plantilla('$formulario','$div','formulario') ;\" class=' btn btn-success'><i class='fa fa-plus-square'></i> Nueva plantilla</div>
</div>
</div>
";
$lista ="
<br>
<p>Las plantillas se usan para dar formato a los datos en el momento de presentarlos, se pueden usar etiquetas <b>HTML5</b>, <b>CSS3</b> y clases de <b>Bootstrap</b> </p>
<table class='table table-striped'>
<tr>
<th>Nombre</th>
<th>Editar</th>
<th>Ver</th>
</tr>
$li
</table>
<div onclick=\"xajax_parametrizacion_plantilla('$formulario','$div','formulario') ;\" class='btn btn-default btn-block'>Nueva plantilla <i class='fa fa-magic'></i> </div>
";
$respuesta->addAssign("$div","innerHTML","$lista");
return $respuesta;
}
else {
$resultado ="
<br>
<div class='alert alert-warning'>
<h1>Aún no se han definido plantillas para este formulario
<div onclick=\"xajax_parametrizacion_plantilla('$formulario','$div','formulario') ;\" class='btn btn-success'><i class='fa fa-plus-square'></i> Crear una plantilla</div>
</h1>
</div>
";
$respuesta->addAssign("$div","innerHTML","$resultado");
return $respuesta;
}
}
elseif($valores =="formulario" OR is_numeric($valores)) {
$campos = parametrizacion_plantilla_campos("$formulario");
$descripcion = remplacetas('form_parametrizacion','id',$valores,'descripcion',"") ;
$opcion = remplacetas('form_parametrizacion','id',$valores,'opcion',"") ;
$campos_opcion = explode(":",$opcion[0]);
$plantilla_nombre = $campos_opcion[1];
include("includes/bootsrap_class_list.php");
$resultado ="
<br>
<form id='form_plantilla' name='form_plantilla'>
<div class='row'>
<div class='col-xs-2'>
</div>
<div class='col-xs-10'>
<input style=' padding:0px; border-radius:2px; height:25px;' type='color' name='favcolor' value='#2ec243' onchange=\" (document.getElementById('colores').innerHTML=('<div class=\' btn text-center\' ondragstart=\'evdragstart(event,this)\' draggable=\'true\' id= \'background-color:'+(this.value)+'; \' style=\'cursor:move; background-color:'+this.value+'\'> A </div> <div class=\'btn \' ondragstart=\'evdragstart(event,this)\' draggable=\'true\' id= \'color:'+(this.value)+'; \' style=\'border: solid 1px; cursor:move; color:'+this.value+'\' > <strong>A</strong> </div>')); \">
<div style='display:inline;' id='colores'>
<div class='btn btn-default' style='cursor:move; background-color:#46a254; ' draggable='true' id= 'background-color:#46a254; ' ondragstart=\"evdragstart(event,this)\" > A </div>
<div class='btn btn-default' style='cursor:move; color:#46a254; ' draggable='true' id= 'color:#46a254; ' ondragstart=\"evdragstart(event,this)\" > A </div>
<div class='btn btn-default' style='cursor:move;' draggable='true' id=' <div class=\" \"> </div> ' ondragstart=\"evdragstart(event,this)\" title=' $row[id_campo]'> div</div>
<div class='btn btn-default' style='cursor:move;' draggable='true' id=' <h1 > </h1> ' ondragstart=\"evdragstart(event,this)\" > H1 </div>
<div class='btn btn-default' style='cursor:move;' draggable='true' id=' <h2 > </h2> ' ondragstart=\"evdragstart(event,this)\" > H2 </div>
<div class='btn btn-default' style='cursor:move;' draggable='true' id=' <h3 > </h3> ' ondragstart=\"evdragstart(event,this)\" > H3 </div>
<div class='btn btn-default' style='cursor:move;' draggable='true' id=' <ul >\n<li > </li>\n<li > </li>\n</ul>' ondragstart=\"evdragstart(event,this)\" > <i class='fa fa-list-ul'></i></div>
<div class='btn btn-default' style='cursor:move;' draggable='true' id=' <li > </li> ' ondragstart=\"evdragstart(event,this)\" > &lt;li&gt;</div>
<div class='btn btn-default' style='cursor:move;' draggable='true' id=' <img src =\" \" alt=\" \" title=\" \" class=\"img img-responsive img-rounded\"> ' ondragstart=\"evdragstart(event,this)\" title=' $row[id_campo]'><i class='fa fa-picture-o'></i></div>
<div class='btn btn-default' style='cursor:move;' draggable='true' id=' class=\"fancy\" ' ondragstart=\"evdragstart(event,this)\" title=' $row[id_campo]'>MB</div>
</div>
</div>
<div class='row'>
<div class='col-xs-2'>
<div style='max-height:400px; overflow:auto;'>
$listado_clases
</div>
</div>
<div class='col-xs-8'>
<textarea style= 'height:390px; ' id='text_contenedor' name ='text_contenedor' class='form-control' placeholder='Puede arrastrar los valores aqui o escribir código HTML o CSS '>$descripcion[0]</textarea>
</div>
<div class='col-xs-2'>
$campos
</div>
</div>
<div class='row'>
<div class='col-xs-2'>
</div>
<div class='col-xs-5'>
<div class='input-group' id='input_nombre_plantilla'>
<span class='input-group-addon'>Nombre:</span>
<input class='form-control' id='nombre_plantilla' name='nombre_plantilla' value='$plantilla_nombre'>
</div>
</div>
<div class='col-xs-3'>
<div class='btn btn-success' onclick=\"xajax_parametrizacion_plantilla('$formulario','$div',xajax.getFormValues(form_plantilla)) ;\" TITLE='GRABAR'><i class='fa fa-save'></i></div>
<div class='btn btn-warning' onclick=\"xajax_parametrizacion_plantilla('$formulario','$div','formulario') ;\" title='NUEVA' ><i class='fa fa-magic'></i></div>
<div class='btn btn-danger' onclick=\"xajax_limpia_div('$div') ;\" TITLE='CANCELAR' ><i class='fa fa-times-circle'></i></div>
</div>
</div>
</form>
";
}
elseif(is_array($valores)) {
$texto=str_replace('"',"'",$valores[text_contenedor]);
$plantilla = htmlentities($texto);
if($valores[nombre_plantilla] == "") {
$respuesta->addAlert("No ha especificado un nombre para la plantilla");
$respuesta->addAssign("input_nombre_plantilla","className","input-group has-error");
return $respuesta;
}
$limpiar ="DELETE FROM `form_parametrizacion` WHERE tabla = 'form_id' AND campo ='$formulario' AND opcion ='plantilla:$valores[nombre_plantilla]' LIMIT 1 ";
$sql=mysql_query($limpiar,$link);
$consulta="INSERT INTO form_parametrizacion set tabla = 'form_id' , campo ='$formulario', opcion ='plantilla:$valores[nombre_plantilla]', descripcion =\"$plantilla\", visible='1' ";
$sql=mysql_query($consulta,$link);
$ultimo = formulario_uso("$formulario",'','ultimo') ;
$datos = contenido_mostrar("$formulario","$ultimo[1]",'',"$valores[nombre_plantilla]");
$preview = " <legend>$valores[nombre_plantilla]</legend> $datos ";
$div_contenido = "<div id='modal_$div'>$preview</div>";
$respuesta->addAssign("muestra_form","innerHTML","$div_contenido");
$respuesta->addAssign("titulo_modal","innerHTML","$resultado");
$respuesta->addAssign("pie_modal","innerHTML","$pie");
//$respuesta->addAssign("$div","innerHTML","$resultado");
$respuesta->addscript("$('#muestraInfo').modal('toggle')");
return $respuesta;
}
else{
$resultado ="";
}
$resultado .= "";
$respuesta->addAssign("$div","innerHTML","$resultado");
return $respuesta;
}
$xajax->registerFunction("parametrizacion_plantilla");
function parametrizacion_titulo($formulario,$div,$valores) { function parametrizacion_titulo($formulario,$div,$valores) {
$campo_titulo = remplacetas('form_parametrizacion','campo',$formulario,'descripcion'," tabla='form_id' and opcion = 'titulo'") ; $campo_titulo = remplacetas('form_parametrizacion','campo',$formulario,'descripcion'," tabla='form_id' and opcion = 'titulo'") ;
$campo_titulo_nombre = remplacetas('form_campos','id',$campo_titulo[0],'campo_nombre',"") ; $campo_titulo_nombre = remplacetas('form_campos','id',$campo_titulo[0],'campo_nombre',"") ;
$respuesta = new xajaxResponse('utf-8');
$link=Conectarse(); $link=Conectarse();
mysql_query("SET NAMES 'utf8'"); mysql_query("SET NAMES 'utf8'");
if($valores =="") { if($valores =="") {
@ -16,14 +458,18 @@ while( $row = mysql_fetch_array( $sql ) ) {
$listado .= "<option value='$row[id_campo]'>$row[campo_nombre] [$row[id_campo]]</option>"; $listado .= "<option value='$row[id_campo]'>$row[campo_nombre] [$row[id_campo]]</option>";
} }
$resultado = " $resultado = "
<br>
<p>El campo titulo, se usa como indice del formulario en algunas visualizaciones como el <strong>timeline</strong></p>
<h3>Campo de Título actual<strong> $campo_titulo_nombre[0] [$campo_titulo[0]]</strong></h3>
<br>
<div class='input-group'> <div class='input-group'>
<span class='input-group-addon'>Seleccione un campo</span> <span class='input-group-addon'>Cambiar campo título</span>
<select class='form-control' onchange=\"xajax_parametrizacion_titulo('$formulario','$div',(this.value));\"> <select class='form-control' onchange=\"xajax_parametrizacion_titulo('$formulario','$div',(this.value));\">
<option value=''></option> <option value=''></option>
$listado $listado
</select> </select>
</div> </div>
<h2><small>Campo de Título actual</small> <br> $campo_titulo_nombre[0] [$campo_titulo[0]]</h2>
"; ";
} }
}else { }else {
@ -37,11 +483,12 @@ if($sql){
$resultado ="<div class='alert alert-success<h2><small> <br>Campo de Título actual</small>$campo_titulo_nombre[0] [$campo_titulo[0]]</h2></div>"; $resultado ="<div class='alert alert-success<h2><small> <br>Campo de Título actual</small>$campo_titulo_nombre[0] [$campo_titulo[0]]</h2></div>";
} }
$respuesta->addScript("xajax_parametrizacion_titulo('$formulario','$div','')");
return $respuesta;
} }
$respuesta = new xajaxResponse('utf-8');
$respuesta->addAssign("$div","innerHTML","$resultado"); $respuesta->addAssign("$div","innerHTML","$resultado");
@ -2275,231 +2722,8 @@ return $resultado;
function mapa_ficha($id) {
$descripcion = remplacetas('form_id','id',$id,'descripcion') ; function imprime_geojson($id,$id2,$plantilla){
$nombre = remplacetas('form_id','id',$id,'nombre') ;
$id_empresa = remplacetas('form_id','id',$id,'id_empresa') ;
$id_empresa = $id_empresa[0];
$direccion = remplacetas("empresa","id",$id_empresa,"direccion","");
$telefono = remplacetas("empresa","id",$id_empresa,"telefono","");
$web = remplacetas("empresa","id",$id_empresa,"web","");
$email = remplacetas("empresa","id",$id_empresa,"email","");
$imagen = remplacetas("empresa","id",$id_empresa,"imagen","");
$razon_social = remplacetas("empresa","id",$id_empresa,"razon_social","");
$slogan = remplacetas("empresa","id",$id_empresa,"slogan","");
$imagen = "<img class='img-round img-responsive ' src='images/secure/?file=150/$imagen[0]'>";
$datos ="<h3>$nombre[0]</h3><strong>$descripcion[0]</strong> ";
$empresa = "<div class='small'>$razon_social[0] | <a href='$web[0]' target='web'>$web[0]</a> | $direccion[0] | $email[0] </div>";
//$prueba = json_decode($prueba);
$resultado ="
<div class='row'>
<div class='col-xs-12'>$imagen</div>
</div>
<div class='row'>
<div class='col-xs-12'>
<h4 class='text-center'> $nombre[0]</h4>
<h5>$descripcion[0]</h5>
<A target='milfs' HREF='https://github.com/humano/milfs'><small class='pull-right'>MILFS</small></A></div>
$prueba
</div>";
return $resultado;
}
function formulario_parametrizacion($perfil,$accion,$div,$form){
$respuesta = new xajaxResponse('utf-8');
$nombre = remplacetas('form_id','id',$perfil,'nombre') ;
if($accion =='categorias') {
$resultado = "
<h2>Categorización </h2><h3> $nombre[0]</h3>
<form id='parametrizacion_form' name='parametrizacion_form' role='form' >
<input type='hidden' value='$perfil' id='perfil' name ='perfil'>
<input type='hidden' value='categoria' id='tipo' name ='tipo'>
<div id='parametrizacion'></div>
<label for='icon'>Icono para la categoría</label>
<div class='input-group'>
<span class='input-group-addon'>URL</span>
<input class='form-control' id='icon' name='icon' type='text'>
</div>
<br>
<div id='parametrizacion_validacion' name='parametrizacion_validacion' ></div>
<div class='btn btn-success btn-block' onclick=\"xajax_formulario_parametrizacion('$perfil','grabar','$div',xajax.getFormValues('parametrizacion_form')) \" >Grabar</div>
</form>
";
$respuesta->addAssign($div,"innerHTML",$resultado);
$respuesta -> addScript("xajax_formulario_campos_select('$perfil','parametrizacion')");
return $respuesta;
}
elseif($accion =='grabar'){
if($form[tipo] =='categoria') {
$url_icon = "$form[icon]";
$es_imagen = es_imagen("$url_icon");
$altura = GetImageSize($url_icon);
$altura= $altura[1];
if($form[id_campo] =='') { $error = "Seleccione un campo";}
elseif($form[campo_filtro] =='') { $error = "Seleccione Filtro";}
elseif(!$es_imagen ) { $error = " [ $url_icon ] no es una imagen válida para el ícono";}
elseif($altura > 250 ) { $error = " El ícono no debe tener mas de 150 pixeles de alto.";}
elseif($form[icon] =='') {
$error = "Escriba la dirección del ícono";
}
else {$error='';}
if( $error !='') {
$respuesta -> addAlert("$error $revisar_url ");
return $respuesta;
}else{
$categoria_icono[tabla] = "form_id";
$categoria_icono[campo] = "$form[perfil]";
$categoria_icono[opcion] = "$form[tipo]:icon:$form[campo_filtro]";
$categoria_icono[descripcion] = "$url_icon";
$categoria_icono[visible] = "1";
$categoria_icono[accion] = "grabar";
$grabar_icono = parametrizacion($categoria_icono);
$categoria_campo[tabla] = "form_id";
$categoria_campo[campo] = "$form[perfil]";
$categoria_campo[opcion] = "$form[tipo]:campo";
$categoria_campo[descripcion] = "$form[id_campo]";
$categoria_campo[visible] = "1";
$categoria_campo[accion] = "grabar";
$grabar_campo = parametrizacion($categoria_campo);
$categoria_filtro[tabla] = "form_id";
$categoria_filtro[campo] = "$form[perfil]";
$categoria_filtro[opcion] = "$form[tipo]:filtro:$form[id_campo]";
$categoria_filtro[descripcion] = "$form[campo_filtro]";
$categoria_filtro[visible] = "1";
$categoria_filtro[accion] = "grabar";
$grabar_filtro = parametrizacion($categoria_filtro);
$resultado =" <img src='$url_icon'> $form[campo_filtro] $form[id_campo] ($altura ) [$grabar_icono]";
$respuesta->addAssign($div,"innerHTML",$resultado);
return $respuesta;
}
}/// fin de parametrizacion categorias
}
else {
$listado ="<h2>Parametrización<small> $nombre[0]</small></h2>
<div class='panel-default' id='panel_titulo'>
<div class='panel-heading'>
<ul class='list-group' >
<li class='list-group-item'><a class='btn btn-success btn-block' onclick=\"xajax_parametrizacion_titulo('$perfil','parametrizacion_titulo','') \" >Título</a>
<p>Definir un campo para ser usado como índice o título en el formulario. </p></li>
</ul>
</div>
<div class='panel-body' >
<div class='container-fluid' id='parametrizacion_titulo'>
</div>
</div>
</div>
<div class='panel-default' id='panel_categoria'>
<div class='panel-heading'>
<ul class='list-group' >
<li class='list-group-item'><a class='btn btn-success btn-block' onclick=\"xajax_formulario_parametrizacion('$perfil','categorias','parametrizacion_categoria') \" >Categorías</a>
<p>Se selecciona campo del formulario como categoría y se asigna un ícono para representarla. </p></li>
</ul>
</div>
<div class='panel-body' >
<div class='container-fluid' id='parametrizacion_categoria'>
</div>
</div>
</div>
";
$respuesta->addAssign($div,"innerHTML",$listado);
return $respuesta;
}
$link=Conectarse();
mysql_query("SET NAMES 'utf8'");
$consulta = "
SELECT md5(binary contenido) as md5_contenido, contenido FROM form_datos
WHERE form_id = '$perfil'
AND id_campo = '$campo'
GROUP BY contenido
ORDER BY contenido asc";
$sql=mysql_query($consulta,$link);
if (mysql_num_rows($sql)!='0'){
$resultado = "<label for='id_campo'>Filtro</label>
<select class='form-control' name='campo_filtro' id='campo_filtro' >
<option value=''>Todos</option>";
while( $row = mysql_fetch_array( $sql ) ) {
$resultado .= " <option value='$row[md5_contenido]' title=''>$row[contenido]</option>";
}
$resultado .= " </select >";
}
else{$resultado = 'nada';}
if($div !="") {
$respuesta->addAssign($div,"innerHTML",$resultado);
return $respuesta;
}else{return $resultado;}
}
$xajax->registerFunction("formulario_parametrizacion");
function lista_categorias($perfil,$categoria,$tipo) {
$link=Conectarse();
mysql_query("SET NAMES 'utf8'");
$categoria_campo = remplacetas('form_parametrizacion','campo',$perfil,'descripcion'," tabla='form_id' and opcion = 'categoria:campo'") ;
$categoria_campo = $categoria_campo[0];
$consulta = "
SELECT md5(binary contenido) as md5_contenido, contenido FROM form_datos
WHERE form_id = '$perfil'
AND id_campo = '$categoria_campo'
GROUP BY contenido
ORDER BY contenido asc";
/*
$consulta = "
SELECT opcion, GROUP_CONCAT(descripcion ORDER by id desc ) as data FROM `parametrizacion` WHERE `tabla` LIKE 'form_id' AND `campo` LIKE '$perfil' AND `opcion` LIKE 'categoria:icon:%%' group by descripcion
";
*/
/*
$categoria_filtro = remplacetas('parametrizacion','campo',$id,'descripcion',"tabla='form_id' and opcion = 'categoria:filtro:$row[id_campo]'") ;
$filtro = $categoria_filtro;
$categoria_filtro = $categoria_filtro[0];
$icono = remplacetas('parametrizacion','campo',$id,'descripcion'," tabla='form_id' and opcion = 'categoria:icon:$md5_contenido'") ;
if($icono[0] =='') {
$icon = "http://$_SERVER[HTTP_HOST]/milfs/images/pin.png ";
}else{
$icon = $icono[0];
}
$icono = "$icon";
*/
$sql=mysql_query($consulta,$link);
if (mysql_num_rows($sql)!='0'){
$resultado = "<ul class='list-inline'>";
while( $row = mysql_fetch_array( $sql ) ) {
/* $identificador = explode(',',$row[data]);
$categoria = explode(':',$row[opcion]);
$categoria = $categoria[2];
$identificador = $identificador[0];
*/
$icono = remplacetas('form_parametrizacion','campo',$perfil,'descripcion'," tabla='form_id' and opcion = 'categoria:icon:$row[md5_contenido]'") ;
if($icono[0] =='') {
//$icon = "http://$_SERVER[HTTP_HOST]/milfs/images/pin.png ";
$icon = "https://raw.githubusercontent.com/humano/milfs/master/milfs/images/iconos/negro.png";
}else{
$icon = $icono[0];
}
$icono = "$icon";
$resultado .= "<li class ='' style=''><img src='$icono' style='max-height:100px;'><br><div class='badge'>$row[contenido]</div></li>";
}
$resultado .= " </ul >";
}
else{$resultado = 'nada';}
return $resultado;
}
function imprime_geojson($id,$id2){
$id_form = mysql_seguridad($id); $id_form = mysql_seguridad($id);
$id_form2 = mysql_seguridad($id2); $id_form2 = mysql_seguridad($id2);
$campo = buscar_campo_tipo($id_form,"14"); $campo = buscar_campo_tipo($id_form,"14");
@ -2533,21 +2757,21 @@ while( $row = mysql_fetch_array( $sql ) ) {
$lat = $campos[0]; $lat = $campos[0];
$lon = $campos[1]; $lon = $campos[1];
$zoom = $campos[2]; $zoom = $campos[2];
$formulario = formulario_imprimir($row[id],$row[control],''); $formulario = formulario_imprimir($row[id],$row[control],"$plantilla");
$marcador["type"] = "Point"; $marcador["type"] = "Point";
$marcador["coordinates"] = array($lat,$lon); $marcador["coordinates"] = array($lat,$lon);
//$propiedades = formulario_imprimir_linea($row[id],$row[control],"array");// $propiedades = formulario_imprimir_linea($row[id],$row[control],"array");//
//$propiedades[description] ="HOLA MUNDO"; //$propiedades[description] ="HOLA MUNDO";
$propiedades[description] ="<div class='container-fluid' id='contenedor_datos' >$formulario</div>"; $propiedades[description] ="<div class='container-fluid' id='contenedor_datos' >$formulario</div>";
$propiedades[sounds] =""; $propiedades[sounds] ="";
$propiedades[url] =''; $propiedades[url] ='';
$propiedades[icon][iconSize] =[100,100]; $propiedades[icon][iconSize] =[100,100];
$propiedades[icon][shadowSize] =[70,70]; //$propiedades[icon][shadowSize] =[70,70];
$propiedades[icon][shadowUrl] = "https://raw.githubusercontent.com/humano/milfs/master/milfs/images/iconos/negro.png"; //$propiedades[icon][shadowUrl] = "https://raw.githubusercontent.com/humano/milfs/master/milfs/images/iconos/negro.png";
//$propiedades[title] ='Hola mundo'; //$propiedades[title] ='Hola mundo';
$propiedades[icon][iconUrl] = "https://raw.githubusercontent.com/humano/milfs/master/milfs/images/iconos/negro.png"; //$propiedades[icon][iconUrl] = "https://raw.githubusercontent.com/humano/milfs/master/milfs/images/iconos/negro.png";
$geometria .= "{\"type\":\"Feature\",\"geometry\":".json_encode($marcador,JSON_NUMERIC_CHECK|JSON_PRETTY_PRINT).",\"properties\":".json_encode($propiedades,JSON_NUMERIC_CHECK|JSON_HEX_TAG | JSON_HEX_APOS | JSON_HEX_QUOT | JSON_HEX_AMP | JSON_UNESCAPED_UNICODE|JSON_PRETTY_PRINT)."},"; $geometria .= "{\"type\":\"Feature\",\"geometry\":".json_encode($marcador,JSON_NUMERIC_CHECK|JSON_PRETTY_PRINT).",\"properties\":".json_encode($propiedades,JSON_NUMERIC_CHECK|JSON_HEX_TAG | JSON_HEX_APOS | JSON_HEX_QUOT | JSON_HEX_AMP | JSON_UNESCAPED_UNICODE|JSON_PRETTY_PRINT)."},";
$features[] = $marcador; $features[] = $marcador;
@ -3006,6 +3230,7 @@ if (mysql_num_rows($sql)!='0'){
return $contenido.$control; return $contenido.$control;
} }
function contenido_mostrar($id,$control,$div,$plantilla){ function contenido_mostrar($id,$control,$div,$plantilla){
@ -3564,12 +3789,18 @@ if (mysql_num_rows($sql)!='0'){
} }
$campo_nombre = remplacetas('form_campos','id',$row[id_campo],'campo_nombre'); $campo_nombre = remplacetas('form_campos','id',$row[id_campo],'campo_nombre');
$nombre[$row[id_campo]] = $campo_nombre[0] ; $nombre[$row[id_campo]] = $campo_nombre[0] ;
////buscar campo imagen
if($row[id_campo] =='0' and $tipo !=""){ $contenido = strip_tags($contenido); } $campo_imagen = buscar_campo_tipo($id,"15");
//$campo_imagen_nombre = $campo_imagen[1];
$campo_imagen = $campo_imagen[0];
////
if($row[id_campo] == $campo_imagen AND $tipo !="" ){ $contenido = strip_tags($contenido); }
$campo[$row[id_campo]]=$contenido; $campo[$row[id_campo]]=$contenido;
$campo_400[$row[id_campo]] = substr($contenido,0, $length = 400)."... ";//$contenido; $campo_400[$row[id_campo]] = substr($contenido,0, $length = 400)."... ";//$contenido;
$campo_80[$row[id_campo]] = substr($contenido,0, $length = 80);//$contenido; $campo_80[$row[id_campo]] = substr($contenido,0, $length = 80);//$contenido;
$campo_55[$row[id_campo]] = substr($contenido,0, $length = 55);//$contenido; $campo_55[$row[id_campo]] = substr($contenido,0, $length = 55);//$contenido;
$campo_limpio[$row[id_campo]] = $contenido = strip_tags($contenido);
$campo["md5_".$row[id_campo]]=$md5_contenido; $campo["md5_".$row[id_campo]]=$md5_contenido;
if($row[id_campo] == $categoria_campo){ if($row[id_campo] == $categoria_campo){
@ -3618,7 +3849,7 @@ if($plantilla[0] =="") {
$plantilla = remplacetas('form_parametrizacion','opcion',"plantilla:$tipo",'descripcion',"campo = ''") ; $plantilla = remplacetas('form_parametrizacion','opcion',"plantilla:$tipo",'descripcion',"campo = ''") ;
//$plantilla = remplacetas('parametrizacion','opcion',"plantilla:$tipo",'descripcion',"campo = '$id' ") ; //$plantilla = remplacetas('parametrizacion','opcion',"plantilla:$tipo",'descripcion',"campo = '$id' ") ;
} }
if($plantilla[0] !='') { $plantilla = $plantilla[0] ;} if($plantilla[0] !='') { $plantilla = html_entity_decode ( $plantilla[0] );}
/*else { /*else {
$plantilla = remplacetas('parametrizacion','opcion',"plantilla:$tipo",'descripcion',"") ; $plantilla = remplacetas('parametrizacion','opcion',"plantilla:$tipo",'descripcion',"") ;
$plantilla= $plantilla[0]; $plantilla= $plantilla[0];
@ -4370,7 +4601,7 @@ $resultado .= " <option value='$row[md5_contenido]' title=''>$row[contenido]</o
} }
$resultado .= " </select >"; $resultado .= " </select >";
} }
else{$resultado = 'nada';} else{$resultado = "<p class='text-danger'><i class='fa fa-exclamation-triangle'></i> No se encontraron resultados</p>";}
if($div !="") { if($div !="") {
$respuesta->addAssign($div,"innerHTML",$resultado); $respuesta->addAssign($div,"innerHTML",$resultado);

View File

@ -0,0 +1,352 @@
<?php
$listado_clases= "
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" active\"' ondragstart=\"evdragstart(event,this)\" >active</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" affix\"' ondragstart=\"evdragstart(event,this)\" >affix</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" alert-danger\"' ondragstart=\"evdragstart(event,this)\" >alert-danger</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" alert-dismissable\"' ondragstart=\"evdragstart(event,this)\" >alert-dismissable</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" alert-info\"' ondragstart=\"evdragstart(event,this)\" >alert-info</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" alert-link\"' ondragstart=\"evdragstart(event,this)\" >alert-link</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" alert-success\"' ondragstart=\"evdragstart(event,this)\" >alert-success</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" alert-warning\"' ondragstart=\"evdragstart(event,this)\" >alert-warning</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" alert\"' ondragstart=\"evdragstart(event,this)\" >alert</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" arrow\"' ondragstart=\"evdragstart(event,this)\" >arrow</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" badge\"' ondragstart=\"evdragstart(event,this)\" >badge</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" bottom\"' ondragstart=\"evdragstart(event,this)\" >bottom</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" breadcrumb\"' ondragstart=\"evdragstart(event,this)\" >breadcrumb</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" btn-block\"' ondragstart=\"evdragstart(event,this)\" >btn-block</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" btn-danger\"' ondragstart=\"evdragstart(event,this)\" >btn-danger</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" btn-default\"' ondragstart=\"evdragstart(event,this)\" >btn-default</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" btn-group-justified\"' ondragstart=\"evdragstart(event,this)\" >btn-group-justified</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" btn-group-vertical\"' ondragstart=\"evdragstart(event,this)\" >btn-group-vertical</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" btn-group\"' ondragstart=\"evdragstart(event,this)\" >btn-group</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" btn-info\"' ondragstart=\"evdragstart(event,this)\" >btn-info</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" btn-lg\"' ondragstart=\"evdragstart(event,this)\" >btn-lg</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" btn-link\"' ondragstart=\"evdragstart(event,this)\" >btn-link</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" btn-primary\"' ondragstart=\"evdragstart(event,this)\" >btn-primary</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" btn-success\"' ondragstart=\"evdragstart(event,this)\" >btn-success</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" btn-warning\"' ondragstart=\"evdragstart(event,this)\" >btn-warning</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" btn-xs\"' ondragstart=\"evdragstart(event,this)\" >btn-xs</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" btn\"' ondragstart=\"evdragstart(event,this)\" >btn</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" caption\"' ondragstart=\"evdragstart(event,this)\" >caption</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" caret\"' ondragstart=\"evdragstart(event,this)\" >caret</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" carousel-caption\"' ondragstart=\"evdragstart(event,this)\" >carousel-caption</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" carousel-control\"' ondragstart=\"evdragstart(event,this)\" >carousel-control</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" carousel-indicators\"' ondragstart=\"evdragstart(event,this)\" >carousel-indicators</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" carousel-inner\"' ondragstart=\"evdragstart(event,this)\" >carousel-inner</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" carousel\"' ondragstart=\"evdragstart(event,this)\" >carousel</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" checkbox-inline\"' ondragstart=\"evdragstart(event,this)\" >checkbox-inline</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" checkbox\"' ondragstart=\"evdragstart(event,this)\" >checkbox</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" close\"' ondragstart=\"evdragstart(event,this)\" >close</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-lg-1\"' ondragstart=\"evdragstart(event,this)\" >col-lg-1</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-lg-10\"' ondragstart=\"evdragstart(event,this)\" >col-lg-10</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-lg-11\"' ondragstart=\"evdragstart(event,this)\" >col-lg-11</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-lg-12\"' ondragstart=\"evdragstart(event,this)\" >col-lg-12</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-lg-2\"' ondragstart=\"evdragstart(event,this)\" >col-lg-2</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-lg-3\"' ondragstart=\"evdragstart(event,this)\" >col-lg-3</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-lg-4\"' ondragstart=\"evdragstart(event,this)\" >col-lg-4</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-lg-5\"' ondragstart=\"evdragstart(event,this)\" >col-lg-5</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-lg-6\"' ondragstart=\"evdragstart(event,this)\" >col-lg-6</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-lg-7\"' ondragstart=\"evdragstart(event,this)\" >col-lg-7</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-lg-8\"' ondragstart=\"evdragstart(event,this)\" >col-lg-8</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-lg-9\"' ondragstart=\"evdragstart(event,this)\" >col-lg-9</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-lg-offset-0\"' ondragstart=\"evdragstart(event,this)\" >col-lg-offset-0</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-lg-offset-1\"' ondragstart=\"evdragstart(event,this)\" >col-lg-offset-1</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-lg-offset-10\"' ondragstart=\"evdragstart(event,this)\" >col-lg-offset-10</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-lg-offset-11\"' ondragstart=\"evdragstart(event,this)\" >col-lg-offset-11</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-lg-offset-2\"' ondragstart=\"evdragstart(event,this)\" >col-lg-offset-2</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-lg-offset-3\"' ondragstart=\"evdragstart(event,this)\" >col-lg-offset-3</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-lg-offset-4\"' ondragstart=\"evdragstart(event,this)\" >col-lg-offset-4</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-lg-offset-5\"' ondragstart=\"evdragstart(event,this)\" >col-lg-offset-5</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-lg-offset-6\"' ondragstart=\"evdragstart(event,this)\" >col-lg-offset-6</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-lg-offset-7\"' ondragstart=\"evdragstart(event,this)\" >col-lg-offset-7</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-lg-offset-8\"' ondragstart=\"evdragstart(event,this)\" >col-lg-offset-8</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-lg-offset-9\"' ondragstart=\"evdragstart(event,this)\" >col-lg-offset-9</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-lg-pull-0\"' ondragstart=\"evdragstart(event,this)\" >col-lg-pull-0</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-lg-pull-1\"' ondragstart=\"evdragstart(event,this)\" >col-lg-pull-1</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-lg-pull-10\"' ondragstart=\"evdragstart(event,this)\" >col-lg-pull-10</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-lg-pull-11\"' ondragstart=\"evdragstart(event,this)\" >col-lg-pull-11</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-lg-pull-2\"' ondragstart=\"evdragstart(event,this)\" >col-lg-pull-2</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-lg-pull-3\"' ondragstart=\"evdragstart(event,this)\" >col-lg-pull-3</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-lg-pull-4\"' ondragstart=\"evdragstart(event,this)\" >col-lg-pull-4</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-lg-pull-5\"' ondragstart=\"evdragstart(event,this)\" >col-lg-pull-5</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-lg-pull-6\"' ondragstart=\"evdragstart(event,this)\" >col-lg-pull-6</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-lg-pull-7\"' ondragstart=\"evdragstart(event,this)\" >col-lg-pull-7</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-lg-pull-8\"' ondragstart=\"evdragstart(event,this)\" >col-lg-pull-8</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-lg-pull-9\"' ondragstart=\"evdragstart(event,this)\" >col-lg-pull-9</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-lg-push-0\"' ondragstart=\"evdragstart(event,this)\" >col-lg-push-0</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-lg-push-1\"' ondragstart=\"evdragstart(event,this)\" >col-lg-push-1</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-lg-push-10\"' ondragstart=\"evdragstart(event,this)\" >col-lg-push-10</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-lg-push-11\"' ondragstart=\"evdragstart(event,this)\" >col-lg-push-11</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-lg-push-2\"' ondragstart=\"evdragstart(event,this)\" >col-lg-push-2</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-lg-push-3\"' ondragstart=\"evdragstart(event,this)\" >col-lg-push-3</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-lg-push-4\"' ondragstart=\"evdragstart(event,this)\" >col-lg-push-4</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-lg-push-5\"' ondragstart=\"evdragstart(event,this)\" >col-lg-push-5</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-lg-push-6\"' ondragstart=\"evdragstart(event,this)\" >col-lg-push-6</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-lg-push-7\"' ondragstart=\"evdragstart(event,this)\" >col-lg-push-7</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-lg-push-8\"' ondragstart=\"evdragstart(event,this)\" >col-lg-push-8</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-lg-push-9\"' ondragstart=\"evdragstart(event,this)\" >col-lg-push-9</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-md-1\"' ondragstart=\"evdragstart(event,this)\" >col-md-1</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-md-10\"' ondragstart=\"evdragstart(event,this)\" >col-md-10</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-md-11\"' ondragstart=\"evdragstart(event,this)\" >col-md-11</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-md-12\"' ondragstart=\"evdragstart(event,this)\" >col-md-12</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-md-2\"' ondragstart=\"evdragstart(event,this)\" >col-md-2</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-md-3\"' ondragstart=\"evdragstart(event,this)\" >col-md-3</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-md-4\"' ondragstart=\"evdragstart(event,this)\" >col-md-4</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-md-5\"' ondragstart=\"evdragstart(event,this)\" >col-md-5</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-md-6\"' ondragstart=\"evdragstart(event,this)\" >col-md-6</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-md-7\"' ondragstart=\"evdragstart(event,this)\" >col-md-7</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-md-8\"' ondragstart=\"evdragstart(event,this)\" >col-md-8</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-md-9\"' ondragstart=\"evdragstart(event,this)\" >col-md-9</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-md-offset-0\"' ondragstart=\"evdragstart(event,this)\" >col-md-offset-0</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-md-offset-1\"' ondragstart=\"evdragstart(event,this)\" >col-md-offset-1</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-md-offset-10\"' ondragstart=\"evdragstart(event,this)\" >col-md-offset-10</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-md-offset-11\"' ondragstart=\"evdragstart(event,this)\" >col-md-offset-11</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-md-offset-2\"' ondragstart=\"evdragstart(event,this)\" >col-md-offset-2</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-md-offset-3\"' ondragstart=\"evdragstart(event,this)\" >col-md-offset-3</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-md-offset-4\"' ondragstart=\"evdragstart(event,this)\" >col-md-offset-4</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-md-offset-5\"' ondragstart=\"evdragstart(event,this)\" >col-md-offset-5</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-md-offset-6\"' ondragstart=\"evdragstart(event,this)\" >col-md-offset-6</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-md-offset-7\"' ondragstart=\"evdragstart(event,this)\" >col-md-offset-7</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-md-offset-8\"' ondragstart=\"evdragstart(event,this)\" >col-md-offset-8</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-md-offset-9\"' ondragstart=\"evdragstart(event,this)\" >col-md-offset-9</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-md-pull-0\"' ondragstart=\"evdragstart(event,this)\" >col-md-pull-0</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-md-pull-1\"' ondragstart=\"evdragstart(event,this)\" >col-md-pull-1</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-md-pull-10\"' ondragstart=\"evdragstart(event,this)\" >col-md-pull-10</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-md-pull-11\"' ondragstart=\"evdragstart(event,this)\" >col-md-pull-11</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-md-pull-2\"' ondragstart=\"evdragstart(event,this)\" >col-md-pull-2</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-md-pull-3\"' ondragstart=\"evdragstart(event,this)\" >col-md-pull-3</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-md-pull-4\"' ondragstart=\"evdragstart(event,this)\" >col-md-pull-4</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-md-pull-5\"' ondragstart=\"evdragstart(event,this)\" >col-md-pull-5</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-md-pull-6\"' ondragstart=\"evdragstart(event,this)\" >col-md-pull-6</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-md-pull-7\"' ondragstart=\"evdragstart(event,this)\" >col-md-pull-7</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-md-pull-8\"' ondragstart=\"evdragstart(event,this)\" >col-md-pull-8</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-md-pull-9\"' ondragstart=\"evdragstart(event,this)\" >col-md-pull-9</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-md-push-0\"' ondragstart=\"evdragstart(event,this)\" >col-md-push-0</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-md-push-1\"' ondragstart=\"evdragstart(event,this)\" >col-md-push-1</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-md-push-10\"' ondragstart=\"evdragstart(event,this)\" >col-md-push-10</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-md-push-11\"' ondragstart=\"evdragstart(event,this)\" >col-md-push-11</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-md-push-2\"' ondragstart=\"evdragstart(event,this)\" >col-md-push-2</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-md-push-3\"' ondragstart=\"evdragstart(event,this)\" >col-md-push-3</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-md-push-4\"' ondragstart=\"evdragstart(event,this)\" >col-md-push-4</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-md-push-5\"' ondragstart=\"evdragstart(event,this)\" >col-md-push-5</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-md-push-6\"' ondragstart=\"evdragstart(event,this)\" >col-md-push-6</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-md-push-7\"' ondragstart=\"evdragstart(event,this)\" >col-md-push-7</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-md-push-8\"' ondragstart=\"evdragstart(event,this)\" >col-md-push-8</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-md-push-9\"' ondragstart=\"evdragstart(event,this)\" >col-md-push-9</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-sm-1\"' ondragstart=\"evdragstart(event,this)\" >col-sm-1</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-sm-10\"' ondragstart=\"evdragstart(event,this)\" >col-sm-10</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-sm-11\"' ondragstart=\"evdragstart(event,this)\" >col-sm-11</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-sm-12\"' ondragstart=\"evdragstart(event,this)\" >col-sm-12</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-sm-2\"' ondragstart=\"evdragstart(event,this)\" >col-sm-2</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-sm-3\"' ondragstart=\"evdragstart(event,this)\" >col-sm-3</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-sm-4\"' ondragstart=\"evdragstart(event,this)\" >col-sm-4</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-sm-5\"' ondragstart=\"evdragstart(event,this)\" >col-sm-5</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-sm-6\"' ondragstart=\"evdragstart(event,this)\" >col-sm-6</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-sm-7\"' ondragstart=\"evdragstart(event,this)\" >col-sm-7</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-sm-8\"' ondragstart=\"evdragstart(event,this)\" >col-sm-8</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-sm-9\"' ondragstart=\"evdragstart(event,this)\" >col-sm-9</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-sm-offset-1\"' ondragstart=\"evdragstart(event,this)\" >col-sm-offset-1</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-sm-offset-10\"' ondragstart=\"evdragstart(event,this)\" >col-sm-offset-10</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-sm-offset-11\"' ondragstart=\"evdragstart(event,this)\" >col-sm-offset-11</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-sm-offset-2\"' ondragstart=\"evdragstart(event,this)\" >col-sm-offset-2</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-sm-offset-3\"' ondragstart=\"evdragstart(event,this)\" >col-sm-offset-3</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-sm-offset-4\"' ondragstart=\"evdragstart(event,this)\" >col-sm-offset-4</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-sm-offset-5\"' ondragstart=\"evdragstart(event,this)\" >col-sm-offset-5</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-sm-offset-6\"' ondragstart=\"evdragstart(event,this)\" >col-sm-offset-6</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-sm-offset-7\"' ondragstart=\"evdragstart(event,this)\" >col-sm-offset-7</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-sm-offset-8\"' ondragstart=\"evdragstart(event,this)\" >col-sm-offset-8</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-sm-offset-9\"' ondragstart=\"evdragstart(event,this)\" >col-sm-offset-9</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-sm-pull-1\"' ondragstart=\"evdragstart(event,this)\" >col-sm-pull-1</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-sm-pull-10\"' ondragstart=\"evdragstart(event,this)\" >col-sm-pull-10</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-sm-pull-11\"' ondragstart=\"evdragstart(event,this)\" >col-sm-pull-11</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-sm-pull-2\"' ondragstart=\"evdragstart(event,this)\" >col-sm-pull-2</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-sm-pull-3\"' ondragstart=\"evdragstart(event,this)\" >col-sm-pull-3</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-sm-pull-4\"' ondragstart=\"evdragstart(event,this)\" >col-sm-pull-4</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-sm-pull-5\"' ondragstart=\"evdragstart(event,this)\" >col-sm-pull-5</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-sm-pull-6\"' ondragstart=\"evdragstart(event,this)\" >col-sm-pull-6</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-sm-pull-7\"' ondragstart=\"evdragstart(event,this)\" >col-sm-pull-7</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-sm-pull-8\"' ondragstart=\"evdragstart(event,this)\" >col-sm-pull-8</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-sm-pull-9\"' ondragstart=\"evdragstart(event,this)\" >col-sm-pull-9</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-sm-push-1\"' ondragstart=\"evdragstart(event,this)\" >col-sm-push-1</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-sm-push-10\"' ondragstart=\"evdragstart(event,this)\" >col-sm-push-10</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-sm-push-11\"' ondragstart=\"evdragstart(event,this)\" >col-sm-push-11</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-sm-push-2\"' ondragstart=\"evdragstart(event,this)\" >col-sm-push-2</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-sm-push-3\"' ondragstart=\"evdragstart(event,this)\" >col-sm-push-3</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-sm-push-4\"' ondragstart=\"evdragstart(event,this)\" >col-sm-push-4</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-sm-push-5\"' ondragstart=\"evdragstart(event,this)\" >col-sm-push-5</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-sm-push-6\"' ondragstart=\"evdragstart(event,this)\" >col-sm-push-6</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-sm-push-7\"' ondragstart=\"evdragstart(event,this)\" >col-sm-push-7</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-sm-push-8\"' ondragstart=\"evdragstart(event,this)\" >col-sm-push-8</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-sm-push-9\"' ondragstart=\"evdragstart(event,this)\" >col-sm-push-9</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-xs-1\"' ondragstart=\"evdragstart(event,this)\" >col-xs-1</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-xs-10\"' ondragstart=\"evdragstart(event,this)\" >col-xs-10</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-xs-11\"' ondragstart=\"evdragstart(event,this)\" >col-xs-11</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-xs-12\"' ondragstart=\"evdragstart(event,this)\" >col-xs-12</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-xs-2\"' ondragstart=\"evdragstart(event,this)\" >col-xs-2</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-xs-3\"' ondragstart=\"evdragstart(event,this)\" >col-xs-3</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-xs-4\"' ondragstart=\"evdragstart(event,this)\" >col-xs-4</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-xs-5\"' ondragstart=\"evdragstart(event,this)\" >col-xs-5</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-xs-6\"' ondragstart=\"evdragstart(event,this)\" >col-xs-6</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-xs-7\"' ondragstart=\"evdragstart(event,this)\" >col-xs-7</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-xs-8\"' ondragstart=\"evdragstart(event,this)\" >col-xs-8</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col-xs-9\"' ondragstart=\"evdragstart(event,this)\" >col-xs-9</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" col\"' ondragstart=\"evdragstart(event,this)\" >col</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" collapse\"' ondragstart=\"evdragstart(event,this)\" >collapse</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" collapsing\"' ondragstart=\"evdragstart(event,this)\" >collapsing</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" container\"' ondragstart=\"evdragstart(event,this)\" >container</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" control-label\"' ondragstart=\"evdragstart(event,this)\" >control-label</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" divider\"' ondragstart=\"evdragstart(event,this)\" >divider</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" dropdown-backdrop\"' ondragstart=\"evdragstart(event,this)\" >dropdown-backdrop</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" dropdown-header\"' ondragstart=\"evdragstart(event,this)\" >dropdown-header</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" dropdown-menu\"' ondragstart=\"evdragstart(event,this)\" >dropdown-menu</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" dropdown-toggle\"' ondragstart=\"evdragstart(event,this)\" >dropdown-toggle</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" dropdown\"' ondragstart=\"evdragstart(event,this)\" >dropdown</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" fade\"' ondragstart=\"evdragstart(event,this)\" >fade</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" form-control-static\"' ondragstart=\"evdragstart(event,this)\" >form-control-static</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" form-control\"' ondragstart=\"evdragstart(event,this)\" >form-control</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" form-group\"' ondragstart=\"evdragstart(event,this)\" >form-group</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" glyphicon-chevron-right\"' ondragstart=\"evdragstart(event,this)\" >glyphicon-chevron-right</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" glyphicon\"' ondragstart=\"evdragstart(event,this)\" >glyphicon</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" h1\"' ondragstart=\"evdragstart(event,this)\" >h1</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" h2\"' ondragstart=\"evdragstart(event,this)\" >h2</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" h3\"' ondragstart=\"evdragstart(event,this)\" >h3</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" h4\"' ondragstart=\"evdragstart(event,this)\" >h4</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" h5\"' ondragstart=\"evdragstart(event,this)\" >h5</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" h6\"' ondragstart=\"evdragstart(event,this)\" >h6</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" help-block\"' ondragstart=\"evdragstart(event,this)\" >help-block</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" hidden-lg\"' ondragstart=\"evdragstart(event,this)\" >hidden-lg</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" hidden-md\"' ondragstart=\"evdragstart(event,this)\" >hidden-md</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" hidden-print\"' ondragstart=\"evdragstart(event,this)\" >hidden-print</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" hidden-sm\"' ondragstart=\"evdragstart(event,this)\" >hidden-sm</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" hidden-xs\"' ondragstart=\"evdragstart(event,this)\" >hidden-xs</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" hidden\"' ondragstart=\"evdragstart(event,this)\" >hidden</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" hide\"' ondragstart=\"evdragstart(event,this)\" >hide</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" icon-bar\"' ondragstart=\"evdragstart(event,this)\" >icon-bar</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" icon-next\"' ondragstart=\"evdragstart(event,this)\" >icon-next</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" img-circle\"' ondragstart=\"evdragstart(event,this)\" >img-circle</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" img-responsive\"' ondragstart=\"evdragstart(event,this)\" >img-responsive</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" img-rounded\"' ondragstart=\"evdragstart(event,this)\" >img-rounded</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" img-thumbnail\"' ondragstart=\"evdragstart(event,this)\" >img-thumbnail</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" in\"' ondragstart=\"evdragstart(event,this)\" >in</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" initialism\"' ondragstart=\"evdragstart(event,this)\" >initialism</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" input-group-addon\"' ondragstart=\"evdragstart(event,this)\" >input-group-addon</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" input-group-btn\"' ondragstart=\"evdragstart(event,this)\" >input-group-btn</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" input-group\"' ondragstart=\"evdragstart(event,this)\" >input-group</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" input-lg\"' ondragstart=\"evdragstart(event,this)\" >input-lg</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" input-sm\"' ondragstart=\"evdragstart(event,this)\" >input-sm</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" invisible\"' ondragstart=\"evdragstart(event,this)\" >invisible</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" item\"' ondragstart=\"evdragstart(event,this)\" >item</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" jumbotron\"' ondragstart=\"evdragstart(event,this)\" >jumbotron</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" label-danger\"' ondragstart=\"evdragstart(event,this)\" >label-danger</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" label-default\"' ondragstart=\"evdragstart(event,this)\" >label-default</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" label-info\"' ondragstart=\"evdragstart(event,this)\" >label-info</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" label-primary\"' ondragstart=\"evdragstart(event,this)\" >label-primary</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" label-success\"' ondragstart=\"evdragstart(event,this)\" >label-success</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" label-warning\"' ondragstart=\"evdragstart(event,this)\" >label-warning</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" label\"' ondragstart=\"evdragstart(event,this)\" >label</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" lead\"' ondragstart=\"evdragstart(event,this)\" >lead</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" left\"' ondragstart=\"evdragstart(event,this)\" >left</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" list-group-item-heading\"' ondragstart=\"evdragstart(event,this)\" >list-group-item-heading</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" list-group-item-text\"' ondragstart=\"evdragstart(event,this)\" >list-group-item-text</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" list-group-item\"' ondragstart=\"evdragstart(event,this)\" >list-group-item</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" list-group\"' ondragstart=\"evdragstart(event,this)\" >list-group</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" list-inline\"' ondragstart=\"evdragstart(event,this)\" >list-inline</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" list-unstyled\"' ondragstart=\"evdragstart(event,this)\" >list-unstyled</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" media-body\"' ondragstart=\"evdragstart(event,this)\" >media-body</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" media-heading\"' ondragstart=\"evdragstart(event,this)\" >media-heading</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" media-list\"' ondragstart=\"evdragstart(event,this)\" >media-list</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" media-object\"' ondragstart=\"evdragstart(event,this)\" >media-object</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" media\"' ondragstart=\"evdragstart(event,this)\" >media</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" modal-backdrop\"' ondragstart=\"evdragstart(event,this)\" >modal-backdrop</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" modal-body\"' ondragstart=\"evdragstart(event,this)\" >modal-body</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" modal-content\"' ondragstart=\"evdragstart(event,this)\" >modal-content</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" modal-dialog\"' ondragstart=\"evdragstart(event,this)\" >modal-dialog</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" modal-footer\"' ondragstart=\"evdragstart(event,this)\" >modal-footer</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" modal-header\"' ondragstart=\"evdragstart(event,this)\" >modal-header</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" modal-open\"' ondragstart=\"evdragstart(event,this)\" >modal-open</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" modal-title\"' ondragstart=\"evdragstart(event,this)\" >modal-title</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" modal\"' ondragstart=\"evdragstart(event,this)\" >modal</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" nav-divider\"' ondragstart=\"evdragstart(event,this)\" >nav-divider</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" nav-justified\"' ondragstart=\"evdragstart(event,this)\" >nav-justified</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" nav-tabs-justified\"' ondragstart=\"evdragstart(event,this)\" >nav-tabs-justified</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" nav-tabs\"' ondragstart=\"evdragstart(event,this)\" >nav-tabs</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" nav\"' ondragstart=\"evdragstart(event,this)\" >nav</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" navbar-brand\"' ondragstart=\"evdragstart(event,this)\" >navbar-brand</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" navbar-btn\"' ondragstart=\"evdragstart(event,this)\" >navbar-btn</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" navbar-collapse\"' ondragstart=\"evdragstart(event,this)\" >navbar-collapse</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" navbar-default\"' ondragstart=\"evdragstart(event,this)\" >navbar-default</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" navbar-fixed-bottom\"' ondragstart=\"evdragstart(event,this)\" >navbar-fixed-bottom</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" navbar-fixed-top\"' ondragstart=\"evdragstart(event,this)\" >navbar-fixed-top</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" navbar-form\"' ondragstart=\"evdragstart(event,this)\" >navbar-form</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" navbar-header\"' ondragstart=\"evdragstart(event,this)\" >navbar-header</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" navbar-inverse\"' ondragstart=\"evdragstart(event,this)\" >navbar-inverse</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" navbar-left\"' ondragstart=\"evdragstart(event,this)\" >navbar-left</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" navbar-link\"' ondragstart=\"evdragstart(event,this)\" >navbar-link</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" navbar-nav\"' ondragstart=\"evdragstart(event,this)\" >navbar-nav</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" navbar-right\"' ondragstart=\"evdragstart(event,this)\" >navbar-right</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" navbar-static-top\"' ondragstart=\"evdragstart(event,this)\" >navbar-static-top</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" navbar-text\"' ondragstart=\"evdragstart(event,this)\" >navbar-text</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" navbar-toggle\"' ondragstart=\"evdragstart(event,this)\" >navbar-toggle</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" navbar\"' ondragstart=\"evdragstart(event,this)\" >navbar</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" next\"' ondragstart=\"evdragstart(event,this)\" >next</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" page-header\"' ondragstart=\"evdragstart(event,this)\" >page-header</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" pager\"' ondragstart=\"evdragstart(event,this)\" >pager</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" pagination\"' ondragstart=\"evdragstart(event,this)\" >pagination</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" panel-body\"' ondragstart=\"evdragstart(event,this)\" >panel-body</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" panel-danger\"' ondragstart=\"evdragstart(event,this)\" >panel-danger</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" panel-default\"' ondragstart=\"evdragstart(event,this)\" >panel-default</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" panel-footer\"' ondragstart=\"evdragstart(event,this)\" >panel-footer</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" panel-heading\"' ondragstart=\"evdragstart(event,this)\" >panel-heading</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" panel-info\"' ondragstart=\"evdragstart(event,this)\" >panel-info</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" panel-primary\"' ondragstart=\"evdragstart(event,this)\" >panel-primary</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" panel-success\"' ondragstart=\"evdragstart(event,this)\" >panel-success</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" panel-title\"' ondragstart=\"evdragstart(event,this)\" >panel-title</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" panel-warning\"' ondragstart=\"evdragstart(event,this)\" >panel-warning</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" panel\"' ondragstart=\"evdragstart(event,this)\" >panel</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" pill-pane\"' ondragstart=\"evdragstart(event,this)\" >pill-pane</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" popover-content\"' ondragstart=\"evdragstart(event,this)\" >popover-content</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" popover-title\"' ondragstart=\"evdragstart(event,this)\" >popover-title</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" popover\"' ondragstart=\"evdragstart(event,this)\" >popover</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" pre-scrollable\"' ondragstart=\"evdragstart(event,this)\" >pre-scrollable</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" prettyprint\"' ondragstart=\"evdragstart(event,this)\" >prettyprint</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" prev\"' ondragstart=\"evdragstart(event,this)\" >prev</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" progress-bar-danger\"' ondragstart=\"evdragstart(event,this)\" >progress-bar-danger</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" progress-bar-info\"' ondragstart=\"evdragstart(event,this)\" >progress-bar-info</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" progress-bar-success\"' ondragstart=\"evdragstart(event,this)\" >progress-bar-success</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" progress-bar-warning\"' ondragstart=\"evdragstart(event,this)\" >progress-bar-warning</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" progress-bar\"' ondragstart=\"evdragstart(event,this)\" >progress-bar</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" progress\"' ondragstart=\"evdragstart(event,this)\" >progress</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" pull-left\"' ondragstart=\"evdragstart(event,this)\" >pull-left</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" pull-right\"' ondragstart=\"evdragstart(event,this)\" >pull-right</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" right\"' ondragstart=\"evdragstart(event,this)\" >right</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" row\"' ondragstart=\"evdragstart(event,this)\" >row</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" show\"' ondragstart=\"evdragstart(event,this)\" >show</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" sr-only\"' ondragstart=\"evdragstart(event,this)\" >sr-only</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" table-bordered\"' ondragstart=\"evdragstart(event,this)\" >table-bordered</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" table-responsive\"' ondragstart=\"evdragstart(event,this)\" >table-responsive</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" table\"' ondragstart=\"evdragstart(event,this)\" >table</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" text-center\"' ondragstart=\"evdragstart(event,this)\" >text-center</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" text-danger\"' ondragstart=\"evdragstart(event,this)\" >text-danger</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" text-hide\"' ondragstart=\"evdragstart(event,this)\" >text-hide</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" text-info\"' ondragstart=\"evdragstart(event,this)\" >text-info</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" text-left\"' ondragstart=\"evdragstart(event,this)\" >text-left</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" text-muted\"' ondragstart=\"evdragstart(event,this)\" >text-muted</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" text-primary\"' ondragstart=\"evdragstart(event,this)\" >text-primary</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" text-right\"' ondragstart=\"evdragstart(event,this)\" >text-right</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" text-success\"' ondragstart=\"evdragstart(event,this)\" >text-success</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" text-warning\"' ondragstart=\"evdragstart(event,this)\" >text-warning</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" thumbnail\"' ondragstart=\"evdragstart(event,this)\" >thumbnail</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" tooltip-arrow\"' ondragstart=\"evdragstart(event,this)\" >tooltip-arrow</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" tooltip-inner\"' ondragstart=\"evdragstart(event,this)\" >tooltip-inner</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" tooltip\"' ondragstart=\"evdragstart(event,this)\" >tooltip</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" top\"' ondragstart=\"evdragstart(event,this)\" >top</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" visible-lg\"' ondragstart=\"evdragstart(event,this)\" >visible-lg</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" visible-md\"' ondragstart=\"evdragstart(event,this)\" >visible-md</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" visible-print\"' ondragstart=\"evdragstart(event,this)\" >visible-print</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" visible-sm\"' ondragstart=\"evdragstart(event,this)\" >visible-sm</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" visible-xs\"' ondragstart=\"evdragstart(event,this)\" >visible-xs</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" well-lg\"' ondragstart=\"evdragstart(event,this)\" >well-lg</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" well-sm\"' ondragstart=\"evdragstart(event,this)\" >well-sm</div>
<div class='btn btn-default btn-block' style='cursor:move;' draggable='true' id=' class= \" well\"' ondragstart=\"evdragstart(event,this)\" >well</div>
";
?>

View File

@ -1,11 +0,0 @@
<?php
$usuario="root";
$password="toor";//
$servidor="localhost";
$db="milfs";
$path_instalacion ="/var/www/html/milfs";
$path_images_secure ="/var/www/images_secure";
$url = "http://localhost/milfs";
/// Depende de la variable http://php.net/upload-max-filesize o en el .htaccess
$upload_size = 6 ; // Tamaño permitido para las imagenes en MB
?>

View File

@ -32,11 +32,7 @@ if (isset($_REQUEST['t'])) {$t = $_REQUEST['t'];} else {$t = "";}
<link rel="apple-touch-icon-precomposed" 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"> <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/embebido.css' rel='stylesheet'>";}else{ echo "<link href='css/estilos.php?dd' rel='stylesheet'>";} ?> <?php if($form !='') { echo "<link href='css/embebido.css' rel='stylesheet'>";}else{ echo "<link href='css/estilos.php?dd' rel='stylesheet'>";} ?>
<!-- <link href="css/estilos.php?dd" rel="stylesheet">
<link href="css/bootstrap.min.css" rel="stylesheet">
<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"> -->
<link rel="stylesheet" type="text/css" media="screen" href="css/bootstrap.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.css">
<link rel="stylesheet" type="text/css" media="screen" href="css/bootstrap-markdown.min.css"> <link rel="stylesheet" type="text/css" media="screen" href="css/bootstrap-markdown.min.css">
@ -50,29 +46,46 @@ if (isset($_REQUEST['t'])) {$t = $_REQUEST['t'];} else {$t = "";}
<title>I<3MILFS</title> <title>I<3MILFS</title>
<!-- Bootstrap core CSS -->
<!-- <script language="JavaScript" src="escritorio/librerias/scripts.js" type="text/javascript"></script> -->
<!-- Custom styles for this template -->
<!-- <link href="jumbotron.css" rel="stylesheet"> -->
<!-- Just for debugging purposes. Don't actually copy this line! -->
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<?php <?php
// if($_COOKIE['aviso'] != 'presentacion') {
//$onload = "onload = \"$('#muestraInfo').modal('toggle')\"";
//setcookie("aviso","presentacion",time()+60*60*24);
// }
//($id,$form_respuesta,$control,$tipo)
if($id !='' OR $c ){$onload ="<script type=\"text/javascript\"> xajax_formulario_modal('".$id."','','".$c."','".$t."')</script>";} if($id !='' OR $c ){$onload ="<script type=\"text/javascript\"> xajax_formulario_modal('".$id."','','".$c."','".$t."')</script>";}
?> ?>
<script type="text/javascript">
//Recoger elemento arrastrable//
function evdragstart(ev,el) { //ev= el evento, el=elemento arrastrado.
cont1=el.parentNode; //guardamos el elemento padre del elemento en una variable.
ev.dataTransfer.setData("text",ev.target.id); //guardamos datos del elemento.
}
//mientras se arrastra:
function evdragover (ev) { //ev=el evento.
ev.preventDefault(); //quitar comportamiento por defecto.
}
//Al soltar el elemento arrastrado
function evdrop(ev,el) { //ev=el evento; el=receptor de soltado
ev.stopPropagation(); //impedir otras acciones
ev.preventDefault(); //quitar comportamiento por defecto
var data=ev.dataTransfer.getData("text"); //recogemos datos del elemento
mielem=ev.target.appendChild(document.getElementById(data)); //obtenemos el elemento arrastrado
cont1.appendChild(mielem); //ponemos el elemento arrastrado en el mismo sitio donde estaba.
mielem2=mielem.cloneNode(true); //creamos una copia del elemento arrastrado.
mielem2.setAttribute("draggable","false"); //impedimos que el nuevo elemento pueda volver a arrastrarse
el.appendChild(mielem2); //colocamos la copia en el receptor de soltado
}
</script>
<style>
.modal-dialog {
width: 98%;
height: auto;
padding: 0;
}
.modal-content {
height: auto;
}
</style>
</head> </head>
<body > <body >
<!-- <script src="js/jquery.min.js"></script> <!-- <script src="js/jquery.min.js"></script>
@ -133,36 +146,7 @@ revisar_ingreso('');?>
</div> </div>
<?php <?php
/*session_start();
// Comprobamos si existe la variable
if ( !isset ( $_SESSION['grupo'] ) ) {
// Si no existe
header("Location: includes/error.php");
// echo "hola 2";
} */
/*if($_SESSION[prioridad] <= '2'){ }else{
echo consultar_formulario();
*/
/*
formulario_importar("","");
echo "<div id='importador' name='importador'>";
echo "</div> ";
*/
/*formulario_consultar('','');
if($_REQUEST[id] !=''){$onload ="<script type=\"text/javascript\"> xajax_formulario_areas('despacho','$_REQUEST[id]')</script>";}
?>
<div id='despacho' name='despacho' class='div_flotante' style="top:500px; left:500px; position:absolute; " ></div>
<?php echo "$onload ";
}///fin de la seguridad
*/
?> ?>

View File

@ -11,6 +11,7 @@ $xajax->processRequests();
if($_REQUEST[id2] =='') {$agregar= $_REQUEST[id];}else {$agregar = $_REQUEST[id2];} if($_REQUEST[id2] =='') {$agregar= $_REQUEST[id];}else {$agregar = $_REQUEST[id2];}
$formulario_nombre = remplacetas('form_id','id',$_REQUEST[id],'nombre') ; $formulario_nombre = remplacetas('form_id','id',$_REQUEST[id],'nombre') ;
$agregar_nombre = remplacetas('form_id','id',$agregar,'nombre') ; $agregar_nombre = remplacetas('form_id','id',$agregar,'nombre') ;
$plantilla ="mapa";
?> ?>
<!DOCTYPE html> <!DOCTYPE html>
@ -27,35 +28,80 @@ $agregar_nombre = remplacetas('form_id','id',$agregar,'nombre') ;
<link rel="shortcut icon" href="favicon-152.png"> <link rel="shortcut icon" href="favicon-152.png">
<link rel="apple-touch-icon-precomposed" href="favicon-152.png"> <link rel="apple-touch-icon-precomposed" href="favicon-152.png">
<link href="css/font-awesome/css/font-awesome.css" rel="stylesheet"> <link href="css/font-awesome/css/font-awesome.css" rel="stylesheet">
<link href="http://getbootstrap.com/examples/sticky-footer-navbar/sticky-footer-navbar.css" rel="stylesheet">
<script src='https://api.tiles.mapbox.com/mapbox.js/v2.1.2/mapbox.js'></script> <script src='https://api.tiles.mapbox.com/mapbox.js/v2.1.2/mapbox.js'></script>
<link href='https://api.tiles.mapbox.com/mapbox.js/v2.1.2/mapbox.css' rel='stylesheet' /> <link href='https://api.tiles.mapbox.com/mapbox.js/v2.1.2/mapbox.css' rel='stylesheet' />
<link href='https://mapbox.com/base/latest/base.css' rel='stylesheet' />
<!-- <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7/leaflet.css" /> --> <!-- <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7/leaflet.css" /> -->
<link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/estilos.php?hghgSs" rel="stylesheet"> <link href="css/estilos.php?hghgSs" rel="stylesheet">
<style type="text/css"> <style type="text/css">
body { padding: 0; margin: 0; } body { padding: 0; margin: 0; }
/* .leaflet-container h1{font-size:initial !important;}
.leaflet-popup-content { width:600px !important; } .leaflet-container h2{font-size:30px; !important;}
*/
.leaflet-popup-content { width:600px !important; }
body { margin:0; padding:0; } body { margin:0; padding:0; }
#map { position:absolute; top:0; bottom:0; width:100%; } #map { position:absolute; top:0; bottom:0; width:100%; }
/* Sticky footer styles
-------------------------------------------------- */
html {
position: relative;
min-height: 100%;
}
body {
/* Margin bottom by footer height */
margin-bottom: 60px;
}
.footer {
position: absolute;
bottom: 0;
width: auto;
/* Set the fixed height of the footer here */
height: auto;
z-index:200000
}
/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */
body > .container {
padding: 60px 15px 0;
}
.container .text-muted {
margin: 20px 0;
}
.footer > .container {
padding-right: 15px;
padding-left: 15px;
}
code {
font-size: 80%;
}
</style> </style>
<script src="http://code.jquery.com/jquery-2.1.0.min.js"></script> <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
<!-- <link rel="points" type="application/json" href="json.php?id=<?php echo $_REQUEST["id"] ?>"> --> <!-- <link rel="points" type="application/json" href="json.php?id=<?php echo $_REQUEST["id"] ?>"> -->
</head> </head>
<body> <body>
<div id='map'></div>
<div id='map'>
<div class='footer' ><?php echo $categorias = lista_categorias($_REQUEST[id],'','') ; ?></div>
</div>
<script> <script>
L.mapbox.accessToken = 'pk.eyJ1IjoiZmNhc3Ryb3QiLCJhIjoiY2lnOWw1bmd1MG93eXVsbTJpcmluYTBxdCJ9.yG7C1rEH6-MpZBEEb68IVg'; L.mapbox.accessToken = 'pk.eyJ1IjoiZmNhc3Ryb3QiLCJhIjoiY2lnOWw1bmd1MG93eXVsbTJpcmluYTBxdCJ9.yG7C1rEH6-MpZBEEb68IVg';
/* var map = L.mapbox.map('map', 'examples.map-i86nkdio')*/ /* var map = L.mapbox.map('map', 'examples.map-i86nkdio')*/
var map = L.mapbox.map('map', 'mapbox.streets') var map = L.mapbox.map('map', 'mapbox.streets')
.setView([40, -74.50], 8); .setView([40, -74.50], 8);
var geoJson = [ <?php echo imprime_geojson("$_REQUEST[id]","$_REQUEST[id2]");?> ]; var geoJson = [ <?php echo imprime_geojson("$_REQUEST[id]","$_REQUEST[id2]","$plantilla");?> ];
var myLayer = L.mapbox.featureLayer() var myLayer = L.mapbox.featureLayer()
.setGeoJSON(geoJson) .setGeoJSON(geoJson)
.addTo(map); .addTo(map);
@ -79,9 +125,10 @@ myLayer.on('layeradd', function(e) {
map.fitBounds(myLayer.getBounds()); map.fitBounds(myLayer.getBounds());
myLayer.setGeoJSON(geoJson); myLayer.setGeoJSON(geoJson);
</script> </script>
<div class="panel-map" id='panel_map_<?php echo $id ?>' style="">
<div role='row' class='row center-block' style="; "><?php echo mapa_ficha("$_REQUEST[id]");?></div> <div class="panel-map" id="panel_map_<?php echo $_REQUEST[id] ?>" >
<a class="btn btn-primary btn-block" href="#" onclick="xajax_formulario_modal('<?php echo $agregar ?>'); ">Agregar<br> <?php echo $agregar_nombre[0]; ?></a> <?php echo mapa_ficha("$_REQUEST[id]");?>
</div> </div>
<!-- Modal --> <!-- Modal -->