social_stream-events 0.0.1

data/app/views/calendar_events/_form.html.erb

@@ -0,0 +1,65 @@
+<% #remote_form_for @event, :url => {:action => :create}, :before => "$('#creating_events').show();", :complete => "$('#creating_events').hide();" do |f| 
+%>
+<% remote_form_for @event, :url => {:action => :create}, :complete => "$('#create_event_dialog').dialog('destroy');" do |f| %>
+
+<!--
+<p>
+  <%=f.label :title %>
+  <br/>
+  <%=f.text_field :title %>
+</p>
+-->
+<%=f.hidden_field :title, :value => "No disponible" %>
+<!--
+<p>
+  <%=f.label :description %>
+  <br/>
+  <%=f.text_area :description, :rows => 4, :cols => 30 %>
+</p>
+-->
+<%=f.hidden_field :description, :value => "No disponible" %>
+<p>
+  <%=f.label :starttime, 'Inicio' %>
+  <br/>
+  <%=f.datetime_select :starttime, :minute_step => 30 %>
+</p>
+<p>
+  <%=f.label :endtime, 'Fin' %>
+  <br/>
+  <%=f.datetime_select :endtime, :minute_step => 30 %>
+</p>
+<p>
+  <%=f.label :all_day, "Todo el día" %>
+  <%=f.check_box :all_day %>
+</p>
+<p>
+  <%=f.label :period, "Repetir" %>
+  <%=f.select :period, CalendarEvent::REPEATS,{}, :onchange => "showPeriodAndFrequency(this.value);" %>
+</p>
+<div id = "frequency" style = "display:none;">
+<p>
+  <%=f.label :frequency, "Repetir cada" %>
+  <%=f.select :frequency, (1..30).to_a %> <span id = "period"></span>
+</p>
+<p>
+  <%=f.label :starttime, 'Repetir hasta' %>
+  <%=check_box_tag :repeat, 1, false, :onchange => "showRepeatUntil(this.checked);" %>
+  <span id="repeat_until" style = "display:none;">
+  <%= select_date nil, {:prefix => :repeat_until, :include_blank => true}, :order => [:year, :month, :day] %>
+  </span>  
+</p>
+</div>
+<!--
+<p>
+  <%=f.label :starttime, 'Repetir hasta' %>
+  <br/>
+  <%= select_date Date.current, :prefix => :repeat_until, :order => [:year, :month, :day] %>
+</p>
+-->
+
+<%=f.hidden_field :object_id, :value => @room.id %>
+<%=f.hidden_field :object_type, :value => 'Room' %>
+<p>
+  <%=f.submit 'Agregar' %> <span id = "creating_events" style = "display:none;">Agregando, espere por favor...</span>
+</p>
+<%end %>

data/app/views/calendar_events/available.html.erb

@@ -0,0 +1,81 @@
+<% content_for :headers do  -%>
+  <%= javascript_include_tag :defaults, 'jquery', 'jquery-ui', 'fullcalendar' %>
+  <%= stylesheet_link_tag 'jquery-ui', 'fullcalendar' %>
+<% end -%>
+
+<% content_for :javascript do %>
+      $(document).ready(function(){
+		$('#calendar').fullCalendar({
+		    monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 
+			             'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
+            monthNamesShort: ['Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun', 
+			                  'Jul', 'Ago', 'Sep', 'Oct', 'Nov', 'Dic'],
+			dayNames: ['Domingo', 'Lunes', 'Martes', 'Miercoles', 'Jueves', 'Viernes', 'Sabado'],
+			dayNamesShort: ['Dom', 'Lun', 'Mar', 'Mie', 'Jue', 'Vie', 'Sab'],
+			buttonText: {
+			    prev:     '&nbsp;&#9668;&nbsp;',  // left triangle
+			    next:     '&nbsp;&#9658;&nbsp;',  // right triangle
+			    prevYear: '&nbsp;&lt;&lt;&nbsp;', // <<
+			    nextYear: '&nbsp;&gt;&gt;&nbsp;', // >>
+			    today:    'Hoy',
+			    month:    'Mes',
+			    week:     'Semana',
+			    day:      'Dia'
+			},
+			firstDay: 1,
+			allDayText: 'Todo el dia',
+			axisFormat: 'HH:mm G\'M\'\'T\' <%= escape_javascript(Time.zone.formatted_offset) %>',
+			ignoreTimezone: true,
+			allowCalEventOverlap: false,
+			header: {
+				left: 'prev,next today',
+				center: 'title',
+				right: 'month,agendaWeek,agendaDay'
+			},
+			defaultView: 'agendaWeek',
+			height: 500,
+			columnFormat: {
+                            month: 'ddd',
+                            week: 'ddd d/M',
+                            day: 'dddd d/M'
+                     },
+			slotMinutes: 30,
+			loading: function(bool){
+				if (bool) 
+					//$('#loading').show();
+					$('#loading').hide();
+				else 
+					$('#loading').hide();
+			},
+
+			//events: "/calendar_events/get_events",
+			events: "/calendar_events/get_room_events?room_id=<%=@room.id%>&calendar_events=<%=params[:calendar_events]%>",
+			timeFormat: 'HH:mm t{ - HH:mm t} ',
+			dragOpacity: "0.5",
+			eventClick: function(event, jsEvent, view){
+			    if (event.editable) {
+					showEventDetails(event);
+				} else {
+				    showEventDescription(event);
+				}
+			}
+		});
+	});
+	
+<% end %>
+
+<div><div id='calendar'></div></div>
+
+<div id = "desc_dialog" style ="display:none;">
+  <div id = "event_desc"></div>
+  <br/>
+  <br/>
+  <div id = "event_actions">
+    <span id = "edit_event"></span>
+    <span id = "delete_event"></span>
+  </div>
+</div>
+<div id = "create_event_dialog" style ="display:none;">
+  <div id = "create_event">
+  </div>
+</div>

data/app/views/calendar_events/create.js.erb

@@ -0,0 +1,18 @@
+if @event
+  if @event.save
+    page<<"if (parent.$('#reservation_calendar_events')) { parent.$('#reservation_calendar_events').val(parent.$('#reservation_calendar_events').val() + ' ' + #{@event.id}) };"
+    page<<"$('#calendar').fullCalendar( 'refetchEvents' )"
+    #page<<"$('#create_event_dialog').dialog('destroy')"
+  else
+    page.alert @event.errors.full_messages(',').join("\n")
+  end
+end
+
+if @event_series
+  if @event_series.save
+    page<<"$('#calendar').fullCalendar( 'refetchEvents' )"
+    #page<<"$('#create_event_dialog').dialog('destroy')"
+  else
+    page.alert @event_series.errors.full_messages(',').join("\n")
+  end
+end

data/app/views/calendar_events/edit.js.erb

@@ -0,0 +1 @@
+page.replace_html 'event_desc', :partial => 'edit_form'

data/app/views/calendar_events/index.html.erb

@@ -0,0 +1,162 @@
+<% content_for :headers do  -%>
+  <%= javascript_include_tag :defaults, 'jquery', 'jquery-ui', 'fullcalendar' %>
+  <%= stylesheet_link_tag 'jquery-ui', 'fullcalendar' %>
+<% end -%>
+
+<% content_for :javascript do %>
+      $(document).ready(function(){
+		$('#calendar').fullCalendar({
+		    monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 
+			             'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
+            monthNamesShort: ['Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun', 
+			                  'Jul', 'Ago', 'Sep', 'Oct', 'Nov', 'Dic'],
+			dayNames: ['Domingo', 'Lunes', 'Martes', 'Miercoles', 'Jueves', 'Viernes', 'Sabado'],
+			dayNamesShort: ['Dom', 'Lun', 'Mar', 'Mie', 'Jue', 'Vie', 'Sab'],
+			buttonText: {
+			    prev:     '&nbsp;&#9668;&nbsp;',  // left triangle
+			    next:     '&nbsp;&#9658;&nbsp;',  // right triangle
+			    prevYear: '&nbsp;&lt;&lt;&nbsp;', // <<
+			    nextYear: '&nbsp;&gt;&gt;&nbsp;', // >>
+			    today:    'Hoy',
+			    month:    'Mes',
+			    week:     'Semana',
+			    day:      'Dia'
+			},
+			firstDay: 1,
+			allDayText: 'Todo el dia',
+			axisFormat: 'HH:mm G\'M\'\'T\' <%= escape_javascript(Time.zone.formatted_offset) %>',
+                        ignoreTimezone: true,
+			allowCalEventOverlap: false,
+			selectable: true,
+			selectHelper: true,
+			select: function(start, end, allDay) {
+				var title = "<%= escape_javascript(params[:reservation][:title])%>";
+
+				if (dateAvailable(start, end, allDay)) {			
+					$('#calendar').fullCalendar('renderEvent', {
+						title: title,
+						start: start,
+						end: end,
+                                          editable: true,
+						allDay: allDay
+					  }, false
+                    );
+				    createReservationEvent(title, start, end, allDay);					
+				}
+				$('#calendar').fullCalendar('unselect');
+			},
+			editable: true,
+			header: {
+				left: 'prev,next today',
+				center: 'title',
+				right: 'month,agendaWeek,agendaDay'
+			},
+			defaultView: 'agendaWeek',
+			height: 500,
+			columnFormat: {
+                            month: 'ddd',
+                            week: 'ddd d/M',
+                            day: 'dddd d/M'
+                     },
+			slotMinutes: 30,
+			loading: function(bool){
+				if (bool) 
+					//$('#loading').show();
+					$('#loading').hide();
+				else 
+					$('#loading').hide();
+			},
+
+			//events: "/calendar_events/get_events",
+			eventSources: [
+				"/calendar_events/get_room_events?room_id=<%=@room.id%>",
+				<% if @rooms %>
+				"/calendar_events/get_others_events?room_ids="+$('#room_ids').val(),
+				<% end %>
+				function(start, end, callback) {
+					$.ajax({
+						url: '/calendar_events/get_calendar_events',
+						dataType: 'json',
+						data: {
+							start: Math.round(start.getTime() / 1000),
+							end: Math.round(end.getTime() / 1000),
+							calendar_events: parent.$('#reservation_calendar_events').val()
+						},
+						success: function(events) {
+							callback(events);
+						}
+					});
+				}				
+			],
+			timeFormat: 'HH:mm t{ - HH:mm t} ',
+			dragOpacity: "0.5",
+			eventDrop: function(event, dayDelta, minuteDelta, allDay, revertFunc){
+				if (dateAvailable(event.start, event.end, allDay)) 
+				{
+				  moveEvent(event, dayDelta, minuteDelta, allDay);
+                }
+			    else 
+				{
+			      revertFunc();
+			    }
+			},
+			
+			eventResize: function(event, dayDelta, minuteDelta, revertFunc){
+				if (dateAvailable(event.start, event.end, false)) 
+				{				
+				  resizeEvent(event, dayDelta, minuteDelta);
+				}
+				else 
+				{
+				  revertFunc();
+				}
+			},
+			
+			eventClick: function(event, jsEvent, view){
+			    if (event.editable) {
+					showEventDetails(event);
+				} else {
+				    showEventDescription(event);
+				}
+			}
+		});
+	});
+	
+<% end %>
+
+<p>
+  <% link_to_remote 'Create Event', 
+      :url => {:action => :new}, 
+      :before => "$('#loading').show()", 
+      :complete => "$('#loading').hide()"
+  %>
+
+<%=  select_tag :room_ids, 
+    "<option>Seleccione otras salas</option>" + 
+    options_for_select(Room.find(:all, :order => "country, space_id, name").select {|y| y.id !=  @room.id && !y.space.nil? }.collect {|x| ["#{x.country}, #{x.space.name}, #{x.name}", x.id]}, @rooms ? @rooms.collect {|z| z.id } : ""), 
+    :multiple =>true, :size => 3, :style => "font-size: 10px;", :onchange => "parent.$('#fancy_frame').attr('src', '/calendar_events?reservation[room_id]=#{@room.id}&reservation[title]=#{params[:reservation][:title]}&calendar_events=#{params[:calendar_events]}&room_ids='+$('#room_ids').val());" 
+%>
+<br />
+<% if @rooms %>
+Aula seleccionada(s):
+<% @rooms.each do |room| %>
+<span style="font-size: 10px;"><%= "#{room.country}, #{room.space.name}, #{room.name}" %></span>
+<% end %>
+<% end %>
+</p>
+
+<div><div id='calendar'></div></div>
+
+<div id = "desc_dialog" style ="display:none;">
+  <div id = "event_desc"></div>
+  <br/>
+  <br/>
+  <div id = "event_actions">
+    <span id = "edit_event"></span>
+    <span id = "delete_event"></span>
+  </div>
+</div>
+<div id = "create_event_dialog" style ="display:none;">
+  <div id = "create_event">
+  </div>
+</div>

data/app/views/calendar_events/new.js.erb

@@ -0,0 +1,9 @@
+page.replace_html 'create_event', :partial => 'form'
+page<< "$('#create_event_dialog').dialog({
+        title: 'Agregar horario',
+        modal: true,
+        width: 500,
+        close: function(event, ui) { $('#create_event_dialog').dialog('destroy') }
+
+    });
+"

data/app/views/calendar_events/schedule.html.erb

@@ -0,0 +1,143 @@
+<% content_for :headers do  -%>
+  <%= javascript_include_tag :defaults, 'jquery', 'jquery-ui', 'fullcalendar' %>
+  <%= stylesheet_link_tag 'jquery-ui', 'fullcalendar' %>
+<% end -%>
+
+<% content_for :javascript do %>
+      var room_id = <%=@room.id%>
+      $(document).ready(function(){
+		$('#calendar').fullCalendar({
+		    monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 
+			             'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
+            monthNamesShort: ['Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun', 
+			                  'Jul', 'Ago', 'Sep', 'Oct', 'Nov', 'Dic'],
+			dayNames: ['Domingo', 'Lunes', 'Martes', 'Miercoles', 'Jueves', 'Viernes', 'Sabado'],
+			dayNamesShort: ['Dom', 'Lun', 'Mar', 'Mie', 'Jue', 'Vie', 'Sab'],
+			buttonText: {
+			    prev:     '&nbsp;&#9668;&nbsp;',  // left triangle
+			    next:     '&nbsp;&#9658;&nbsp;',  // right triangle
+			    prevYear: '&nbsp;&lt;&lt;&nbsp;', // <<
+			    nextYear: '&nbsp;&gt;&gt;&nbsp;', // >>
+			    today:    'Hoy',
+			    month:    'Mes',
+			    week:     'Semana',
+			    day:      'Dia'
+			},
+			firstDay: 1,
+			allDayText: 'Todo el dia',
+			axisFormat: 'HH:mm G\'M\'\'T\' <%= escape_javascript(Time.zone.formatted_offset) %>',
+			ignoreTimezone: true,
+			allowCalEventOverlap: false,
+			selectable: true,
+			selectHelper: true,
+			select: function(start, end, allDay) {
+				var title = "No disponible";
+
+				if (dateScheduleAvailable(start, end, allDay)) {			
+/*
+					$('#calendar').fullCalendar('renderEvent', {
+						title: title,
+						start: start,
+						end: end,
+						editable: true,
+						allDay: allDay,
+						className: 'not-available'
+					  }, false // make the event "stick"
+                    );
+*/
+				    //createNotAvailableEvent(title, start, end, allDay, room_id);
+				  jQuery.ajax({
+				    data: 'start=' + start + '&end=' + end + '&room_id=' + room_id + '&allDay=' + allDay,
+				    dataType: 'script',
+				    type: 'get',
+				    url: "/calendar_events/new"
+				  });
+				}
+				$('#calendar').fullCalendar('unselect');
+			},
+			editable: true,
+			header: {
+				left: 'prev,next today',
+				center: 'title',
+				right: 'month,agendaWeek,agendaDay'
+			},
+			defaultView: 'agendaWeek',
+			height: 500,
+			columnFormat: {
+                            month: 'ddd',
+                            week: 'ddd d/M',
+                            day: 'dddd d/M'
+                     },
+			slotMinutes: 30,
+			loading: function(bool){
+				if (bool) 
+					//$('#loading').show();
+					$('#loading').hide();
+				else 
+					$('#loading').hide();
+			},
+
+			eventSources: [
+                            '/calendar_events/get_schedule_events?room_id='+room_id,
+                            '/calendar_events/get_room_reservations_events?room_id='+room_id
+                                   ],
+			timeFormat: 'HH:mm t{ - HH:mm t} ',
+			dragOpacity: "0.5",
+			eventDrop: function(event, dayDelta, minuteDelta, allDay, revertFunc){
+				if (dateScheduleAvailable(event.start, event.end, allDay)) 
+				{
+				  moveEvent(event, dayDelta, minuteDelta, allDay);
+                }
+			    else 
+				{
+			      revertFunc();
+			    }
+			},
+			
+			eventResize: function(event, dayDelta, minuteDelta, revertFunc){
+				if (dateScheduleAvailable(event.start, event.end, false)) 
+				{				
+				  resizeEvent(event, dayDelta, minuteDelta);
+				}
+				else 
+				{
+				  revertFunc();
+				}
+			},
+			
+			eventClick: function(event, jsEvent, view){
+			    if (event.editable) {
+					showEventDetails(event);
+				} else {
+				    showEventDescription(event);
+				}
+			}
+//            }
+		});
+	});
+	
+<% end %>
+
+<p>
+  <%= link_to_remote 'Agregar horario NO disponible', 
+      :url => {:action => :new,  :params => {:room_id => @room.id}}, 
+      :before => "$('#loading').show()", 
+      :complete => "$('#loading').hide()"
+  %>
+</p>
+
+<div><div id='calendar'></div></div>
+
+<div id = "desc_dialog" style ="display:none;">
+  <div id = "event_desc"></div>
+  <br/>
+  <br/>
+  <div id = "event_actions">
+    <span id = "edit_event"></span>
+    <span id = "delete_event"></span>
+  </div>
+</div>
+<div id = "create_event_dialog" style ="display:none;">
+  <div id = "create_event">
+  </div>
+</div>