harrybomrah
/
property_hire
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
property_hire/app/assets/javascripts/property_hire_calendar_fron...

827 lines
29 KiB
JavaScript
Raw Normal View History

Update fullcalendar from 1.6.1 to 5.8.0. Add calendar to backedend show page. Add calendar to frontend hire page. Add error message description when hiring property. Add backend edit hire page.
2021-07-05 10:05:49 +00:00
window.auto_close_popup = false;
$.fn.fullCalendar = function(args){
var self = this[0]
if(!self.calendar_args)
self.calendar_args = args;
else
args = Object.assign(self.calendar_args, args);
var calendar = new FullCalendar.Calendar(self,args);
calendar.render();
$(window).on("load",function(){
calendar.render();
})
this.calendar = calendar;
self.calendar = calendar;
$.fullCalendar = calendar;
return calendar;
};
function correct_date(date){
var new_date = new Date();
new_date.setTime(date.getTime() + date.getTimezoneOffset() * 60 * 1000);
return new_date;
}
FullCalendar.Calendar.prototype.get_all_events = function(){
this.currentData.all_events = [];
var all_events = this.currentData.all_events;
if(this.currentData.eventStore && this.currentData.eventStore.instances){
var instances = this.currentData.eventStore.instances;
Object.keys(instances).forEach(function(k){
var instance = instances[k];
var range = Object.assign({},instance.range);
range.start = correct_date(range.start);
range.end = correct_date(range.end);
all_events.push(range);
})
}
return this.currentData.all_events;
}
FullCalendar.Calendar.prototype.isAnOverlapEvent = function(eventStartDay, eventEndDay){
eventStartDay = eventStartDay || eventEndDay;
eventEndDay = eventEndDay || eventStartDay;
if((typeof(eventStartDay)).toLowerCase() == "string")
eventStartDay = new Date(eventStartDay);
if((typeof(eventEndDay)).toLowerCase() == "string")
eventEndDay = new Date(eventEndDay);
var events = this.get_all_events();
for (var i = 0; i < events.length; i++) {
var eventA = events[i];
// start-time in between any of the events
if (eventStartDay >= eventA.start && eventStartDay <= eventA.end) {
return true;
}
//end-time in between any of the events
if (eventEndDay >= eventA.start && eventEndDay <= eventA.end) {
return true;
}
//any of the events in between/on the start-time and end-time
if (eventStartDay <= eventA.start && eventEndDay >= eventA.end) {
return true;
}
}
return false;
}
window.is_chinese = ( I18n && I18n.locale.indexOf('zh') != -1 );
window.datetime_format = is_chinese ? 'y M d h:m b' : 'd M, y h:m b';
window.date_format = is_chinese ? 'y M d' : 'd M, y';
window.time_format = "h:m b";
window.date_time_str_format = 'y/MM/d H:m';
Update a lots of things.
2021-09-06 16:45:14 +00:00
window.std_date_format = 'y-MM-d';
Update fullcalendar from 1.6.1 to 5.8.0. Add calendar to backedend show page. Add calendar to frontend hire page. Add error message description when hiring property. Add backend edit hire page.
2021-07-05 10:05:49 +00:00
window.short_day = (is_chinese ? "d (w)" : "w d")
window.short_date = (is_chinese ? "M d (w)" : "w d, M")
window.getDateString = function(date, format,is_chinese) {
var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
var week_days = ['Sun','Mon','Tue','Wed','Thu','Fri','Sat'];
if(is_chinese){
months = [];
for(var i=0;i<12;i++){
months.push((i+1)+"月");
}
week_days = ["週日","週一","週二","週三","週四","週五","週六"]
}
var getPaddedComp = function(comp) {
return ((parseInt(comp) < 10) ? ('0' + comp) : comp)
},
formattedDate = format,
o = {
"y+": date.getFullYear() + (is_chinese ? "年" : ""), // year
"MM+": getPaddedComp(date.getMonth() + 1), //raw month
"M+": months[date.getMonth()], //month
"d+": (is_chinese ? (date.getDate() + "日") : getPaddedComp(date.getDate())), //day
"w+": week_days[date.getDay()], //weekday
"h+": getPaddedComp((date.getHours() > 12) ? date.getHours() % 12 : date.getHours()), //hour
"H+": getPaddedComp(date.getHours()), //hour
"m+": getPaddedComp(date.getMinutes()), //minute
"s+": getPaddedComp(date.getSeconds()), //second
"S+": getPaddedComp(date.getMilliseconds()), //millisecond,
"b+": (date.getHours() >= 12) ? 'PM' : 'AM'
};
for (var k in o) {
if (new RegExp("(" + k + ")").test(format)) {
formattedDate = formattedDate.replace(RegExp.$1, o[k]);
}
}
return formattedDate;
};
Update a lots.(include allow not logins user to hire, let admin set calendar display?,fix bugs)
2021-09-08 02:10:44 +00:00
var Calendar = function(dom,property_id,currentView,display_hire_event){
first commit
2017-01-20 09:02:50 +00:00
c = this;
Update a lots.(include allow not logins user to hire, let admin set calendar display?,fix bugs)
2021-09-08 02:10:44 +00:00
display_hire_event = (display_hire_event == undefined ? true : display_hire_event);
first commit
2017-01-20 09:02:50 +00:00
this.title = $("#current_title");
Update fullcalendar from 1.6.1 to 5.8.0. Add calendar to backedend show page. Add calendar to frontend hire page. Add error message description when hiring property. Add backend edit hire page.
2021-07-05 10:05:49 +00:00
this.calendar_dom = $(dom);
first commit
2017-01-20 09:02:50 +00:00
this.nextBtn = $("#next_month_btn");
this.prevBtn = $("#prev_month_btn");
this.todayBtn = $("#today_btn");
this.modeBtns = $(".calendar_mode button");
this.refreshBtn = $("#refresh_btn");
this.dialog = new EventDialog(c);
this.loading = $('#calendar-loading');
this.agenda_space = $("#calendar_agenda");
Update fullcalendar from 1.6.1 to 5.8.0. Add calendar to backedend show page. Add calendar to frontend hire page. Add error message description when hiring property. Add backend edit hire page.
2021-07-05 10:05:49 +00:00
this.currentView = currentView || "dayGridMonth";
first commit
2017-01-20 09:02:50 +00:00
this.property_id = property_id;
this.navigation = $("#navigation");
this.rangeSelection = $("#range_selection");
var agendaView = new AgendaView(c);
var loadeventsonviewchange = false;
this.initialize = function(){
var date = new Date();
var d = date.getDate();
var m = date.getMonth();
var y = date.getFullYear();
Update fullcalendar from 1.6.1 to 5.8.0. Add calendar to backedend show page. Add calendar to frontend hire page. Add error message description when hiring property. Add backend edit hire page.
2021-07-05 10:05:49 +00:00
var dview = (c.currentView == "agenda" ? "dayGridMonth" : c.currentView);
c.calendar_dom.css("overflow","visible");
c.calendar_dom.fullCalendar({
themeSystem: 'bootstrap',
first commit
2017-01-20 09:02:50 +00:00
editable: false,
Update fullcalendar from 1.6.1 to 5.8.0. Add calendar to backedend show page. Add calendar to frontend hire page. Add error message description when hiring property. Add backend edit hire page.
2021-07-05 10:05:49 +00:00
selectable: true,
width: "100%",
events: function(args, success_callback, fail_callback) {
var start = args.start;
var end = args.end;
$.ajax({
url: "/xhr/property_hires/get_bookings?property_id="+c.property_id,
dataType: 'json',
type: 'GET',
data: {
start: Math.round(start.getTime() / 1000),
end: Math.round(end.getTime() / 1000),
Update a lots.(include allow not logins user to hire, let admin set calendar display?,fix bugs)
2021-09-08 02:10:44 +00:00
_: Date.now(),
display_hire_event: display_hire_event
Update fullcalendar from 1.6.1 to 5.8.0. Add calendar to backedend show page. Add calendar to frontend hire page. Add error message description when hiring property. Add backend edit hire page.
2021-07-05 10:05:49 +00:00
},
success: function(json) {
// json = json.map(function(obj){
// obj.start = new Date(obj.start).toJSON();
// obj.end = new Date(obj.end).toJSON();
// return obj;
// })
success_callback(json);
}
});
},
// events: 'https://fullcalendar.io/demo-events.json',
headerToolbar: false,
fixedWeekCount: false,
initialView: dview,
first commit
2017-01-20 09:02:50 +00:00
loading: function(bool) {
Update fullcalendar from 1.6.1 to 5.8.0. Add calendar to backedend show page. Add calendar to frontend hire page. Add error message description when hiring property. Add backend edit hire page.
2021-07-05 10:05:49 +00:00
if (bool) c.loading.show();
first commit
2017-01-20 09:02:50 +00:00
else c.loading.hide();
Update fullcalendar from 1.6.1 to 5.8.0. Add calendar to backedend show page. Add calendar to frontend hire page. Add error message description when hiring property. Add backend edit hire page.
2021-07-05 10:05:49 +00:00
if(this.currentData)
$('#current_title').html(this.currentData.viewTitle);
first commit
2017-01-20 09:02:50 +00:00
},
windowResize : function(view){
Update fullcalendar from 1.6.1 to 5.8.0. Add calendar to backedend show page. Add calendar to frontend hire page. Add error message description when hiring property. Add backend edit hire page.
2021-07-05 10:05:49 +00:00
c.calendar_dom.calendar.refetchEvents();
first commit
2017-01-20 09:02:50 +00:00
},
Update fullcalendar from 1.6.1 to 5.8.0. Add calendar to backedend show page. Add calendar to frontend hire page. Add error message description when hiring property. Add backend edit hire page.
2021-07-05 10:05:49 +00:00
eventTimeFormat: { hour12: true, hour: '2-digit', minute: '2-digit', omitZeroMinute: true, meridiem: 'narrow' },
first commit
2017-01-20 09:02:50 +00:00
eventClick: function(calEvent, e, view) {
Update fullcalendar from 1.6.1 to 5.8.0. Add calendar to backedend show page. Add calendar to frontend hire page. Add error message description when hiring property. Add backend edit hire page.
2021-07-05 10:05:49 +00:00
if(calEvent.jsEvent && !e){
e = {"originalEvent": calEvent.jsEvent}
}
Update a lots of things.
2021-09-06 16:45:14 +00:00
var el = $(calEvent.el);
if(el.hasClass("reserve_btn")){
window.calEvent = calEvent;
var start_time = calEvent.event.start;
var date_str = window.getDateString(start_time,std_date_format);
Fix bugs.
2021-09-07 05:07:09 +00:00
c.dialog.hide();
Update a lots of things.
2021-09-06 16:45:14 +00:00
var allow_times = calEvent.event._def.extendedProps.allow_times;
window.pick_hire_date(date_str,allow_times);
}else{
c.dialog.dismiss();
c.dialog.inflate(calEvent);
c.dialog.show({"x":e.originalEvent.clientX,"y":e.originalEvent.clientY});
}
Update fullcalendar from 1.6.1 to 5.8.0. Add calendar to backedend show page. Add calendar to frontend hire page. Add error message description when hiring property. Add backend edit hire page.
2021-07-05 10:05:49 +00:00
},
dateClick: function(ev) {
var calendar = this;
var calendar_dom = $(this.el);
if(c.calendar_dom.hasClass("active_picker")){
var date = ev.date,
date_str = getDateString(date,date_time_str_format),
day_element = ev.dayEl,
jsEvent = ev.jsEvent;
var time_str = date_str.split(" ")[1];
var date_str = date_str.split(" ")[0];
calendar_dom.trigger("init_time",[time_str]);
calendar_dom.trigger("select_time",[date_str]);
}
},
views: {
dayGridMonth: {
dayMaxEvents: true
}
}
first commit
2017-01-20 09:02:50 +00:00
});
c.nextBtn.click(function(){
c.dialog.dismiss();
Update fullcalendar from 1.6.1 to 5.8.0. Add calendar to backedend show page. Add calendar to frontend hire page. Add error message description when hiring property. Add backend edit hire page.
2021-07-05 10:05:49 +00:00
c.calendar_dom.calendar.next();
first commit
2017-01-20 09:02:50 +00:00
});
c.prevBtn.click(function(){
c.dialog.dismiss();
Update fullcalendar from 1.6.1 to 5.8.0. Add calendar to backedend show page. Add calendar to frontend hire page. Add error message description when hiring property. Add backend edit hire page.
2021-07-05 10:05:49 +00:00
c.calendar_dom.calendar.prev();
first commit
2017-01-20 09:02:50 +00:00
});
c.todayBtn.click(function(){
c.dialog.dismiss();
Update fullcalendar from 1.6.1 to 5.8.0. Add calendar to backedend show page. Add calendar to frontend hire page. Add error message description when hiring property. Add backend edit hire page.
2021-07-05 10:05:49 +00:00
c.calendar_dom.calendar.today();
first commit
2017-01-20 09:02:50 +00:00
});
c.modeBtns.click(function(){
c.dialog.dismiss();
toggleViews($(this).data("mode"));
});
c.refreshBtn.click(function(){
c.dialog.dismiss();
if(c.currentView == "agenda")
agendaView.refresh();
else
Update fullcalendar from 1.6.1 to 5.8.0. Add calendar to backedend show page. Add calendar to frontend hire page. Add error message description when hiring property. Add backend edit hire page.
2021-07-05 10:05:49 +00:00
c.calendar_dom.calendar.refetchEvents();
first commit
2017-01-20 09:02:50 +00:00
});
var toggleViews = function(view){
c.modeBtns.removeClass("active");
c.modeBtns.each(function(){
if ($(this).data("mode") == view)
$(this).addClass("active");
Update property_hire_calendar_frontend.js
2019-11-09 15:42:19 +00:00
});
first commit
2017-01-20 09:02:50 +00:00
if(view != "agenda"){
if(c.currentView == "agenda"){
// $("#sec1").addClass("span3").removeClass("span7");
$("#sec2").show();
// $("#sec3").addClass("span4").removeClass("span5");
agendaView.hide();
}
Update fullcalendar from 1.6.1 to 5.8.0. Add calendar to backedend show page. Add calendar to frontend hire page. Add error message description when hiring property. Add backend edit hire page.
2021-07-05 10:05:49 +00:00
c.calendar_dom.calendar.changeView(view);
first commit
2017-01-20 09:02:50 +00:00
}else{
// $("#sec1").addClass("span7").removeClass("span3");
$("#sec2").hide();
// $("#sec3").addClass("span5").removeClass("span4");
agendaView.inflate();
}
c.currentView = view;
if(loadeventsonviewchange){
Update fullcalendar from 1.6.1 to 5.8.0. Add calendar to backedend show page. Add calendar to frontend hire page. Add error message description when hiring property. Add backend edit hire page.
2021-07-05 10:05:49 +00:00
c.calendar_dom.calendar.refetchEvents();
first commit
2017-01-20 09:02:50 +00:00
loadeventsonviewchange = false;
}
Update fullcalendar from 1.6.1 to 5.8.0. Add calendar to backedend show page. Add calendar to frontend hire page. Add error message description when hiring property. Add backend edit hire page.
2021-07-05 10:05:49 +00:00
if(c.calendar_dom.calendar.currentData){
var viewTitle = c.calendar_dom.calendar.currentData.viewTitle;
if(view == "timeGridDay" && $('.fc-col-header-cell-cushion ').text() != "")
viewTitle = $('.fc-col-header-cell-cushion ').text() + ', ' + viewTitle;
$('#current_title').html(viewTitle);
}
c.calendar_dom.calendar.render(); //Rerender to fix layout
Update property_hire_calendar_frontend.js
2019-11-09 15:42:19 +00:00
};
first commit
2017-01-20 09:02:50 +00:00
if(c.currentView == "agenda"){toggleViews("agenda");loadeventsonviewchange = true;}
Update property_hire_calendar_frontend.js
2019-11-09 15:42:19 +00:00
};
first commit
2017-01-20 09:02:50 +00:00
this.renderEvent = function(eventStick){
Update property_hire_calendar_frontend.js
2019-11-09 15:42:19 +00:00
if(eventStick.recurring === true)
Update fullcalendar from 1.6.1 to 5.8.0. Add calendar to backedend show page. Add calendar to frontend hire page. Add error message description when hiring property. Add backend edit hire page.
2021-07-05 10:05:49 +00:00
c.calendar_dom.calendar.refetchEvents();
first commit
2017-01-20 09:02:50 +00:00
else
Update fullcalendar from 1.6.1 to 5.8.0. Add calendar to backedend show page. Add calendar to frontend hire page. Add error message description when hiring property. Add backend edit hire page.
2021-07-05 10:05:49 +00:00
c.calendar_dom.calendar.renderEvent(eventStick);
Update property_hire_calendar_frontend.js
2019-11-09 15:42:19 +00:00
};
first commit
2017-01-20 09:02:50 +00:00
$(document).ready(function() {
c.initialize();
});
Update property_hire_calendar_frontend.js
2019-11-09 15:42:19 +00:00
};
first commit
2017-01-20 09:02:50 +00:00
var EventDialog = function(calendar,event){
_t = this;
var event_quick_view = null;
var template = "";
var _this_event = null;
this.inflate = function(_event){
if(!_event) throw new UserException("EventStick can't be null!");
Update fullcalendar from 1.6.1 to 5.8.0. Add calendar to backedend show page. Add calendar to frontend hire page. Add error message description when hiring property. Add backend edit hire page.
2021-07-05 10:05:49 +00:00
_event.allDay = _event.event.allDay;
_event._start = _event.event.start;
_event._end = (_event.event.end ? _event.event.end : _event.event.start);
// var start_date = getDateString(_event._start,date_format);
// var end_date = getDateString(_event._end,date_format);
if(_event._end - _event._start > 86400 * 1000){
_event.allDay = true;
}
_event.title = _event.event.title;
_event.hiring_person_name = _event.event.extendedProps.hiring_person_name;
_event.error_message = _event.event.extendedProps.error_message;
if(!_event.hiring_person_name)
_event.hiring_person_name = "";
_event.note = _event.event.extendedProps.note;
first commit
2017-01-20 09:02:50 +00:00
_this_event = _event;
var start_time = "",
Update fullcalendar from 1.6.1 to 5.8.0. Add calendar to backedend show page. Add calendar to frontend hire page. Add error message description when hiring property. Add backend edit hire page.
2021-07-05 10:05:49 +00:00
end_time = "",
time_string = null;
first commit
2017-01-20 09:02:50 +00:00
if(_event.allDay) {
Update fullcalendar from 1.6.1 to 5.8.0. Add calendar to backedend show page. Add calendar to frontend hire page. Add error message description when hiring property. Add backend edit hire page.
2021-07-05 10:05:49 +00:00
start_time = getDateString(_event._start,datetime_format, is_chinese);
first commit
2017-01-20 09:02:50 +00:00
if(_event._end)
Update fullcalendar from 1.6.1 to 5.8.0. Add calendar to backedend show page. Add calendar to frontend hire page. Add error message description when hiring property. Add backend edit hire page.
2021-07-05 10:05:49 +00:00
end_time = getDateString(_event._end,datetime_format, is_chinese);
time_string = (_event._start === _event._end || !_event._end ? "<p class='start-date'><i class='icons-calendar' /></i>" + start_time + "</p>" : "<i class='icons-calendar' /></i>" + start_time + "<br><i class='icons-arrow-right-5' /></i>" + end_time + "");
first commit
2017-01-20 09:02:50 +00:00
} else {
Update fullcalendar from 1.6.1 to 5.8.0. Add calendar to backedend show page. Add calendar to frontend hire page. Add error message description when hiring property. Add backend edit hire page.
2021-07-05 10:05:49 +00:00
start_time = getDateString(_event._start,date_format, is_chinese);
end_time = getDateString(_event._end,date_format, is_chinese);
var stime = getDateString(_event._start,time_format, is_chinese),
etime = getDateString(_event._end,time_format, is_chinese),
same = (start_time == end_time);
if( same ){
time_string = "<p class='date'><i class='icons-calendar' /></i> " +
start_time +
"</p><p class='time'><i class='icons-clock' /></i> " + stime +
" <i class='icons-arrow-right-5' /></i> " + etime ;
}else{
time_string = "<i class='icons-calendar' /></i><span class='start-date'>" + start_time + " " + stime +
"</span><br><i class='icons-arrow-right-5' /></i><span class='end-date'>" +
end_time + " " + etime + "</span>"
}
// time_string = (same ? "<p class='date'><i class='icons-calendar' /> " + start_time + "</p><p class='time'><i class='icons-clock' /> " + stime + " <i class='icons-arrow-right-5' /> " + etime : "<p class='start-date'><i class='icons-arrow-right-2' /> " + start_time + "<span class='pull-right'>" + stime + "</span></p><p class='end-date'><i class='icons-arrow-left-2' /> " + end_time + "<span class='pull-right'>" + etime + "</p>");
first commit
2017-01-20 09:02:50 +00:00
}
event_quick_view = $('<div class="calendar-modal" style="display:none;"></div>');
template = '<div class="modal-content">' +
Update property_hire_calendar_frontend.js
2019-11-09 15:42:19 +00:00
'<div class="modal-header">' +
first commit
2017-01-20 09:02:50 +00:00
'<button type="button" class="close event-close-btn" data-dismiss="modal" aria-hidden="true">&times;</button>' +
'<h3>' + _event.title + '</h3>' +
'</div>' +
'<div class="modal-body">' +
Update property_hire_calendar_frontend.js
2019-11-09 15:42:19 +00:00
'<div class="event_summary">' + time_string + '</br>' + _event.hiring_person_name + '</div>' + _event.note +
Update fullcalendar from 1.6.1 to 5.8.0. Add calendar to backedend show page. Add calendar to frontend hire page. Add error message description when hiring property. Add backend edit hire page.
2021-07-05 10:05:49 +00:00
(_event.error_message ? ("<br><span style=\"color: #FC4040;\">" + _event.error_message + "</span>") : "")
first commit
2017-01-20 09:02:50 +00:00
'</div>' +
'<div class="modal-footer" />' +
'</div>';
}
this.show = function(pos){
Update a lots of things.
2021-09-06 16:45:14 +00:00
event_quick_view.css({display: 'inline-block',width: '',height: '', position: "fixed", "z-index": "10000"});
var offset;
var padding = 20;
first commit
2017-01-20 09:02:50 +00:00
if(pos){
Update a lots of things.
2021-09-06 16:45:14 +00:00
offset = {"left":pos.x,"top":pos.y};
first commit
2017-01-20 09:02:50 +00:00
var pos = getPosition(pos);
Update a lots of things.
2021-09-06 16:45:14 +00:00
event_quick_view.offset(offset);
}else{
offset = {"left": padding, "top": padding};
first commit
2017-01-20 09:02:50 +00:00
}
event_quick_view.html(template).appendTo("body").show();
event_quick_view.find(".event-close-btn").one("click",function(){_t.dismiss();});
event_quick_view.find("a.delete").one("click",function(){calendar.deleteEvent(_this_event.delete_url,_this_event._id);return false;});
event_quick_view.find("a.edit").one("click",function(){calendar.editEvent(_this_event.edit_url,_this_event.allDay);return false;});
Update fullcalendar from 1.6.1 to 5.8.0. Add calendar to backedend show page. Add calendar to frontend hire page. Add error message description when hiring property. Add backend edit hire page.
2021-07-05 10:05:49 +00:00
var window_width = $(window).width(),
window_height = $(window).height();
var dialog_width = event_quick_view.width(),
dialog_height = event_quick_view.height();
var new_offset = Object.assign({},offset);
var need_redisplay = false;
var new_width = null, new_height = null;
Update a lots of things.
2021-09-06 16:45:14 +00:00
var padding_top = padding + 40;
Update fullcalendar from 1.6.1 to 5.8.0. Add calendar to backedend show page. Add calendar to frontend hire page. Add error message description when hiring property. Add backend edit hire page.
2021-07-05 10:05:49 +00:00
if(offset.left + dialog_width > window_width){
new_offset.left = window_width - dialog_width - padding;
need_redisplay = true;
}
if(new_offset.left < padding){
new_width = dialog_width - (padding - new_offset.left);
new_offset.left = padding;
need_redisplay = true;
}
if(offset.top + dialog_height > window_height){
new_offset.top = window_height - dialog_height - padding;
need_redisplay = true;
}
Update a lots of things.
2021-09-06 16:45:14 +00:00
if(new_offset.top < padding_top){
new_height = dialog_height - (padding_top - new_offset.top);
new_offset.top = padding_top;
Update fullcalendar from 1.6.1 to 5.8.0. Add calendar to backedend show page. Add calendar to frontend hire page. Add error message description when hiring property. Add backend edit hire page.
2021-07-05 10:05:49 +00:00
need_redisplay = true;
}
if(need_redisplay){
event_quick_view.offset(new_offset);
event_quick_view.width(new_width);
event_quick_view.height(new_height);
}
first commit
2017-01-20 09:02:50 +00:00
}
Fix bugs.
2021-09-07 05:07:09 +00:00
this.hide = function(){
calendar.calendar_dom.find('.fc-popover-close').click();
$(event_quick_view).hide();
}
first commit
2017-01-20 09:02:50 +00:00
this.dismiss = function(){
if(event_quick_view)
event_quick_view.remove();
}
var getPosition = function(pos){
var x = pos.x,
y = pos.y,
winheight = $(window).height();
if((x + event_quick_view.width()) > $(window).width()){
x = x - event_quick_view.width();
}
if((y + event_quick_view.height()) > winheight){
y = y - event_quick_view.height();
}
return {"x":x,"y":y};
}
if(event)
_t.inflate(event);
}
var UserException = function(message) {
this.message = message;
this.name = "UserException";
this.toString = function(){
return this.message;
}
}
var AgendaView = function(calendar){
var av = this;
var _calendar = calendar;
var agenda_space = _calendar.agenda_space;
var today = new Date();
var minDifference = 6;
var start_month = today.getMonth();
var start_year = today.getFullYear();
var end_month = ((start_month + minDifference) > 11 ? (start_month + minDifference) - 11 : start_month + minDifference);
var end_year = ((start_month + minDifference) > 11 ? start_year+1 : start_year);
var monthNames = ['January','February','March','April','May','June','July','August','September','October','November','December'];
var month_template = '<div class="col-md-4">' +
'<h4></h4>' +
'<div class="tiny_calendar">' +
'<table class="table table-condensed table-bordered">' +
'<tbody>' +
'<tr>' +
'<th class="week_title">Sun</th>' +
'<th class="week_title">Mon</th>' +
'<th class="week_title">Tue</th>' +
'<th class="week_title">Wed</th>' +
'<th class="week_title">Thu</th>' +
'<th class="week_title">Fri</th>' +
'<th class="week_title">Sat</th>' +
'</tr>' +
'</tbody>' +
'</table>' +
'</div>' +
'</div>';
var event_list_template = '<div class="col-md-8 agenda-event">' +
'<table class="table table-condensed table-bordered event_list">' +
'<thead>' +
'<tr>' +
'<th>Date</th>' +
'<th>Time</th>' +
'<th>Events</th>' +
Update fullcalendar from 1.6.1 to 5.8.0. Add calendar to backedend show page. Add calendar to frontend hire page. Add error message description when hiring property. Add backend edit hire page.
2021-07-05 10:05:49 +00:00
'<th>Borrower</th>' +
first commit
2017-01-20 09:02:50 +00:00
'</tr>' +
'</thead>' +
'<tbody>' +
'<tr>' +
'<td colspan="3" class="no_events">No events for this month.</td>' +
'</tr>' +
'</tbody>' +
'</table>' +
'</div>';
var head_template = '<div>' +
'<label>From</label>' +
Update fullcalendar from 1.6.1 to 5.8.0. Add calendar to backedend show page. Add calendar to frontend hire page. Add error message description when hiring property. Add backend edit hire page.
2021-07-05 10:05:49 +00:00
'<input class="input-large" id="agenda_start" placeholder="YYYY/MM" type="text" value="'+start_year+'/'+('0'+(start_month+1)).substr(-2,2)+'" title="YYYY/MM" autocomplete="off">'+
first commit
2017-01-20 09:02:50 +00:00
'<label>To</label>' +
Update fullcalendar from 1.6.1 to 5.8.0. Add calendar to backedend show page. Add calendar to frontend hire page. Add error message description when hiring property. Add backend edit hire page.
2021-07-05 10:05:49 +00:00
'<input class="input-large" id="agenda_end" placeholder="YYYY/MM" type="text" value="'+end_year+'/'+('0'+(end_month+1)).substr(-2,2)+'" title="YYYY/MM" autocomplete="off">'+
first commit
2017-01-20 09:02:50 +00:00
'<button id="show_events" class="btn btn-sm bt-filter btn-primary">Show Events</button>' +
'</div>';
var event_template = '<tr>' +
'<td />' +
'<td class="event_time" />' +
'<td>' +
'<div class="event" />' +
'</td>' +
Update fullcalendar from 1.6.1 to 5.8.0. Add calendar to backedend show page. Add calendar to frontend hire page. Add error message description when hiring property. Add backend edit hire page.
2021-07-05 10:05:49 +00:00
'<td class="Borrower">'+
first commit
2017-01-20 09:02:50 +00:00
'</tr>';
// var month_template = '<div class="span4"><h4></h4><div class="tiny_calendar"><table class="table"><tbody><tr><th class="week_title">Sun</th><th class="week_title">Mon</th><th class="week_title">Tue</th><th class="week_title">Wed</th><th class="week_title">Thu</th><th class="week_title">Fri</th><th class="week_title">Sat</th></tr></tbody></table></div></div>';
// var event_list_template = '<div class="span8"><table class="table event_list"><thead><tr height="0"><th class="span3"></th><th class="span2"></th><th class=""></th></tr></thead><tbody><tr><td colspan="3" class="no_events">No events for this month.</td></tr></tbody></table></div>';
// var head_template = '<div><label>From</label> <select name="start_month" class="input-small"></select><select name="start_year" class="input-small"></select><label>To</label> <select name="end_month" class="input-small"></select><select name="end_year" class="input-small"></select><button id="show_events" class="btn bt-filter">Show Events</button></div>';
// var event_template = "<tr><th></th><td class='event_time'></td><td><div class='event'></div></td></tr>";
var cache = false;
var show_event_clicked = false;
this.refresh = function(){
av.inflate(true);
}
this.inflate = function(forceInflation){
loading(true);
Update fullcalendar from 1.6.1 to 5.8.0. Add calendar to backedend show page. Add calendar to frontend hire page. Add error message description when hiring property. Add backend edit hire page.
2021-07-05 10:05:49 +00:00
_calendar.calendar_dom.hide();
first commit
2017-01-20 09:02:50 +00:00
_calendar.navigation.hide();
if(!forceInflation){
if(cache){
av.show();
loading(false);
return;
}
}
agenda_space.empty();
if(!show_event_clicked){
_calendar.rangeSelection.empty();
_calendar.rangeSelection.append(renderHead().html()).show();
_calendar.rangeSelection.find("button#show_events").click(function(){
show_event_clicked = true;
Update fullcalendar from 1.6.1 to 5.8.0. Add calendar to backedend show page. Add calendar to frontend hire page. Add error message description when hiring property. Add backend edit hire page.
2021-07-05 10:05:49 +00:00
var starts = $("#agenda_start").val().split("/"),
ends = $("#agenda_end").val().split("/");
start_month = parseInt(starts[1]) - 1;
end_month = parseInt(ends[1]) - 1;
start_year = parseInt(starts[0]);
end_year = parseInt(ends[0]);
first commit
2017-01-20 09:02:50 +00:00
av.inflate(true);
})
}
show_event_clicked = false;
eventsManager();
var s = start_month,
e = end_month
y = start_year;
e = (e > s && start_year == end_year? e : e + 11);
if(end_year > start_year)
e = e + ((end_year - start_year -1) * 12);
else e--;
for(var i = s;i <= e+1; i++){
var m = new Month(s,y);
s++;
if(s > 11){
s = 0;
y++;
}
if(e == 0)
agenda_space.text("Invalid Range of Dates.")
else
agenda_space.append(m.monthDom);
}
loading(false);
}
this.hide = function(){
cache = true;
_calendar.rangeSelection.hide();
agenda_space.hide();
_calendar.navigation.show();
Update fullcalendar from 1.6.1 to 5.8.0. Add calendar to backedend show page. Add calendar to frontend hire page. Add error message description when hiring property. Add backend edit hire page.
2021-07-05 10:05:49 +00:00
_calendar.calendar_dom.show();
first commit
2017-01-20 09:02:50 +00:00
}
this.show = function(){
_calendar.rangeSelection.show();
agenda_space.show();
}
var copyObject = function(x){
return x.clone();
}
var eventsManager = function(){
Update fullcalendar from 1.6.1 to 5.8.0. Add calendar to backedend show page. Add calendar to frontend hire page. Add error message description when hiring property. Add backend edit hire page.
2021-07-05 10:05:49 +00:00
var url = "/xhr/property_hires/get_bookings?property_id="+_calendar.property_id,
first commit
2017-01-20 09:02:50 +00:00
sd = new Date(start_year,start_month,1),
ed = new Date(end_year,end_month+1,0),
usd = Math.round(sd/1000),
ued = Math.round(ed/1000);
$.ajax({
type : "get",
url : url,
Update fullcalendar from 1.6.1 to 5.8.0. Add calendar to backedend show page. Add calendar to frontend hire page. Add error message description when hiring property. Add backend edit hire page.
2021-07-05 10:05:49 +00:00
dataType : "json",
data : {"agenda_start":sd.toLocaleString(),"agenda_end":ed.toLocaleString(),"page_id" : _calendar.page_id,"start":usd,"end":ued},
first commit
2017-01-20 09:02:50 +00:00
success : function(data){
Update fullcalendar from 1.6.1 to 5.8.0. Add calendar to backedend show page. Add calendar to frontend hire page. Add error message description when hiring property. Add backend edit hire page.
2021-07-05 10:05:49 +00:00
$("#agenda_start,#agenda_end").datepicker({
dateFormat: "yy/mm",
onChangeMonthYear: function( year, month, inst ){
$(this).val($.datepicker.formatDate('yy/mm', new Date(year, month-1, 1)));
},
gotoCurrent: true
});
$("#agenda_start,#agenda_end").on("focus",function(){
var input = this;
var inst = $(this).data("datepicker");
var year_month = $(input).val().split("/");
if(year_month.length == 2){
inst.selectedYear = parseInt(year_month[0]);
inst.selectedMonth = parseInt(year_month[1]) - 1;
inst.drawYear = inst.selectedYear;
inst.drawMonth = inst.selectedMonth;
inst.currentYear = inst.selectedYear;
inst.currentMonth = inst.selectedMonth;
}
$.datepicker._updateDatepicker(inst);
})
$("#agenda_start,#agenda_end").focus(function () {
$(".ui-datepicker-calendar").hide();
$("#ui-datepicker-div").position({
my: "center top",
at: "center bottom",
of: $(this)
});
});
$.each(data,function(i,e){
first commit
2017-01-20 09:02:50 +00:00
var ed = eventDom(e),
s = new Date(e.start),
e = new Date(e.end),
e_m = ((e.getMonth() > s.getMonth() || s.getMonth() == e.getMonth()) && s.getFullYear() == e.getFullYear() ? e.getMonth() : e.getMonth() + 12)
s_m = s.getMonth(),
s_y = s.getFullYear();
if(e.getFullYear() > s.getFullYear())
e_m = e_m + ((e.getFullYear() - s.getFullYear() -1) * 12);
for(var i = s_m; i < e_m + 1; i++){
var temp_ed = copyObject(ed);
var list = agenda_space.find("div[data-month="+s_m+"][data-year="+s_y+"] table.event_list tbody");
list.append(temp_ed);
s_m++;
if(s_m > 11){
s_m = 0;
s_y++;
}
}
if(s.getDate() == e.getDate() && s.getMonth() == s.getMonth() && e.getFullYear() == e.getFullYear()){
var td = agenda_space.find("td[data-date-node="+s.getDate()+"-"+s.getMonth()+"-"+s.getFullYear()+"]");
td.addClass("has_event");
}else{
var timeDiff = Math.abs(e.getTime() - s.getTime()),
diffDays = Math.ceil(timeDiff / (1000 * 3600 * 24)),
c_m = s.getMonth(),
c_d = s.getDate(),
c_y = s.getFullYear(),
end_of_c_month = new Date(s.getFullYear(),s.getMonth()+1,0).getDate();
for(var i = 0; i <= diffDays; i++){
var td = agenda_space.find("td[data-date-node="+c_d+"-"+c_m+"-"+c_y+"]");
td.addClass("has_event");
c_d++;
if(c_d > end_of_c_month){
c_d = 1;
c_m++;
if(c_m > 11){
c_m = 0;
c_y++;
}
}
}
}
})
agenda_space.find("table.event_list tbody").each(function(){
if($(this).find("tr").length > 1)
$(this).find("td.no_events").parent().remove();
})
// nano scroller here
}
})
var eventDom = function(event){
var e_t = $(event_template),
s = new Date(event.start),
e = new Date(event.end),
Update fullcalendar from 1.6.1 to 5.8.0. Add calendar to backedend show page. Add calendar to frontend hire page. Add error message description when hiring property. Add backend edit hire page.
2021-07-05 10:05:49 +00:00
dateFormat = "",
hiring_person_name = event.hiring_person_name;
first commit
2017-01-20 09:02:50 +00:00
if(s.getDate() == e.getDate() && s.getMonth() == s.getMonth() && e.getFullYear() == e.getFullYear())
Update fullcalendar from 1.6.1 to 5.8.0. Add calendar to backedend show page. Add calendar to frontend hire page. Add error message description when hiring property. Add backend edit hire page.
2021-07-05 10:05:49 +00:00
dateFormat = getDateString(s, short_day,is_chinese);
first commit
2017-01-20 09:02:50 +00:00
else
Update fullcalendar from 1.6.1 to 5.8.0. Add calendar to backedend show page. Add calendar to frontend hire page. Add error message description when hiring property. Add backend edit hire page.
2021-07-05 10:05:49 +00:00
dateFormat = getDateString(s,short_date,is_chinese) + ' - ' + getDateString(e,short_date,is_chinese);
first commit
2017-01-20 09:02:50 +00:00
e_t.find("td:first").text(dateFormat);
Update fullcalendar from 1.6.1 to 5.8.0. Add calendar to backedend show page. Add calendar to frontend hire page. Add error message description when hiring property. Add backend edit hire page.
2021-07-05 10:05:49 +00:00
e_t.find("td.event_time").text((event.allDay ? "All Day" : (getDateString(s, "h:m b")+"~"+getDateString(e, "h:m b"))));
first commit
2017-01-20 09:02:50 +00:00
e_t.find("div.event").text(event.title).css("color",event.color);
Update fullcalendar from 1.6.1 to 5.8.0. Add calendar to backedend show page. Add calendar to frontend hire page. Add error message description when hiring property. Add backend edit hire page.
2021-07-05 10:05:49 +00:00
e_t.find("td.Borrower").text(hiring_person_name);
first commit
2017-01-20 09:02:50 +00:00
return e_t;
}
}
var loading = function(bool) {
if (bool) _calendar.loading.css("left",($(window).width()/2 - 60) + "px").show();
else _calendar.loading.hide();
}
var renderHead = function(){
var head = $(head_template);
var start_month_select = head.find("select[name=start_month]");
for(var i = 0; i < 12; i++){
var option = $("<option value='"+i+"'>"+monthNames[i]+"</option>");
if(i == start_month)
option.attr("selected","selected");
start_month_select.append(option);
}
var end_month_select = head.find("select[name=end_month]");
for(var i = 0; i < 12; i++){
var option = $("<option value='"+i+"'>"+monthNames[i]+"</option>");
if(i == end_month)
option.attr("selected","selected");
end_month_select.append(option);
}
var start_year_select = head.find("select[name=start_year]");
var y = start_year - 5;
for(var i = 0; i < 10; i++){
var option = $("<option value='"+y+"'>"+y+"</option>");
if(y == start_year)
option.attr("selected","selected");
start_year_select.append(option);
y++;
}
var end_year_select = head.find("select[name=end_year]");
y = start_year - 5;
for(var i = 0; i < 10; i++){
var option = $("<option value='"+y+"'>"+y+"</option>");
if(y == end_year)
option.attr("selected","selected");
end_year_select.append(option);
y++;
}
return head;
}
var Month = function(month,year){
_this = this;
this.monthDom = $("<div class='row' data-year='"+year+"' data-month='"+month+"'></div>");
var template = $(month_template);
var list_template = $(event_list_template);
var firstDay = new Date(year,month,1);
var lastDay = new Date(year,month+1,0);
var last_inserted_date = 1;
var renderMonth = function(){
var num_of_rows = getNumberOfRows(year,month)
for(var i = 0; i < num_of_rows; i++){
var tr = null;
if(i == 0)
tr = makeRow("first");
else if(i == (num_of_rows - 1)){
tr = makeRow("last");
}else{
tr = makeRow("middle");
}
if(tr == null){
break;
}
template.find("table.table tbody").append(tr);
template.find("h4").text(monthNames[firstDay.getMonth()] + " - " + firstDay.getFullYear());
}
_this.monthDom.append(template);
_this.monthDom.append(list_template);
}
function getNumberOfRows(year, month) {
var day = 1,
sat_counter = 0,
sunday_counter = 0,
date = new Date(year, month, day);
while(date.getMonth() === month) {
if(date.getDay() === 0) {
sunday_counter++;
}else if(date.getDay() === 6) {
sat_counter++;
}
day++;
date = new Date(year, month, day);
}
return (sunday_counter == 5 && sat_counter == 5 ? 6 : 5);
}
var makeRow = function(position){
if(last_inserted_date <= lastDay.getDate()){
var row = $("<tr></tr>");
switch (position){
case "first":
for(var i = 0;i < 7;i++){
var td = $("<td></td>");
if(i >= firstDay.getDay()){
td.text(last_inserted_date);
td.attr("data-date-node",last_inserted_date+"-"+firstDay.getMonth()+"-"+firstDay.getFullYear());
last_inserted_date++;
}
row.append(td);
}
break;
case "middle":
for(var i = 0;i < 7;i++){
var td = $("<td></td>");
td.text(last_inserted_date);
td.attr("data-date-node",last_inserted_date+"-"+firstDay.getMonth()+"-"+firstDay.getFullYear());
last_inserted_date++;
row.append(td);
}
break;
case "last":
for(var i = 0;i < 7;i++){
var td = $("<td></td>");
if(i <= lastDay.getDay()){
td.text(last_inserted_date);
td.attr("data-date-node",last_inserted_date+"-"+firstDay.getMonth()+"-"+firstDay.getFullYear());
last_inserted_date++;
}
row.append(td);
}
break;
}
}else{
var row = null;
}
return row;
}
renderMonth();
}
Update property_hire_calendar_frontend.js
2019-11-09 15:42:19 +00:00
}