public static string RenderDivEnBlanco(AtributosHtml atributos)
{
var valores = atributos.MapearComunes();
valores["CssContenedor"] = Css.Render(enumCssControlesDto.ContenedorFecha);
var htmlDivEnBlanco = PlantillasHtml.Render(PlantillasHtml.DivEnBlanco, valores);
return(htmlDivEnBlanco);
}
private string RenderCabeceraExpansor()
{
var valores = new Dictionary <string, object>();
valores["IdHtml"] = IdHtml;
valores["cssClase"] = Css.Render(enumCssExpansor.Expansor);
valores["Evento"] = $"Crud.EventosDeExpansores('{TipoDeAccionExpansor.OcultarMostrarBloque}','expandir.{IdHtml}.input;{IdHtml}-cuerpo')";
valores["Titulo"] = Etiqueta;
return(PlantillasHtml.Render(PlantillasHtml.CabeceraExpansor, valores));
}
private static string RenderSelectorImagen(DescriptorDeTabla tabla, DescriptorDeControlDeLaTabla descriptorControl, double ancho)
{
var atributos = descriptorControl.atributos;
var htmlContenedor = RenderContenedorDto(descriptorControl, ancho, Css.Render(enumCssControlesDto.ContenedorArchivo));
var idHtmlBarra = $"barra-{descriptorControl.IdHtml}";
var idHtmlImg = $"img-{descriptorControl.IdHtml}";
var idHtmlCanva = $"canvas-{descriptorControl.IdHtml}";
var idHtmlInfoArchivo = $"nombre-{descriptorControl.IdHtml}";
var htmlArchivo = @$ "
<form class=¨{Css.Render(enumCssControlesDto.FormDeArchivo)}¨ method=¨post¨ enctype=¨multipart/form-data¨>
private object htmlRenderPie(DescriptorDeTabla tabla)
{
var htmContenedorPie =
$@"
<Div id=¨{IdHtml}¨ class=¨{Css.Render(enumCssEdicion.ContenedorId)}¨>
{RenderInputId(tabla)}
</Div>
";
return(htmContenedorPie);
}
private object RenderEditor(ControlDeFormulario control)
{
var htmlfilaEditor = $@"
<td class = ¨{Css.Render(enumCssFormulario.columnaLabel)}¨>
<label for=¨{control.IdHtml}¨>{control.Etiqueta}</label>
</td>
<td class = ¨{Css.Render(enumCssFormulario.columnaControl)}¨>
{((ControlDeEdicion)control).RenderEditor()}
</td>";
return(htmlfilaEditor);
}
public override string RenderControl()
{
var a = AtributosHtml.AtributosComunes($"div_{IdHtml}", IdHtml, PropiedadHtml, Tipo);
var valores = a.MapearComunes();
valores["CssContenedor"] = Css.Render(enumCssFiltro.ContenedorListaDeElementos);
valores["Css"] = Css.Render(enumCssFiltro.ListaDeElementos);
valores["ClaseElemento"] = SeleccionarDe;
valores["MostrarExpresion"] = MostrarExpresionHtml;
return(PlantillasHtml.Render(PlantillasHtml.listaDeElementosFlt, valores));
}
public override string RenderControl()
{
return($@"<div id = ¨{IdHtml}¨ class=¨{Css.Render(enumCssControlesFormulario.ContenedorOpcion)}¨>
<input id=¨{IdHtml}¨
type=¨button¨
class=¨{Css.Render(enumCssOpcionMenu.Basico)}¨
value=¨{Etiqueta}¨
onClick=¨{Accion}¨
title=¨{Ayuda}¨/>
</div>
");
}
public override string RenderControl()
{
var menu = "";
var i = 0;
foreach (var opcion in Opciones)
{
menu = $@"{menu}{opcion.RenderOpcion()}";
i++;
}
return($@"<div id=¨{IdHtml}¨ class=¨{Css.Render(enumCssControlesFormulario.Menu)}¨>{menu}</div>");
}
public string RenderCheck()
{
var a = AtributosHtml.AtributosComunes($"div_{IdHtml}", IdHtml, PropiedadHtml, Tipo);
var valores = a.MapearComunes();
valores["CssContenedor"] = Css.Render(enumCssFiltro.ContenedorCheck);
valores["Css"] = Css.Render(enumCssFiltro.Check);
valores["Etiqueta"] = Etiqueta;
valores["Checked"] = ValorInicial.ToString().ToLower();
valores["Accion"] = Accion;
return(PlantillasHtml.Render(PlantillasHtml.checkFlt, valores));
}
public static string RenderFiltroEntreFechas(AtributosHtml atributos)
{
var valores = atributos.MapearComunes();
valores["CssContenedor"] = Css.Render(enumCssFiltro.ContenedorEntreFechas);
valores["Css"] = Css.Render(enumCssFiltro.Fecha);
valores["CssHora"] = Css.Render(enumCssFiltro.Hora);
valores["Placeholder"] = atributos.Ayuda;
var htmSelectorDeFecha = PlantillasHtml.Render(PlantillasHtml.filtroEntreFechas, valores);
return(htmSelectorDeFecha);
}
public static string RenderAbrirEnPestana(AtributosHtml atributos)
{
Dictionary <string, object> valores = atributos.MapearComunes();
valores["CssContenedor"] = Css.Render(enumCssControlesDto.ContenedorEditor);
valores["Css"] = Css.Render(enumCssControlesDto.Editor);
valores["PermisosNecesarios"] = $"{enumModoDeAccesoDeDatos.Administrador.Render()}";
valores["Accion"] = $"Crud.EventosDeExpansores('{TipoDeAccionExpansor.NavegarDesdeEdicion}','{atributos.Url}')";
valores["claseBoton"] = $"{Css.Render(enumCssOpcionMenu.DeElemento)}";
var htmlOpcionDeNavegar = PlantillasHtml.Render(PlantillasHtml.opcionNavegar, valores);
return(htmlOpcionDeNavegar);
}
public static string RenderSelectorDeFechaHora(AtributosHtml atributos)
{
var valores = atributos.MapearComunes();
valores["CssContenedor"] = Css.Render(enumCssControlesDto.ContenedorFecha);
valores["Css"] = Css.Render(enumCssControlesDto.SelectorDeFecha);
valores["CssHora"] = Css.Render(enumCssControlesDto.SelectorDeHora);
valores["Placeholder"] = atributos.Ayuda;
valores["ValorPorDefecto"] = atributos.ValorPorDefecto;
var htmSelectorDeFecha = PlantillasHtml.Render(PlantillasHtml.selectorDeFechaHoraDto, valores);
return(htmSelectorDeFecha);
}
public static string RenderEditorDeTexto(AtributosHtml atributos)
{
var valores = atributos.MapearComunes();
valores["CssContenedor"] = Css.Render(enumCssControlesDto.ContenedorEditor);
valores["Css"] = Css.Render(enumCssControlesDto.Editor);
valores["LongitudMaxima"] = atributos.LongitudMaxima > 0 ? $"{Environment.NewLine}maxlength=¨{atributos.LongitudMaxima}¨" : "";
valores["Placeholder"] = atributos.Ayuda;
valores["ValorPorDefecto"] = atributos.ValorPorDefecto;
var htmlEditorTexto = PlantillasHtml.Render(PlantillasHtml.editorDto, valores);
return(htmlEditorTexto);
}
private static string RenderSelectorDeFecha(DescriptorDeTabla tabla, DescriptorDeControlDeLaTabla descriptorControl)
{
var atributos = descriptorControl.atributos;
Dictionary <string, object> valores = ValoresDeAtributosComunes(tabla, descriptorControl, atributos);
valores["CssContenedor"] = Css.Render(enumCssControlesDto.ContenedorFecha);
valores["Css"] = Css.Render(enumCssControlesDto.SelectorDeFecha);
valores["Placeholder"] = atributos.Ayuda;
valores["ValorPorDefecto"] = atributos.ValorPorDefecto;
var htmSelectorDeFecha = PlantillasHtml.Render(PlantillasHtml.selectorDeFechaDto, valores);
return(htmSelectorDeFecha);
}
public override string RenderControl()
{
var numeroBloques = 0;
var areas = "";
foreach (BloqueDeFitro <TElemento> b in Bloques)
{
if (b.Tabla.Controles.Count > 0)
{
numeroBloques = numeroBloques + 1;
}
}
var tamano = 1.00 / numeroBloques;
var tamanos = "";
foreach (BloqueDeFitro <TElemento> b in Bloques)
{
if (b.Tabla.Controles.Count > 0)
{
numeroBloques = numeroBloques + 1;
if (areas.IsNullOrEmpty())
{
areas = $"'cuerpo-datos-filtro-bloque'";
tamanos = $"{tamano}fr";
}
else
{
areas = $"{areas} 'cuerpo-datos-filtro-bloque'";
tamanos = $"{tamanos} {tamano}fr";
}
}
}
var estilo =
$@"
style = ¨
grid-template-rows: {tamanos};
grid-template-areas: {areas};
¨
";
return($@"<!-- ******************* Filtro ******************* -->
<div id = ¨{IdHtml}¨
class=¨{Css.Render(enumCssCuerpo.CuerpoDatosFiltro)}¨
onkeypress=¨eventoTeclaPulsada¨
{estilo}>
{RenderDeBloquesDeFiltro()}
</div> ");
}
public string RenderExpansor()
{
var valores = new Dictionary <string, object>();
valores["IdHtml"] = IdHtml;
valores["cssClase"] = Css.Render(enumCssExpansor.Contenedor);
valores["cssCabecera"] = Css.Render(enumCssExpansor.Cabecera);
valores["cssCuerpo"] = Css.Render(enumCssExpansor.Cuerpo);
valores["cssPie"] = Css.Render(enumCssExpansor.Pie);
valores["RenderCabeceraDelExpansor"] = RenderCabeceraExpansor();
valores["RenderCuerpoDelExpansor"] = RenderCuerpoExpansor();
valores["RenderPieDelExpansor"] = "";
return(PlantillasHtml.Render(PlantillasHtml.Expansor, valores));
}
private string htmlRenderOpciones()
{
var htmdDescriptorControl = $@"<input id=¨{IdHtml}-crear-mas¨ type=¨checkbox¨ checked/>
<label for=¨{IdHtml}-crear-mas¨>Cerrar tras crear</label>";
var htmContenedorPie =
$@"
<Div id=¨opciones-{IdHtml}¨ class=¨{(!AbrirEnModal ? Css.Render(enumCssCreacion.ContenedorPieOpciones) : Css.Render(enumCssCreacion.ContenedorPieModalOpciones))}¨>
{htmdDescriptorControl}
</Div>
";
return(htmContenedorPie);
}
private object RenderControlDelCuerpo(ControlHtml control)
{
var valores = new Dictionary <string, object>();
valores["IdHtml"] = control.IdHtml;
valores["cssClase"] = Css.Render(enumCssExpansor.ContenedorDeControl);
valores["RenderEtiqueta"] = control.Tipo == Enumerados.enumTipoControl.Opcion
? "" :
RenderEtiqueta(IdHtml, control.Etiqueta);
valores["RenderControl"] = control.RenderControl();
return(PlantillasHtml.Render(PlantillasHtml.ControlDelExpansor, valores));
}
public override string RenderControl()
{
var htmlTabla = $@"
<!-- ***************** tabla de filtrado: {Padre.Etiqueta} ******************* -->
<table id=¨{IdHtml}¨ class=¨{Css.Render(enumCssMnt.MntTablaDeFiltro)}¨>
filas
</table>";
var htmlFilas = "";
for (var i = 0; i < Dimension.Filas; i++)
{
htmlFilas = $"{htmlFilas}{(htmlFilas.IsNullOrEmpty() ? "" : Environment.NewLine)}{RenderFila(i)}";
}
return(htmlTabla.Replace("filas", htmlFilas));
}
private static string RenderCheck(DescriptorDeTabla tabla, DescriptorDeControlDeLaTabla descriptorControl)
{
var atributos = descriptorControl.atributos;
Dictionary <string, object> valores = ValoresDeAtributosComunes(tabla, descriptorControl, atributos);
valores["CssContenedor"] = Css.Render(enumCssControlesDto.ContenedorCheck);
valores["Css"] = Css.Render(enumCssControlesDto.Check);
valores["Checked"] = atributos.ValorPorDefecto.ToString().ToLower();
valores["Etiqueta"] = atributos.Etiqueta;
valores["Accion"] = "";
var htmlCheck = PlantillasHtml.Render(PlantillasHtml.checkDto, valores);
return(htmlCheck);
}
private object RenderArchivo(ControlDeArchivo control)
{
var htmlfilaArchivo = $@"
<td class = ¨{Css.Render(enumCssFormulario.columnaLabel)}¨>
<a id=¨{control.IdHtmlSelector}¨
class=¨{Css.Render(enumCssControlesFormulario.SelectorArchivo)}¨
href=¨javascript:ApiDeArchivos.SeleccionarArchivo('{control.IdHtml}')¨>
{control.Etiqueta}
</a>
</td>
<td class = ¨{Css.Render(enumCssFormulario.columnaControl)}¨>
{control.RenderArchivo()}
</td>";
return(htmlfilaArchivo);
}
private string RenderMenuDelMnt()
{
var htmlParteSuperiror = $@"
<!-- ******************* menú ******************* -->
<div id = ¨contenedor.{IdHtml}.MenuDelMnt¨ class=¨{Css.Render(enumCssMnt.MntMenuContenedor)}¨>
<div id = ¨contenedor.{IdHtml}.ZonaMenuDelMnt¨ class=¨{Css.Render(enumCssDiv.DivVisible)} {Css.Render(enumCssMnt.MntMenuZona)}¨>
{ZonaMenu.RenderControl()}
</div>
<div id = ¨div.mostrar.{IdHtml}¨ class=¨{Css.Render(enumCssDiv.DivVisible)} {Css.Render(enumCssMnt.MntFiltroExpansor)}¨>
<a id = ¨mostrar.{IdHtml}.ref¨ href=¨javascript:Crud.{GestorDeEventos.EventosDelMantenimiento}('{TipoDeAccionDeMnt.OcultarMostrarFiltro}', '{("")}');¨>Ocultar filtro</a>
<input id=¨expandir.{IdHtml}¨ type=¨hidden¨ value=¨1¨ >
</div>
</div>";
return(htmlParteSuperiror);
}
public override string RenderControl()
{
string formularioHtml;
try
{
formularioHtml = $@"
<!-- ******************* cabecera de los datos del formulario ******************* -->
<div id=¨{Cabecera.IdHtml}¨ class=¨cuerpo-cabecera¨ controlador={Controlador} accion={Vista} datos={Cuerpo.IdHtml} pie={Pie.IdHtml}>
{Cabecera.RenderCabecera()}
</div>
<!-- ******************* datos del formulario ******************* -->
<div id=¨{Cuerpo.IdHtml}¨ class=¨cuerpo-datos¨ style= ¨grid-template-rows: 0% 0% 100%;¨>
<div id = formulario-filtro class=¨{Css.Render(enumCssCuerpo.CuerpoDatosFiltro)}¨ style=¨display: none; height: 0px; width: 0px;¨>
</div>
<div id = formulario-grid class=¨{Css.Render(enumCssCuerpo.CuerpoDatosGrid)}¨ style=¨display: none; height: 0px; width: 0px;¨>
</div>
<div id = formulario-cuerpo class=¨{Css.Render(enumCssCuerpo.CuerpoDatosFormulario)}¨>
{Cuerpo.RenderCuerpo()}
</div>
</div>
<!-- ******************* pie del formulario ******************* -->
<div id=¨{Pie.IdHtml}¨ class=¨{Css.Render(enumCssCuerpo.CuerpoPie)}¨ style= ¨grid-template-columns: 0% 0% 0% 0% 100%;¨>
<div id=¨formulario-navegador¨ class=¨{Css.Render(enumCssNavegadorEnMnt.Navegador)}¨ style=¨display: none; height: 0px; width: 0px;¨>
</div>
<div id=¨formulario-opciones¨ class=¨{Css.Render(enumCssNavegadorEnMnt.Opcion)}¨ style=¨display: none; height: 0px; width: 0px;¨>
</div>
<div id=¨formulario-mensaje¨ class=¨{Css.Render(enumCssNavegadorEnMnt.Mensaje)}¨ style=¨display: none; height: 0px; width: 0px;¨>
</div>
<div id=¨formulario-infoGrid¨ class=¨{Css.Render(enumCssNavegadorEnMnt.InfoGrid)}¨ style=¨display: none; height: 0px; width: 0px;¨>
</div>
<div id=¨{Pie.IdHtml}-formulario¨ class=¨{Css.Render(enumCssCuerpo.CuerpoPieFormulario)}¨>
{Pie.RenderPie()}
</div>
</div>
";
}
catch (Exception e)
{
return($@"
<input id=error>{e.Message}</input>
");
}
return(formularioHtml);
}
private static string RenderEditor(DescriptorDeTabla tabla, DescriptorDeControlDeLaTabla descriptorControl)
{
var atributos = descriptorControl.atributos;
Dictionary <string, object> valores = ValoresDeAtributosComunes(tabla, descriptorControl, atributos);
valores["CssContenedor"] = Css.Render(enumCssControlesDto.ContenedorEditor);
valores["Css"] = Css.Render(enumCssControlesDto.Editor);
valores["Placeholder"] = atributos.Ayuda;
valores["ValorPorDefecto"] = atributos.ValorPorDefecto;
valores["LongitudMaxima"] = atributos.LongitudMaxima > 0 ?
$"{Environment.NewLine}maxlength=¨{atributos.LongitudMaxima}¨"
: "";
var htmlEditor = PlantillasHtml.Render(PlantillasHtml.editorDto, valores);
return(htmlEditor);
}
public override string RenderControl()
{
AjustarDimensionDeLaTabla();
return($@"
<div id=¨mostrar.{IdHtml}¨ class=¨{Css.Render(enumCssCuerpo.CuerpoDatosFiltroBloque)}¨>
<a id=¨mostrar.{IdHtml}.ref¨
style=¨margin-left: 10px;¨
href=¨javascript:Crud.{GestorDeEventos.EventosDelMantenimiento}('{TipoDeAccionDeMnt.OcultarMostrarBloque}', '{IdHtml}');¨>
bloque: {Etiqueta}
</a>
<input id=¨expandir.{IdHtml}.input¨ type=¨hidden¨ value={(Plegado ? "1" : "0")}>
<div id=¨{IdHtml}¨ class=¨{Css.Render(Plegado ? enumCssDiv.DivVisible : enumCssDiv.DivOculto)}¨>
{Tabla.RenderControl()}
</div>
</div>");
}
private static string RenderAreaDeTexto(DescriptorDeTabla tabla, DescriptorDeControlDeLaTabla descriptorControl)
{
var atributos = descriptorControl.atributos;
Dictionary <string, object> valores = ValoresDeAtributosComunes(tabla, descriptorControl, atributos);
valores["CssContenedor"] = Css.Render(enumCssControlesDto.ContenedorAreaDeTexto);
valores["Css"] = Css.Render(enumCssControlesDto.AreaDeTexto);
valores["Placeholder"] = atributos.Ayuda;
valores["ValorPorDefecto"] = atributos.ValorPorDefecto;
string alto = $"calc({(double)(1.5 * atributos.NumeroDeFilas)}em + .75rem + 2px);".Replace(",", ".");
valores["Estilos"] = $"{valores["Estilos"]}{$" height: {alto}"}";
var htmlArea = PlantillasHtml.Render(PlantillasHtml.AreaDeTextoDto, valores);
return(htmlArea);
}
private static string RenderListaDeElemento(DescriptorDeTabla tabla, DescriptorDeControlDeLaTabla descriptorControl, double ancho)
{
var atributos = descriptorControl.atributos;
Dictionary <string, object> valores = ValoresDeAtributosComunes(tabla, descriptorControl, atributos);
valores["CssContenedor"] = Css.Render(enumCssControlesDto.ContenedorListaDeElementos);
valores["Css"] = Css.Render(enumCssControlesDto.ListaDeElementos);
valores["ClaseElemento"] = atributos.SeleccionarDe.Name;
valores["MostrarExpresion"] = atributos.MostrarExpresion.IsNullOrEmpty() ?
ElementoDto.ValorDelAtributo(atributos.SeleccionarDe, nameof(IUDtoAttribute.MostrarExpresion)) :
atributos.MostrarExpresion;
valores["GuardarEn"] = atributos.GuardarEn;
var htmlSelect = PlantillasHtml.Render(PlantillasHtml.listaDeElementosDto, valores);
return(htmlSelect);
}
public string RenderListaDeValores()
{
var a = AtributosHtml.AtributosComunes($"div_{IdHtml}", IdHtml, PropiedadHtml, Tipo);
var atributos = a.MapearComunes();
atributos["CssContenedor"] = Css.Render(enumCssFiltro.ContenedorListaDeElementos);
atributos["Css"] = Css.Render(enumCssFiltro.ListaDeElementos);
var lista = PlantillasHtml.Render(PlantillasHtml.listaDeValoresFlt, atributos);
var opciones = "<option value='-1'>Seleccionar ...</option>";
foreach (var clave in Opciones.Keys)
{
opciones = $"{opciones}{Environment.NewLine}<option value='{clave}'>{Opciones[clave]}</option>";
}
return(lista.Replace("[opcionesDeLaLista]", opciones));
}
public string RenderMntModal(string idModal, enumTipoDeModal tipoDeModal)
{
Datos.IdHtmlModal = idModal.ToLower();
var htmlMnt =
Filtro.RenderFiltroDeUnaModal(tipoDeModal) + Environment.NewLine +
Datos.RenderControl() + Environment.NewLine;
var htmContenedorMnt =
$@"
<div id=¨{IdHtml}¨
class=¨{Css.Render(enumCssDiv.DivVisible)}¨
grid-del-mnt=¨{Datos.IdHtml}¨
filtro =¨{Filtro.IdHtml}¨ >
{htmlMnt}
</div>
";
return(htmContenedorMnt.Render());
}
private static string RenderRestrictor(DescriptorDeTabla tabla, DescriptorDeControlDeLaTabla descriptorControl, double ancho)
{
var atributos = descriptorControl.atributos;
if (atributos.MostrarExpresion.IsNullOrEmpty())
{
throw new Exception($"no se ha definido el atributo {nameof(atributos.MostrarExpresion)} para el restrictor de la propiedad {descriptorControl.propiedad}");
}
Dictionary <string, object> valores = ValoresDeAtributosComunes(tabla, descriptorControl, atributos);
valores["CssContenedor"] = Css.Render(enumCssControlesDto.ContenedorEditor);
valores["Css"] = Css.Render(enumCssControlesDto.EditorRestrictor);
valores["MostrarExpresion"] = atributos.MostrarExpresion.ToLower();
valores["Placeholder"] = atributos.Ayuda;
valores["ValorPorDefecto"] = atributos.ValorPorDefecto;
valores["Readonly"] = "editable=¨N¨ readonly";
var htmlEditor = PlantillasHtml.Render(PlantillasHtml.restrictorDto, valores);
return(htmlEditor);
}
