/*
Existen los emergentes con pestañas. Adicionalmente cada pestaña puede tener algo así
como una burbuja contador asociada, pero de eso no se muestra ejemplo aquí. Este es
el funcionamiento básico
*/
//PHP
//declaramos los tabs:
$tabs['Centros'] = [
"tipo"=>"pestaña",
"cache"=>false, //sirve para que una llamada no se cachee y cada vez que pulsamos en el tab se vuelva a actualizar. Creo que solo funciona con Api, lógicamente
"rotulo"=>"Variables de centro",
"ayuda"=>"Variables asociadas directamente al centro",
"seleccionado"=>true,
"contenido"=> $cont_tab_centros
//"contenido"=> "html aquí, o alternativamente llamada a api"
//"api"=>["api"=>"SgicTareas.contenidoInstanciasDisparadas","idregistro"=>$this->datos->id]
];
$tabs['Genericas'] = [
"tipo"=>"pestaña",
"rotulo"=>"Variables genéricas",
"ayuda"=>"Conjunto de variables no directamente asociadas al centro",
"seleccionado"=>false,
"contenido"=> $cont_tab_genericas
//"contenido"=> "html aquí, o alternativamente llamada a api"
//"api"=>["api"=>"SgicTareas.contenidoInstanciasDisparadas","idregistro"=>$this->datos->id]
];
//llamada a emergente con pestañas=> true y botones que hace referencia a nuestro array de tabs
$s.= $Plugins->emergente([
"_escritura"=>true,
"_class"=> "emergenteTabs",
"titulo"=>"Administración de variables",
"color"=> "normal",
"modo"=>"estatico",
"scroll" => true,
"simple" => true,
"sinBorde" => true,
"pestañas"=>true,
"botones"=>$tabs,
"scroll"=>1,
"anchura"=>"90%"
]);
//JS
//se dispara un evento cada vez que se cambia de TAB
//creo que si la llamada es de tipo API, no se realiza hasta hacer click en el tab,
//y que el contenido, una vez creado, no se elimina del DOM.
this.quontrol.on("pestañaSeleccionada", ".emergenteTabs", function(e, tab){
quontrol.data("pestaña", tab.clave=="Centros" ? 1 : 2);
});