{{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>