Plantillas de FID (Formularios de Ingreso de Datos)

Los Formularios de Ingreso de Datos corresponden a las interfaces web a través de las cuales se crean los artículos, ingresando a través de ellos todos los elementos que los componen: textos, imágenes, multimedia y metadata. Cada uno de estos elementos posee un nombre que corresponde al nombre del control en el formulario web. Las plantillas de FID poseen algunas marcas (placeholders) especiales que son usadas para controlar la aparición de algunos controles, como por ejemplo los combo-box de taxonomía.

Estructura

Un FID está compuesto por:

  • Pestañas que contienen los campos que ingresará el operador.

  • Sector de botones de operación (guardar, previsualizar, etc.).

  • Combo-boxes para selección de FID y plantilla de artículo.

  • Banco de imágenes.

  • Control VTXT (Visual Text) que permite un interfaz más amigable al operador para la modificación de formatos (negrita, cursiva, etc.).

  • Desde la versión Prontus v11.2.95, el límite el límite máximo de archivos es de 2000 y 10 minutos de máxima antigüedad.

El código del FID es separado por comentarios para ayudar al desarrollador a realizar modificaciones más fácilmente. Los comentarios que más se distinguen son:

< !-- Taxonomia -- >
...
< !-- /Taxonomia -- >
< !-- Rutinas y variables estandar -- >
< script >..........< /script >
< !-- /Rutinas y variables estandar -- >
< !-- Estilo para ocultar inicialmente los DIVs (NEW_VTXT)-- >
< !-- fila titular -- >...< !-- /fila titular -- >
< !-- fila botones -- >
< !-- Guardar -- > < !-- /Guardar -- >
< !-- Guardar y Nuevo-- > < !-- /Guardar y Nuevo-- >
< !--Ver Actual-- > < !--/Ver Actual-- >
< !--Previsualizar-- > < !--/Previsualizar-- >
< !--Cerrar-- > < !--/Cerrar-- >
< !-- /fila botones -- >
< !-- fila tabs -- >
< !--TABS-- >
corresponden a las pestañas, por ejemplo:
< !--cabecera-- >........< !--/cabecera-- >
< !--cuerpo-- >..........< !--/cuerpo-- >
< !--fotos-- >...........< !--/fotos-- >
< !--/TABS-- >
< !-- /fila tabs -- >
< !-- A continuacion, los bodys de las diferentes secciones de este FID -- >
< !-- cabecera -- >..........< !-- /cabecera -- >
< !-- cuerpo -- >............< !-- /cuerpo -- >
< !-- Fotos fijas -- >.......< !-- /Fotos fijas -- >
< !-- recuadro -- >..........< !-- /recuadro -- >

 

FID General

El FID denominado fid_general.html es obligatorio y debe estar asociada con la plantilla de artículo general.html. En caso de no existir el sistema desplegará un error en el momento de presionar el botón Nuevo Artículo.

Marcas obligatorias

La única marca obligatoria es la marca Titular (_TXT_TITULAR), por ende todo FID deberá contenerla. Recordar que en caso de que el operador no ingrese datos en este campo, se llenará automáticamente con el valor 'Sin título'.

Configurar ingreso masivo de fotos

Ubicar en el código los comentarios HTML < !-- fotosextras -- >........< !-- /fotosextras -- >, dentro de ellas se puede configurar el número de fotos utilizando la marca FOTO_N(nº), tal como muestra el ejemplo:

 

< !-- fotosextras -- >

< div id="bodyupload" class="BODYS" >

< table width="100%" cellspacing="0" class="TW" >

< tr >

< td align="center" colspan="2" >

Escoja las im&aacute;genes que desea subir simultáneamente.< br >

< span class="ST" >Estas quedarán disponibles en la columna "Imágenes" de este formulario.< /span >< br >< /td >

< /tr >

< tr >

< td align="center" >< input type="file" name="FOTO_N1" >< /td >

< td align="center" >< input type="file" name="FOTO_N2" >< /td >

< /tr >

< tr >

< td align="center" >< input type="file" name="FOTO_N3" >< /td >

< td align="center" >< input type="file" name="FOTO_N4" >< /td >

< /tr >

< tr >

< td align="center" >< input type="file" name="FOTO_N5" >< /td >

< td align="center" >< input type="file" name="FOTO_N6" >< /td >

< /tr >

< tr >

< td align="center" colspan="2" >< br >

< input type="button" value="Guardar fotos"

onclick="document.f1._ACCI.value='Guardar'; document.f1.action='prontus_art_sbmit.cgi'; document.f1.target='_self'; on_submit('actualiza'); return false;"

STYLE="color:black;width:95px;height:18px;" >< br >< br >< /td >

< /tr >

< /table >

< /div >

< !-- /fotosextras -- >

FiD General
El FID denominado fid_general.html es obligatorio y debe estar asociada con la plantilla de artículo general.html. En caso de no existir el sistema desplegará un error en el momento de presionar el botón Nuevo Artículo.
Marcas obligatorias
La única marca obligatoria es la marca Titular (_TXT_TITULAR), por ende todo FID deberá contenerla. Recordar que en caso de que el operador no ingrese datos en este campo, se llenará automáticamente con el valor “Sin título”.
Configurar ingreso masivo de fotos
Ubicar en el código los comentarios HTML < !-- fotosextras -- >........< !-- /fotosextras -- >, dentro de ellas se puede configurar el número de fotos utilizando la marca FOTO_N(nº), tal como muestra el ejemplo:

 

Configurar botones

Los botones disponibles son: Guardar, Guardar y Nuevo, Ver artículo actual, Previsualizar y Cerrar.

Es posible quitar alguno o darles un orden distinto, para esto ubicar los comentarios HTML < !-- fila botones -- > < !-- /fila botones -- >, dentro de estos se encuentran definido los botones, los que fácilmente pueden ser reconocidos porque su código se encierran entre comentarios.

 

< !-- fila botones -- >
< tr >
< td class="TBNSEC" align="center" style="border-bottom:0px;border-right:0px;" >
< table width="62%" class="TABTAX" border="0" cellspacing="0" cellpadding="0" align="center" >
< tr >
< td class="TBNSEC" align="left" >%%_CMB_TIPO%%< /td >
< td class="TBNSEC" align="left" width="10" > < /td >
< td class="TBNSEC" align="left" >%%_PLT%%< /td >
< td class="TBNSEC" align="left" width="5" > < /td >

< !-- Guardar -- >
< td class="TBNSEC" align="left" >
< input name="_ACCI" type="hidden" value="" >
< a href="javascript:void(0);" onMouseOver="ima_on('actualiza')" onMouseOut="ima_of('actualiza')"
onClick="document.f1._ACCI.value='Guardar'; document.f1.action='prontus_art_sbmit.cgi'; document.f1.target='_self'; on_submit('actualiza'); return false;" >< img name="actualiza"
src="%%_REL_PATH_PRONTUS%%/cpan/core/imag/cpan/actualiza_of.gif"
width="30" height="30" border="0" title="Guardar" alt="Guardar" valign="bottom" class="imgbtn" >< /a >
< /td >

< td class="TBNSEC" align="left" width="7" > < /td >

< !-- /Guardar -- >

< !-- Guardar y Nuevo-- >
< td class="TBNSEC" align="left" >
< a href="javascript:void(0)" onMouseOver="ima_on('guardar2')" onMouseOut="ima_of('guardar2')"
onClick="document.f1._ACCI.value='Guardar y Nuevo'; document.f1.action='prontus_art_sbmit.cgi'; document.f1.target='_self'; on_submit('guardar2');return false;" >< img name="guardar2"
src="%%_REL_PATH_PRONTUS%%/cpan/core/imag/cpan/guardar2_of.gif"
width="30" height="30" border="0" title="Guardar y Nuevo" alt="Guardar y Nuevo" class="imgbtn" >< /a >
< /td >

< td class="TBNSEC" align="left" width="10" > < /td >

< !-- /Guardar y Nuevo-- >

< td class="TBNSEC" align="left" width="5" >
< img src="%%_REL_PATH_PRONTUS%%/cpan/core/imag/cpan/divide.gif"
width="5" height="30" border="0" alt="" title="" class="imgbtn" >
< /td >
< td class="TBNSEC" align="left" width="5" > < /td >
< td class="TBNSEC" align="right" valign="top" >< div align="left" style="margin-left:5px" >%%_CMB_MV%%< /div >< /td >
< td class="TBNSEC" align="left" width="5" > < /td >

< !--Ver Actual-- >
< td class="TBNSEC" align="right" valign="bottom" >
< a href="javascript:void(0)" onMouseOver="ima_on('actual')" onMouseOut="ima_of('actual')"
onclick="ver_actual('%%_FILE%%')" >< img name="actual"
src="%%_REL_PATH_PRONTUS%%/cpan/core/imag/cpan/actual_of.gif"
width="30" height="30" border="0" alt="Ver artículo actual" title="Ver artículo actual" class="imgbtn" >< /a >
< /td >
< td class="TBNSEC" align="left" width="7" > < /td >
< !--/Ver Actual-- >

< !--Previsualizar-- >
< td class="TBNSEC" align="right" >
< a href="javascript:void(0)" onMouseOver="ima_on('preview')" onMouseOut="ima_of('preview')"
onClick="document.f1._ACCI.value='Previsualizar'; document.f1.action='prontus_art_sbmit.cgi'; document.f1.target='_blank'; on_submit('preview');return false;" >< img name="preview"
src="%%_REL_PATH_PRONTUS%%/cpan/core/imag/cpan/preview_of.gif"
width="30" height="30" border="0" alt="Previsualizar" title="Previsualizar" class="imgbtn" >< /a >
< /td >
< td class="TBNSEC" align="left" width="7" > < /td >
< !--/Previsualizar-- >

< !--Cerrar-- >
< td class="TBNSEC" align="right" >
< a href="javascript:void(0)" onMouseOver="ima_on('cerrar')" onMouseOut="ima_of('cerrar')"
onClick="ima_ac('cerrar');self.close();opener.focus();return false;" >< img name="cerrar"
src="%%_REL_PATH_PRONTUS%%/cpan/core/imag/cpan/cerrar_of.gif"
width="30" height="30" border="0" alt="Cerrar" title="Cerrar" class="imgbtn" >< /a >
< /td >
< td class="TBNSEC" align="left" width="7" > < /td >
< !--/Cerrar-- >
< td class="TBNSEC" align="right" >< img name="clock" src="%%_REL_PATH_PRONTUS%%/cpan/core/imag/cpan/reloj.gif" width="30" height="30" class="imgbtn" >< /td >
< /tr >
< /table >
< /td >
< /tr >
< !-- /fila botones -- >

 

Las marcas resaltadas de color verde se utilizan para:

  • %%_CMB_TIPO%%: se reemplaza por una combobox con el listado de FIDs.

  • %%_PLT%%: se reemplaza por una combobox con el listado de plantillas de artículo asociado al FID, generalmente es sólo uno.

  • %%_CMB_MV%%: se reemplaza por una combobox con el listado de multivistas.

 

Configurar pestañas

Las pestañas son configurables, las que típicamente existen son: cabecera, cuerpo, foto, recuadro, archivos, multimedia. Un FID puede tener menos pestañas o con distintos nombres.

Para ingresar una nueva pestaña, se debe:

  1. Ir a la carpeta /prontus_< nombre >/cpan/fid y editar el FID.

  2. Dentro del código ubicar el comentario HTML < !--TABS-- >, copiar una de las pestañas existentes, por ejemplo el de la cabecera.

 

< !--cabecera-- >

< div id="DBOT" >

< table border="0" cellspacing="0" cellpadding="0" class="TBUTTONS" >

< tr >

< td width="1%" >< img src="%%_REL_PATH_PRONTUS%%/cpan/core/imag/cpan/corner1.gif" width="20" height="19" >< /td >

< td width="99%" class="TBUTTONS" nowrap >< a href="javascript:void(0)" id="a1" onclick="show_body('body1');return false;" class="TAB" >< b >Cabecera< /b >< /a >< /td >

< td width="1%" >< img src="%%_REL_PATH_PRONTUS%%/cpan/core/imag/cpan/corner2.gif" width="7" height="19" >< /td >

< /tr >

< /table >

< /div >

< !--/cabecera-- >

  1. Modificar los valores de id y show_body por el número correlativo que corresponda, es decir, si existen dos pestañas la nueva correspondería id=”a4” y show_body('body4'). Además modificar del texto que diferenciará la pestaña y el nombre del comentario HTML que ayuda a diferenciarla.

 

< !--recuadro-- >

< div id="DBOT" >

< table border="0" cellspacing="0" cellpadding="0" class="TBUTTONS" >

< tr >

< td width="1%" >< img src="%%_REL_PATH_PRONTUS%%/cpan/core/imag/cpan/corner1.gif" width="20" height="19" >< /td >

< td width="99%" class="TBUTTONS" nowrap >< a href="javascript:void(0)" id="a4" onclick="show_body('body4');return false;" class="TAB" >< b >Recuadro< /b >< /a >< /td >

< td width="1%" >< img src="%%_REL_PATH_PRONTUS%%/cpan/core/imag/cpan/corner2.gif" width="7" height="19" >< /td >

< /tr >

< /table >

< /div >

< !--/recuadro-- >

  1. Agregar los campos que contendrá la nueva pestaña. Copiar uno de los contenidos de pestañas existentes que se encuentran después del comentario < !-- A continuacion, los bodys de las diferentes secciones de este FID -- >y realizar las modificaciones. Se debe modificar el atributo id del tag < div > de inicio, debe tener el mismo valor que la función show_body, definida en el paso anterior.

 

< !-- recuadro -- >

< div id="body4" class="BODYS" vtxt_id="VTXT_RECUADRO" >

< table width="100%" cellspacing="0" class="TW" >

< tr >

< td align="right" width="150" >Titular del Recuadro:< /td >

< td align="left" > < INPUT name="TXT_titurecuadro" size="50" value="%%TXT_titurecuadro%%" > < /td >

< /tr >

< /table >

< BR >

< table width="100%" cellspacing="0" >

< tr >

< td >

< !-- CONTROL VTXT -- >

< textarea id="VTXT_RECUADRO" name="VTXT_RECUADRO" vtxt="1" style="display:none; height:355px;" bordetablas="#000000" >

%%VTXT_RECUADRO%%< /textarea >< /td >

< /tr >

< /table >

< /div >

< !-- /recuadro -- >

Quitar el banco de imágenes

Para artículos que no necesitan incorporar fotos, es posible quitar del FID el banco de imágenes. Para esto eliminar el código que existe entre los comentarios:

< !-- fotosextras -- > < !-- /fotosextras -- > y < !-- fotos -- >< !-- /fotos -- >.

Tipo de artículo

Para identificar el tipo de artículo creado, se puede incorporar un campo oculto en el FID: < input type="hidden" name="tgeneral" value="1" >, donde el atributo name contiene el tipo de artículo. Generalmente se usa la nomenclatura t+< nombre plantilla > (la letra t es de tipo).

Esto es de mucha utilidad al momento de crear las áreas en la plantilla de portada.

Asociar un FID a Prontus

Se realiza ingresando al archivo de configuración prontus_< nombre >-art.cfg, un nuevo parámetro con el nombre del FID y de la plantilla de artículo asociada, por ejemplo: FORM_PLTS = 'fid_link.html:Link(link.html)

Para asociar un FID a Prontus a tráves del cpan se debe ingresar a Administración > Configuración > Artículos donde se muestra la lista de los FIDs y sus plantillas ya asociadas a Prontus. Al final de la lista se encuentra el siguiente campo en donde debemos ingresar los datos de nuestro nuevo FID.

Imagen foto_00000003

Se ingresa nombre para el nuevo FID, se debe seleccionar de la lista el nuevo FIDs e indicar cual es la plantilla para el nuevo FID, para finalmente guardar la configuración.

Revisar y descargar XML
Desde la release 11.2.74 se puede visualizar y descargar el XML de un artículo desde el CPAN Prontus. Al abrir un artículo se puede hacer click en el botón "Ver más información" junto al titular del artículo.

Imagen foto_00000001
Botón "Ver más información"

En el popup que aparece al hacer click, la línea "Datos Guardados" contiene un enlace que muestra el XML del artículo Prontus.

Imagen foto_00000002
Descarga de XML de artículo

 

Parámetro para marca Macro

Desde la versión 11.2.81, se puede especificar un segundo parámetro opcional en las marcas MACRO, para indicar un identificador. Por ejemplo:
%%MACRO(macro_campo.html, 1)%%Permitirá usar la marca %%id%% dentro de esa macro, con el valor indicado (1):
< input type="text" name="txt_campo%%id%%" / >Resultando en un archivo final con el siguiente código:
< input type="text" name="txt_campo1" / >