blob: 89c67bb5ed81508f8df62a1a03f4ea57e377b52a (
plain) (
tree)
|
|
<p style="color: green"><%= notice %></p>
<h1>Events</h1>
<%= render partial: "events/form", locals: { event: Event.new } %>
<%# <%= link_to "New event", new_event_path %1> %>
<h4>Help on this table</h4>
<p>This is an example of some kind of table. There are lots of things wrong with it but who cares. It is a nice
table, isn't it? I'm hoping this text spans all the way across so I can see what it looks like when it renders.</p>
<ul class="nav nav-tabs" id="myTab" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home" type="button" role="tab" aria-controls="home" aria-selected="true">January</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile" type="button" role="tab" aria-controls="profile" aria-selected="false">February</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="contact-tab" data-bs-toggle="tab" data-bs-target="#contact" type="button" role="tab" aria-controls="contact" aria-selected="false">March</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="contact-tab" data-bs-toggle="tab" data-bs-target="#contact" type="button" role="tab" aria-controls="contact" aria-selected="false">April</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="contact-tab" data-bs-toggle="tab" data-bs-target="#contact" type="button" role="tab" aria-controls="contact" aria-selected="false">May</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="contact-tab" data-bs-toggle="tab" data-bs-target="#contact" type="button" role="tab" aria-controls="contact" aria-selected="false">June</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="contact-tab" data-bs-toggle="tab" data-bs-target="#contact" type="button" role="tab" aria-controls="contact" aria-selected="false">July</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="contact-tab" data-bs-toggle="tab" data-bs-target="#contact" type="button" role="tab" aria-controls="contact" aria-selected="false">August</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="contact-tab" data-bs-toggle="tab" data-bs-target="#contact" type="button" role="tab" aria-controls="contact" aria-selected="false">September</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="contact-tab" data-bs-toggle="tab" data-bs-target="#contact" type="button" role="tab" aria-controls="contact" aria-selected="false">October</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="contact-tab" data-bs-toggle="tab" data-bs-target="#contact" type="button" role="tab" aria-controls="contact" aria-selected="false">November</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="contact-tab" data-bs-toggle="tab" data-bs-target="#contact" type="button" role="tab" aria-controls="contact" aria-selected="false">December</button>
</li>
</ul>
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
<table id="month-table">
<col style="width: 7%">
<col style="width: 15%">
<col style="width: 15%">
<col style="width: 15%">
<col style="width: 15%">
<col style="width: 48%">
<thead>
<tr>
<th>Date</th>
<th>Day</th>
<th>BAES Barrow</th>
<th>RRDL</th>
<th>Op. Berths</th>
<th>Comments</th>
</tr>
</thead>
<tbody>
<% @january_dates.each do |e| %>
<% if e.saturday? %>
<tr>
<td style="background: darkgreen; color: lightgray"><%= e.strftime("%d/%m") %></td>
<td style="background: darkgreen; color: lightgray"><%= e.strftime("%A") %></td>
<td style="background: darkgreen; color: lightgray">-</td>
<td style="background: darkgreen; color: lightgray">-</td>
<td style="background: darkgreen; color: lightgray">-</td>
<td style="background: darkgreen; color: lightgray">-</td>
</tr>
<% elsif e.sunday? %>
<tr>
<td style="background: darkgreen; color: lightgray"><%= e.strftime("%d/%m") %></td>
<td style="background: darkgreen; color: lightgray"><%= e.strftime("%A") %></td>
<td style="background: darkgreen; color: lightgray">-</td>
<td style="background: darkgreen; color: lightgray">-</td>
<td style="background: darkgreen; color: lightgray">-</td>
<td style="background: darkgreen; color: lightgray">-</td>
</tr>
<% else %>
<tr>
<td><%= e.strftime("%d/%m") %></td>
<td><%= e.strftime("%A") %></td>
<td>--</td>
<td>-</td>
<td>-</td>
<td>-</td>
</tr>
<% end %>
<% end %>
</tbody>
</table>
</div>
<div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
<table>
<col style="width: 7%">
<col style="width: 15%">
<col style="width: 15%">
<col style="width: 15%">
<col style="width: 15%">
<col style="width: 48%">
<thead>
<tr>
<th>Date</th>
<th>Day</th>
<th>BAES Barrow</th>
<th>RRDL</th>
<th>Op. Berths</th>
<th>Comments</th>
</tr>
</thead>
<tbody>
<% @january_dates.each do |e| %>
<% if e.saturday? %>
<tr>
<td style="background: darkgreen; color: lightgray"><%= e.strftime("%d/%m") %></td>
<td style="background: darkgreen; color: lightgray"><%= e.strftime("%A") %></td>
<td style="background: darkgreen; color: lightgray">-</td>
<td style="background: darkgreen; color: lightgray">-</td>
<td style="background: darkgreen; color: lightgray">-</td>
<td style="background: darkgreen; color: lightgray">-</td>
</tr>
<% elsif e.sunday? %>
<tr>
<td style="background: darkgreen; color: lightgray"><%= e.strftime("%d/%m") %></td>
<td style="background: darkgreen; color: lightgray"><%= e.strftime("%A") %></td>
<td style="background: darkgreen; color: lightgray">-</td>
<td style="background: darkgreen; color: lightgray">-</td>
<td style="background: darkgreen; color: lightgray">-</td>
<td style="background: darkgreen; color: lightgray">-</td>
</tr>
<% else %>
<tr>
<td><%= e.strftime("%d/%m") %></td>
<td><%= e.strftime("%A") %></td>
<td>DSC 2/A</td>
<td>-</td>
<td>-</td>
<td>-</td>
</tr>
<% end %>
<% end %>
</tbody>
</table>
</div>
<div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">...</div>
</div>
<table class="table table-success table-striped table-bordered mt-5">
<tr>
<th>Date</th>
<th>Name</th>
</tr>
<% @events.each do |e| %>
<tr>
<td><%= e.date.to_formatted_s(:rfc822) %></td>
<td><%= e.name %></td>
</tr>
<% end %>
</table>
|