angularjs - Refresh Events In Angular Calendar UI (Fullcalendar) With Laravel As A Backend -


i trying make automated refresh calendar. using calendar ui , getting data backend in way 

  /**calendar config***/       //config object                 $scope.uiconfig = {                     calendar:{                         height: 500,                         width: 800,                         editable: false,                         //first hour                         firsthour: 8,                         //devide half hour                         slotminutes: 30,                         //default duration 01:30                         defaulteventminutes: 90,                         axisformat: 'hh:mm',                         timeformat: {                             agenda: 'h:mm{ - h:mm}'                         },                     header:{                         //buttons                         center: 'month agendaweek agendaday',                         left: 'title',                         right: 'today prev,next'               },               defaultview: 'agendaweek'             }           };        //get planings group             $scope.getplaningsbygroup = function(groupid){                 planing.getplaningsbygroup(groupid)                     .success(function(data){                         //populate event object                         $scope.populateplan(data);                     });                 }        //populating plan       $scope.events = [];       $scope.populateplan = function(plans){         plans.foreach(function(plan){           start_time = moment.duration(plan.start_time);;           duration = moment.duration(plan.course.duration);           start_course = moment()                           .day(plan.day)                           .hour(start_time.hours())                           .minutes(start_time.minutes())                           .seconds(start_time.seconds())                           .format("yyyy-mm-ddthh:mm:ss");              end_time = start_time.add(duration);           end_course = moment()                           .day(plan.day)                           .hour(end_time.hours())                           .minutes(end_time.minutes())                           .seconds(end_time.seconds())                           .format("yyyy-mm-ddthh:mm:ss");            console.log(end_course);            $scope.events.push(                   {                     id:plan.id,                     title:plan.course.title,                     start:start_course,                     end :end_course,                     allday:false,                   }             );           });       }       //event source object       $scope.eventsources = [$scope.events];

i don't know if wierdest way still babe @ angular js please excuse crime scene ^^ . did little reasearch , decided go $interval provider refresh events. , here problems faced after trying: try 1 : //refresh events var refresh = function(){ $('#calendar').fullcalendar('rerenderevents'); console.log("refreshed"); } $interval(refresh, 3000); refresh();

basically did nothing try 2 : //refresh events var refresh = function(){ $scope.events.length = 0; $scope.getplaningsbygroup($scope.student.group_id); console.log("refreshed"); } $interval(refresh, 3000); refresh();

and worked know suicide attempt backend. question how solve madness.

you can use 2 strategies keep calendar in sync server without make lots of requests.

the first one, called long polling. put simply, client makes request, server keep alive until new events available.

the second one, called websocket. it's full-duplex communication channel can send data in both directions.

i don't work php, don't know if laravel has support long polling or websocket, think not difficult create.


Comments

Post a Comment

Popular posts from this blog

jquery - How do you format the date used in the popover widget title of FullCalendar? -

Image
in fullcalendar, how format date used in popover widget title when clicking '+n more'? code: <div class="fc-popover fc-more-popover"> <div class="fc-header fc-widget-header"> <span class="fc-close fc-icon fc-icon-x"></span> <span class="fc-title">tuesday, april 7</span> ... </div> ... </div> you use daypopoverformat that. determines date format of title of popover created eventlimitclick option. must date formatting string. default value "dddd, mmmm d" english , "ll" other languages.
Read more

asp.net mvc - SSO between MVCForum and Umbraco7 -

i need integrate sso between mvcforum (forum of company) , umbraco7 (manages cms company). however struggling shared authentication work. tried several ways suggested on other threads still not running expected. here did: 1. in mvcforum (forum.mywebsite.com) 1.1. machine key in web.xml: <machinekey validationkey="the same key umbraco7" decryptionkey="the same key umbraco7" validation="sha1" decryption="aes" /> 1.2. authenticate forms in web.xml <forms name="my-sso-auth" protection="all" path="/" timeout="43200" domain="forum.mywebsite.com" loginurl="/members/logon" enablecrossappredirects="true" /> 2. in umbraco7 (news.mywebsite.com) 2.1. machine key in web.xml: <machinekey validationkey="the same key mvcforum" decryptionkey="the same key mvcforum" validation="sha1" decryption="aes" /> 2.2. a...
Read more

Python Tkinter keyboard using bind -

i have problem using bind option can click button in keyboard, , call function once key pressed. tried taking other codes have similar purpose , saw i'm doing pretty same, though still have problem must've missed. thankful if me this. here's code: # -*- coding: utf-8 -*- #imports tkinter import * pil import imagetk, image import time import tkmessagebox #===========================================================================================================================================# #tkinter class class app(frame): def __init__(self, master=none): frame.__init__(self, master) self.pack() #===========================================================================================================================================# #game pieces classes class board: def __init__(self, rows = 7, columns = 6, picture_height = none, picture_width = none): self.rows = rows self.columns = columns self.picture ...
Read more