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