mirror of
https://github.com/wassname/fullcalendar.git
synced 2026-08-18 12:00:36 +08:00
Fix for Issue 16
This commit is contained in:
sean kenny
@@ -5261,7 +5261,7 @@ function ResourceView(element, calendar, viewName) {
|
||||
|
||||
|
||||
function realCellToDate(cell) { // ugh "real" ... but blame it on our abuse of the "cell" system
|
||||
var d = cellToDate(0, cell.col);
|
||||
var d = cellToDate(0, 0);
|
||||
var slotIndex = cell.row;
|
||||
if (opt('allDaySlot')) {
|
||||
slotIndex--;
|
||||
@@ -5337,11 +5337,11 @@ function ResourceView(element, calendar, viewName) {
|
||||
}
|
||||
|
||||
|
||||
function renderSlotSelection(startDate, endDate) {
|
||||
function renderSlotSelection(startDate, endDate, col) {
|
||||
var helperOption = opt('selectHelper');
|
||||
coordinateGrid.build();
|
||||
if (helperOption) {
|
||||
var col = dateToCell(startDate).col;
|
||||
col = col || dateToCell(startDate).col;
|
||||
if (col >= 0 && col < colCnt) { // only works when times are on same day
|
||||
var rect = coordinateGrid.rect(0, col, 0, col, slotContainer); // only for horizontal coords
|
||||
var top = timePosition(startDate, startDate);
|
||||
@@ -5401,9 +5401,11 @@ function ResourceView(element, calendar, viewName) {
|
||||
if (ev.which == 1 && opt('selectable')) { // ev.which==1 means left mouse button
|
||||
unselect(ev);
|
||||
var dates;
|
||||
var col;
|
||||
hoverListener.start(function(cell, origCell) {
|
||||
clearSelection();
|
||||
if (cell && cell.col == origCell.col && !getIsCellAllDay(cell)) {
|
||||
col = cell.col;
|
||||
var d1 = realCellToDate(origCell);
|
||||
var d2 = realCellToDate(cell);
|
||||
dates = [
|
||||
@@ -5412,7 +5414,7 @@ function ResourceView(element, calendar, viewName) {
|
||||
d2,
|
||||
addMinutes(cloneDate(d2), snapMinutes)
|
||||
].sort(dateCompare);
|
||||
renderSlotSelection(dates[0], dates[3]);
|
||||
renderSlotSelection(dates[0], dates[3], cell.col);
|
||||
}else{
|
||||
dates = null;
|
||||
}
|
||||
@@ -5423,6 +5425,7 @@ function ResourceView(element, calendar, viewName) {
|
||||
if (+dates[0] == +dates[1]) {
|
||||
reportDayClick(dates[0], false, ev);
|
||||
}
|
||||
ev.data = resources()[col];
|
||||
reportSelection(dates[0], dates[3], false, ev);
|
||||
}
|
||||
});
|
||||
|
||||
Vendored
+1
-1
File diff suppressed because one or more lines are too long
@@ -692,7 +692,7 @@ function ResourceView(element, calendar, viewName) {
|
||||
|
||||
|
||||
function realCellToDate(cell) { // ugh "real" ... but blame it on our abuse of the "cell" system
|
||||
var d = cellToDate(0, cell.col);
|
||||
var d = cellToDate(0, 0);
|
||||
var slotIndex = cell.row;
|
||||
if (opt('allDaySlot')) {
|
||||
slotIndex--;
|
||||
@@ -768,11 +768,11 @@ function ResourceView(element, calendar, viewName) {
|
||||
}
|
||||
|
||||
|
||||
function renderSlotSelection(startDate, endDate) {
|
||||
function renderSlotSelection(startDate, endDate, col) {
|
||||
var helperOption = opt('selectHelper');
|
||||
coordinateGrid.build();
|
||||
if (helperOption) {
|
||||
var col = dateToCell(startDate).col;
|
||||
col = col || dateToCell(startDate).col;
|
||||
if (col >= 0 && col < colCnt) { // only works when times are on same day
|
||||
var rect = coordinateGrid.rect(0, col, 0, col, slotContainer); // only for horizontal coords
|
||||
var top = timePosition(startDate, startDate);
|
||||
@@ -832,9 +832,11 @@ function ResourceView(element, calendar, viewName) {
|
||||
if (ev.which == 1 && opt('selectable')) { // ev.which==1 means left mouse button
|
||||
unselect(ev);
|
||||
var dates;
|
||||
var col;
|
||||
hoverListener.start(function(cell, origCell) {
|
||||
clearSelection();
|
||||
if (cell && cell.col == origCell.col && !getIsCellAllDay(cell)) {
|
||||
col = cell.col;
|
||||
var d1 = realCellToDate(origCell);
|
||||
var d2 = realCellToDate(cell);
|
||||
dates = [
|
||||
@@ -843,7 +845,7 @@ function ResourceView(element, calendar, viewName) {
|
||||
d2,
|
||||
addMinutes(cloneDate(d2), snapMinutes)
|
||||
].sort(dateCompare);
|
||||
renderSlotSelection(dates[0], dates[3]);
|
||||
renderSlotSelection(dates[0], dates[3], cell.col);
|
||||
}else{
|
||||
dates = null;
|
||||
}
|
||||
@@ -854,6 +856,7 @@ function ResourceView(element, calendar, viewName) {
|
||||
if (+dates[0] == +dates[1]) {
|
||||
reportDayClick(dates[0], false, ev);
|
||||
}
|
||||
ev.data = resources()[col];
|
||||
reportSelection(dates[0], dates[3], false, ev);
|
||||
}
|
||||
});
|
||||
|
||||
@@ -0,0 +1,203 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<link rel="stylesheet" href="./lib/bootstrap.min.css" />
|
||||
<link href='../build/out/fullcalendar.css' rel='stylesheet' />
|
||||
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<h3 class="text-center">Calendar demo</h3>
|
||||
<div class="col-sm-10">
|
||||
<select name="study" id="study-selector" class="form-control shortselector">
|
||||
<option value="1">Eco</option>
|
||||
<option value="2">TAC</option>
|
||||
<option value="3">RMN</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div id="calendar"></div>
|
||||
|
||||
<div class="modal fade" id="newAppointment" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<div class="modal-body">
|
||||
<h4>Form</h4>
|
||||
<div id="date"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<script src='../build/out/jquery.js'></script>
|
||||
<script src='../build/out/jquery-ui.js'></script>
|
||||
|
||||
<script src="./lib/bootstrap.min.js"></script>
|
||||
|
||||
<script src='../src/defaults.js'></script>
|
||||
<script src='../src/main.js'></script>
|
||||
<script src='../src/Calendar.js'></script>
|
||||
<script src='../src/Header.js'></script>
|
||||
<script src='../src/EventManager.js'></script>
|
||||
<script src='../src/ResourceManager.js'></script>
|
||||
<script src='../src/date_util.js'></script>
|
||||
<script src='../src/util.js'></script>
|
||||
<script src='../src/basic/MonthView.js'></script>
|
||||
<script src='../src/basic/BasicWeekView.js'></script>
|
||||
<script src='../src/basic/BasicDayView.js'></script>
|
||||
<script src='../src/basic/BasicView.js'></script>
|
||||
<script src='../src/basic/BasicEventRenderer.js'></script>
|
||||
<script src='../src/agenda/AgendaWeekView.js'></script>
|
||||
<script src='../src/agenda/AgendaDayView.js'></script>
|
||||
<script src='../src/agenda/AgendaView.js'></script>
|
||||
<script src='../src/agenda/AgendaEventRenderer.js'></script>
|
||||
<script src='../src/resource/ResourceDayView.js'></script>
|
||||
<script src='../src/resource/ResourceView.js'></script>
|
||||
<script src='../src/resource/ResourceEventRenderer.js'></script>
|
||||
<script src='../src/common/View.js'></script>
|
||||
<script src='../src/common/DayEventRenderer.js'></script>
|
||||
<script src='../src/common/SelectionManager.js'></script>
|
||||
<script src='../src/common/OverlayManager.js'></script>
|
||||
<script src='../src/common/CoordinateGrid.js'></script>
|
||||
<script src='../src/common/HoverListener.js'></script>
|
||||
<script src='../src/common/HorizontalPositionCache.js'></script>
|
||||
<script src='../build/out/gcal.js'></script>
|
||||
|
||||
<script src="dateFormat.min.js"></script>
|
||||
<script >
|
||||
// Code goes here
|
||||
var date = new Date();
|
||||
var d = date.getDate();
|
||||
var m = date.getMonth();
|
||||
var y = date.getFullYear();
|
||||
var study;
|
||||
|
||||
var ecoEvents = [{
|
||||
title: 'Test 1',
|
||||
start: new Date(y, m, d, 09, 15),
|
||||
end: new Date(y, m, d, 10, 00),
|
||||
allDay: false,
|
||||
resources: ['1']
|
||||
}, {
|
||||
title: 'Test 2',
|
||||
start: new Date(y, m, d, 08, 30),
|
||||
end: new Date(y, m, d, 09, 00),
|
||||
allDay: false,
|
||||
resources: ['2']
|
||||
}];
|
||||
|
||||
var ecoResources = [{'id':'1','name':'Eco Office 1'},{'id':'2', 'name':'Eco Office 2'}];
|
||||
|
||||
$('#calendar').fullCalendar({
|
||||
//When you click and select a time range show up the modal, with date,
|
||||
//start and end time fields populated (Didn´t add fields).
|
||||
select: function(start, end, allDay, a, b, c) {
|
||||
debugger;
|
||||
$("#date").html(start);
|
||||
showModal(null, null, null);
|
||||
},
|
||||
/*Clicking on an event makes an ajax request with the parameters I pass on the showModal
|
||||
function, and shows the modal with all the fields populated. */
|
||||
eventClick: function(event) {
|
||||
showModal(event.apId, event.patId, event.provisoryId);
|
||||
},
|
||||
resources: ecoResources,
|
||||
events: ecoEvents,
|
||||
titleFormat: {
|
||||
day: 'dd/MM/yyyy',
|
||||
week: "MMMM dd[ yyyy]{ '—'[ MMMM] d yyyy}"
|
||||
},
|
||||
columnFormat: {
|
||||
day: 'dddd dd/MM/yyyy',
|
||||
week: "dddd dd"
|
||||
},
|
||||
dayNames: ['Domingo', 'Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado'],
|
||||
dayNamesShort: ['Dom', 'Lun', 'Mar', 'Mie', 'Jue', 'Vie', 'Sab'],
|
||||
monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
|
||||
defaultView: 'resourceDay',
|
||||
header: {
|
||||
left: 'prev,next today',
|
||||
center: 'title',
|
||||
right: 'agendaWeek, agendaDay, resourceDay'
|
||||
},
|
||||
buttonText: {
|
||||
week: 'Semana',
|
||||
day: 'Día',
|
||||
today: 'Hoy'
|
||||
},
|
||||
allDaySlot: false,
|
||||
selectable: true,
|
||||
selectHelper: true,
|
||||
snapMinutes: 5,
|
||||
slotMinutes: 15,
|
||||
aspectRatio: 2,
|
||||
height: 500,
|
||||
theme: false,
|
||||
buttonIcons: false,
|
||||
minTime: 8,
|
||||
maxTime: 21
|
||||
});
|
||||
|
||||
function showModal(a, b, c) {
|
||||
$('#newAppointment').modal('show');
|
||||
}
|
||||
|
||||
$("#study-selector").change(function(a, b, c) {
|
||||
var office = $(this).val();
|
||||
|
||||
// TAC
|
||||
if (office == 2){
|
||||
events = [{
|
||||
title: 'TAC Appointment',
|
||||
start: new Date(y, m, d, 08, 30),
|
||||
end: new Date(y, m, d, 09, 00),
|
||||
allDay: false,
|
||||
resources: ['3']
|
||||
}];
|
||||
resources = [{'id':'3','name':'Tac Office'}];
|
||||
} else if (office == 3){
|
||||
events = [{
|
||||
title: 'RMN Appointment',
|
||||
start: new Date(y, m, d, 09, 15),
|
||||
end: new Date(y, m, d, 10, 00),
|
||||
allDay: false,
|
||||
resources: ['4']
|
||||
}];
|
||||
resources = [{'id':'4','name':'RMS Office'}];
|
||||
} else {
|
||||
events = ecoEvents;
|
||||
resources = ecoResources;
|
||||
}
|
||||
|
||||
cal = $('#calendar');
|
||||
cal.fullCalendar('setResources', resources)
|
||||
cal.fullCalendar('removeEvents')
|
||||
cal.fullCalendar('render')
|
||||
cal.fullCalendar('addEventSource', events)
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Vendored
+7
File diff suppressed because one or more lines are too long
Vendored
+7
File diff suppressed because one or more lines are too long
@@ -96,6 +96,10 @@
|
||||
<script src='../build/out/gcal.js'></script>
|
||||
<script>
|
||||
|
||||
function showModal(a, b, c) {
|
||||
$('#newAppointment').modal('show');
|
||||
}
|
||||
|
||||
var cal, staticEvents;
|
||||
|
||||
var date = new Date();
|
||||
@@ -105,6 +109,9 @@
|
||||
|
||||
$(document).ready(function() {
|
||||
cal = $('#calendar').fullCalendar({
|
||||
eventClick: function(event) {
|
||||
showModal(event.apId, event.patId, event.provisoryId);
|
||||
},
|
||||
editable: true,
|
||||
// weekends: false,
|
||||
header: {
|
||||
|
||||
Reference in New Issue
Block a user