index.haml 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. -# coding: utf-8
  2. %h1= "rSeed <small>#{stats["down"]} / #{stats["up"]}</small>"
  3. %ul{:class => "nav nav-tabs"}
  4. %li.active
  5. %a
  6. Active
  7. %span.badge= result.size
  8. %li
  9. %a
  10. Complete
  11. %span.badge 0
  12. %li
  13. %a
  14. Inactive
  15. %span.badge 0
  16. %br
  17. /- result.sort.each do |t|
  18. / %td= t[0]
  19. / %td
  20. / .progress{:style => "margin-bottom: 0px;"}
  21. / %div{:class => "progress-bar progress-bar-success", :style => "width: #{(t[1].to_i/t[2].to_i)*100}%;"}
  22. / %span.sr-only "#{(t[1].to_i/t[2].to_i)*100}%"
  23. / %td= "#{t[3].to_f/1000}"
  24. / %td= "#{t[4].to_i/1024} ko/s"
  25. / %td= "#{t[5].to_i/1024} ko/s"
  26. / %td
  27. / %span.glyphicon{:class => "glyphicon-globe"}
  28. #accordion.panel-group
  29. - result.each do |t|
  30. .panel.panel-success
  31. .panel-heading
  32. %h4.panel-title
  33. %a{data: {toggle: "collapse", parent: "#accordion"}, href: "##{t[6][0,5]}"}= t[0]
  34. .panel-collapse.collapse{id: "#{t[6][0,5]}"}
  35. .panel-body
  36. .progress{:style => "margin-bottom: 0px;"}
  37. %div{:class => "progress-bar progress-bar-success", :style => "width: #{(t[1].to_i/t[2].to_i)*100}%;"}
  38. %span.sr-only "#{(t[1].to_i/t[2].to_i)*100}%"
  39. %table.table.table-bordered
  40. %thead
  41. %tr
  42. %th Ratio
  43. %th Upload Speed
  44. %th Download Speed
  45. %tbody
  46. %tr
  47. %td= "#{t[3].to_f/1000}"
  48. %td= "#{t[4].to_i/1024} ko/s"
  49. %td= "#{t[5].to_i/1024} ko/s"