Adicionar um botão de ação personalizado na interface de Criar correspondência add-custom-action-button-in-create-correspondence-ui

Ir para https://'[server]:[port]'/[ContextPath]/crx/de e faça logon como Administrador.

Na pasta de aplicativos, crie uma pasta chamada defaultApp com caminho/estrutura semelhante à pasta defaultApp (na pasta de configuração). Use as seguintes etapas para criar a pasta:

1. Clique com o botão direito do mouse no defaultApp no seguinte caminho e selecione Sobrepor nó:

   /libs/fd/cm/config/defaultApp/

   

2. Certifique-se de que a caixa de diálogo Sobrepor nó tenha os seguintes valores:

   Caminho: /libs/fd/cm/config/defaultApp/

   Local da sobreposição: /apps/

   Corresponder Tipos de Nó: Marcado

   

3. Clique em OK.

4. Clique em Salvar tudo.

Faça uma cópia do arquivo acmExtensionsConfig.xml (existe na ramificação /libs) na ramificação /apps.

1. Acesse "/libs/fd/cm/config/defaultApp/acmExtensionsConfig.xml"

2. Clique com o botão direito no arquivo acmExtensionsConfig.xml e selecione Copiar.

   

3. Clique com o botão direito do mouse no defaultApp em "/apps/fd/cm/config/defaultApp/" e selecione Colar.

4. Clique em Salvar tudo.

Clique duas vezes na cópia do acmExtentionsConfig.xml recém-criado na pasta de aplicativos. O arquivo é aberto para edição.

Localize o seguinte código:

<?xml version="1.0" encoding="utf-8"?>
<extensionsConfig>
    <modelExtensions>
        <modelExtension type="LetterInstance">
  <customAction name="Preview" label="loc.letterInstance.preview.label" tooltip="loc.letterInstance.preview.tooltip" styleName="previewButton"/>
            <customAction name="Submit" label="loc.letterInstance.submit.label" tooltip="loc.letterInstance.submit.tooltip" styleName="submitButton" permissionName="forms-users"/>
            <customAction name="SaveAsDraft" label="loc.letterInstance.saveAsDraft.label" tooltip="loc.letterInstance.saveAsDraft.tooltip" styleName="submitButton" permissionName="forms-users"/>
            <customAction name="Close" label="loc.letterInstance.close.label" tooltip="loc.letterInstance.close.tooltip" styleName="closeButton"/>
        </modelExtension>
    </modelExtensions>
</extensionsConfig>

Para enviar uma carta por email, você pode usar o Forms Workflow do LiveCycle. Adicione uma tag customAction na tag modelExtension em acmExtensionsConfig.xml da seguinte maneira:

 <customAction name="Letter Review" label="Letter Review" tooltip="Letter Review" styleName="" permissionName="forms-users" actionHandler="CM.domain.CCRCustomActionHandler">
      <serviceName>Forms Workflow -> SendLetterForReview/SendLetterForReviewProcess</serviceName>
    </customAction>

A tag modelExtension tem um conjunto de tags secundárias customAction que configuram a ação, as permissões e a aparência do botão de ação. Veja a seguir a lista de tags de configuração customAction:

Além dos parâmetros acima, pode haver configurações adicionais associadas a uma customAction. Essas configurações adicionais são disponibilizadas para o manipulador por meio do objeto CustomAction.

Clique em Salvar tudo.

Clique com o botão direito do mouse no localidade no seguinte caminho e selecione Sobrepor nó:

/libs/fd/cm/config/defaultApp/locale

Certifique-se de que a caixa de diálogo Sobrepor nó tenha os seguintes valores:

Caminho: /libs/fd/cm/config/defaultApp/locale

Local da sobreposição: /apps/

Corresponder Tipos de Nó: Marcado

Clique em OK.

Clique em Salvar tudo.

Clique com o botão direito do mouse no seguinte arquivo e selecione Copiar:

/libs/fd/cm/config/defaultApp/locale/ACMExtensionsMessages.properties

Clique com o botão direito do mouse no localidade no seguinte caminho e selecione Colar:

/apps/fd/cm/config/defaultApp/locale/

O arquivo ACMExtensionsMessages.properties é copiado na pasta locale.

Para localizar os rótulos da ação/botão personalizado recém-adicionado, crie o arquivo ACMExtensionsMessages.properties para o local relevante em /apps/fd/cm/config/defaultApp/locale/.

Por exemplo, para localizar a ação/botão personalizado criado neste artigo, crie um arquivo chamado ACMExtensionsMessages_fr.properties com a seguinte entrada:

loc.letterInstance.letterreview.label=Revue De Lettre

De maneira similar, é possível adicionar mais propriedades, como de dica de ferramenta e estilo, neste arquivo.

Clique em Salvar tudo.

Ir para https://[host]:'port'/system/console/bundles. Se necessário, efetue login como Administrador.

Localize o pacote de blocos de construção do Adobe Asset Composer. Reinicie o pacote: clique em Stop e em Start.

Ir para https://'[server]:[port]'/[ContextPath]/crx/de. Se necessário, efetue login como Administrador.

Na pasta de aplicativos, crie uma pasta chamada js na ramificação /apps do CRX com estrutura semelhante à seguinte pasta:

/libs/fd/cm/ccr/gui/components/admin/clientlibs/ccrui/js

Use as seguintes etapas para criar a pasta:

1. Clique com o botão direito do mouse no js no seguinte caminho e selecione Sobrepor nó:

   /libs/fd/cm/ccr/gui/components/admin/clientlibs/ccrui/js

2. Certifique-se de que a caixa de diálogo Sobrepor nó tenha os seguintes valores:

   Caminho: /libs/fd/cm/ccr/gui/components/admin/clientlibs/ccrui/js

   Local da sobreposição: /apps/

   Corresponder Tipos de Nó: Marcado

3. Clique em OK.

4. Clique em Salvar tudo.

Na pasta js, crie um arquivo chamado customization.js com o código para a manipulação de ação do botão usando as seguintes etapas:

1. Clique com o botão direito do mouse no js no seguinte caminho e selecione Criar > Criar arquivo:

   /apps/fd/cm/ccr/gui/components/admin/clientlibs/ccrui/js

   Nomeie o arquivo como crcustomization.js.

2. Clique duas vezes no arquivo crcustomization.js para abri-lo no CRX.

3. No arquivo, cole o código a seguir e clique em Salvar tudo:

   code language-javascript

   /* for adding and handling custom actions in Extensible Toolbar. * One instance of handler will be created for each action. * CM.domain.CCRCustomActionHandler is actionHandler class. */ var CCRCustomActionHandler; CCRCustomActionHandler = CM.domain.CCRCustomActionHandler = new Class({ className: 'CCRCustomActionHandler', extend: CCRDefaultActionHandler, construct : function(action,model){ } }); /** * Called when user user click an action * @param extraParams additional arguments that may be passed to handler (For future use) */ CCRCustomActionHandler.prototype.handleAction = function(extraParams){ if (this.action.name == CCRCustomActionHandler.SEND_FOR_REVIEW) { var sendForReview = function(){ var serviceName = this.action.actionConfig["serviceName"]; var inputParams = {}; inputParams["dataXML"] = this.model.iccData.data; inputParams["letterId"] = this.letterVO.id; inputParams["letterName"] = this.letterVO.name; inputParams["mailId"] = $('#email').val(); /*function to invoke the LivecyleService */ ServiceDelegate.callJSONService(this,"lc.icc.renderlib.serviceInvoker.json","invokeProcess",[serviceName,inputParams],this.onProcessInvokeComplete,this.onProcessInvokeFail); $('#ccraction').modal("hide"); } if($('#ccraction').length == 0){ /*For first click adding popup & setting letterName.*/ $("body").append(popUp); $("input[id*='letterName']").val(this.letterVO.name); $(document).on('click',"#submitLetter",$.proxy( sendForReview, this )); } $('#ccraction').modal("show"); } }; /** * Should the action be enabled in toolbar * @param extraParams additional arguements that may be passed to handler (For future use) * @return flag indicating whether the action should be enabled */ CCRCustomActionHandler.prototype.actionEnabled = function(extraParams){ /*can be customized as per user requirement*/ return true; }; /** * Should the action be visible in toolbar * @param extraParams additional arguments that may be passed to handler (For future use) * @return flag indicating whether the action should be enabled */ CCRCustomActionHandler.prototype.actionVisible = function(extraParams){ /*Check can be enabled for Non-Preview Mode.*/ return true; }; /*SuccessHandler*/ CCRCustomActionHandler.prototype.onProcessInvokeComplete = function(response) { ErrorHandler.showSuccess("Letter Sent for Review"); }; /*FaultHandler*/ CCRCustomActionHandler.prototype.onProcessInvokeFail = function(event) { ErrorHandler.showError(event.message); }; CCRCustomActionHandler.SEND_FOR_REVIEW = "Letter Review"; /*For PopUp*/ var popUp = '<div class="modal fade" id="ccraction" tabindex="-1" role="dialog" aria-hidden="true">'+ '<div class="modal-dialog modal-sm">'+ '<div class="modal-content">' + '<div class="modal-header">'+ '<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</code></button>'+ '<h4 class="modal-title"> Send Review </h4>'+ '</div>'+ '<div class="modal-body">'+ '<form>'+ '<div class="form-group">'+ '<label class="control-label">Email Id</label>'+ '<input type="text" class="form-control" id="email">'+ '</div>'+ '<div class="form-group">'+ '<label class="control-label">Letter Name</label>'+ '<input id="letterName" type="text" class="form-control" readonly>'+ '</div>'+ '<div class="form-group">'+ '<input id="letterData" type="text" class="form-control hide" readonly>'+ '</div>'+ '</form>'+ '</div>'+ '<div class="modal-footer">'+ '<button type="button" class="btn btn-default" data-dismiss="modal"> Cancel </button>'+ '<button type="button" class="btn btn-primary" id="submitLetter"> Submit </button>'+ '</div>'+ '</div>'+ '</div>'+ '</div>';

Ir para https://'[server]:[port]'/system/console/configMgr e faça logon como Administrador.

Localize Configuração do SDK do cliente do LiveCycle Adobe e clique em Editar (ícone editar). O painel Configurações é aberto.

Insira os seguintes detalhes e clique em Salvar:

• URL do servidor: URL do servidor LC cujo serviço Enviar para revisão o código do manipulador de ação usa.
• Nome de usuário: nome de usuário administrador do servidor LC
• Senha: Senha do nome de usuário Admin

Faça logon como Administrador no adminui do LiveCycle® Server em https:/[lc server]/:[lc port]/adminui.

Navegue até Início > Serviços > Aplicativos e Serviços > Gerenciamento de Aplicativos.

Se o aplicativo SendLetterForReview já estiver presente, ignore as etapas restantes neste procedimento; caso contrário, continue para as próximas etapas.

Clique em Importar.

Clique em Escolher arquivo e selecione SendLetterForReview.lca.

Clique em Visualizar.

Selecionar Implantar ativos para tempo de execução quando a importação for concluída.

Clique em Importar.

Efetue login como administrador em https:/[host]:'port'/system/console/configMgr.

Localize e clique em Configuração do SDK do cliente do LiveCycle Adobe. O painel Configuração do SDK do cliente do LiveCycle do Adobe é exibido.

Na lista Nome do serviço, clique no ícone + e adicione um serviceName EnviarCartaParaRevisão/EnviarCartaParaProcessoDeRevisão.

Clique em Salvar.

Faça logon com credenciais de Administrador para LiveCycle Server adminui em https:/[lc server]:[lc port]/adminui.

Navegue até Home > Serviços > Aplicativos e Serviços > Gerenciamento de Serviços.

Localize e clique em ServiçoEmail.

Entrada Host SMTP, configure o serviço de email.

Clique em Salvar.

Atualize o URL do servidor Experience Manager no cmsa.properties em DSCSample.jar, que está no seguinte local:

DSCSample.jar\com\adobe\livecycle\cmsa.properties

Forneça os seguintes parâmetros no arquivo de configuração:

• crx.serverUrl=https:/host:port/[caminho do contexto]/[URL do AEM]
• crx.username= nome de usuário Experience Manager
• crx.password= senha do Experience Manager
• crx.appRoot=/content/apps/cm

O arquivo DSCSample.jar usa a API renderLetter. Para obter mais informações sobre a API renderLetter, consulte Interface LetterRenderService.

Inicie o Workbench e faça logon.

Selecionar Janela > Mostrar exibições > Componentes. A visualização Componentes é adicionada ao Workbench ES2.

Clique com o botão direito do mouse Componentes e selecione Instalar componente.

Selecione o DSCSample.jar arquivo por meio do navegador de arquivos e clique em Abertura.

Clique com o botão direito do mouse RenderWrapper e selecione Iniciar componente. Se o componente for iniciado, uma seta verde aparecerá ao lado do nome do componente.

Limpe o cache do navegador.

Na interface de Criar correspondência, clique em Revisão da carta e especifique a ID de email do revisor.

Clique em Enviar.