Commit a85ae5ce90dc752a822c1a9f76f4808b6f99b5e6
1 parent
651e46fd
Exists in
master
and in
1 other branch
show/hide animations for useless information
Showing
3 changed files
with
69 additions
and
40 deletions
Show diff stats
app/views/apps/show.html.haml
| 1 | 1 | - content_for :title, @app.name |
| 2 | 2 | - content_for :head do |
| 3 | 3 | = auto_discovery_link_tag :atom, app_url(@app, User.token_authentication_key => current_user.authentication_token, :format => "atom"), :title => "Errbit notices for #{@app.name} at #{root_url}" |
| 4 | + = javascript_include_tag 'apps.show' | |
| 4 | 5 | - content_for :meta do |
| 5 | 6 | %strong Errs Caught: |
| 6 | 7 | = @app.errs.count |
| ... | ... | @@ -17,52 +18,61 @@ |
| 17 | 18 | - else |
| 18 | 19 | = link_to 'all errs', app_path(@app, {all_errs: true}), :class => 'button' |
| 19 | 20 | |
| 20 | -%h3 Watchers | |
| 21 | -%table.watchers | |
| 22 | - %thead | |
| 23 | - %tr | |
| 24 | - %th User or Email | |
| 25 | - %tbody | |
| 26 | - - @app.watchers.each do |watcher| | |
| 27 | - %tr | |
| 28 | - %td= watcher.label | |
| 29 | - - if @app.watchers.none? | |
| 30 | - %tr | |
| 31 | - %td | |
| 32 | - %em Sadly, no one is watching this app | |
| 33 | - | |
| 34 | -- if @app.github_url? | |
| 35 | - %h3 Repository | |
| 36 | - %table.repository | |
| 21 | +%h3{:id => 'watchers_toggle'} | |
| 22 | + Watchers | |
| 23 | + %span{:class => 'click_span'} (show/hide) | |
| 24 | +#watchers_div | |
| 25 | + %table.watchers | |
| 37 | 26 | %thead |
| 38 | 27 | %tr |
| 39 | - %th GitHub | |
| 28 | + %th User or Email | |
| 40 | 29 | %tbody |
| 41 | - %tr | |
| 42 | - %td= link_to(@app.github_url, @app.github_url, :target => '_blank') | |
| 30 | + - @app.watchers.each do |watcher| | |
| 31 | + %tr | |
| 32 | + %td= watcher.label | |
| 33 | + - if @app.watchers.none? | |
| 34 | + %tr | |
| 35 | + %td | |
| 36 | + %em Sadly, no one is watching this app | |
| 43 | 37 | |
| 44 | -%h3 Latest Deploys | |
| 45 | -- if @deploys.any? | |
| 46 | - %table.deploys | |
| 47 | - %thead | |
| 48 | - %tr | |
| 49 | - %th When | |
| 50 | - %th Who | |
| 51 | - %th Message | |
| 52 | - %th Repository | |
| 53 | - %th Revision | |
| 38 | +- if @app.github_url? | |
| 39 | + %h3{:id => 'repository_toggle'} | |
| 40 | + Repository | |
| 41 | + %span{:class => 'click_span'} (show/hide) | |
| 42 | + #repository_div | |
| 43 | + %table.repository | |
| 44 | + %thead | |
| 45 | + %tr | |
| 46 | + %th GitHub | |
| 47 | + %tbody | |
| 48 | + %tr | |
| 49 | + %td= link_to(@app.github_url, @app.github_url, :target => '_blank') | |
| 54 | 50 | |
| 55 | - %tbody | |
| 56 | - - @deploys.each do |deploy| | |
| 51 | +%h3{:id => 'deploys_toggle'} | |
| 52 | + Latest Deploys | |
| 53 | + %span{:class => 'click_span'} (show/hide) | |
| 54 | +#deploys_div | |
| 55 | + - if @deploys.any? | |
| 56 | + %table.deploys | |
| 57 | + %thead | |
| 57 | 58 | %tr |
| 58 | - %td.when #{deploy.created_at.to_s(:micro)} | |
| 59 | - %td.who #{deploy.username} | |
| 60 | - %td.message #{deploy.message} | |
| 61 | - %td.repository #{deploy.repository} | |
| 62 | - %td.revision #{deploy.revision} | |
| 63 | - = link_to "All Deploys (#{@app.deploys.count})", app_deploys_path(@app), :class => 'button' | |
| 64 | -- else | |
| 65 | - %h3 No deploys | |
| 59 | + %th When | |
| 60 | + %th Who | |
| 61 | + %th Message | |
| 62 | + %th Repository | |
| 63 | + %th Revision | |
| 64 | + | |
| 65 | + %tbody | |
| 66 | + - @deploys.each do |deploy| | |
| 67 | + %tr | |
| 68 | + %td.when #{deploy.created_at.to_s(:micro)} | |
| 69 | + %td.who #{deploy.username} | |
| 70 | + %td.message #{deploy.message} | |
| 71 | + %td.repository #{deploy.repository} | |
| 72 | + %td.revision #{deploy.revision} | |
| 73 | + = link_to "All Deploys (#{@app.deploys.count})", app_deploys_path(@app), :class => 'button' | |
| 74 | + - else | |
| 75 | + %h3 No deploys | |
| 66 | 76 | |
| 67 | 77 | - if @app.errs.count > 0 |
| 68 | 78 | %h3.clear Errs | ... | ... |
| ... | ... | @@ -0,0 +1,11 @@ |
| 1 | +$(function() { | |
| 2 | + $("#watchers_toggle").click(function() { | |
| 3 | + $("#watchers_div").slideToggle("slow"); | |
| 4 | + }); | |
| 5 | + $("#repository_toggle").click(function() { | |
| 6 | + $("#repository_div").slideToggle("slow"); | |
| 7 | + }); | |
| 8 | + $("#deploys_toggle").click(function() { | |
| 9 | + $("#deploys_div").slideToggle("slow"); | |
| 10 | + }); | |
| 11 | +}); | ... | ... |
public/stylesheets/application.css