summaryrefslogtreecommitdiffstats
path: root/application/views/scripts/event
diff options
context:
space:
mode:
authorSebastian Wagner2011-09-10 11:38:49 +0200
committerSebastian Wagner2011-09-10 11:38:49 +0200
commite8956f79f4a25c77b3bdcff732060dcbdb616a8f (patch)
tree0874a3a256e52581af9639118258dc1ff72ef0e3 /application/views/scripts/event
parentsome changes (diff)
parentadd event dialogs (diff)
downloadpoolctrl-e8956f79f4a25c77b3bdcff732060dcbdb616a8f.tar.gz
poolctrl-e8956f79f4a25c77b3bdcff732060dcbdb616a8f.tar.xz
poolctrl-e8956f79f4a25c77b3bdcff732060dcbdb616a8f.zip
minor
Diffstat (limited to 'application/views/scripts/event')
-rw-r--r--application/views/scripts/event/index.phtml144
1 files changed, 117 insertions, 27 deletions
diff --git a/application/views/scripts/event/index.phtml b/application/views/scripts/event/index.phtml
index 56cae0c..b13f035 100644
--- a/application/views/scripts/event/index.phtml
+++ b/application/views/scripts/event/index.phtml
@@ -4,7 +4,8 @@
</head>
<h1>Pool Control</h1>
-<div id='calendar' style='margin: 3em 0; font-size: 13px'></div>
+<div id='calendar'
+ style='margin: 3em 0; font-size: 13px'></div>
<script type="text/javascript">
@@ -12,35 +13,48 @@ $(document).ready(function() {iniCalendar();});
var opacityValue = .5;
var eventColor = {ev:null, color:null};
+var selectedEvent = null; // keydown variable
// change border color of an event
function eventSelected(event) {
if (eventColor.ev != null){
event.selected = false;
+ selectedEvent = null;
eventColor.ev.borderColor = eventColor.color;
}
event.selected = true;
+ selectedEvent = event;
eventColor.ev = event;
eventColor.color = event.borderColor;
event.borderColor = 'black';
$('#calendar').fullCalendar("rerenderEvents");
- }
-// TO DO: Eventhandler löschen
- function pressKey(event) {
- if(event.selected) {
- $(document).keydown(function (e) {
- if (e.keyCode == 8 || e.keyCode == 46) {
- if (confirm("Are you sure to delete " + event.title + " ?")) {
- self.location="/event/delete/eventID/" + event.id;
- $('#calendar').fullCalendar( 'removeEvents', event.id );
- $('#calendar').fullCalendar( 'rerenderEvents' );
- $(document).unbind('keydown');
- }else{ $('#calendar').fullCalendar("rerenderEvents"); $(document).unbind('keydown');}
- }
- });
- }
+ // dialog for deleting wdhEvents
+ $(function() {
+ $( "#deleteWdhEventDialog" ).dialog({
+ autoOpen: false,
+ width: 600,
+ modal: true,
+ title: 'Delete ' + selectedEvent.title,
+ buttons: {
+ "Cancel": function() {
+ $(this).dialog("close");
+ },
+ "Delete just this Event": function() {
+ $(this).dialog("close");
+ $("form:eq(1)").submit();
+ },
+ "Delete all Events": function() {
+ $(this).dialog("close");
+ $("form:eq(2)").submit();
+ }
+ },
+ open: function () {
+ //$(this).parents(".ui-dialog:first").find(".ui-dialog-titlebar").addClass("ui-state-error");
+ }
+ });
+ });
}
// change view to addEvent
@@ -80,6 +94,20 @@ var eventColor = {ev:null, color:null};
$('#calendar').fullCalendar("addEventSource", "/event/eventlist/poolID/" + poolID);
}
+// delete selected event by key del(8) or entf(46)
+ $(document).keydown(function (e) {
+ if (e.keyCode == 8 || e.keyCode == 46 && selectedEvent.selected == true) {
+ if(selectedEvent.repeat == 0) {
+ if (confirm("Are you sure to delete " + selectedEvent.title + " ?")) {
+ self.location="/event/delete/eventID/" + selectedEvent.id;
+ $('#calendar').fullCalendar( 'removeEvents', selectedEvent.id );
+ $('#calendar').fullCalendar( 'rerenderEvents' );
+ }
+ }else $( "#deleteWdhEventDialog" ).dialog('open'); {
+ }
+ }
+ });
+
// initialize fullCalendar
function iniCalendar() {
@@ -101,7 +129,7 @@ var eventColor = {ev:null, color:null};
defaultView: 'agendaWeek',
allDay : false,
allowCalEventOverlap: false,
- overlapEventsSeparate: false,
+ overlapEventsSeparate: false,
slotMinutes: 30,
defaultEventMinutes: 30,
@@ -133,8 +161,11 @@ var eventColor = {ev:null, color:null};
*/
eventSelected(event);
+<<<<<<< HEAD
pressKey(event);
+=======
+>>>>>>> d6293f80fbeb34f466663bd011e29827123255c1
},
@@ -165,6 +196,27 @@ var eventColor = {ev:null, color:null};
eventDrop: function( event, dayDelta, minuteDelta, allDay, revertFunc ) {
+ $(function() {
+ $( "#defaultDialog" ).dialog({
+ autoOpen: false,
+ width: 600,
+ modal: true,
+ title: event.title + " was moved to " + event.start,
+ buttons: {
+ "Cancel": function() {
+ $(this).dialog("close");
+ },
+ "OK": function() {
+ $(this).dialog("close");
+ $("form:eq(1)").submit();
+ }
+ },
+ open: function () {
+ //$(this).parents(".ui-dialog:first").find(".ui-dialog-titlebar").addClass("ui-state-error");
+ }
+ });
+ });
+ //$( "#defaultDialog" ).dialog('open');
if (!confirm(event.title + " was moved to " + event.start + "\n\n" + "Are you sure about this change?")) {
revertFunc();
}else{
@@ -188,14 +240,14 @@ var eventColor = {ev:null, color:null};
'Participants: ' + event.participants,
show: 'mouseover',
hide: 'mouseout'
- });*/
+ });
+ */
if (view.name == 'agendaWeek') {
}
if (view.name == 'agendaDay') {
-
- element.find('.fc-event-title').append("<br/> Type: " + event.category + "<br/> Note: " + event.note + "<br/> Participants: " + event.participants);
+ element.find('.fc-event-title').append("<br/> Type: " + event.category + "<br/> Note: " + event.note + "<br/> Participants: " + event.participants);
}
},
@@ -210,13 +262,16 @@ var eventColor = {ev:null, color:null};
}
});
- // EventType Buttons
- $('.fc-header-center').append('<span id="lecture" class="fc-button fc-state-default fc-corner-right fc-state-active"><span class="fc-button-inner"><span class="fc-button-content">Lecture</span><span class="fc-button-effect"><span></span></span></span></span>');
- $('.fc-header-center').append('<span id="maintenance" class="fc-button fc-state-default fc-corner-right fc-state-active"><span class="fc-button-inner"><span class="fc-button-content">Maintenance</span><span class="fc-button-effect"><span></span></span></span></span>');
- $('.fc-header-center').append('<span id="boot" class="fc-button fc-state-default fc-corner-right fc-state-active"><span class="fc-button-inner"><span class="fc-button-content">Boot</span><span class="fc-button-effect"><span></span></span></span></span>');
- $('.fc-header-center').append('<span id="shutdown" class="fc-button fc-state-default fc-corner-right fc-state-active"><span class="fc-button-inner"><span class="fc-button-content">Shutdown</span><span class="fc-button-effect"><span></span></span></span></span>');
- // PoolSelectBox
+
+ // EventType Buttons
+ $('.fc-header-center').append('<span id="lecture" class="fc-button fc-state-default fc-corner-right fc-state-active"><span class="fc-button-inner"><span class="fc-button-content">Lecture</span><span class="fc-button-effect"><span></span></span></span></span>');
+ $('.fc-header-center').append('<span id="maintenance" class="fc-button fc-state-default fc-corner-right fc-state-active"><span class="fc-button-inner"><span class="fc-button-content">Maintenance</span><span class="fc-button-effect"><span></span></span></span></span>');
+ $('.fc-header-center').append('<span id="boot" class="fc-button fc-state-default fc-corner-right fc-state-active"><span class="fc-button-inner"><span class="fc-button-content">Boot</span><span class="fc-button-effect"><span></span></span></span></span>');
+ $('.fc-header-center').append('<span id="shutdown" class="fc-button fc-state-default fc-corner-right fc-state-active"><span class="fc-button-inner"><span class="fc-button-content">Shutdown</span><span class="fc-button-effect"><span></span></span></span></span>');
+
+ // PoolSelectBox
$('.fc-header-left').append('<form name="PoolSelectForm"><select id="poolselectbox" name="PoolSelectbox" onChange="fetchPoolEvents(this); "><option>Please choose a Pool</option></select></form>');
+
// Add Button
$('.fc-header-right').append('<span id="addEvent" class="fc-button fc-state-default fc-state-hover"><span class="fc-button-inner"><span class="fc-button-content">Add Event</span><span class="fc-button-effect"><span></span></span></span></span>');
@@ -247,13 +302,48 @@ var eventColor = {ev:null, color:null};
});
$("#addEvent").click(function(){
- addEvent();});
+ addEvent();
+ });
+
+ //fetch poollist from pbs database
$.get("/event/getpoollist/", function(getpoollistresult){$("#poolselectbox").append(getpoollistresult);});
}
+
+
+
</script>
+
+<!-- DIALOG WINDOWS -->
+
+<!-- delete wdhEvent -->
+<div id="deleteWdhEventDialog" style="display:none">
+ <p>Do you want to delete any event occurring this event or just the selected?</p>
+</div>
+
+<!-- eventSelect -->
+<div id="eventSelectDialog" style="display:none">
+ <p>Are you sure to add this Event?</p>
+</div>
+
+<!-- eventResize boot -->
+<div id="eventResizeBootDialog" style="display:none">
+ <p>You can´t change the EndTime of a Boot Event!</p>
+</div>
+
+<!-- eventResize shutdown -->
+<div id="eventResizeShutdownDialog" style="display:none">
+ <p>You can´t change the EndTime of a Shutdown Event!</p>
+</div>
+
+<!-- default -->
+<div id="defaultDialog" style="display:none">
+ <p>Are you sure about this change?</p>
+</div>
+
+
<br />
<br />
<div class='listelement'><?php