add jquery
[opensuse:software-o-o.git] / app / views / main / developer2.rhtml
1     <% 
2       @right_box = :search 
3       @page_title = "Download " + @releasename
4     -%>
5
6         <style>
7         .hidden { display: none; }
8         </style>
9         <%= javascript_include_tag :defaults %>
10
11         <script language="javascript">  
12           var mymedium = "<%= @medium %>";
13
14           var mylink = '';
15           var myiso = '';
16           var directory = "<%= @directory %>";
17           var isos = new Array();
18           <% @isos.each { |key, value| %>
19                <%= "isos['#{key}'] = '#{value}';" %>
20           <% } %>
21
22           function changeiso () {
23                 mylink = mymedium;
24                 var arch_suffix = "-64";
25                 if ($('#i686').attr('checked')) {
26                         arch_suffix = "-32";
27                 }
28                 myiso = directory + "/iso/openSUSE-" + isos[mylink + arch_suffix] + ".iso";
29                 mylink = myiso;
30                 var download_suffix = '';
31                 if ($('#p_torrent').attr('checked')) {
32                         download_suffix = ".torrent";
33                 }
34                 if ($('#p_metalink').attr('checked')) {
35                         download_suffix = ".metalink";
36                 }
37                 if ($('#p_mirror').attr('checked')) {
38                         download_suffix = "?mirrorlist";
39                 }
40                 $('#sig_gpg').attr("href", myiso + ".asc");
41                 $('#sig_md5').attr("href", myiso + ".md5");
42                 $('#sig_sha1').attr("href", myiso + ".sha1");
43                 $('#downloadtext').html(mylink + download_suffix);
44
45                 var langiso = directory + "/iso/openSUSE-" + isos['lang' + arch_suffix] + ".iso";
46                 $('#md5_lang').attr('href', langiso + ".md5");
47                 $('#sha1_lang').attr('href', langiso + ".sha1");
48                 $('#gpg_lang').attr('href', langiso + ".asc");
49                 $('#iso_lang').attr('href', langiso + download_suffix);
50                 $('#iso_nonoss').attr('href', directory + "/iso/openSUSE-" + isos['nonoss'] + ".iso" + download_suffix);
51           }
52
53           $(function() { 
54           changeiso();
55           $('.helplink').show();
56           $('.script_only').show();
57
58           $('.changeiso').click(function(){  
59                 changeiso(); 
60                 return true; });
61
62           $('button.changeiso').click(function(){  
63                 mymedium = this.id.substr(3);
64                 changeiso();
65                 return false; });
66
67           $('#download').click(function() { 
68                 window.location = mylink;
69                 return false;
70           });
71           $('#help_64').click(function() { $("#arch_64").fadeIn("slow"); $("#link_64").hide();});
72           $('#help_32').click(function() { $("#arch_32").fadeIn("slow"); $("#link_32").hide();});
73           });
74         </script>  
75       <table>
76         <tr>
77           <td width="70%">
78             
79             <div class="helplink">
80               <a href="help_media.html" onclick="return popup(this.href,'Media','750','600')" title="Popup: Help on Download Media">Help</a>
81             </div>
82             <h2>Choose an Installation Medium</h2>
83             <%= render(:partial => "change_install", :locals => { :medium => "dvd", :comment => "DVD is the standard medium for most" }) %>
84             <%= render(:partial => "change_install", :locals => { :medium => "gnome", :comment => "Live CD with GNOME desktop" }) %>
85             <%= render(:partial => "change_install", :locals => { :medium => "kde", :comment => "Live CD with KDE desktop" }) %>
86             <%= render(:partial => "change_install", :locals => { :medium => "net", :comment => "Network installation for experts" }) %>
87           </td>
88           <td>
89             
90             <form action="/main/download">
91             <div id="architecture">
92               <h4>Type of Computer</h4>
93               <div class="subcolumns">
94                 <label for="i686" id="l_i686">
95                   <input name="arch" value="i686" id="i686" checked="checked" type="radio" class="changeiso" />32&nbsp;Bit&nbsp;PC 
96                     <span class="hidden helplink" id="link_32"><a href="#" id="help_32">Help</a></span><br />
97                   <span id="arch_32" class="hidden">x86: Computers with e.g. AMD&reg; Sempron or Intel&reg; Celeron&trade;, almost all desktop computers dating 2004 or earlier. This version also runs on 64bit PCs.</span>
98                 </label>
99                 <label for="x86_64" id="l_x86_64" class="">
100                   <input name="arch" value="x86_64" id="x86_64" type="radio" class="changeiso" />
101                   64 Bit PC <span class="hidden helplink" id="link_64"><a href="#" id="help_64">Help</a></span><br />
102                   <span id="arch_64" class="hidden">x86-64: Most new computers with e.g. AMD&reg;: Opteron&trade;, Turion&trade; 64, Athlon&trade; 64, or Intel&reg;: Core&trade;2, Pentium&reg; 4 6xx, Pentium&reg; D CPUs</span>
103                 </label>
104               </div>
105             </div>
106             <div id="protocol">
107               <div class="helplink">
108                 <a href="help_method.html" onclick="return popup(this.href,'Method','750','600')" title="Popup: Help on Download Methods">Help</a>
109               </div>
110               <h4>Download Method</h4>
111               <label><input id="p_http" name="protocol" value="http" checked="checked" type="radio" class="changeiso"/>Direct Link</label>
112               <br/>
113               <label><input id="p_torrent" name="protocol" value="torrent" type="radio" class="changeiso"/>BitTorrent</label>
114               <br/>
115               <label><input id="p_metalink" name="protocol" value="metalink" type="radio" class="changeiso"/>Metalink</label>
116               <br/>
117               <label><input id="p_mirror" name="protocol" value="mirror" type="radio" class="changeiso"/>Pick Mirror</label>
118             </div>
119             <div style="text-align: top; ">
120               <div>
121                  <input type="image" src="/images/local/download-icon.png" alt="Download" style="width: 250px" id="download"/>
122                  <span id="downloadtext"></span>
123               </div>
124               <input type="hidden" name="medium" value="<%= @medium %>"/>
125               <input type="hidden" name="release" value="developer"/>       
126             </div>
127           </form>
128           </td></tr></table>
129       </form>
130
131       <hr/>
132
133       <div id="download_links" style="clear: right;">
134         <h2>Need help?</h2>
135         <p class="info_text">
136           To download a medium, choose from the installation ways, possibly change the architecture and the download way and choose "Save file". 
137           In case of problems with the download, please <a href="http://en.opensuse.org/Download_Help">refer to the Download Help</a>.
138         </p>
139
140         <h3>Verify your download (optional)</h3>
141         <p> 
142          Many applications can verify the checksum of a download. To verify your download can be important as it verifies you really have
143          got the ISO file you wanted to download and not some broken version. We offer three different checksums:
144          </p>
145          <noscript>
146          <dl>
147           <dt>gpg signature</dt>
148           <dd>offers the most security as you can verify who signed it. It should be <tt>79C1 79B2 E1C8 20C1 890F  9994 A84E DAE8 9C80 0ACA</tt>.
149                 (<a id="sig_gpg" href="<%= @directory %>/iso/openSUSE-<%= @isos[@medium + "-32"] %>.iso.asc">32 Bit</a> or <a id="sig_gpg" href="<%= @directory %>/iso/openSUSE-<%= @isos[@medium + "-64"] %>.iso.asc">64 Bit</a>)
150           </dd>
151           <dt>md5 checksum</dt>
152           <dd>is still the most commonly used checksum. Many ISO burners display it right before burning. (<a id="sig_md5" href="<%= @directory %>/iso/openSUSE-<%= @isos[@medium + "-32"] %>.iso.md5">32 Bit</a> or <a id="sig_md5" href="<%= @directory %>/iso/openSUSE-<%= @isos[@medium + "-64"] %>.iso.md5">64 Bit</a>)</dd>
153           <dt>sha1 checksum</dt>
154           <dd>is the less known but more secure checksum than md5. (<a id="sig_sha1" href="<%= @directory %>/iso/openSUSE-<%= @isos[@medium + "-32"] %>.iso.sha1">32 Bit</a> or <a id="sig_sha1" href="<%= @directory %>/iso/openSUSE-<%= @isos[@medium + "-64"] %>.iso.sha1">64 Bit</a>)</dd>
155           </dl>
156          </noscript>
157          <ul class="hidden script_only">
158           <li><a id="sig_gpg" href="#">gpg signature</a> offers the most security as you can verify who signed it. It should be <tt>79C1 79B2 E1C8 20C1 890F  9994 A84E DAE8 9C80 0ACA</tt>.</li>
159           <li><a id="sig_md5" href="#">md5 checksum</a> is still the most commonly used checksum. Many ISO burners display it right before burning.</li>
160           <li><a id="sig_sha1" href="#">sha1 checksum</a> is the less known but more secure checksum than md5.</li>
161           </ul>
162
163         <h3>Add-On Downloads (optional)</h3>
164         <p>
165             <div class="media">
166                 <table><tr>
167                 <noscript>
168                 <td>
169                 <%= render(:partial => "download_link2", :locals => { :id => "lang32", :iso => "lang-32", :text => "Extra Languages (32 Bit)" } ) %>
170                 </td><td>
171                 <%= render(:partial => "download_link2", :locals => { :id => "lang64", :iso => "lang-64", :text => "Extra Languages (64 Bit)" } ) %>
172                 </td>
173                 </noscript>
174               <td class="hidden script_only">
175                  <%= render(:partial => "download_link2", :locals => { :id => "lang", :iso => "lang-32", :text => "Extra Languages" } ) %>
176               </td>
177               <td>
178                  <%= render(:partial => "download_link2", :locals => { :id => "nonoss", :iso => "nonoss", :text => "NonOSS CD"} )%>
179               </td>
180               </tr></table>
181             </div>
182         </p>
183       </div>
184     <div id="download_help" class="info_text">
185       <h3>How to Proceed</h3>
186       <ol style="list-style-type:lower-latin">
187         <li>After having successfully downloaded the ISO image(s), burn the image(s) with your favorite burning application to a DVD or CD. Please do <em>not</em> burn a data DVD/CD, but rather choose the option to burn an ISO image. <a href="http://en.opensuse.org/Download_Help#Burn_the_ISO_Image.28s.29">More information</a></li>
188         <li>Boot from the DVD or CD. In case your computer does not automatically boot from CD/DVD, open the BIOS setup to allow booting from CD or DVD.</li>
189         <li>Instructions are available as follows:
190           <dl>
191             <dt>Installation from DVD/CD:</dt>
192             <dd>
193               <a href="http://www.novell.com/documentation/opensuse110/opensuse110_startup/data/opensuse110_startup.html">Official <%= @releasename %> Start-Up guide</a>
194               <br />
195               <a href="http://en.opensuse.org/INSTALL_Local">Step-by-step installation guide</a>
196             </dd>
197             <dt>Network Installation</dt>
198             <dd>
199               <a href="http://en.opensuse.org/INSTALL_Internet">Internet Installation</a>
200             </dd>
201           </dl>
202         </li>
203       </ol>
204     </div>
205     <div id="download_help" class="info_text">
206     <h3>Additional Information</h3>
207     <%= render(:partial => "eula_link") %>
208     </div> 
209