app/views/download/html.erb

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5 body {
   6   font: 0.8em "DejaVu Sans", "Bitstream Vera Sans", Verdana, sans-serif;
   7   margin: 16px;
   8   margin-top: 0px;
   9   padding: 0;
  10 }
  11 .soo_line {
  12   color: #480;
  13   clear: both;
  14   border-bottom: 1px solid #CCC;
  15   padding-top: 10px;
  16   font-size: 1.1em;
  17   display: none;
  18 }
  19 .soo_line_visible {
  20   display: block;
  21 }
  22 .soo_button {
  23   display: block;
  24   float: left;
  25   cursor: pointer;
  26   border: 1px solid transparent;
  27   padding: 3px 5px;
  28   margin: 0 .5em 0 0;
  29 }
  30 .soo_button:hover, .soo_button_chosen {
  31   border: 1px solid #BE7;
  32   background: #EEE;
  33 }
  34 .soo_button p {
  35   font-size: 0.75em;
  36   text-align: center;
  37   margin: 0;
  38 }
  39 .soo_ymplink, .soo_pkglink {
  40   font-size: 0.85em;
  41   color: white;
  42   display: block;
  43   margin: 6px;
  44   line-height: 23px;
  45   font-weight: bolder;
  46   float: left;
  47   text-decoration: none;
  48   height: 27px;
  49   text-align: center;
  50 }
  51 .soo_ymplink {
  52   background: url('<%= image_path('download/1click.png') %>');
  53   width: 112px;
  54 }
  55 .soo_pkglink {
  56   background: url('<%= image_path('download/pkg.png') %>');
  57   width: 72px;
  58 }
  59 pre {
  60   background: #EEE;
  61   border: 1px dotted #888;
  62   padding: 4px;
  63   margin-left: 2em;
  64   font-size: 1.2em;
  65   overflow-x: auto;
  66 }
  67 pre a {
  68   text-decoration: none;
  69   color: #008;
  70 }
  71 .soo_distro {
  72   display: none;
  73 }
  74 </style>
  75 <%= javascript_include_tag "http://static.opensuse.org/themes/bento/js/jquery.js" %>
  76 <script type="text/javascript">
  77 $(function(){
  78   $('.soo_button').click(function(){
  79     $('.soo_line').show();
  80     $('.soo_button').removeClass('soo_button_chosen');
  81     $(this).addClass('soo_button_chosen');
  82     $('.soo_distro').hide();
  83     $('.soo_distro_' + $(this).data('distro')).show();
  84   });
  85 });
  86 </script>
  87 </head>
  88 <body>
  89
  90 <div class="soo_box">
  91   <p class="soo_line soo_line_visible">Select Your Operating System</p>
  92   <% @distros.each do |distro| %>
  93   <div class="soo_button" data-distro="<%= distro.downcase %>"><img src="<%= image_path('download/' + distro.downcase + '.png') %>" alt="<%= distro %>" /><p><%= distro %></p></div>
  94   <% end %>
  95 </div>
  96
  97 <div id="soo_ymp" class="soo_box">
  98   <p class="soo_line">Install using One Click Install</p>
  99   <% @data.select {|k,v| v.has_key?(:ymp)}.each do |k,v| %>
 100   <a class="soo_ymplink soo_distro soo_distro_<%= k.gsub(/_.*$/, '').downcase %>" href="<%= v[:ymp] %>"><%= k.gsub('_', ' ') %></a>
 101   <% end %>
 102 </div>
 103
 104 <div id="soo_repo" class="soo_box">
 105   <p class="soo_line">Add repository manually</p>
 106   <% @data.select {|k,v| v.has_key?(:repo)}.each do |k,v| %>
 107   <div class="soo_distro soo_distro_<%= k.gsub(/_.*$/, '').downcase %>">
 108   <p>For <strong><%= k.gsub('_', ' ') %></strong> run the following as <strong>root</strong>:</p>
 109   <pre><%=
 110     case k
 111       when /^openSUSE|SLE/
 112         "zypper addrepo #{v[:repo]}#{@prj}.repo\nzypper refresh\nzypper install #{@pkg}"
 113       when /^Fedora|RHEL|CentOS/
 114         "cd /etc/yum/repos.d/\nwget #{v[:repo]}#{@prj}.repo\nyum update\nyum install #{@pkg}"
 115       when /^Debian|Ubuntu/
 116         "echo 'deb #{v[:repo]} ./' > /etc/apt/sources.list\napt-get update\napt-get install #{@pkg}"
 117       when /^Mageia|Mandriva/
 118         "urpmi.addmedia #{@prj} #{v[:repo]}\nurpmi.update -a\nurpmi #{@pkg}"
 119       else
 120         '?'
 121     end
 122   %></pre>
 123   </div>
 124   <% end %>
 125 </div>
 126
 127 <div id="soo_pkg" class="soo_box">
 128   <p class="soo_line">Grab binary packages</p>
 129   <table>
 130   <% @data.select {|k,v| v.has_key?(:pkg)}.each do |k,v| %>
 131   <tr class="soo_distro soo_distro_<%= k.gsub(/_.*$/, '').downcase %>"><td>Packages for <strong><%= k.gsub('_', ' ') %></strong>:</td>
 132   <% v[:pkg].each do |k,v| %>
 133   <td><a class="soo_pkglink" href="<%= v %>"><%= k %></a></td>
 134   <% end %>
 135   </tr>
 136   <% end %>
 137   </table>
 138 </div>
 139
 140 </body>
 141 </html>