From 0fcd9d2a4abc7396d1abd60fbbbd1482307999aa Mon Sep 17 00:00:00 2001
From: Henne Vogelsang <hvogel@opensuse.org>
Date: Wed, 19 Jun 2013 17:04:32 +0200
Subject: [PATCH] Use gradients for slots with an event

---
 app/assets/stylesheets/osem.css   | 17 +++++++++++++++++
 app/views/schedule/index.html.erb | 18 +++++++++++-------
 2 files changed, 28 insertions(+), 7 deletions(-)

diff --git a/app/assets/stylesheets/osem.css b/app/assets/stylesheets/osem.css
index 338157e3..f7cd13fa 100644
--- a/app/assets/stylesheets/osem.css
+++ b/app/assets/stylesheets/osem.css
@@ -151,4 +151,21 @@ div.dataTables_scrollBody tbody tr:first-child td {
 
 div.dataTables_scrollFoot table {
     border-top: none;
+}
+
+.event {
+background-image: linear-gradient(bottom, rgb(247,250,242) 24%, rgb(194,232,190) 97%, rgb(194,232,190) 100%);
+background-image: -o-linear-gradient(bottom, rgb(247,250,242) 24%, rgb(194,232,190) 97%, rgb(194,232,190) 100%);
+background-image: -moz-linear-gradient(bottom, rgb(247,250,242) 24%, rgb(194,232,190) 97%, rgb(194,232,190) 100%);
+background-image: -webkit-linear-gradient(bottom, rgb(247,250,242) 24%, rgb(194,232,190) 97%, rgb(194,232,190) 100%);
+background-image: -ms-linear-gradient(bottom, rgb(247,250,242) 24%, rgb(194,232,190) 97%, rgb(194,232,190) 100%);
+
+background-image: -webkit-gradient(
+    linear,
+    left bottom,
+    left top,
+    color-stop(0.24, rgb(247,250,242)),
+    color-stop(0.97, rgb(194,232,190)),
+    color-stop(1, rgb(194,232,190))
+);
 }
\ No newline at end of file
diff --git a/app/views/schedule/index.html.erb b/app/views/schedule/index.html.erb
index 5f8c240b..64808b9d 100644
--- a/app/views/schedule/index.html.erb
+++ b/app/views/schedule/index.html.erb
@@ -39,27 +39,31 @@
                 <% if !event.empty? %>
                   <!-- There is an event, calculate the span and show it -->
                   <% span[room.id] = event[0].event_type.length / 15 %>
-                  <td rowspan ="<%= span[room.id] %>" >
-                    <p>
+                  <td style="width: <%= 95 / @rooms.length %>%" rowspan ="<%= span[room.id] %>" class="event" >
                       <%= image_tag event[0].submitter.gravatar_url, :class => "img-circle pull-right", :alt => event[0].submitter.public_name, :title => event[0].submitter.public_name%><br>
-                    </p>
                     <h5>
+                      <i class="icon-comment"></i>
                       <%= event[0].title %><br>
-                      <span class="muted"><%= event[0].subtitle %></span><br>
+                      <% unless event[0].subtitle.empty? %>
+                        <span class="text-error"><%= event[0].subtitle %></span><br>
+                      <% end %>
+                      <i class="icon-user"></i>
+                      <%= event[0].submitter.public_name %>
                       <% if event[0].track%>
-                        <span class="text-warning">in track</span>
+                        <br><i class="icon-road"></i>
                         <span style="background-color:<%= event[0].track.color if event[0].track %>"><%= event[0].track.name %></span>
                         <% end -%>
                     </h5>
                     <% if span[room.id] > 2 %>
-                        <%= truncate(event[0].abstract, :length => 80) %>
+                        <% length = span[room.id] * 40 %>
+                        <%= truncate(event[0].abstract, :length => length) %>
                     <% end %>
                    </td>
                    <% span[room.id] = span[room.id] + 1 %>
                   <% end %>
                   <% if span[room.id] == 1 %>
                     <!-- span equals 1 show an empty td -->
-                    <td class="empty <%= "room" + "#{room.id}" %>">
+                    <td style="width: <%= 95 / @rooms.length %>%">
                     </td>
                   <% end %>
                   <% if span[room.id] > 1 %>