implements configurable schedule granularity and improves the schedule grid for denser schedule grids on smaller screens

app/views/admin/schedules/_day_tab.html.haml

@@ -1,3 +1,7 @@
+- compact_grid = EventType::LENGTH_STEP < 15
+- cells_per_hour = 60 / EventType::LENGTH_STEP
+/ use smaller cell heights for more compact grids
+- cell_height = compact_grid ? 32 : 58
 - date_event_schedules = @event_schedules.select{ |e| e.start_time.to_date.eql? date }
 .row
   - @rooms.each do |room|
@@ -5,14 +9,15 @@
       .room-name
         - room_date_event_schedules = date_event_schedules.select{ |e| e.room == room }
         = room.name
-      - (9*4..18*4).each do |slot|
-        - hour = slot / 4
-        - minutes = (15 * (slot % 4) == 0) ? '00' : 15 * (slot % 4)
+      - (9*cells_per_hour..18*cells_per_hour).each do |slot|
+        - hour = slot / cells_per_hour
+        - minutes = (EventType::LENGTH_STEP * (slot % cells_per_hour)).to_s.rjust(2, '0')
         - time = "#{hour}:#{minutes}"
         .schedule-room-slot{ id: "schedule-room-#{room.guid}-#{hour}-#{minutes}", |
                              room_id: room.id, |
                              hour: time, |
-                             date: date}
+                             date: date, |
+                             style: "height: #{cell_height}px"}
           .div
             = time
           - event_schedules = room_date_event_schedules.select{ |e| (e.start_time.hour.to_s + e.start_time.strftime(':%M')).eql? time }

app/views/admin/schedules/_event.html.haml

@@ -1,6 +1,9 @@
 - cells_length = event.event_type.length / EventType::LENGTH_STEP
 / this height fits the room cells
-- height = (cells_length * 58) - 23
+- compact_grid = EventType::LENGTH_STEP < 15
+- single_cell_height =  compact_grid ? 32 : 58
+- height = (cells_length * single_cell_height)
+- height -= 23 unless compact_grid
 / subtracting the padding before calculate the number of lines
 - lines = (height - 7) / 23
 - color = event.track.try(:color).present? ? event.track.try(:color) : 'FFFFFF'
@@ -8,7 +11,8 @@
                  id: "event-#{event.id}", |
                  event_id: event.id, |
                  length: cells_length, |
-                 event_schedule_id: event_schedule_id }
+                 event_schedule_id: event_schedule_id, |
+                 class: ('compact' if compact_grid) }
   .schedule-event-text{ style: "-webkit-line-clamp: #{lines}; height: #{lines * 23}px;"}
     %span.schedule-event-delete-button{ onclick: "Schedule.remove(\'event-#{event.id}\');" } X
     = event.title