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

842 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++) {
Convert js space to tabs.
2022-07-11 07:26:47 +00:00
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;
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.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';
Fix borrow over one day will lead to datetime wrong display.
2022-04-09 12:21:02 +00:00
window.short_day = (is_chinese ? "d (w)" : "w d");
window.short_date = (is_chinese ? "M d (w)" : "w d, M");
window.short_date_time = (is_chinese ? "M d (w) h:m b" : "w d, M h:m b");
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.getDateString = function(date, format,is_chinese) {
Convert js space to tabs.
2022-07-11 07:26:47 +00:00
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 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
};
updates for property hire
2024-10-23 07:33:50 +00:00
var Calendar = function(dom, property_id, valid_range, currentView, display_hire_event, locale = "en"){
fix error
2022-02-08 07:26:12 +00:00
var 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);
updates for property hire
2024-10-23 07:33:50 +00:00
this.locale = locale.replace("_","-");
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%",
updated lot of features
2024-07-11 07:42:16 +00:00
validRange: valid_range,
updates for property hire
2024-10-23 07:33:50 +00:00
locale: c.locale,
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
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',
Convert js space to tabs.
2022-07-11 07:26:47 +00:00
headerToolbar: 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
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' },
Convert js space to tabs.
2022-07-11 07:26:47 +00:00
eventClick: function(eventClickInfo) {
var calEvent = {"event": eventClickInfo.event},
originalEvent = eventClickInfo.jsEvent,
view = eventClickInfo.view,
Fix bug.
2022-07-11 07:30:37 +00:00
el = $(eventClickInfo.el);
Convert js space to tabs.
2022-07-11 07:26:47 +00:00
if(el.hasClass("reserve_btn")){
window.calEvent = calEvent;
var start_time = calEvent.event.start;
var date_str = window.getDateString(start_time,std_date_format);
c.dialog.hide();
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);
Fix bug.
2022-07-25 14:37:16 +00:00
c.dialog.show({"x": originalEvent.clientX,"y": originalEvent.clientY});
Convert js space to tabs.
2022-07-11 07:26:47 +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]);
}
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
},
views: {
Convert js space to tabs.
2022-07-11 07:26:47 +00:00
dayGridMonth: {
dayMaxEvents: 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
}
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();
Fix js bug.
2022-07-13 04:07:10 +00:00
c.title.text(c.calendar_dom.calendar.currentData.viewTitle);
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();
Fix js bug.
2022-07-13 04:07:10 +00:00
c.title.text(c.calendar_dom.calendar.currentData.viewTitle);
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();
Fix js bug.
2022-07-13 04:07:10 +00:00
c.title.text(c.calendar_dom.calendar.currentData.viewTitle);
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);
}
Fix js bug.
2022-07-13 04:07:10 +00:00
c.title.text(c.calendar_dom.calendar.currentData.viewTitle);
// c.calendar_dom.calendar.rerenderEvents(); //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
updated lot of features
2024-07-11 07:42:16 +00:00
this.destroy = function () {
c.calendar_dom.fullCalendar("destroy");
}
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
Fix bug.
2022-07-11 09:02:26 +00:00
c.calendar_dom.calendar.addEvent(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;
Fix bug.
2022-07-11 09:02:26 +00:00
var extendedProps = _event.event.extendedProps;
Object.keys(extendedProps).forEach(function(k){
_event[k] = extendedProps[k];
})
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(!_event.hiring_person_name)
_event.hiring_person_name = "";
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">' +
updates for property hire
2024-10-23 07:33:50 +00:00
'<div class="property_title">' + _event.property_title + '</div>' +
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 +
updates for property hire
2024-10-23 07:33:50 +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>' +
updates for property hire
2024-10-23 07:33:50 +00:00
'<div class="modal-footer">' +
(_event.view_button ? '<a href="' + _event.view_path + '" class="btn view-btn">'+ _event.view_path_name +'</a>' : "") +
'</div>'
first commit
2017-01-20 09:02:50 +00:00
'</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(){
Convert js space to tabs.
2022-07-11 07:26:47 +00:00
return this.message;
first commit
2017-01-20 09:02:50 +00:00
}
}
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 () {
Convert js space to tabs.
2022-07-11 07:26:47 +00:00
$(".ui-datepicker-calendar").hide();
$("#ui-datepicker-div").position({
my: "center top",
at: "center bottom",
of: $(this)
});
});
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
$.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);
Fix borrow over one day will lead to datetime wrong display.
2022-04-09 12:21:02 +00:00
e_t.find("td.event_time").text((event.diff_day ? (getDateString(s, short_date_time,is_chinese)+"~"+getDateString(e, short_date_time, is_chinese)) : (getDateString(s, time_format)+"~"+getDateString(e, time_format))));
Add hire success page. Add display custom fields in calendar event title. Add need hire before setting.
2021-10-22 14:09:10 +00:00
e_t.find("div.event").html(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) {
Convert js space to tabs.
2022-07-11 07:26:47 +00:00
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);
first commit
2017-01-20 09:02:50 +00:00
}
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
}