Lançado Adianti Framework 7.6!
Clique aqui para saber mais
Conheça Características Quem usa Galeria Cursos Docs Fórum
Downloads
Posts Fique por dentro Sobre o Fórum Minha conta
Componente de assinatura Colegas Alguém já integrou uma aplicação Adianti com componente de assinatura? Se já tem algum em específico e recomendar....
MG
Componente de assinatura  
Marcelo Gomes 17/08/2017 (há 6 anos)
Colegas

Alguém já integrou uma aplicação Adianti com componente de assinatura?

Se já tem algum em específico e recomendar.
Pacotão Dominando o Adianti Framework 7
O material mais completo de treinamento do Framework.
Curso em vídeo aulas + Livro completo + Códigos fontes do projeto ERPHouse.
Conteúdo Atualizado! Versão 7.4


Dominando o Adianti 7 Quero me inscrever agora!

Comentários (13)

MG
Marcelo Gomes - AUTOR DO POST       17/08/2017 (há 6 anos)

Complementando, estou tentando integra este "signature-pad" -github.com/szmike/signature-pad. Eu consigo inserir o componente, mas ele não funciona.

Minha página html:
  1. <?php
  2. <!--[main]-->
  3. <div id="signature-pad" class="m-signature-pad">
  4.     <div class="m-signature-pad--body">
  5.         <canvas id="myCanvas" />
  6.     </div>
  7. </div>
  8. <!--[/main]-->
  9. ?>


Minha página (controler)

  1. <?php
  3. class Assinatura extends TPage 
  4. {
  6.     private $form;
  7.     private $html;
  8.     
  9.     public function __construct()
  10.     {
  11.     
  12.         parent::__construct();
  13.         parent::include_css('aoo/resources/signature-pad.css');
  14.         parent::include_css('aoo/resources/bootsrap.min.css');
  15.         parent::include_js('app/resources/app.js');
  16.         parent::include_js('app/resources/signature_pad.js');
  17.         parent::include_js('app/resources/jquery-3.2.1.min.js');
  18.         
  19.         $this->form = new BootstrapFormBuilder;
  20.         $this->form->setFormTitle('Assinatura');
  21.         
  22.         $html = new THtmlRenderer('app/resources/assinatura.html');
  23.         $html->enableSection('main',[]);
  24.         
  25.         
  26.         $this->form->appendPage('Teste');
  27.         $label = new TLabel('Assinatura:');
  28.         $this->form->addContent([$html]);
  29.         
  30.         
  31.         parent::add($this->form);
  32.     
  33.     }
  35. }
NR
Nataniel Rabaioli       17/08/2017 (há 6 anos)

Marcelo, alguma mensagem no console?
MG
Marcelo Gomes - AUTOR DO POST       17/08/2017 (há 6 anos)

Nataniel, nenhuma.
O componente é renderizado, quando inspeciono ele está lá, mas ao passar o mouse deveria "rabiscar" e não acontece.
Quando eu executo a página por fora (html de exemplo) do projeto, funciona!

MS
Marcelo Silva       18/08/2017 (há 6 anos)

Muito interessante este recurso de assinatura.

Estas linhas do seu código estão corretas? não seria App no lugar de aoo

parent::include_css('aoo/resources/signature-pad.css');
parent::include_css('aoo/resources/bootsrap.min.css');
MG
Marcelo Gomes - AUTOR DO POST       18/08/2017 (há 6 anos)

Eu havia reparado e corrigido, mas mesmo assim não consigo executar.
É como se as inserções do CSS e JS não existissem.
JC
Jorge Cenci       18/08/2017 (há 6 anos)

Fala Marcelo;

Só um pitaco, seguindo modelos do forum

  1. <?php 
  2. $this->html = new THtmlRenderer('app/resources/wellcome.html');
  4.         // define replacements for the main section
  5.         $replace = array();
  6.         
  7.         // replace the main section variables
  8.         $this->html->enableSection('main', $replace);
  9.         
  10.         // add the template to the page
  11.         parent::add($this->html);
  12. ?>
MG
Marcelo Gomes - AUTOR DO POST       18/08/2017 (há 6 anos)

Jorge, mesmo assim não deu certo!
Eu acho que como é adicionado pelo "load" do javascript, ao incluir na página principal do template, o js não é reconhecido.
O mais estranho é que não dá msg no console.
NR
Nataniel Rabaioli       18/08/2017 (há 6 anos)

Tentei executar seu código aqui e aparece no console:
Uncaught ReferenceError: SignaturePad is not defined

Aí inverti as chamadas ao js e funcionou:
parent::include_js('app/resources/signature_pad.js');
parent::include_js('app/resources/app.js');

Continua dando um warning no console porque ele não encontra o botão clear, mas ele desenha. Adicionando os botões ao html, exatamente como no exemplo, nenhuma outra mensagem é exibida.
MG
Marcelo Gomes - AUTOR DO POST       18/08/2017 (há 6 anos)

Nataniel

Realmente funcionou.....ah os detalhes

O botão eu suprimi apenas para testar e vou incluí-lo.

Muito obrigado pela ajuda!

Fica a dica para os demais colegas.

Endereço do componente : https://github.com/szimek/signature_pad/

Abraços
AR
Alisson BRAGA DA ROCHA       17/05/2019 (há 4 anos)

Você poderia deixar uma imagem aqui de como ficou a apresentação do componente?
MG
Marcelo Gomes - AUTOR DO POST       17/05/2019 (há 4 anos)

Alisson, infelizmente não tenho mais este código.
O cliente pediu para alterar e agora estamos capturando a imagem da assinatura no pacote. Todos estão fazendo isso agora. É mais rápido e mais fiel.
Na tela, não era preciso, e às vezes o receptor fazia um rabisco, e isso poderia ser feito por qualquer um. Risco de segurança.
Com a mudança, eu retirei o campo assinatura.
AR
Alisson BRAGA DA ROCHA       17/05/2019 (há 4 anos)

Marcelo, se for possível você poderia postar o código do seu controller para eu entender como é salvo a assinatura.
MG
Marcelo Gomes - AUTOR DO POST       17/05/2019 (há 4 anos)

Vou procurar no git...