diff options
| -rw-r--r-- | app/views/assets/index.html.erb | 9 | ||||
| -rw-r--r-- | app/views/events/index.html.erb | 12 | ||||
| -rw-r--r-- | app/views/events/show.html.erb | 85 | ||||
| -rw-r--r-- | app/views/users/index.html.erb | 14 | ||||
| -rw-r--r-- | public/stylesheets/admin.css | 60 |
5 files changed, 109 insertions, 71 deletions
diff --git a/app/views/assets/index.html.erb b/app/views/assets/index.html.erb index 31dae59..4301fee 100644 --- a/app/views/assets/index.html.erb +++ b/app/views/assets/index.html.erb | |||
| @@ -2,11 +2,16 @@ | |||
| 2 | <%= link_to 'New asset', new_asset_path %> | 2 | <%= link_to 'New asset', new_asset_path %> |
| 3 | <% end %> | 3 | <% end %> |
| 4 | 4 | ||
| 5 | |||
| 6 | <%= will_paginate @assets %> | 5 | <%= will_paginate @assets %> |
| 7 | 6 | ||
| 8 | <table class="assets_table"> | 7 | <table class="assets_table"> |
| 9 | <tr> | 8 | <tr class="header"> |
| 9 | <th>Preview</th> | ||
| 10 | <th>Name</th> | ||
| 11 | <th>Type</th> | ||
| 12 | <th></th> | ||
| 13 | <th></th> | ||
| 14 | <th></th> | ||
| 10 | </tr> | 15 | </tr> |
| 11 | <% @assets.each do |asset| %> | 16 | <% @assets.each do |asset| %> |
| 12 | <tr> | 17 | <tr> |
diff --git a/app/views/events/index.html.erb b/app/views/events/index.html.erb index 3143a7b..c3e0e5a 100644 --- a/app/views/events/index.html.erb +++ b/app/views/events/index.html.erb | |||
| @@ -1,7 +1,7 @@ | |||
| 1 | <h1>Listing events</h1> | 1 | <h1>Listing events</h1> |
| 2 | 2 | ||
| 3 | <table class="events_table"> | 3 | <table class="events_table"> |
| 4 | <tr> | 4 | <tr class="header"> |
| 5 | <th>Title</th> | 5 | <th>Title</th> |
| 6 | <th>Start time</th> | 6 | <th>Start time</th> |
| 7 | <th>End time</th> | 7 | <th>End time</th> |
| @@ -9,23 +9,21 @@ | |||
| 9 | <th>Allday</th> | 9 | <th>Allday</th> |
| 10 | <th>Url</th> | 10 | <th>Url</th> |
| 11 | <th>Node</th> | 11 | <th>Node</th> |
| 12 | <th>Action</th> | 12 | <th></th> |
| 13 | </tr> | 13 | </tr> |
| 14 | 14 | ||
| 15 | <% @events.each do |event| %> | 15 | <% @events.each do |event| %> |
| 16 | <tr> | 16 | <tr> |
| 17 | <td><%=h event.display_title %></td> | 17 | <td><%= link_to event.display_title, event %></td> |
| 18 | <td><%=h event.start_time %></td> | 18 | <td><%=h event.start_time %></td> |
| 19 | <td><%=h event.end_time %></td> | 19 | <td><%=h event.end_time %></td> |
| 20 | <td><%=h event.rrule %></td> | 20 | <td><%=h event.rrule %></td> |
| 21 | <td><%=h event.allday %></td> | 21 | <td><%=h event.allday %></td> |
| 22 | <td><%=h event.url %></td> | 22 | <td><%=h event.url %></td> |
| 23 | <td><%= event.node ? link_to(event.node_id, node_path(event.node)) : '' %></td> | 23 | <td><%= event.node ? link_to(event.node_id, node_path(event.node)) : '' %></td> |
| 24 | <td><%= link_to 'show', event %> | <%= link_to 'edit', edit_event_path(event) %> | <%= button_to 'destroy', event, method: :delete, form: { data: { confirm: 'Are you sure?' }, class: 'button_to destructive' } %></td> | 24 | <td><%= link_to 'edit', edit_event_path(event) %></td> |
| 25 | </tr> | 25 | </tr> |
| 26 | <% end %> | 26 | <% end %> |
| 27 | </table> | 27 | </table> |
| 28 | 28 | ||
| 29 | <br /> | 29 | <%= link_to 'New event', new_event_path, class: 'action_button' %> |
| 30 | |||
| 31 | <%= link_to 'New event', new_event_path %> | ||
diff --git a/app/views/events/show.html.erb b/app/views/events/show.html.erb index e206bc4..5812228 100644 --- a/app/views/events/show.html.erb +++ b/app/views/events/show.html.erb | |||
| @@ -1,52 +1,51 @@ | |||
| 1 | <% content_for :subnavigation do %> | 1 | <div id="page_editor" class="show_node"> |
| 2 | <% if @event.node %> | 2 | <h1><%= @event.node ? "Event for node #{@event.node.unique_name}" : "Event" %></h1> |
| 3 | <%= link_to 'node', node_path(@event.node) %> | ||
| 4 | <% end %> | ||
| 5 | <%= link_to 'edit', edit_event_path(@event, return_to: request.path) %> | ||
| 6 | <%= button_to 'destroy', event_path(@event), method: :delete, form: { data: { confirm: 'Delete this event?' }, class: 'button_to destructive' } %> | ||
| 7 | <% end %> | ||
| 8 | 3 | ||
| 9 | <h2>Event for node <%= @event.node.unique_name %></h2> | 4 | <div id="content"> |
| 5 | <div class="node_description">Actions</div> | ||
| 6 | <div class="node_content node_info_group"> | ||
| 7 | <div class="node_info_group_items"> | ||
| 8 | <% if @event.node %> | ||
| 9 | <div class="node_info_item"> | ||
| 10 | <%= link_to 'Node', node_path(@event.node) %> | ||
| 11 | </div> | ||
| 12 | <% end %> | ||
| 13 | <div class="node_info_item"> | ||
| 14 | <%= link_to 'Edit', edit_event_path(@event, return_to: request.path), class: 'action_button' %> | ||
| 15 | </div> | ||
| 16 | <div class="node_info_item"> | ||
| 17 | <%= button_to 'Destroy', event_path(@event), method: :delete, form: { data: { confirm: 'Delete this event?' }, class: 'button_to destructive' } %> | ||
| 18 | </div> | ||
| 19 | </div> | ||
| 20 | </div> | ||
| 10 | 21 | ||
| 11 | <p> | 22 | <div class="node_description">Start time</div> |
| 12 | <b>Start time:</b> | 23 | <div class="node_content"><%=h @event.start_time %></div> |
| 13 | <%=h @event.start_time %> | ||
| 14 | </p> | ||
| 15 | 24 | ||
| 16 | <p> | 25 | <div class="node_description">End time</div> |
| 17 | <b>End time:</b> | 26 | <div class="node_content"><%=h @event.end_time %></div> |
| 18 | <%=h @event.end_time %> | ||
| 19 | </p> | ||
| 20 | 27 | ||
| 21 | <p> | 28 | <div class="node_description">Rrule</div> |
| 22 | <b>Rrule:</b> | 29 | <div class="node_content"><%=h @event.rrule %></div> |
| 23 | <%=h @event.rrule %> | ||
| 24 | <% if (human = @event.humanize_rrule(I18n.locale)) %> | ||
| 25 | <br/><small><em>( <%= human %></em> )</small> | ||
| 26 | <% end %> | ||
| 27 | </p> | ||
| 28 | 30 | ||
| 29 | <p> | 31 | <% if (human = @event.humanize_rrule(I18n.locale)) %> |
| 30 | <b>Tags:</b> | 32 | <div class="node_description">Recurrence</div> |
| 31 | <%=h @event.tag_list %> | 33 | <div class="node_content"><em><%= human %></em></div> |
| 32 | </p> | 34 | <% end %> |
| 33 | 35 | ||
| 34 | <p> | 36 | <div class="node_description">Tags</div> |
| 35 | <b>Allday:</b> | 37 | <div class="node_content"><%=h @event.tag_list %></div> |
| 36 | <%=h @event.allday %> | ||
| 37 | </p> | ||
| 38 | 38 | ||
| 39 | <p> | 39 | <div class="node_description">Allday</div> |
| 40 | <b>Url:</b> | 40 | <div class="node_content"><%=h @event.allday %></div> |
| 41 | <%=h @event.url %> | ||
| 42 | </p> | ||
| 43 | 41 | ||
| 44 | <p> | 42 | <div class="node_description">Url</div> |
| 45 | <b>Latitude:</b> | 43 | <div class="node_content"><%=h @event.url %></div> |
| 46 | <%=h @event.latitude %> | ||
| 47 | </p> | ||
| 48 | 44 | ||
| 49 | <p> | 45 | <div class="node_description">Latitude</div> |
| 50 | <b>Longitude:</b> | 46 | <div class="node_content"><%=h @event.latitude %></div> |
| 51 | <%=h @event.longitude %> | 47 | |
| 52 | </p> | 48 | <div class="node_description">Longitude</div> |
| 49 | <div class="node_content"><%=h @event.longitude %></div> | ||
| 50 | </div> | ||
| 51 | </div> | ||
diff --git a/app/views/users/index.html.erb b/app/views/users/index.html.erb index cf00ef6..88868f5 100644 --- a/app/views/users/index.html.erb +++ b/app/views/users/index.html.erb | |||
| @@ -2,13 +2,25 @@ | |||
| 2 | <tr> | 2 | <tr> |
| 3 | <td><h1>Admins</h1></td> | 3 | <td><h1>Admins</h1></td> |
| 4 | </tr> | 4 | </tr> |
| 5 | <tr class="header"> | ||
| 6 | <th>Login</th> | ||
| 7 | <th></th> | ||
| 8 | <th></th> | ||
| 9 | <th></th> | ||
| 10 | </tr> | ||
| 5 | <%= render :partial => "user", :locals => {:users => @users[:admin] ||= []} %> | 11 | <%= render :partial => "user", :locals => {:users => @users[:admin] ||= []} %> |
| 6 | <tr> | 12 | <tr> |
| 7 | <td><h1>Users</h1></td> | 13 | <td><h1>Users</h1></td> |
| 8 | </tr> | 14 | </tr> |
| 15 | <tr class="header"> | ||
| 16 | <th>Login</th> | ||
| 17 | <th></th> | ||
| 18 | <th></th> | ||
| 19 | <th></th> | ||
| 20 | </tr> | ||
| 9 | <%= render :partial => "user", :locals => {:users => @users[:user] ||= []} %> | 21 | <%= render :partial => "user", :locals => {:users => @users[:user] ||= []} %> |
| 10 | </table> | 22 | </table> |
| 11 | 23 | ||
| 12 | <% content_for :subnavigation do %> | 24 | <% content_for :subnavigation do %> |
| 13 | <%= link_to "create", new_user_path %> | 25 | <%= link_to "create", new_user_path %> |
| 14 | <% end %> \ No newline at end of file | 26 | <% end %> |
diff --git a/public/stylesheets/admin.css b/public/stylesheets/admin.css index 3607166..66f13b8 100644 --- a/public/stylesheets/admin.css +++ b/public/stylesheets/admin.css | |||
| @@ -274,8 +274,6 @@ form.button_to.state_changing input[type="submit"], | |||
| 274 | form.button_to.state_changing button[type="submit"] { | 274 | form.button_to.state_changing button[type="submit"] { |
| 275 | color: #0d47a1; | 275 | color: #0d47a1; |
| 276 | background-color: #e3f2fd; | 276 | background-color: #e3f2fd; |
| 277 | border-radius: 2px; | ||
| 278 | padding: 2px 8px; | ||
| 279 | } | 277 | } |
| 280 | 278 | ||
| 281 | form.button_to.state_changing input[type="submit"]:hover, | 279 | form.button_to.state_changing input[type="submit"]:hover, |
| @@ -288,8 +286,6 @@ form.button_to.destructive input[type="submit"], | |||
| 288 | form.button_to.destructive button[type="submit"] { | 286 | form.button_to.destructive button[type="submit"] { |
| 289 | color: #cc0000; | 287 | color: #cc0000; |
| 290 | background-color: #fdecea; | 288 | background-color: #fdecea; |
| 291 | border-radius: 2px; | ||
| 292 | padding: 2px 8px; | ||
| 293 | } | 289 | } |
| 294 | 290 | ||
| 295 | form.button_to.destructive input[type="submit"]:hover, | 291 | form.button_to.destructive input[type="submit"]:hover, |
| @@ -302,8 +298,6 @@ form.button_to.computation input[type="submit"], | |||
| 302 | form.button_to.computation button[type="submit"] { | 298 | form.button_to.computation button[type="submit"] { |
| 303 | color: #00838f; | 299 | color: #00838f; |
| 304 | background-color: #e0f2f1; | 300 | background-color: #e0f2f1; |
| 305 | border-radius: 2px; | ||
| 306 | padding: 2px 8px; | ||
| 307 | } | 301 | } |
| 308 | 302 | ||
| 309 | form.button_to.computation input[type="submit"]:hover, | 303 | form.button_to.computation input[type="submit"]:hover, |
| @@ -385,15 +379,23 @@ table tr.header { | |||
| 385 | text-align: left; | 379 | text-align: left; |
| 386 | } | 380 | } |
| 387 | 381 | ||
| 388 | table.node_table { | 382 | table.node_table , |
| 383 | table.assets_table, | ||
| 384 | table.user_table, | ||
| 385 | table.events_table { | ||
| 389 | border-collapse: collapse; | 386 | border-collapse: collapse; |
| 390 | } | 387 | } |
| 391 | 388 | ||
| 392 | table.node_table tr { | 389 | table.node_table tr { |
| 393 | min-height: 2rem; | ||
| 394 | border-bottom: 1px solid #000000; | 390 | border-bottom: 1px solid #000000; |
| 395 | } | 391 | } |
| 396 | 392 | ||
| 393 | table.assets_table tr, | ||
| 394 | table.user_table tr, | ||
| 395 | table.events_table tr { | ||
| 396 | border-bottom: 1px solid #e8e8e8; | ||
| 397 | } | ||
| 398 | |||
| 397 | table.node_table th.node_id, | 399 | table.node_table th.node_id, |
| 398 | table.node_table th.revision, | 400 | table.node_table th.revision, |
| 399 | table.node_table th.title { | 401 | table.node_table th.title { |
| @@ -408,7 +410,10 @@ table.node_table th.title { | |||
| 408 | min-width: 12rem; | 410 | min-width: 12rem; |
| 409 | } | 411 | } |
| 410 | 412 | ||
| 411 | table.node_table tr.header { | 413 | table.node_table tr.header, |
| 414 | table.assets_table tr.header, | ||
| 415 | table.user_table tr.header, | ||
| 416 | table.events_table tr.header { | ||
| 412 | height: 2rem; | 417 | height: 2rem; |
| 413 | text-align: left; | 418 | text-align: left; |
| 414 | } | 419 | } |
| @@ -421,6 +426,16 @@ table.node_table td { | |||
| 421 | min-width: 2rem; | 426 | min-width: 2rem; |
| 422 | } | 427 | } |
| 423 | 428 | ||
| 429 | table.assets_table td, | ||
| 430 | table.user_table td, | ||
| 431 | table.events_table td { | ||
| 432 | padding-top: 8px; | ||
| 433 | padding-bottom: 8px; | ||
| 434 | padding-right: 25px; | ||
| 435 | padding-left: 0px; | ||
| 436 | min-width: 2rem; | ||
| 437 | } | ||
| 438 | |||
| 424 | table.node_table .node_id { | 439 | table.node_table .node_id { |
| 425 | padding-left: 10px; | 440 | padding-left: 10px; |
| 426 | padding-right: 15px; | 441 | padding-right: 15px; |
| @@ -430,11 +445,17 @@ table.node_table .actions { | |||
| 430 | text-transform: lowercase; | 445 | text-transform: lowercase; |
| 431 | } | 446 | } |
| 432 | 447 | ||
| 433 | table.node_table tr.header:hover { | 448 | table.node_table tr.header:hover, |
| 449 | table.assets_table tr.header:hover, | ||
| 450 | table.user_table tr.header:hover, | ||
| 451 | table.events_table tr.header:hover { | ||
| 434 | background-color: #ffffff; | 452 | background-color: #ffffff; |
| 435 | } | 453 | } |
| 436 | 454 | ||
| 437 | table.node_table tr:hover { | 455 | table.node_table tr:hover, |
| 456 | table.assets_table tr:hover, | ||
| 457 | table.user_table tr:hover, | ||
| 458 | table.events_table tr:hover { | ||
| 438 | background-color: #f1f1f1; | 459 | background-color: #f1f1f1; |
| 439 | } | 460 | } |
| 440 | 461 | ||
| @@ -598,17 +619,18 @@ table.user_table td.user_login { | |||
| 598 | display: block; | 619 | display: block; |
| 599 | } | 620 | } |
| 600 | 621 | ||
| 601 | #page_editor a.action_button, | 622 | a.action_button, |
| 602 | .node_status form.button_to input[type="submit"], | 623 | form.button_to input[type="submit"], |
| 603 | .node_status form.button_to button[type="submit"] { | 624 | form.button_to button[type="submit"] { |
| 604 | padding: 4px 12px; | 625 | padding: 4px 12px; |
| 605 | line-height: 1.2; | 626 | line-height: 1.2; |
| 606 | box-sizing: border-box; | 627 | box-sizing: border-box; |
| 607 | } | 628 | } |
| 608 | 629 | ||
| 609 | .node_status form.button_to input[type="submit"], | 630 | form.button_to input[type="submit"], |
| 610 | .node_status form.button_to button[type="submit"] { | 631 | form.button_to button[type="submit"] { |
| 611 | border: 1px solid transparent; | 632 | border: 1px solid transparent; |
| 633 | border-radius: 2px; | ||
| 612 | } | 634 | } |
| 613 | 635 | ||
| 614 | .field_hint { | 636 | .field_hint { |
| @@ -659,7 +681,8 @@ div#page_editor { | |||
| 659 | margin-left: 10px; | 681 | margin-left: 10px; |
| 660 | } | 682 | } |
| 661 | 683 | ||
| 662 | #page_editor a.action_button { | 684 | #page_editor a.action_button, |
| 685 | a.action_button { | ||
| 663 | display: inline-block; | 686 | display: inline-block; |
| 664 | -webkit-appearance: none; | 687 | -webkit-appearance: none; |
| 665 | appearance: none; | 688 | appearance: none; |
| @@ -671,7 +694,8 @@ div#page_editor { | |||
| 671 | color: #000000; | 694 | color: #000000; |
| 672 | } | 695 | } |
| 673 | 696 | ||
| 674 | #page_editor a.action_button:hover { | 697 | #page_editor a.action_button:hover, |
| 698 | a.action_button:hover { | ||
| 675 | color: #ffffff; | 699 | color: #ffffff; |
| 676 | background-color: #000000; | 700 | background-color: #000000; |
| 677 | } | 701 | } |
