yippie-io/iUPB

<% title t("layouts.application.buses") %>
<%= content_for "page-attributes" do %>id="transportPage"<% end %>
<% content_for :header do %>
<h1><%= t "layouts.application.buses" %> <a href="#" id="reload-button"><i class="icon-refresh"></i></a></h1>
<% end %>
<% content_for :javascript do %>
<script>
$(document).ready(function() {
  var transportationManager = new TransportationManager($('#bus_data_list'), $('#bus-all'));
  transportationManager.load_buses();
  $("#reload-button").click(function(e){
    transportationManager.load_buses();
    e.preventDefault();
  });
  var autoReload = window.setInterval(transportationManager.load_buses, 60*1000);
});
</script>
<% end %>
<ul id="bus_data_list" class="bus-list no-bullets no-left-margin">
  <li>
    <h3><%= t "please_wait" %></h3>
    </li>
</ul>
<div id="bus-all" class="row-fluid">
  <div class="span4">
  <h3>Uni/Schöne Aussicht</h3>
    <ul data-bus-list="Uni/Schöne Aussicht" class="bus-list no-bullets no-left-margin">
      <li>
        <h3><%= t "please_wait" %></h3>
        </li>
    </ul> 
  </div>
  <div class="span4">
  <h3>Uni/Südring</h3>
    <ul data-bus-list="Uni/Südring" class="bus-list no-bullets no-left-margin">
      <li>
        <h3><%= t "please_wait" %></h3>
        </li>
    </ul> 
  </div>
  <div class="span4">
  <h3>MuseumsForum</h3>
    <ul data-bus-list="MuseumsForum" class="bus-list no-bullets no-left-margin">
      <li>
        <h3><%= t "please_wait" %></h3>
        </li>
    </ul> 
  </div>
</div>
<p class="source-info">
    <%= t "source" %>: <a target="_blank" href="http://www.vrr.de/de/index.html">Verkehrsverbund Rhein-Ruhr</a>.
</p>