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
WFPNotification 1.0 (Componente de Notificação estilo Noty) Olá pessoal gostaria de deixar um componente para vocês (seguindo as diretrizes de extensibilidade do Adianti) O Componente mostra notificações no estilo Noty http://ned.im/noty/ > Noty WebPage O/s Componente/s,pastas,etc tem inicias de acordo com o Autor (Willian Fernando Padilha) > wfp O Componente permite emitir notificações Simples Tem configuração para tr...
WP
WFPNotification 1.0 (Componente de Notificação estilo Noty)  
Willian Padilha 07/05/2017 (há 6 anos)
Olá pessoal gostaria de deixar um componente para vocês (seguindo as diretrizes de extensibilidade do Adianti)
O Componente mostra notificações no estilo Noty ned.im/noty/ > Noty WebPage
O/s Componente/s,pastas,etc tem inicias de acordo com o Autor (Willian Fernando Padilha) > wfp


O Componente permite emitir notificações Simples
Tem configuração para trocar a posição da mensagem, trocar o tipo de mensagem, e o tempo que ela ficara visivel (opcional)
Tambem permite adicionar uma TAction (ação nativa do Adianti Framework) Ver exemplo de uso.


Passos a seguir para implementar o mesmo

1- Descompactar o Componente dentro da pasta lib (na raiz do projeto) vai ser criado uma pasta chamada wfp dentro dela estará outra pasta chamada wfpwidgets e dentro dessa o componente WFPNotification.php > ficando algo como lib/wfp/wfpwidgets/WFPNotification.php
2- Fazer download do Noty usando este link https://github.com/needim/noty/archive/v3.1.0.zip
3- Descompactar o arquivo dentro da pasta app/lib/include apos isso renomear a pasta noty-3.1.0 para noty
4- No arquivo libraries.html do seu Template de uso (theme1,theme2 ou theme3) que fica dentro de app/templates/theme(1,2 ou 3)/libraries.html
Adicionar as seguintes linhas
<link href="app/lib/include/noty/lib/noty.css" rel="stylesheet"></script> <script src="app/lib/include/noty/lib/noty.js" type="text/javascript"></script>



Limpar Cache (por via das duvidas)

Exemplo do componente em execução (imagens)

https://drive.google.com/open?id=0B4m-6Y4mJcdvT0xHUFM1djhWVmc > Gif Animado
https://drive.google.com/open?id=0B4m-6Y4mJcdvNmVTR2k2dFFEa1E > Imagen


Para usar o componente devem importalo para o uso com use Wfp\Wfpwidgets\WFPNotification;

O Componente esta altamente documentado basta abrir o arquivo e ver os metodos disponiveis (mas podem consultar quando quiser)

Podem tambem copiar o conteudo abaixo para fazer os testes (com alguns exemplos incluidos)

  1. <?php
  2. use Wfp\\Wfpwidgets\\WFPNotification;
  3. class PublicView extends TPage
  4. {
  5.     public function __construct()
  6.     {
  7.         parent::__construct();
  8.         
  9.         $html = new THtmlRenderer('app/resources/public.html');
  11.         // replace the main section variables
  12.         $html->enableSection('main', array());
  13.         
  14.         $panel = new TPanelGroup('Public!');
  15.         $panel->add($html);
  16.         $panel->style = 'margin: 100px';        
  18.         $action = new TAction(array('PublicView', 'actionNoty1'));
  19.         $boton = new TElement('a');
  20.         $boton->{'class'} = 'btn btn-primary';
  21.         $boton->{'generator'} = 'adianti';
  22.         $boton->{'href'} = $action->serialize();
  23.         $boton->add('Execute Noty With Action');
  24.         $panel->add($boton);
  25.         
  26.         $action = new TAction(array('PublicView', 'actionNoty2'));
  27.         $boton = new TElement('a');
  28.         $boton->{'class'} = 'btn btn-primary';
  29.         $boton->{'generator'} = 'adianti';
  30.         $boton->{'href'} = $action->serialize();
  31.         $boton->add('Noty Examples');
  32.         $panel->add($boton);
  33.         
  34.         // add the template to the page
  35.         parent::add( $panel );
  36.     }
  37.     public function actionNoty1($param) {
  38.         $action = new TAction(array('PublicView', 'showActionNoty'));
  39.         $noty = new WFPNotification();
  40.         $noty->setMessage('<big>Noty With TAction</big>');
  41.         $noty->setType('warning');
  42.         $noty->addActionButton('Process Action', $action);
  43.         $noty->show();
  44.     }
  45.     public function actionNoty2($param) {
  46.         new WFPNotification('Hello World Default (Information)');
  47.         //alert,success,warning,error,information
  48.         new WFPNotification('Hello World Alert','alert');
  49.         new WFPNotification('Hello World Success','success');
  50.         new WFPNotification('Hello World Warning','warning');
  51.         new WFPNotification('Hello World Error','error');
  52.     }
  53.     public function showActionNoty($param) {
  54.         $string_parametros = "<i>Parameter of Action</i> \\r\\n".implode("\\r\\n", $param);
  55.         new WFPNotification($string_parametros);
  56.     }
  57. }
  59. ?>


Podem opinar, perguntar, sugerir sem problemas , espero que seja util

Atte.: Willian Fernando Padilha

Tags: Componente, Component, Notificação, Noty, Notification, Alert
Curso completo Meu Negócio Pronto
Use para si, ou transforme em um negócio: Inclui aulas e códigos-fontes
Gestor de conteúdo (SITE) + Loja Virtual (E-Commerce) + Emissor de Notas para infoprodutos


Meu negócio pronto Quero me inscrever agora!

Comentários (15)

FC
Felipe Cortez       15/05/2017 (há 6 anos)

Oi Willian

Tava passando por aqui e resolvi testar seu componente, me permite mudar um pouco a instalação?

A sua Classe WFPNotification.php pode ser salva em app/lib/widget/WFPNotification.php e não na pasta lib (está não deve ser alterada)

retire o names space e o use StdClass da mesma pronto pode rodar o exemplo sem o ( use WfpWfpwidgetsWFPNotification;)

Vai funcionar e não irá mexer no core do Adianti.

Abraços...
Felipe Cortez
WP
Willian Padilha - AUTOR DO POST       15/05/2017 (há 6 anos)

Olá Felipe, agradeço seu comentario porem segue as respostas

A sua Classe WFPNotification.php pode ser salva em app/lib/widget/WFPNotification.php e não na pasta lib (está não deve ser alterada)
* Em nenhum momento é alterada a estrutura natural/original da pasta* Veja o que diz adianti.com.br/framework-extensibility
Meu componente é de uso com NameSpace, e tambem no futuro vou contribuir com mais componentes, sendo assim os mesmo ja estarão organizados e devidamente estruturados

Vai funcionar e não irá mexer no core do Adianti.
* Em nenhum momento é alterado nada no core do Adianti

Abraços

P.D: O que achou do Componente?
FC
Felipe Cortez       15/05/2017 (há 6 anos)

Achei muito bacana, a minha sugestão foi na direção de fazer o componente global assim não precisa ficar chamando a classe com use e não ter dificuldade em novas atualizações do framework visto que substituem os a pasta lib inteira.

No demais tá perfeito ótimo trabalho.

Sds
CM
Celio Morais       25/10/2017 (há 6 anos)

Willian, boa tarde!
achei muito interessante, seu post.
Favor tirar uma dúvida:
Como faria para, através de um onSave, por exemplo, enviar uma notificação ao PC de um determinado usuário?


Obrigado!
WP
Willian Padilha - AUTOR DO POST       25/10/2017 (há 6 anos)

Celio , na versão atual do componente apenas é possivel emitir avisos para o usuario atual, ainda não é possivel enviar a outro usuario, mas a ideia é legal vou ver para implementar isso, sobre a regra de negocio do Adianti e seu template
CM
Celio Morais       25/10/2017 (há 6 anos)

Valeu Willian!
Vou ficar aguardando, pois estou desenvolvendo um controle de portaria que vai precisar enviar notificação na chegada de um caminhão.

Obrigado pela atenção!
LG
Leandro Gama       28/10/2017 (há 6 anos)

Bom dia Willian Padilha, para utilizar este componente na versão 5.0 do adianti, precisa realizar alguns ajustes? já testou na nova versão?
WP
Willian Padilha - AUTOR DO POST       28/10/2017 (há 6 anos)

Ola Leandro ainda não testei
Em teoria segue o mesmo procedimento e deveria funcionar normalmente
LG
Leandro Gama       28/10/2017 (há 6 anos)

Olá Wilian, realizei aqui a depuração, e o erro ocorria na linha 158.
theme: 'mint',//default theme
removir o comentário e parou de dar erro.
fica ai a solução caso alguem passe pelo mesmo problema, só não entendir porque isto só ocorre na versão nova.
WP
Willian Padilha - AUTOR DO POST       28/10/2017 (há 6 anos)

Vlw Leandro pelo Feedback
Vou anotar aqui e fazer os testes na vr. 5 e liberar a correção 👍
WP
Willian Padilha - AUTOR DO POST       30/10/2017 (há 6 anos)

Componente atualizado e corrigido os Bugs mencionados, tambem foi melhorado a geração do Script do mesmo, estou disponibilizando ele no Onedrive (ainda não tenho GitHub)

https://1drv.ms/f/s!AhsroCiTfrMLkTRuFqRUidbvOFRb

foi totalmente atualizado agora esta funcional em todos os Templates (1,2,3,4)
JR
João Paulo Zanin Ramos       07/12/2017 (há 6 anos)

Olá, Wiliam. Testei aqui e ficou show!

Eu vi que tem como colocar um som ou efeitos nessas notificações.
Como é feito isso pelo adianti?

Abraço
FK
Fabiano Krul       22/02/2019 (há 5 anos)

Estou utilizando muito legal, parabéns.
LC
Leandro Coelho       26/02/2019 (há 5 anos)

Willian, parabéns, funcionando aqui com a versão 5.7, detalhe que eu segui a instalação conforme o Felipe, ficando o arquivo WFPNotification.php na pasta
"\app\lib\widget"
para usar em varias classes sem ter que colocar
use Wfp\Wfpwidgets\WFPNotification
, assim mudei o inicio do arquivo comentando as linhas:
  1. <?php
  3. //namespace Wfp\Wfpwidgets;
  5. /**
  6.  * Description of WFPNotification
  7.  * Notifacacions con la biblioteca NOTY Jquery (http://ned.im/noty/)
  8.  * @version    1.0
  9.  * @package    wfp
  10.  * @subpackage wfpwidgets
  11.  * @author     Willian Padilha - Paraguay (willan_fer@hotmail.com / Skype:willian-padilha)
  12.  */
  13. //use Adianti\Widget\Base\TScript;
  14. //use Adianti\Control\TAction;
  15. //use Adianti\Widget\Dialog\TMessage;
  16. //use Adianti\Widget\Util\TImage;
  17. //use ReflectionMethod;
  18. //use stdClass;
  20. ?>
LC
Leandro Coelho       26/02/2019 (há 5 anos)

Fiz mais uma pequena mudança, coloquei opção para alterar o tema, vou colocar o código todo completo abaixo

O tema esta como padrão o mint alterei para relax(achei mais bonito), mais pode ser mudado usando, exemplo:

  1. <?php
  2.     $noty = new WFPNotification();
  3.     $noty->setMessage(TAdiantiCoreTranslator::translate('Record saved'));
  4.     $noty->setType('success');
  5.     $noty->setTheme('bootstrap-v3');
  6.     $noty->show();
  7. ?>

ou
  1. <?php
  2.     new WFPNotification(TAdiantiCoreTranslator::translate('Record saved'), 'success', 'topRight', 3.5, FALSE, 'bootstrap-v4');
  3. ?>


Classe completa (conforme a original, com as alterações do tema):
  1. <?php
  3. namespace Wfp\Wfpwidgets;
  5. /**
  6.  * Description of WFPNotification
  7.  * Notifacacions con la biblioteca NOTY Jquery (http://ned.im/noty/)
  8.  * @version    1.0
  9.  * @package    wfp
  10.  * @subpackage wfpwidgets
  11.  * @author     Willian Padilha - Paraguay (willan_fer@hotmail.com / Skype:willian-padilha)
  12.  */
  13. use Adianti\Widget\Base\TScript;
  14. use Adianti\Control\TAction;
  15. use Adianti\Widget\Dialog\TMessage;
  16. use Adianti\Widget\Util\TImage;
  17. use ReflectionMethod;
  18. use stdClass;
  20. class WFPNotification {
  22.     /**
  23.      *
  24.      * @var stdClass $message Estructura del Mensaje a ser Emitido
  25.      */
  26.     private $message;
  27.     private $id;
  28.     private $actions;
  29.     private $ok = TRUE;
  30.     private $theme;
  32.     /**
  33.      * constructor puede recibir parametros directamente
  34.      * @param string $message Mensaje a ser mostrado (si este no se informa se debe utilizar los metodos auxiliares) Puede Ser un HTML
  35.      * @param string $tipo Tipo del mensaje a ser mostrado 
  36.      *                      (alert,success,warning,error,information)
  37.      *                      >> En caso de ser del Tipo Error no tiene TimeOut
  38.      * @param string $position Posicion del mensaje 
  39.      *                          (top,topLeft,topCenter,topRight,center,centerLeft,centerRight,bottom,bottomLeft,bottomCenter,bottomRight)
  40.      * @param bool/numeric $timeout TimeOut para desaparecer el mensaje (si es FALSE no tiene Timeout)
  41.      * @param bool $modal Si se muestra en formato MODAL o NO
  42.      * @param string $theme (mint, sunset, relax, nest, metroui, semanticui, light, bootstrap-v3, bootstrap-v4)
  43.      */
  44.     public function __construct($message = NULL, $tipo = 'information', $position = 'topRight', $timeout = 3.5, $modal = FALSE, $theme = 'relax') {
  45.         $this->id = 'wfp_noty_' . mt_rand(1000000000, 1999999999);
  46.         $this->message = new stdClass();
  47.         $this->actions = array();
  48.         $this->setMessage($message);
  49.         $this->setType($tipo);
  50.         $this->setPosition($position);
  51.         $this->setTimeOut($timeout);
  52.         $this->message->modal = $modal;
  53.         $this->setTheme($theme);
  55.         if (!is_null($message)) {
  56.             $this->show();
  57.         }
  58.     }
  60.     /**
  61.      * Setear la posicion en donde aparecer la notiicacion
  62.      * @param string $position (top,topLeft,topCenter,topRight,center,centerLeft,centerRight,bottom,bottomLeft,bottomCenter,bottomRight)
  63.      */
  64.     public function setPosition($position) {
  65.         $positions = array('top', 'topLeft', 'topCenter', 'topRight', 'center', 'centerLeft', 'centerRight', 'bottom', 'bottomLeft', 'bottomCenter', 'bottomRight');
  66.         if (!array_search($position, $positions)) {
  67.             new TMessage('error', "Position <b>'{$position}'</b> Not Suported For WFPNotification");
  68.             $this->ok = FALSE;
  69.             return;
  70.         }
  71.         $this->message->position = $position;
  72.     }
  74.     /**
  75.      * Setear el Timeout de la Notificacion (si es FALSE no tiene Notificacion)
  76.      * @param boll/numeric $timeout (En Segundos)
  77.      */
  78.     public function setTimeOut($timeout) {
  79.         if (isset($this->message->tipo) && $this->message->tipo == 'error') {
  80.             //en caso de error no tiene TimeOut (esto es para que de el tiempo suficiente del usuario leer el mensaje)
  81.             $this->message->timeout = 'false';
  82.             return;
  83.         }
  84.         $timeout_val = ($timeout === FALSE ? FALSE : (is_numeric($timeout) ? $timeout : 3.5));
  85.         if (is_numeric($timeout)) {
  86.             $timeout_val = $timeout * 1000;
  87.         }
  88.         $this->message->timeout = $timeout_val;
  89.     }
  91.     /**
  92.      * Setear el Mensaje de la Notificacion
  93.      * @param string $message
  94.      */
  95.     public function setMessage($message) {
  96.         $this->message->msg = $message;
  97.     }
  99.     /**
  100.      * Setear el Tipo de la Notificacion
  101.      * @param string $tipo (alert,success,warning,error,information)
  102.      */
  103.     public function setType($tipo) {
  104.         $tipos = array('alert', 'success', 'warning', 'error', 'information');
  105.         if (!in_array($tipo, $tipos)) {
  106.             new TMessage('error', "Option <b>'{$tipo}'</b> Not Suported For WFPNotification");
  107.             $this->ok = FALSE;
  108.             return;
  109.         }
  110.         $this->message->tipo = $tipo;
  111.     }
  113.     /**
  114.      * Setear el Theme de la Notificacion
  115.      * @param string $theme (mint, sunset, relax, nest, metroui, semanticui, light, bootstrap-v3, bootstrap-v4)
  116.      */
  117.     public function setTheme($theme) {
  118.         $themes = array('mint', 'sunset', 'relax', 'nest', 'metroui', 'semanticui', 'light', 'bootstrap-v3', 'bootstrap-v4');
  119.         if (!in_array($theme, $themes)) {
  120.             $this->theme = 'mint';
  121.         }
  122.         else {
  123.             $this->theme = $theme;   
  124.         }
  125.     }
  127.     /**
  128.      * 
  129.      * @param string $titulo_action Titulo del Boton de Acción
  130.      * @param TAction $action Objeto Accion
  131.      * @param string $class_btn Class del BTN a tener la accion
  132.      * @param string $iconBtn Icono o Imagen para el BTN
  133.      */
  134.     public function addActionButton($titulo_action, TAction $action, $class_btn = 'primary', $iconBtn = FALSE) {
  135.         if ($iconBtn) {
  136.             $titulo_action = new TImage($iconBtn) . $titulo_action;
  137.             $titulo_action = $titulo_action;
  138.         }
  139.         $class_name = $action->getAction();
  140.         $class = is_object($class_name[0]) ? get_class($class_name[0]) : $class_name[0];
  141.         $method = $class_name[1];
  142.         if (method_exists($class, $method)) {
  143.             $method = new ReflectionMethod("{$class}::{$method}");
  144.             if ($method->isStatic()) {
  145.                 $action->setParameter('static', 1);
  146.             }
  147.         }
  148.         $btn = 'Noty.button('.json_encode($titulo_action).", \"btn btn-{$class_btn}\", function () {__adianti_load_page(\"{$action->serialize()}\"); {{$this->id}.close();}})";
  149.         $this->actions[] = $btn;
  150.     }
  152.     /**
  153.      * Mostrar Notificacion
  154.      */
  155.     public function show() {
  156.         if (!$this->ok) {
  157.             return;
  158.         }
  159.         //Si tiene acciones se deshabilita el TimeOut (para que el usuario tenga el tiempo de interactuar)
  160.         if (count($this->actions) > 0) {
  161.             $this->setTimeOut(FALSE);
  162.         }
  163.         $buttons = '';
  164.         foreach ($this->actions as $key => $value) {
  165.             if ($key > 0) {
  166.                 $buttons .= ',';
  167.             }
  168.             $buttons .= $value;
  169.         }
  170.         $object_noty = new stdClass();
  171.         $object_noty->type = $this->message->tipo;
  172.         $object_noty->layout = $this->message->position;
  173.         $object_noty->theme = $this->theme;
  174.         $object_noty->text = $this->message->msg;
  175.         $object_noty->timeout = $this->message->timeout;
  176.         $object_noty->progressBar = TRUE;
  177.         $object_noty->modal = $this->message->modal;
  178.         $object_noty->closeWith = array('click', 'button');
  179.         $obj_animation = new stdClass();
  180.         $obj_animation->open = 'noty_effects_open';
  181.         $obj_animation->close = 'noty_effects_close';
  182.         $object_noty->animation = $obj_animation;
  183.         $object_noty->id = FALSE;
  184.         $object_noty->force = FALSE;
  185.         $object_noty->killer = FALSE;
  186.         $object_noty->queue = 'global';
  187.         $object_noty->container = FALSE;
  188.         $object_noty->buttons = '#BUTTONS#';
  189.         $obj_sounds = new stdClass();
  190.         $obj_sounds->sources = array();
  191.         $obj_sounds->volume = 1;
  192.         $obj_sounds->conditions = array();
  193.         $object_noty->sounds = $obj_sounds;
  194.         $obj_titleCount = new stdClass();
  195.         $obj_titleCount->conditions = array();
  196.         $object_noty->titleCount = $obj_titleCount;
  197.         $script = "var {$this->id} = new Noty(".json_encode($object_noty).").show();";
  198.         $script = str_replace('"#BUTTONS#"', '['.$buttons.']', $script);
  199.         TScript::create($script);
  200.     }
  202. }
  203. ?>