All events grouped by date and time

The events are ordered by date and time in the all events section of the schedule. The event schdule definition in program has been changed to order the events.

app/views/conference/_all_events.html.erb

@@ -1,19 +1,29 @@
 <h1 class="text-center">Program for <%= @conference.title %></h1>
-<% @conference.program.events.confirmed.each do |event| %>
-    <div>
-        <h3>
-          <%= link_to event.title, conference_program_proposal_path(@conference.short_title, event.id) %>
-          <br>
-          <small>
-            <%= event.subtitle %>
-          </small>
-        </h3>
-        <h4>
-          presented by <%= event.speaker_names %>
-        </h4>
-        <p>
-          <%= truncate(event.abstract, :length => 400) -%>
-          <%= link_to 'more', conference_program_proposal_path(@conference.short_title, @conference.program.id, event.id) if event.abstract.length > 400 %>
-        </p>
-    </div>
-<% end %>
+<div class="row">
+  <% date = nil %>
+  <% time = nil %>
+  <% @scheduled_events.each do |event| %>
+    <% unless event.start_time.strftime('%Y-%m-%d').eql?(date) %>
+      <div class='col-xs-12 col-md-12 all-events-title'>
+        <span class='date-title' id='program-<%= event.start_time.strftime('%Y-%m-%d') %>'>
+          <%= date = event.start_time.strftime('%Y-%m-%d') %>
+        </span>
+        <a title="Go up" class="pull-right" href="#program">
+          <i class="fa fa-angle-double-up fa-lg" aria-hidden="true"></i>
+        </a>
+      </div>
+    <% end %>
+    <% unless event.start_time.strftime('%H:%M').eql?(time) %>
+      <div class='col-xs-12 col-md-1 start-time'>
+        <%= time = event.start_time.strftime('%H:%M') %>
+      </div>
+      <div class='col-xs-12 col-md-11 new-time-event'>
+        <%= render partial: 'event', locals: {event: event} %>
+      </div>
+    <% else %>
+      <div class='col-xs-12 col-md-11 col-md-offset-1'>
+        <%= render partial: 'event', locals: {event: event} %>
+      </div>
+    <% end %>
+  <% end %>
+</div>

app/views/conference/_event.html.haml

@@ -0,0 +1,33 @@
+%a.unstyled-link{href: url_for(conference_program_proposal_path(@conference.short_title, event.id))}
+  .panel.panel-default
+    .panel-body
+      - if speaker = event.speakers.first
+        = image_tag speaker.gravatar_url, :class => "img-circle pull-right all-speaker-pic", |
+                                          :alt => speaker.name, |
+                                          :title => speaker.name |
+      %span.h3
+        = event.title
+        %br
+        %small
+          = event.subtitle
+      %h4
+        presented by #{event.speaker_names}
+      %p
+        = truncate(event.abstract, :length => 400)
+        = link_to 'more', conference_program_proposal_path(@conference.short_title, event.id) if event.abstract.length > 400
+      - if event.scheduled?
+        %span.track
+          %span.fa.fa-clock-o
+          %span.label{ style: "background-color: grey" }
+            = event.start_time.strftime('%H:%M')
+            \-
+            = event.end_time.strftime('%H:%M')
+        %span.track
+          %span.fa.fa-map-marker
+          %span.label{ style: "background-color: grey" }
+            = event.room.name
+      - if event.track
+        %span.track
+          %span.fa.fa-road
+          %span.label{ style: "background-color: #{event.track.color}" }
+            = event.track.name