{{response.files.append(URL(r=request,c='static/js',f='fullcalendar.min.js'))}}
{{response.files.append(URL(r=request,c='static/css',f='fullcalendar.min.css'))}}
{{extend 'layout.html'}}
<style>
.myclass{
background-color: white;
}
#calendar .fc-agenda-axis, #calendar .fc-widget-header {
background-color: #C2E6FF;
border-color: #AED0EA;
font-weight: normal;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
border-radius: 3px ;
}
#calendar .fc-event {
box-shadow: 2px 2px 2px #706868;
}
.fc-today {
background-color: #C2E6FF;
}
.fc-day-number {
font-size: 14px;
}
.fc-content{
text-align:right ;
cursor:pointer;
}
.fc h2 {
font-size: 20px;
}
.fc-scroller {
overflow-y: hidden !important;
}
</style>
<script type='text/javascript'>
$(document).ready(function() {
var date = new Date();
var d = date.getDate();
var m = date.getMonth();
var y = date.getFullYear();
$('#calendar').fullCalendar({
firstDay:1,
displayEventTime:true,
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'],
buttonText: {
today: 'hoje',
month: 'mês',
week: 'semana',
day: 'dia'
},
header:{
left: 'prev,next today',
center: 'title',
right: 'month,basicWeek,basicDay',
},
eventClick: function(info) {
alert('Event: ' + info.event.title);
alert('Coordinates: ' + info.jsEvent.pageX + ',' + info.jsEvent.pageY);
alert('View: ' + info.view.type);
// change the border color just for fun
info.el.style.borderColor = 'red';
},
dayClick: function(date, jsEvent, view) {
$("#inicio").val(date.format()+"T09:00");
$("#fim").val(date.format()+"T18:00");
},
editable: false,
defaultView:'month',
displayEventTime: true,
displayEventEnd:true,
eventClick: function(event) {
console.log(event);
if (event.url) {
window.open(event.url, "_blank");
return false;
}
},
height: "auto",
events: [
{{for task in ret:}}
{{color='#f00'}}
{
{{temp=db.auth_user(id=task["person"])}}
title: '{{=temp["nick"]}}\n
</b><br>{{=task["description"]}}',
color : '{{=color}}',
textColor:"#FFF",
start:'{{=task["eventstart"]}}',
end: '{{=task["eventend"]}}',
},
{{pass}}
],
eventRender: function( event, element, view ) {
var title = element
.find('.fc-title, .fc-list-item-title');
title.html(title.text());
},
});
});
</script>
<br>
<div> {{=form}}</div>
<div id='calendar' class="myclass"></div>
Em dom., 15 de mar. de 2020 às 17:46, Andrea Fae' <[email protected]>
escreveu:
> Anyone have any eocumentation with a examples about using Fullcalendar.io
> v4 javascript calendar with web2py?
> thank you
>
> --
> Resources:
> - http://web2py.com
> - http://web2py.com/book (Documentation)
> - http://github.com/web2py/web2py (Source code)
> - https://code.google.com/p/web2py/issues/list (Report Issues)
> ---
> You received this message because you are subscribed to the Google Groups
> "web2py-users" group.
> To unsubscribe from this group and stop receiving emails from it, send an
> email to [email protected].
> To view this discussion on the web visit
> https://groups.google.com/d/msgid/web2py/113d00b6-37b0-4bcc-8185-4863be823ae4%40googlegroups.com
> <https://groups.google.com/d/msgid/web2py/113d00b6-37b0-4bcc-8185-4863be823ae4%40googlegroups.com?utm_medium=email&utm_source=footer>
> .
>
--
Resources:
- http://web2py.com
- http://web2py.com/book (Documentation)
- http://github.com/web2py/web2py (Source code)
- https://code.google.com/p/web2py/issues/list (Report Issues)
---
You received this message because you are subscribed to the Google Groups
"web2py-users" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/web2py/CAEM0BxNCyZRBAZRtQ08AxSRBjhh6jQ-zWCZrOF0LdLG0acY%3Dqw%40mail.gmail.com.
