HTML |
---|
<div id="main-content" class="wiki-content group">
<h1 id="CentraldeComponentes-Índice">Índice</h1>
<p>
<style type='text/css'>/*<![CDATA[*/
div.rbtoc1412695903163 {
padding: 0px;
}
div.rbtoc1412695903163 ul {
list-style: none;
margin-left: 0px;
}
div.rbtoc1412695903163 li {
margin-left: 0px;
padding-left: 0px;
}
/*]]>*/
</style>
<div class='toc-macro rbtoc1412695903163'>
<ul class='toc-indentation'>
<li><span class='TOCOutline'>1</span> <a
href='#CentraldeComponentes-ObjetivodaCentraldeComponentes'>Objetivo
de la Central de Componentes</a></li>
<li><span class='TOCOutline'>2</span> <a
href='#CentraldeComponentes-DownloaddeumComponente'>Download de
un Componente</a></li>
<li><span class='TOCOutline'>3</span> <a
href='#CentraldeComponentes-DesenvolvimentodeumComponente'>Desarrollo
de un Componente</a></li>
<li><span class='TOCOutline'>4</span> <a
href='#CentraldeComponentes-AdicionarumComponente'>Agregar un
Componente</a></li>
<li><span class='TOCOutline'>5</span> <a
href='#CentraldeComponentes-Habilitar/DesabilitarumComponente'>Habilitar/Deshabilitar
un Componente</a></li>
</ul>
</div>
</p>
<h2 id="CentraldeComponentes-ObjetivodaCentraldeComponentes">Objetivo
de la Central de Componentes</h2>
<p>Central de Componentes es una funcionalidad de Fluig que permite
la personalización de los componentes disponibles en el sistema. Usted
puede realizar el download del componente deseado, personalizarlo de
la forma en que desee y enviarlo nuevamente a Fluig. La opción de
download está disponible solamente para algunos componentes.</p>
<h2 id="CentraldeComponentes-DownloaddeumComponente">Download de
un Componente</h2>
<p>Para personalizar un componente primero se debe realizar el
download del mismo.</p>
<a name="composition-deck-download"></a>
<div id="download" class="deck" history="false" loopcards="false"
effecttype="" effectduration="0.5" nextafter="0.0">
<ul class="tab-navigation"></ul>
<!-- // .tab-navigation -->
<div class="deck-cards panel" style="">
<div id="download-example" class="deck-card " style="" cssclass=""
accesskey="" label="Download" title="" nextafter="0"
effecttype="default" effectduration="-1.0">
<ul>
<li>Para realizar el download del componente, selecciónelo y
haga clic en "Download" en la barra superior de acciones.</li>
</ul>
<div>
<img class="confluence-embedded-image image-center"
src="http://tdn.totvs.com/download/attachments/116359178/exemplo-07.png?version=2&modificationDate=1391022561000&api=v2"
data-image-src="http://tdn.totvs.com/download/attachments/116359178/exemplo-07.png?version=2&modificationDate=1391022561000&api=v2">
</div>
</div>
</div>
</div>
<!-- // .deck -->
<h2 id="CentraldeComponentes-DesenvolvimentodeumComponente">Desarrollo
de un Componente</h2>
<p>
Después del download del widget, el desarrollador debe realizar los
siguientes pasos <strong>antes</strong> de iniciar la
modificación del widget:
</p>
<ol>
<li>Descomprimir el .zip</li>
<li>Importar el proyecto Maven mediante el pom.xml en Eclipse o
su IDE preferido</li>
<li>En el archivo application.info cambiar los siguientes
parámetros:<br />
<ol>
<li><strong>application.code</strong>=NOME_DA_SUA_WIDGET</li>
<li><strong>locale.file.base.name</strong>=NOME_DA_SUA_WIDGET</li>
<li>Eliminar el parámetro <strong>aplicación.extendible</strong>=
true
</li>
<li>Agregar el parámetro <strong>application.origincode</strong> |
Índice
Índice |
---|
outline | true |
---|
style | none |
---|
exclude | .*ndice |
---|
|
Objetivo da Central de Componentes
Central de Componentes é uma funcionalidade do Fluig que permite a customização de componentes disponíveis no sistema. Você pode efetuar o download do componente desejado, customiza-lo da maneira que desejar e enviar ele novamente para o Fluig. A opção de download está disponível somente para alguns componentes.
Download de um Componente
Para customizar um componente é necessário primeiro efetuar o download do mesmo.
Deck of Cards |
---|
effectDuration | 0.5 |
---|
id | download |
---|
history | false |
---|
|
Card |
---|
id | download-example |
---|
label | Download |
---|
| - Para fazer o Download do componente, selecione o mesmo e clique em "Download" na barra superior de ações.
Image Removed |
|
Customização de um Componente
Após o download da widget, o desenvolvedor deve realizar os seguintes passos antes de iniciar a alteração da widget:
...
=NOME_DA_WIDGET_ORIGINAL. |
...
Ejemplo: <strong>socialtimeline</strong>.
</li>
</ol>
</li>
<li>Cambiar el nombre de los archivos de internacionalización del
directorio <strong>src/main/resources</strong>, sustituyendo el
nombre del widget actual por el nombre de su widget:<br />
<ol>
<li><strong>*.properties</strong> a <strong>NOME_DA_WIDGET.properties</strong></li>
<li><strong>*_en_US.properties</strong> a <strong>NOME_DA_WIDGET_en_US. |
...
properties</strong></li>
<li><strong>*_es. |
...
properties</strong> a <strong>NOME_DA_WIDGET_es. |
...
properties</strong></li>
<li><strong>*_pt_BR. |
...
properties</strong> a <strong>NOME_DA_WIDGET_pt_BR. |
...
properties</strong></li>
</ol>
</li>
<li>Cambiar el contexto del proyecto Web en el archivo <strong>jboss-web.xml</strong> situado
en el directorio <strong>src/main/webapp/WEB- |
...
INF</strong>:
<ol>
<li><context-root><strong>/NOME_DA_ |
...
WIDGET</strong></context-root> |
...
Pronto. A widget está pronta para ser customizada e compilada para poder ser feito o upload!
Adicionar um Componente
Para adicionar um Componente no Fluig faça o login como Administrador do Fluig ou da Empresa.
Acompanhe os passos a seguir:
Deck of Cards |
---|
effectDuration | 0.5 |
---|
id | exemplos |
---|
history | false |
---|
|
Card |
---|
default | true |
---|
id | 1 |
---|
label | Passo 1 |
---|
| Image Removed
|
Card |
---|
| Image Removed
|
Card |
---|
| Image Removed
|
Card |
---|
| Image Removed
|
|
Habilitar/Desabilitar um Componente
Deck of Cards |
---|
effectDuration | 0.5 |
---|
id | exemplos2 |
---|
history | false |
---|
|
Card |
---|
| - Selecione o componente que deseja habilitar e clique no menu de ações superior "Habilitar".
Image Removed
|
Card |
---|
| - Selecione o componente que deseja desabilitar e clique no menu de ações superior "Desabilitar".
Image Removed
|
|
...
</li>
</ol></li>
</ol>
<p>Listo. ¡El widget está listo para ser personalizado y recopilado
para poder realizarse el upload!</p>
<h2 id="CentraldeComponentes-AdicionarumComponente">Agregar un
Componente</h2>
<p>
<span style="color: rgb(34, 34, 34);">Para agregar un
Componente en Fluig haga login como Administrador de Fluig o de la
Empresa.</span>
</p>
<p>Siga los pasos a continuación:</p>
<a name="composition-deck-exemplos"></a>
<div id="exemplos" class="deck" history="false" loopcards="false"
effecttype="" effectduration="0.5" nextafter="0.0">
<ul class="tab-navigation"></ul>
<!-- // .tab-navigation -->
<div class="deck-cards panel" style="">
<div id="1" class="deck-card active-pane" style="" cssclass=""
accesskey="" label="Passo 1" title="" nextafter="0"
effecttype="default" effectduration="-1.0">
<ul>
<li><p>
<span style="color: rgb(34, 34, 34);">Ir a: </span><em><span
style="color: rgb(34, 34, 34);">Panel de
control/WCM/Central de Componentes.</span></em>
</p></li>
</ul>
<p>
<img class="confluence-embedded-image image-center"
src="http://tdn.totvs.com/download/attachments/116359178/exemplo-01.png?version=2&modificationDate=1391018870000&api=v2"
data-image-src="http://tdn.totvs.com/download/attachments/116359178/exemplo-01.png?version=2&modificationDate=1391018870000&api=v2">
</p>
</div>
<div id="2" class="deck-card " style="" cssclass="" accesskey=""
label="Passo 2" title="" nextafter="0" effecttype="default"
effectduration="-1.0">
<ul>
<li><p>
<span style="color: rgb(34, 34, 34);">Haga clic en "Choose
File" para seleccionar el Componente deseado.</span>
</p></li>
</ul>
<p>
<img class="confluence-embedded-image image-center"
src="http://tdn.totvs.com/download/attachments/116359178/exemplo-02.png?version=3&modificationDate=1391018879000&api=v2"
data-image-src="http://tdn.totvs.com/download/attachments/116359178/exemplo-02.png?version=3&modificationDate=1391018879000&api=v2">
</p>
</div>
<div id="3" class="deck-card " style="" cssclass="" accesskey=""
label="Passo 3" title="" nextafter="0" effecttype="default"
effectduration="-1.0">
<ul>
<li><p>
<span style="color: rgb(34, 34, 34);">Después de
seleccionar el archivo, haga clic en "Enviar".</span>
</p></li>
</ul>
<p>
<img class="confluence-embedded-image image-center"
src="http://tdn.totvs.com/download/attachments/116359178/exemplo-03.png?version=2&modificationDate=1391018896000&api=v2"
data-image-src="http://tdn.totvs.com/download/attachments/116359178/exemplo-03.png?version=2&modificationDate=1391018896000&api=v2">
</p>
</div>
<div id="4" class="deck-card " style="" cssclass="" accesskey=""
label="Pssso 4" title="" nextafter="0" effecttype="default"
effectduration="-1.0">
<ul>
<li><p>
<span style="color: rgb(34, 34, 34);">Después de hacer
clic en "Enviar" se agregará el componente en la lista de
componentes.</span>
</p></li>
</ul>
<p>
<img class="confluence-embedded-image image-center"
src="http://tdn.totvs.com/download/attachments/116359178/exemplo-04.png?version=3&modificationDate=1391018905000&api=v2"
data-image-src="http://tdn.totvs.com/download/attachments/116359178/exemplo-04.png?version=3&modificationDate=1391018905000&api=v2">
</p>
</div>
</div>
</div>
<!-- // .deck -->
<h2 id="CentraldeComponentes-Habilitar/DesabilitarumComponente">Habilitar/Deshabilitar
un Componente</h2>
<a name="composition-deck-exemplos2"></a>
<div id="exemplos2" class="deck" history="false" loopcards="false"
effecttype="" effectduration="0.5" nextafter="0.0">
<ul class="tab-navigation"></ul>
<!-- // .tab-navigation -->
<div class="deck-cards panel" style="">
<div id="5" class="deck-card " style="" cssclass="" accesskey=""
label="Habilitar" title="" nextafter="0" effecttype="default"
effectduration="-1.0">
<ul>
<li>Seleccione el componente que desea habilitar y haga clic
en el menú superior de acciones "Habilitar".</li>
</ul>
<p>
<img class="confluence-embedded-image image-center"
src="http://tdn.totvs.com/download/attachments/116359178/exemplo-05.png?version=2&modificationDate=1391022551000&api=v2"
data-image-src="http://tdn.totvs.com/download/attachments/116359178/exemplo-05.png?version=2&modificationDate=1391022551000&api=v2">
</p>
</div>
<div id="6" class="deck-card " style="" cssclass="" accesskey=""
label="Desabilitar" title="" nextafter="0" effecttype="default"
effectduration="-1.0">
<ul>
<li><span>Seleccione el componente que desea
deshabilitar y haga clic en el menú superior de acciones
"Deshabilitar".</span><span> </span></li>
</ul>
<p>
<img class="confluence-embedded-image image-center"
src="http://tdn.totvs.com/download/attachments/116359178/exemplo-06.png?version=2&modificationDate=1391022554000&api=v2"
data-image-src="http://tdn.totvs.com/download/attachments/116359178/exemplo-06.png?version=2&modificationDate=1391022554000&api=v2">
</p>
</div>
<p> </p>
<p> </p>
</div>
</div>
<!-- // .deck -->
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
|