HTML


<div id="main-content" class="wiki-content group">
	<h1 id="CentraldeComponentes-Índice">Contents</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'>Objective
					of the Component Center</a></li>
			<li><span class='TOCOutline'>2</span> <a
				href='#CentraldeComponentes-DownloaddeumComponente'>Component
					Download</a></li>
			<li><span class='TOCOutline'>3</span> <a
				href='#CentraldeComponentes-DesenvolvimentodeumComponente'>Component
					Development</a></li>
			<li><span class='TOCOutline'>4</span> <a
				href='#CentraldeComponentes-AdicionarumComponente'>Add a
					Component</a></li>
			<li><span class='TOCOutline'>5</span> <a
				href='#CentraldeComponentes-Habilitar/DesabilitarumComponente'>Enable/Disable
					a Component</a></li>
		</ul>
	</div>
	</p>
	<h2 id="CentraldeComponentes-ObjetivodaCentraldeComponentes">Objective
		of the Component Center</h2>
	<p>The Component Center is a functionality in Fluig that allows the
		customization of components available in the system. You can download
		the desired component, customize it and send it back to Fluig. The
		Download option is available only for a few components.</p>
	<h2 id="CentraldeComponentes-DownloaddeumComponente">Component
		Download</h2>
	<p>In order to customize a component, it is necessary to download
		it first.</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>In order to download the component, select it and click on
						“Download” on the top action bar.</li>
				</ul>
				<div>
					<img class="confluence-embedded-image image-center"
						src="attachments/116359178/117702661.png"
						data-image-src="attachments/116359178/117702661.png">
				</div>
			</div>
		</div>
	</div>
	<!-- // .deck -->
	<h2 id="CentraldeComponentes-DesenvolvimentodeumComponente">Component
		Development</h2>
	<p>
		After downloading the widget, the developer must perform the following
		steps <strong>before</strong> starting to change the widget.
	</p>
	<ol>
		<li>Decompress the .zip file</li>
		<li>Import the Maen project through the pom.xml in Eclipse or
			your favorite IDE</li>
		<li>In the application.info file, change the following
			parameters:<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>Remove the parameter&#160;<strong>application.extendible</strong>=true
				</li>
				<li>Add the parameter&#160;<strong>application.origincode</strong>

Índice

outline	true
style	none
exclude	.*ndice

Objetivo de la Central de Componentes

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.

Download de un Componente

Para personalizar un componente primero se debe realizar el download del mismo.

Deck of Cards

effectDuration	0.5
id	download
history	false

Card

id	download-example
label	Download

Para realizar el download del componente, selecciónelo y haga clic en "Download" en la barra superior de acciones.

Image Removed

Desarrollo de un Componente

Después del download del widget, el desarrollador debe realizar los siguientes pasos antes de iniciar la modificación del widget:

...

=NOME_DA_WIDGET_ORIGINAL.

...


					Example:&#160;<strong>socialtimeline</strong>.
				</li>
			</ol>
		</li>
		<li>Change the name of internationalization files in
			directory&#160;<strong>src/main/resources</strong>, substituting the
			name of the current widget with the name of your widget:<br />
		<ol>
				<li><strong>*.properties</strong>&#160;to&#160;<strong>NOME_DA_WIDGET.properties</strong></li>
				<li><strong>*_en_US.properties</strong>&#160;to&#160;<strong>NOME_DA_WIDGET_en_US.

...

properties</strong></li>
				<li><strong>*_es.

...

properties</strong>&#160;to&#160;<strong>NOME_DA_WIDGET_es.

...

properties</strong></li>
				<li><strong>*_pt_BR.

...

properties</strong>&#160;to&#160;<strong>NOME_DA_WIDGET_pt_BR.

...

properties</strong></li>
			</ol>
		</li>
		<li>Change the context of the Web project in file&#160;<strong>jboss-web.xml</strong>&#160;located
			in directory&#160;<strong>src/main/webapp/WEB-

...

INF</strong>:
			<ol>
				<li>&lt;context-root><strong>/NOME_DA_

...

WIDGET</strong>&lt;/context-root>

...

Listo. ¡El widget está listo para ser personalizado y recopilado para poder realizarse el upload!

Agregar un Componente

Para agregar un Componente en Fluig haga login como Administrador de Fluig o de la Empresa.

Siga los pasos a continuación:

Deck of Cards

effectDuration	0.5
id	exemplos
history	false

Card

default	true
id	1
label	Passo 1

Ir a: Panel de control/WCM/Central de Componentes.

Image Removed

Card

id	2
label	Passo 2

Haga clic en "Choose File" para seleccionar el Componente deseado.

Image Removed

Card

id	3
label	Passo 3

Después de seleccionar el archivo, haga clic en "Enviar".

Image Removed

Card

id	4
label	Pssso 4

Después de hacer clic en "Enviar" se agregará el componente en la lista de componentes.

Image Removed

Habilitar/Deshabilitar un Componente

Deck of Cards

effectDuration	0.5
id	exemplos2
history	false

Card

id	5
label	Habilitar

Seleccione el componente que desea habilitar y haga clic en el menú superior de acciones "Habilitar".

Image Removed

Card

id	6
label	Desabilitar

Seleccione el componente que desea deshabilitar y haga clic en el menú superior de acciones "Deshabilitar".

Image Removed

...


				</li>
			</ol></li>
	</ol>
	<p>Ready. The widget is ready to be customized and compiled for the
		upload to be made.</p>
	<h2 id="CentraldeComponentes-AdicionarumComponente">Add a
		Component</h2>
	<p>
		<span style="color: rgb(34, 34, 34);">In order to add a
			component in Fluig, login as a Fluig or Company Manager.</span>
	</p>
	<p>Follow these steps:</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);">Go to:&#160;</span><em><span
								style="color: rgb(34, 34, 34);">Control
									panel/WCM/Component Center.</span></em>
						</p></li>
				</ul>
				<p>
					<img class="confluence-embedded-image image-center"
						src="attachments/116359178/116457484.png"
						data-image-src="attachments/116359178/116457484.png">
				</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);">Click on "Choose
								File" to select the desired Component.</span>
						</p></li>
				</ul>
				<p>
					<img class="confluence-embedded-image image-center"
						src="attachments/116359178/116457485.png"
						data-image-src="attachments/116359178/116457485.png">
				</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);">After selecting the
								file, click on "Send".</span>
						</p></li>
				</ul>
				<p>
					<img class="confluence-embedded-image image-center"
						src="attachments/116359178/116457486.png"
						data-image-src="attachments/116359178/116457486.png">
				</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);">After clicking on
								"Send", the component will be added to the component list.</span>
						</p></li>
				</ul>
				<p>
					<img class="confluence-embedded-image image-center"
						src="attachments/116359178/116457487.png"
						data-image-src="attachments/116359178/116457487.png">
				</p>
			</div>
		</div>
	</div>
	<!-- // .deck -->
	<h2 id="CentraldeComponentes-Habilitar/DesabilitarumComponente">Enable/Disable
		a Component</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>Select the component you wish to enable and click on the
						top action menu “Enable”.</li>
				</ul>
				<p>
					<img class="confluence-embedded-image image-center"
						src="attachments/116359178/117702659.png"
						data-image-src="attachments/116359178/117702659.png">
				</p>
			</div>
			<div id="6" class="deck-card " style="" cssclass="" accesskey=""
				label="Desabilitar" title="" nextafter="0" effecttype="default"
				effectduration="-1.0">
				<ul>
					<li><span>Select the component you wish to disable and
							click on the top action menu “Disable”.</span><span> </span></li>
				</ul>
				<p>
					<img class="confluence-embedded-image image-center"
						src="attachments/116359178/117702660.png"
						data-image-src="attachments/116359178/117702660.png">
				</p>
			</div>
			<p>&#160;</p>
			<p>&#160;</p>
		</div>
	</div>
	<!-- // .deck -->
	<p>&#160;</p>
	<p>&#160;</p>
	<p>&#160;</p>
	<p>&#160;</p>
</div>

Árvore de páginas

Versões comparadas

Versão antiga 1

Nova versão 2

Chave

Índice

Objetivo de la Central de Componentes

Download de un Componente

Desarrollo de un Componente

Agregar un Componente

Habilitar/Deshabilitar un Componente

Árvore de páginas

Histórico da Página

Versões comparadas

Versão antiga 1

Nova versão 2

Chave

Índice

Objetivo de la Central de Componentes

Download de un Componente

Desarrollo de un Componente

Agregar un Componente

Habilitar/Deshabilitar un Componente