Conheça Características Quem usa Galeria Cursos Docs Fórum
Downloads
Posts Fique por dentro Sobre o Fórum Minha conta
Full Calendar com opção de LISTA (agenda) Caros, Atualmente esta ferramenta maravilhosa que é o Adianti nos proporciona diversas atividades no campo da Web. Um recurso muito legal do Adianti é o Full Calendar. Porém um dos meus clientes sentiu a necessidade de ver mais organizada a lista de agendamento dele: com isso fui verificar os tipos de Views que o Adianti nos liberou e são estas: Mês, Semana, e Dia. Porém em todas ela...
IM
Full Calendar com opção de LISTA (agenda)  
Ico Menezes 09/08/2019 (há 5 anos)
Caros,

Atualmente esta ferramenta maravilhosa que é o Adianti nos proporciona diversas atividades no campo da Web.
Um recurso muito legal do Adianti é o Full Calendar.
Porém um dos meus clientes sentiu a necessidade de ver mais organizada a lista de agendamento dele: com isso fui verificar os tipos de Views que o Adianti nos liberou e são estas:
Mês, Semana, e Dia.
Porém em todas elas se houver muito registros, a visão fica um pouco gastante!
Com isso, existe um recurso interessante do componente Calendar que é a LISTA, uma especie de listagem de tudo que foi agendando .. facilitando a visualização.
Fui até a documentação oficial do Full Calendar : https://fullcalendar.io
E numa leitura breve, pude adicionar ao Adianti este tipo de visualização;
Porém tive de mudar algumas coisas no fonte do Adianti e sobre isto que peço a colaboração dos desenvolvedores deste framework, para que isso possa ser disponibilizado nas próximas versões:

ALTERAÇÕES : components.min.js
>>> right:"month,agendaWeek,agendaDay,listWeek"} <<<< acrescentei listWeek para que o button apareça no DOM;

>>> tive que desabilitar popover e colocar um title qualquer para funcionar <<<<< não sei como resolver isso.

Vou colocar duas imagens para visualização do feito final.
Grato






Curso Dominando o Adianti Framework

O material mais completo de treinamento do Framework.
Curso em vídeo aulas + Livro completo + Códigos fontes do projeto ERPHouse.
Conteúdo Atualizado!


Dominando o Adianti Framework Quero me inscrever agora!

Comentários (20)

ER
EquipSystem Carlos Roberto       09/08/2019 (há 5 anos)

Muito Bom Menezes, parabéns!

Super interessante isso, uma outra coisa que meus clientes reclamam muito é sobre as horas, que apresenta somente em hora em hora, tem cliente que queria que mostrasse de 50, 45 minutos, então seria muito bom também se agente pudesse programar a apresentação do horário no calendário!
ER
EquipSystem Carlos Roberto       09/08/2019 (há 5 anos)

Muito Bom Menezes, parabéns!

Super interessante isso, uma outra coisa que meus clientes reclamam muito é sobre as horas, que apresenta somente em hora em hora, tem cliente que queria que mostrasse de 50, 45 minutos, então seria muito bom também se agente pudesse programar a apresentação do horário no calendário!
IM
Ico Menezes - AUTOR DO POST       09/08/2019 (há 5 anos)

Eu implementei uma tabela que da opção de escolher quanto minutos o cliente quer ! Atualmente eles usam de 15 minutos ! Entoa o agendamento ficou a cada 15 minutos
ER
EquipSystem Carlos Roberto       09/08/2019 (há 5 anos)


Foi ai que me chamou a atenção,

Pois foi isso que vi, estou sendo pressionado e sem saber como resolver, o pessoal do adianti até falou em um post meu que iria incluir esse recurso no Adianti Builder em versões futuras, mas até hoje nada, uma solução que fiz foi criar uma tabela de horarios para um funcionário, que quando por exemplo clicar em 8:00 no calendário, o sistema faz um leitura na tabela do funcionário para pegar o horário mais próximo e jogar no formulário de edição, mas isso não fica elegante e também visualmente para identificar seria melhor mostrando dinamicamente direto no calendário!

Se puder compartilhar essa mudança de horários, agradecemos muito meu irmão!
FT
Felipe Teixeira       26/09/2019 (há 5 anos)

Nossa que legal que ficou! com ctz deveria ser adicionado às próximas versões. Obg por compartilhar!
CJ
Carlos Alberto Junior       13/03/2020 (há 5 anos)

Bom dia,

Como desabilitar o popover nesse caso?
IM
Ico Menezes - AUTOR DO POST       17/03/2020 (há 5 anos)

Não entendi a pergunta
IM
Ico Menezes - AUTOR DO POST       17/03/2020 (há 5 anos)

Não entendi a pergunta
BA
Bruno Augusto       31/03/2020 (há 5 anos)

Olá!!
Conseguiu resolver a questão do Popover?
Habilitei o listweek como você e estou com o mesmo problema, que quando não faço a alteração, ao carregar a list ele traz toda sintaxe html...

Estou quebrando a cabeça tentando achar uma solução, para que em uma visualização fique a popover, mas na lista traga uma informação diferente.
BA
Bruno Augusto       01/04/2020 (há 5 anos)

Consegui resolver o meu problema, não sei se mais alguém vai ter ele... mas era o seguinte:

Quando habilitei a ListWeek, o popover funcionava na tela Dia/Semana/Mês, porém quando eu entrava na list, aparecia o texto com as tags html, porque estavam usando html escape.
Eu procurei de onde vinha o parâmetro que importava aquela linha, e encontrei ele no arquivo independent-plugins.min.js (A partir da linha 506, coluna 74), alterei a seguinte sintaxe:

<td class="fc-list-item-title '+view.widgetContentClass+'">'+"<a"+seg.event.title+"</a>"+"</td> <<<<<<<<<<<< Deixei ela assim

a partir daí passou a funcionar corretamente, apresentando os dados como eu queria que eles fossem apresentados.
Desculpe se alguém achar isso inutil ou muito simples, mas me tomou dois dias por eu não estar familiarizado ao framework, e ter começado a aprender desenvolvimento web há pouco tempo...
IM
Ico Menezes - AUTOR DO POST       01/04/2020 (há 5 anos)

Top !
Depois posto outra modificação que fiz
CR
Carlos Alberto Perez Rabelo       15/07/2020 (há 4 anos)

Pessoal, bom dia.

Queria definir o calendário de 4 slots de 15 minutos.

Verifiquei nas opções do fullcalendar e existe a opção, mas não encontrei no framework.

Para dividir o período de uma hora em 4 slots de 15 minutos, utilize a propriedade slotDuration.

Exemplo: slotDuration: '00:15:00',
ER
EquipSystem Carlos Roberto       15/07/2020 (há 4 anos)

Olá Ico Menezes e Carlos Alberto, Alguma Novidade sobre mudar os horários do calendário!?
IM
Ico Menezes - AUTOR DO POST       15/07/2020 (há 4 anos)

Vou verificar isso amanhã !
IM
Ico Menezes - AUTOR DO POST       16/07/2020 (há 4 anos)

Segue foto com slots de 15 minutos ...
IM
Ico Menezes - AUTOR DO POST       16/07/2020 (há 4 anos)

https://ibb.co/X70sDxT
CR
Carlos Alberto Perez Rabelo       17/07/2020 (há 4 anos)

Ico Menezes, boa tarde.

Como você configurou slot de 15 minutos?

Estou precisando muito desta configuração para ajustar no meu projeto.

Att.
IM
Ico Menezes - AUTOR DO POST       20/07/2020 (há 4 anos)

entra no grupo do zap ...
https://chat.whatsapp.com/2xVOhQC0GebCJKBGw4qi3z
RI
Rogerio Ingoh       24/04/2021 (há 4 anos)

Existe opção para imprimir no fullcalendar a lista de agendamento?
RI
Rogerio Ingoh       24/04/2021 (há 4 anos)

Problema (2) Usando o Fullcalendar, estou chamando a classe abaixo (form cortina) para cadastrar o agendamento.
Acrescentei campos a mais, tb_medicos_id, tb_convenios_id, tb_procedimentos_id.
Esta gravando certo no DB os código selecionados, mas depois que salvo

Não fica no formulário os valores que busquei nas tabelas primárias; (nome do médico, nome do convenio, e procedimento).

Ao tentar editar também não mostra os valores dos campos relacionados...

Segue Código abaixo, quem puder ajudar... pois já consultei o fórum, livro e exemplos do Tutor e não consegui identificar onde estou falhando. 

 
  1. <?php
  2. /**
  3.  * calendarEventForm
  4.  */
  7. class CalendarEventFormAM extends TPage
  8. {
  9.     protected $form_cad;
  10.     protected $loaded;
  11.     
  12.     public function __construct()
  13.     {
  14.         parent::__construct();
  15.         parent::setTargetContainer('adianti_right_panel');
  17.         //parent::setSize(640, null);
  18.         //parent::setTitle('Procedimentos Agendados');
  19.         //parent::removePadding();
  20.         //parent::setProperty('class', 'window_modal');
  21.         
  22.         // creates the form
  23.         $this->form_cad = new BootstrapFormBuilder('form_event');
  24.         $this->form_cad->setFormTitle('Agendamento');
  25.         $this->form_cad->setProperty('style', 'margin-bottom:0;box-shadow:none;');
  26.         $this->form_cad->setClientValidation(true);
  27.         
  28.         
  29.         $hours = array();
  30.         $minutes = array();
  31.         for ($n=0; $n<24; $n++) {
  32.             $hours[$n] = str_pad($n, 2, '0', STR_PAD_LEFT);
  33.         }            
  34.                       
  35.         for ($n=0; $n<=55; $n+=5) {
  36.             $minutes[$n] = str_pad($n, 2, '0', STR_PAD_LEFT);
  37.         }
  38.         
  39.         // create the form fields
  40.         $view           = new THidden('view');
  41.         $id             = new TEntry('id');
  42.         $color          = new TColor('color');
  43.         $start_date     = new TDate('start_date');
  44.         $start_hour     = new TCombo('start_hour');
  45.         $start_minute   = new TCombo('start_minute');
  46.         $end_date       = new TDate('end_date');
  47.         $end_hour       = new TCombo('end_hour');
  48.         $end_minute     = new TCombo('end_minute');
  49.         $title          = new TEntry('title');
  51.                                                      
  52.         $tb_medicos_id         = new TDBCombo('tb_medicos_id', 'cedipi', 'TbMedicos', 'id', 'nome');
  53.         //$tb_medicos_id         = new TDBUniqueSearch('tb_medicos_id', 'cedipi', 'TbMedicos', 'id', 'nome');
  54.         //$tb_medicos_id->setMask('({id}) <b>{nome}</b>');
  56.         $tb_procedimentos_id   = new TDBCombo('tb_procedimentos_id', 'cedipi', 'TbProcedimento', 'id', 'descricao');
  57.         $tb_convenios_id       = new TDBCombo('tb_convenios_id', 'cedipi', 'TbConvenio', 'id', 'descricao');
  60.         $description    = new TText('description');
  62.         
  63.         $color->setValue('#3a87ad');
  66.         // define the sizes
  67.         $id->setSize(40);
  68.         $color->setSize(100);
  69.         $start_date->setSize(120);
  70.         $end_date->setSize(120);
  71.         $start_hour->setSize(70);
  72.         $end_hour->setSize(70);
  73.         $start_minute->setSize(70);
  74.         $end_minute->setSize(70);
  75.         $title->setSize(400);
  77.         $tb_medicos_id->setSize('100%');
  78.         $tb_procedimentos_id->setSize('100%');
  79.         $tb_convenios_id->setSize('100%');
  81.         $description->setSize(400, 50);
  84.         // custom
  85.         $id->setEditable(FALSE);
  86.         $start_date->setMask('dd/mm/yyyy'); 
  87.         
  88.         $start_date->setDatabaseMask('yyyy-mm-dd');
  89.         $end_date->setMask('dd/mm/yyyy'); 
  90.         $end_date->setDatabaseMask('yyyy-mm-dd');
  91.         $title->addValidation('Titulo', new TRequiredValidator );
  93.         $start_hour->addItems($hours);
  94.         $start_minute->addItems($minutes);
  96.         $end_hour->addItems($hours);
  97.         $end_minute->addItems($minutes); 
  100.         $start_hour->setChangeAction(new TAction(array($this, 'onChangeStartHour')));
  101.         $end_hour->setChangeAction(new TAction(array($this, 'onChangeEndHour')));
  102.         $start_date->setExitAction(new TAction(array($this, 'onChangeStartDate')));
  103.         $end_date->setExitAction(new TAction(array($this, 'onChangeEndDate')));
  106.         $tb_medicos_id->addValidation('medicos_id', new TRequiredValidator);
  107.         $tb_procedimentos_id->addValidation('procedimentos_id', new TRequiredValidator);
  108.         $tb_convenios_id->addValidation('convenios_id', new TRequiredValidator);
  111.         // add one row for each form field
  112.         $this->form_cad->addFields( [$view] );
  113.         $this->form_cad->addFields( [new TLabel('ID:')], [$id] );
  114.         $this->form_cad->addFields( [new TLabel('Cor')], [$color] );
  115.         $this->form_cad->addFields( [new TLabel('Hr início')], [$start_date, $start_hour, ':', $start_minute] );
  116.         $this->form_cad->addFields( [new TLabel('Hr término')], [$end_date, $end_hour, ':', $end_minute] );
  117.         $this->form_cad->addFields( [new TLabel('Título')], [$title] );
  119.       
  120.         $this->form_cad->addFields( [new TLabel('Médico')], [$tb_medicos_id]);  
  121.         $this->form_cad->addFields( [new TLabel('Procedimento')], [$tb_procedimentos_id]);
  122.         $this->form_cad->addFields( [new TLabel('Convênio')], [$tb_convenios_id]);
  124.         $this->form_cad->addFields( [new TLabel('Descrição')], [$description] );
  125.         
  127.         //botoes
  128.         $this->form_cad->addAction( _t('Save'),   new TAction(array($this, 'onSave')),   'fa:save green');
  129.         $this->form_cad->addAction( _t('Clear'),  new TAction(array($this, 'onEdit')),   'fa:eraser orange');
  130.         $this->form_cad->addAction( _t('Delete'), new TAction(array($this, 'onDelete')), 'fa:trash-o red');
  131.         $this->form_cad->addHeaderActionLink( _t('Close'), new TAction(array($this, 'onClose')), 'fa:times red');
  132.        
  133.         
  134.         parent::add($this->form_cad);
  135.     }
  137.     public static function onClose($param)
  138.     {
  139.         TScript::create("Template.closeRightPanel()");
  140.     }
  143.     /**
  144.      * Executed when user leaves start hour field
  145.      */
  146.     public static function onChangeStartHour($param=NULL)
  147.     {
  148.         $obj = new stdClass;
  149.         if (empty($param['start_minute']))
  150.         {
  151.             $obj->start_minute = '0';
  152.             TForm::sendData('form_event', $obj);
  153.         }
  154.         
  155.         if (empty($param['end_hour']) AND empty($param['end_minute']))
  156.         {
  157.             $obj->end_hour = $param['start_hour'] +1;
  158.             $obj->end_minute = '0';
  159.             TForm::sendData('form_event', $obj);
  160.         }
  161.     }
  162.     
  163.     /**
  164.      * Executed when user leaves end hour field
  165.      */
  166.     public static function onChangeEndHour($param=NULL)
  167.     {
  168.         if (empty($param['end_minute']))
  169.         {
  170.             $obj = new stdClass;
  171.             $obj->end_minute = '0';
  172.             TForm::sendData('form_event', $obj);
  173.         }
  174.     }
  175.     
  176.     /**
  177.      * Executed when user leaves start date field
  178.      */
  179.     public static function onChangeStartDate($param=NULL)
  180.     {
  181.         if (empty($param['end_date']) AND !empty($param['start_date']))
  182.         {
  183.             $obj = new stdClass;
  184.             $obj->end_date = $param['start_date'];
  185.             TForm::sendData('form_event', $obj);
  186.         }
  187.     }
  188.     
  189.     /**
  190.      * Executed when user leaves end date field
  191.      */
  192.     public static function onChangeEndDate($param=NULL)
  193.     {
  194.         if (empty($param['end_hour']) AND empty($param['end_minute']) AND !empty($param['start_hour']))
  195.         {
  196.             $obj = new stdClass;
  197.             $obj->end_hour = min($param['start_hour'],22) +1;
  198.             $obj->end_minute = '0';
  199.             TForm::sendData('form_event', $obj);
  200.         }
  201.     }
  202.     
  203.     /**
  204.      * method onSave()
  205.      * Executed whenever the user clicks at the save button
  206.      */
  207.     public function onSave()
  208.     {
  209.         try
  210.         {
  211.             TTransaction::open('cedipi');
  212.             
  213.             $this->form_cad->validate();
  214.             $data = $this->form_cad->getData();
  215.             
  216.             $object = new TbMedAgenda;
  217.             $object->color = $data->color;
  218.             $object->id = $data->id;
  219.             $object->title = $data->title;
  220.             $object->description = $data->description;
  221.             $object->start_time = $data->start_date . ' ' . str_pad($data->start_hour, 2, '0', STR_PAD_LEFT) . ':' . str_pad($data->start_minute, 2, '0', STR_PAD_LEFT) . ':00';
  222.             $object->end_time = $data->end_date . ' ' . str_pad($data->end_hour, 2, '0', STR_PAD_LEFT) . ':' . str_pad($data->end_minute, 2, '0', STR_PAD_LEFT) . ':00';
  223.             
  224.             $object->user_id = TSession::getValue('userid');
  225.             $object->profile_id = TSession::getValue('profileid');
  227.             $object->tb_medicos_id       = $data->tb_medicos_id;
  228.             $object->tb_procedimentos_id = $data->tb_procedimentos_id;
  229.             $object->tb_convenios_id     = $data->tb_convenios_id;
  230.             
  231.             $object->store();
  232.             
  233.             $data->id = $object->id;
  234.             $this->form_cad->setData($data);
  235.             
  236.             TTransaction::close(); 
  238.             $posAction = new TAction(array('FullCalendarAgMed', 'onReload'));
  239.             $posAction->setParameter('view', $data->view);
  240.             $posAction->setParameter('date', $data->start_date);
  241.             
  242.             // shows the success message
  243.             new TMessage('info', TAdiantiCoreTranslator::translate('Record saved'), $posAction);
  245.             //TScript::create("Template.closeRightPanel()");
  247.         }
  248.         catch (Exception $e)
  249.         {
  250.             new TMessage('error', $e->getMessage());
  251.             $this->form_cad->setData( $this->form_cad->getData() );
  252.             TTransaction::rollback();
  253.         }
  254.     }
  255.     
  256.     /**
  257.      * method onEdit()
  258.      * Executed whenever the user clicks at the edit button da datagrid
  259.      */
  260.     public function onEdit($param)
  261.     {
  262.         try
  263.         {
  264.             if (isset($param['key']))
  265.             {
  266.                 // get the parameter $key
  267.                 $key=$param['key'];
  268.                 
  269.                 // open a transaction with database _DATABASE_
  270.                 TTransaction::open('cedipi');
  271.                 
  272.                 // instantiates object TbMedAgenda
  273.                 $object = new TbMedAgenda($key);
  274.                 
  275.                 $data = new stdClass;
  276.                 $data->id = $object->id;
  277.                 $data->color = $object->color;
  278.                 $data->title = $object->title;
  279.                 $data->description = $object->description;
  280.                 $data->start_date = substr($object->start_time,0,10);
  281.                 $data->start_hour = substr($object->start_time,11,2);
  282.                 $data->start_minute = substr($object->start_time,14,2);
  283.                 $data->end_date = substr($object->end_time,0,10);
  284.                 $data->end_hour = substr($object->end_time,11,2);
  285.                 $data->end_minute = substr($object->end_time,14,2);
  286.                 $data->view = $param['view'];
  287.                 
  288.                 // fill the form with the active record data
  289.                 $this->form_cad->setData($data);
  290.                 
  291.                 // close the transaction
  292.                 TTransaction::close();
  293.             }
  294.             else
  295.             {
  296.                 $this->form_cad->clear();
  297.             }
  298.         }
  299.         catch (Exception $e) // in case of exception
  300.         {
  301.             // shows the exception error message
  302.             new TMessage('error', $e->getMessage());
  303.             
  304.             // undo all pending operations
  305.             TTransaction::rollback();
  306.         }
  307.     }
  308.     
  309.     /**
  310.      * Delete event
  311.      */
  312.     public static function onDelete($param)
  313.     {
  314.         // define the delete action
  315.         $action = new TAction(array('CalendarEventFormAM', 'Delete'));
  316.         $action->setParameters($param); // pass the key parameter ahead
  317.         
  318.         TSession::setValue('dt_posicionada', $param['start_date']);
  321.         // shows a dialog to the user
  322.         new TQuestion(AdiantiCoreTranslator::translate('Do you really want to delete ?'), $action);
  323.     }
  324.     
  325.     /**
  326.      * Delete a record
  327.      */
  328.     public static function Delete($param)
  329.     {
  330.         try
  331.         {
  332.             // get the parameter $key
  333.             $key = $param['id'];
  334.             // open a transaction with database
  335.             TTransaction::open('cedipi');
  336.             
  337.             // instantiates object
  338.             $object = new TbMedAgenda($key, FALSE);
  339.             
  340.             // deletes the object from the database
  341.             $object->delete();
  342.             
  343.             // close the transaction
  344.             TTransaction::close();
  345.        
  346.           
  347.             $posAction = new TAction(['FullCalendarAgMed', 'onReload']);
  348.             $posAction->setParameter('view', $param['view']);
  349.             //$posAction->setParameter('date', substr($param['start_date'],0,10));
  350.             $posAction->setParameter('date', $param['start_date']);
  353.             // shows the success message
  354.             new TMessage('info', AdiantiCoreTranslator::translate('Record deleted'), $posAction);
  355.         }
  357.         catch (Exception $e) // in case of exception
  358.         {
  359.             // shows the exception error message
  360.             new TMessage('error', $e->getMessage());
  361.             // undo all pending operations
  362.             TTransaction::rollback();
  363.         }
  364.     }
  365.     
  367.     
  368.     /**
  369.      * Fill form from the user selected time
  370.      */
  371.     public function onStartEdit($param)
  372.     {
  373.         $this->form_cad->clear();
  375.         $data = new stdClass;
  376.         $data->view = $param['view']; // calendar view
  377.         $data->color = '#3a87ad';
  378.            
  381.         if ($param['date'])
  382.         {
  383.             if (strlen($param['date']) == 10)
  384.             {
  385.                 $data->start_date = $param['date'];
  386.                 $data->end_date = $param['date'];
  387.             }
  388.             if (strlen($param['date']) == 19)
  389.             {
  390.                 $data->start_date   = substr($param['date'],0,10);
  391.                 $data->start_hour   = substr($param['date'],11,2);
  392.                 $data->start_minute = substr($param['date'],14,2);
  393.                 
  394.                 $data->end_date   = substr($param['date'],0,10);
  395.                 $data->end_hour   = substr($param['date'],11,2);   //+ 1 padrao
  396.                 $data->end_minute = substr($param['date'],14,2);
  397.             }
  398.             $this->form_cad->setData( $data );
  399.         }
  400.     }
  401.     
  402.     /**
  403.      * Update event. Result of the drag and drop or resize.
  404.      */
  405.     public static function onUpdateEvent($param)
  406.     {
  407.         try
  408.         {
  409.             if (isset($param['id']))
  410.             {
  411.                 $key=$param['id'];
  412.                 TTransaction::open('cedipi');
  413.                 $object = new TbMedAgenda($key);
  415.                 $object->start_time = str_replace('T', ' ', $param['start_time']);
  416.                 $object->end_time   = str_replace('T', ' ', $param['end_time']);
  417.                 $object->store();
  418.                 TTransaction::close();
  419.             }
  420.         }
  421.         catch (Exception $e)
  422.         {
  423.             new TMessage('error', $e->getMessage());
  424.             TTransaction::rollback();
  425.         }
  426.     }
  427. }