add first version of the download screen

openSUSE · Jul 12, 2011 · 0859fdc · 0859fdc
1 parent 683456a
commit 0859fdc
Show file tree

Hide file tree

Showing 14 changed files with 163 additions and 14 deletions.
diff --git a/app/controllers/download_controller.rb b/app/controllers/download_controller.rb
@@ -1,12 +1,29 @@
 class DownloadController < ApplicationController
 
   verify :params => [:prj, :pkg]
-  before_filter :query
+  before_filter :prepare
+
+  def prepare
+    @prj = params[:prj]
+    @pkg = params[:pkg]
+    @data = Hash.new
+
+    # add fake data for debug purposes
+    ['openSUSE_11.4', 'openSUSE_11.3', 'Fedora_15', 'Fedora_14', 'Mageia_1', 'Mandriva_2011', 'Debian_6.0', 'Ubuntu_11.04', 'CentOS_5', 'RHEL_5', 'SLE_11'].each do |d|
+      @data[d] =
+        { :repo => "http://download.opensuse.org/repositories/#{@prj}/#{d}/",
+          :ymp => "http://software.opensuse.org/ymp/#{@prj}/#{d}/#{@pkg}.ymp",
+          :pkg => {
+            :i586 => "http://download.opensuse.org/repositories/#{@prj}/#{d}/i586/#{@pkg}-2011.04-1.1.i586.rpm",
+            :src => "http://download.opensuse.org/repositories/#{@prj}/#{d}/src/#{@pkg}-2011.04-1.1.src.rpm",
+            :x86_64 => "http://download.opensuse.org/repositories/#{@prj}/#{d}/x86_64/#{@pkg}-2011.04-1.1.x86_64.rpm"
+          }
+        }
+    end
+
+    # collect distro types from data
+    @distros = @data.keys.collect { |i| i.gsub(/_.*$/, '') }.uniq.sort {|x,y| x.downcase <=> y.downcase }
 
-  def query
-    prj = params[:prj]
-    pkg = params[:pkg]
-    @data = {'x'=> prj, 'y'=> pkg}
   end
 
   # /download.html?prj=name&pkg=name
@@ -25,9 +42,4 @@ def json
     render_json @data.to_json
   end
 
-  # /download.xml?prj=name&pkg=name
-  def xml
-    render :xml => @data
-  end
-
 end
diff --git a/app/views/download/html.erb b/app/views/download/html.erb
@@ -1,3 +1,141 @@
-html
-<%= @data %>
-/html
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+body {
+  font: 0.8em "DejaVu Sans", "Bitstream Vera Sans", Verdana, sans-serif;
+  margin: 16px;
+  margin-top: 0px;
+  padding: 0;
+}
+.soo_line {
+  color: #480;
+  clear: both;
+  border-bottom: 1px solid #CCC;
+  padding-top: 10px;
+  font-size: 1.1em;
+  display: none;
+}
+.soo_line_visible {
+  display: block;
+}
+.soo_button {
+  display: block;
+  float: left;
+  cursor: pointer;
+  border: 1px solid transparent;
+  padding: 3px 5px;
+  margin: 0 .5em 0 0;
+}
+.soo_button:hover, .soo_button_chosen {
+  border: 1px solid #BE7;
+  background: #EEE;
+}
+.soo_button p {
+  font-size: 0.75em;
+  text-align: center;
+  margin: 0;
+}
+.soo_ymplink, .soo_pkglink {
+  font-size: 0.85em;
+  color: white;
+  display: block;
+  margin: 6px;
+  line-height: 23px;
+  font-weight: bolder;
+  float: left;
+  text-decoration: none;
+  height: 27px;
+  text-align: center;
+}
+.soo_ymplink {
+  background: url('<%= image_path('download/1click.png') %>');
+  width: 112px;
+}
+.soo_pkglink {
+  background: url('<%= image_path('download/pkg.png') %>');
+  width: 72px;
+}
+pre {
+  background: #EEE;
+  border: 1px dotted #888;
+  padding: 4px;
+  margin-left: 2em;
+  font-size: 1.2em;
+  overflow-x: auto;
+}
+pre a {
+  text-decoration: none;
+  color: #008;
+}
+.soo_distro {
+  display: none;
+}
+</style>
+<%= javascript_include_tag "http://static.opensuse.org/themes/bento/js/jquery.js" %>
+<script type="text/javascript">
+$(function(){
+  $('.soo_button').click(function(){
+    $('.soo_line').show();
+    $('.soo_button').removeClass('soo_button_chosen');
+    $(this).addClass('soo_button_chosen');
+    $('.soo_distro').hide();
+    $('.soo_distro_' + $(this).data('distro')).show();
+  });
+});
+</script>
+</head>
+<body>
+
+<div class="soo_box">
+  <p class="soo_line soo_line_visible">Select Your Operating System</p>
+  <% @distros.each do |distro| %>
+  <div class="soo_button" data-distro="<%= distro.downcase %>"><img src="<%= image_path('download/' + distro.downcase + '.png') %>" alt="<%= distro %>" /><p><%= distro %></p></div>
+  <% end %>
+</div>
+
+<div id="soo_ymp" class="soo_box">
+  <p class="soo_line">Install using One Click Install</p>
+  <% @data.select {|k,v| v.has_key?(:ymp)}.each do |k,v| %>
+  <a class="soo_ymplink soo_distro soo_distro_<%= k.gsub(/_.*$/, '').downcase %>" href="<%= v[:ymp] %>"><%= k.gsub('_', ' ') %></a>
+  <% end %>
+</div>
+
+<div id="soo_repo" class="soo_box">
+  <p class="soo_line">Add repository manually</p>
+  <% @data.select {|k,v| v.has_key?(:repo)}.each do |k,v| %>
+  <div class="soo_distro soo_distro_<%= k.gsub(/_.*$/, '').downcase %>">
+  <p>For <strong><%= k.gsub('_', ' ') %></strong> run the following as <strong>root</strong>:</p>
+  <pre><%=
+    case k
+      when /^openSUSE|SLE/
+        "zypper addrepo #{v[:repo]}#{@prj}.repo\nzypper refresh\nzypper install #{@pkg}"
+      when /^Fedora|RHEL|CentOS/
+        "cd /etc/yum/repos.d/\nwget #{v[:repo]}#{@prj}.repo\nyum update\nyum install #{@pkg}"
+      when /^Debian|Ubuntu/
+        "echo 'deb #{v[:repo]} ./' > /etc/apt/sources.list\napt-get update\napt-get install #{@pkg}"
+      when /^Mageia|Mandriva/
+        "urpmi.addmedia #{@prj} #{v[:repo]}\nurpmi.update -a\nurpmi #{@pkg}"
+      else
+        '?'
+    end
+  %></pre>
+  </div>
+  <% end %>
+</div>
+
+<div id="soo_pkg" class="soo_box">
+  <p class="soo_line">Grab binary packages</p>
+  <table>
+  <% @data.select {|k,v| v.has_key?(:pkg)}.each do |k,v| %>
+  <tr class="soo_distro soo_distro_<%= k.gsub(/_.*$/, '').downcase %>"><td>Packages for <strong><%= k.gsub('_', ' ') %></strong>:</td>
+  <% v[:pkg].each do |k,v| %>
+  <td><a class="soo_pkglink" href="<%= v %>"><%= k %></a></td>
+  <% end %>
+  </tr>
+  <% end %>
+  </table>
+</div>
+
+</body>
+</html>
diff --git a/config/routes.rb b/config/routes.rb
@@ -42,7 +42,6 @@
   map.connect '/download.html', :controller => 'download', :action => 'html'
   map.connect '/download.js',   :controller => 'download', :action => 'js'
   map.connect '/download.json', :controller => 'download', :action => 'json'
-  map.connect '/download.xml',  :controller => 'download', :action => 'xml'
 
   # Install the default route as the lowest priority.
   map.connect ':controller/:action/:id.:format'

diff --git a/public/images/download/1click.png b/public/images/download/1click.png
diff --git a/public/images/download/centos.png b/public/images/download/centos.png
diff --git a/public/images/download/debian.png b/public/images/download/debian.png
diff --git a/public/images/download/fedora.png b/public/images/download/fedora.png
diff --git a/public/images/download/mageia.png b/public/images/download/mageia.png
diff --git a/public/images/download/mandriva.png b/public/images/download/mandriva.png
diff --git a/public/images/download/opensuse.png b/public/images/download/opensuse.png
diff --git a/public/images/download/pkg.png b/public/images/download/pkg.png
diff --git a/public/images/download/rhel.png b/public/images/download/rhel.png
diff --git a/public/images/download/sle.png b/public/images/download/sle.png
diff --git a/public/images/download/ubuntu.png b/public/images/download/ubuntu.png