20% OFF para compra e renovação →

Autor Tópico: Aplicação Blank com fullcalendar  (Lida 68 vezes)

guilherme.holanda

  • Novato
  • *
  • Mensagens: 10
Aplicação Blank com fullcalendar
« Online: Outubro 31, 2018, 11:16:21 pm »
Pessoal  estou aprendendo fazer uma aplicação de calendário usando Blank com a biblioteca fullcalendar, peguei o  exemplo até aqui no forum e consegui fazer a aplicação rodar, mas depois de fazer uma atualização no meu scriptcase nesta semana a aplicação  não funcionou mais, ou seja, mostra o calendário  mais os dados os dados não aparece, alguém passou por uma situação parecida:


Aplicação json.
Código: [Selecionar]
$sql_lookup = "select id_agenda , apelido, a.dt_inicio, hr_inicio, hr_fim, c.status, categorycolor
from agenda as a inner join aluno as b using (id_aluno)
inner join agenda_status as c using (id_status)
inner join contrato as d using (id_aluno)
where d.status = 'ATIVO'
and  a.dt_inicio > (NOW() - INTERVAL 30 DAY)
    and  a.dt_inicio <= (NOW() + INTERVAL 120 DAY)
 
ORDER by  a.dt_inicio
";

sc_lookup(ds , $sql_lookup);


for($i = 0 ; $i < count({ds}) ; $i++){

   $idevento = {ds[$i][0]};
     
   $descricao = {ds[$i][1]};
     
   $data = {ds[$i][2]};
     
   $horainicio = {ds[$i][3]};
     
   $horafim = {ds[$i][4]};
     
   $status = {ds[$i][5]};
$color = {ds[$i][6]};
     
   switch($status){
   
      }     

Aplicação Calendário:
Código: [Selecionar]
echo "<script>
   
   var sc_pathToTB = '" . $this->Ini->path_prod . "/third/jquery_plugin/thickbox/'; /*VAR. NECESSARIA PARA O SC ENCONTRAR O PATH DO thickbox*/
   
     </script>";

echo "<link href='" . $this->Ini->path_prod . "/third/jquery_plugin/fullcalendar/fullcalendar.css' rel='stylesheet' />";

echo "<link href='" . $this->Ini->path_prod . "/third/jquery_plugin/fullcalendar/fullcalendar.print.css' rel='stylesheet' media='print' />";

echo "<link href='" . $this->Ini->path_prod . "/third/jquery_plugin/thickbox/thickbox.css' rel='stylesheet' media='screen' />";

echo "<script type='text/javascript' src='" . $this->Ini->path_prod . "/third/jquery/js/jquery.js'></script>";

echo "<script type='text/javascript' src='" . $this->Ini->path_prod . "/third/jquery/js/jquery-ui.js'></script>"; //drag and drop

echo "<script type='text/javascript' src='" . $this->Ini->path_prod . "/third/jquery_plugin/fullcalendar/fullcalendar.min.js'></script>";

echo "<script type='text/javascript' src='" . $this->Ini->path_prod . "/third/jquery_plugin/thickbox/thickbox-compressed.js'></script>";
?>

<style>

    body {
      margin-top: 20px;
      text-align: center;
      font-size: 14px;
      font-family: Helvetica,Arial,Verdana,sans-serif;

      }

   #calendar {
      width: 800px;
      margin: 0 auto;


      }


}
#menu-options {
      margin-bottom: 15px;
    }


input {
  position: absolute;
  left: -9999px;
}
label {
  padding: 5px 10px;
  border: 3px solid #fff;
  border-radius: 10px;
color: #fff;
  background-color: #DDD;
  box-shadow: 0 0 20px rgba(0, 0, 0, .2);
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
  transition: background-color .2s, box-shadow .2s;
}


label:hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, .6);
}

</style>
<script>

function calendar_reload() {
$('#calendar').fullCalendar('refetchEvents');
  }

   $(document).ready(function() {
   
      var date = new Date();
      var d = date.getDate();
      var m = date.getMonth();
      var y = date.getFullYear();
     
      $('#calendar').fullCalendar({
         header: {
         //   left: 'month,agendaWeek, agendaDay' ,
        left: 'month, agendaDay' ,   
center: 'title',
            right: 'prev,next today'
         },
         
         buttonText: {
                 prev: '&lt;' , /*Botão Previous*/
                 next: '&gt;' , /*Botão Next*/
             today: 'Hoje', /*Botão Today*/
            month: 'Mês' , /*Botão Month*/
            week:  'Semana' , /*Botão Month*/
            day: 'Dia' /*Botão Day*/
          },
         
         /*TRADUÇÃO DOS MESES E DIAS*/
         monthNames: ["Janeiro","Fevereiro","Março","Abril","Maio","Junho","Julho", "Agosto", "Setembro", "Outubro", "Novembro", "Dezembro" ],
         
         monthNamesShort: ["Jan","Fev","Mar","Abr","Mai","Jun","Jul", "Ago", "Set", "Out", "Nov", "Dez" ],

         dayNames: [ 'Domingo', 'Segunda', 'Terça', 'Quarta', 'Quinta', 'Sexta', 'Sábado'],
         
         dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','Sex','Sáb'] ,
         /*************************/
         
         timeFormat: 'H:mm', /*FORMATO DA HORA*/
         
         columnFormat: {
               
                week: 'dddd dd/M', /*Ex: Segunda 09/12*/
                   day: 'dddd'  /*Ex: Segunda*/
         },
         
         titleFormat: {
            //month: '',
            week: "MMM dd[ yyyy]{ '—'[ MMM] dd, yyyy}", /*FORMATO DO TITULO NO MODO AGENDA SEMANAL*/
            day: 'dddd, d/M/yyyy' /*FORMATO DO TÍTULO NO MODO DIA*/
         },
       
contentHeight:500,

height: 600, /*ALTURA DO CALENDARIO*/

defaultView: 'agendaDay', /*Modo de visualização inicial*/
       
allDaySlot:false, /*Se false, remove opção All Day*/

editable: false , /*Se false, não permite arrastar e soltar os eventos*/
         
         /*EXEMPLOS DE ALGUMAS CONFIGURAÇÕES PARA O MODO AGENDA SEMANAL*/
         axisFormat: 'HH:mm' , /*FORMATO DA HORA MOSTRADA DO LADO ESQUERDO*/
         
         minTime: 6 , /*LIMITA O INICIO DO HORARIO A SER MOTRADO A 08:00 (0 a 23)*/
         
         maxTime: 21 , /*LIMITA O FIM DO HORARIO A SER MOTRADO A 20:00  (0 a 23)*/
         

events: {
url: '../json/json.php',
type: 'POST',
data: function() { // a function that returns an object
return {
opts: chk_selected()
};
}
       },
         
         dayClick: function(date, allDay, jsEvent, view) {

        var diaClicado = $.fullCalendar.formatDate( date , 'yyyy-MM-dd' );
var HoraIni  = $.fullCalendar.formatDate( date , 'HH:mm:ss' );
        var dia = $.fullCalendar.formatDate( date , 'dd/MM/yyyy' );
 
         
tb_show('', '../form_agenda/form_agenda.php?diaClicado='+diaClicado+'&HoraIni='+HoraIni+'&sc_cal_click_date=&nmgp_outra_jan=true&nmgp_opcao=igual&nmgp_url_saida=modal&TB_iframe=true&height=380&width=500&modal=true', '');

          },
         
         height: 600, /*ALTURA DO CALENDARIO*/
         
         eventClick: function(calEvent, jsEvent, view) {
           
            var idevento   = calEvent.id;
           
            tb_show('', '../form_agenda/form_agenda.php?id_agenda='+idevento+'&sc_cal_click_date=&nmgp_outra_jan=true&nmgp_opcao=igual&nmgp_url_saida=modal&TB_iframe=true&height=380&width=500&modal=true', '');

   
         },
         
      });
     
   });

</script>


<div id='calendar'></div>
<?php

Beswai

  • Novato
  • *
  • Mensagens: 2
Re:Aplicação Blank com fullcalendar
« Responder #1 Online: Novembro 12, 2018, 04:52:49 am »
I would like to help in providing you with useful information if needed.